@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lusitana);
@import url(notosanskr.css);

body { background:url(../images/pageback.jpg) repeat-x; }

#grbar {
	position:absolute; z-index:2; top:100px; left:0px; width:100%; height:7px;
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0)));
	background:-moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
}
#navbar { background:#0E87BD; position:absolute; z-index:2; top:99px; left:0px; width:100%; height:1px;  }

#wrap{width:995px;margin:0px auto;color:#636363}
header{height:100px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:10px;right:5px; font-size:95%; letter-spacing:-0.02em; border-bottom:1px dotted #ccc; padding-bottom:5px; }
#topmn>a{ color:#636363;  font-size:95%; font-weight:bold }
#topmn>a:hover { color:#589a00 }
#logo { padding:43px 0px 0px 5px }

/*navigation*/
#nav {float:right;height:40px;line-height:40px;display:block;margin-top:45px;}
#nav>li{ list-style:none;float:left;position:relative;z-index:3 }
#nav>li>a {display:inline-block;margin:0px 45px 20px 45px; font-weight:500; font-size:140%; letter-spacing:-0.03em; color:#000; font-family: "Noto Sans KR"; }
/*#nav>li>a>img{display:inline-block;margin:0px 30px 20px 30px;}*/
#nav>li>section{position:absolute;z-index:4;top:20px;height:25px;line-height:33px;display:none;}
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:bold;letter-spacing:-0.02em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff;opacity:1}

#topani { height:120px; position:relative; z-index:0 }
#topani > img {display:block; z-index:auto; position:absolute; opacity:0 }

#ctsWrap {width:100%; background:url(../images/lfback.gif) repeat-y; overflow:auto;  }

/*menu*/
aside {float:left; min-height:350px;width:210px;padding:0px 1px; border-top:2px solid #0E87BD;}
#wLeft >h1 { border-bottom:1px solid #ccc; padding:40px 0px 15px  20px; height:23px; color:#0A5380; font-size:150%; font-family: "Noto Sans KR" }
#wLeft >a, #wLeft >span {display:block; padding:0px 20px; line-height:35px; height:35px; border-bottom:1px solid #cfcfcf; }
#wLeft >a:hover { color:#0e5571; }
#wLeft >a.onm { background:#0E87BD url(../images/lfmnon.png) no-repeat right bottom; color:#fff; font-weight:bold; }
#wLeft >a.onm:hover { color:#fff !important; }
#wLeft >div { padding:10px;background:#f8f8f8;border-bottom:1px solid #cfcfcf; }
#wLeft >div>a, #wLeft >div>span{display:block; padding:7px 10px; border-bottom:1px dotted #ccc;}
#wLeft >div>a.onm{ font-weight: bold; color:#0E87BD; }
#wLeft >div>span { color:#009C88;}
#wLeft >div>*:last-child { border-bottom:0px;}

#wConts { float:right; width:760px; min-height:400px;  }
#wConts>h1 { border-bottom:1px solid #d9d9d9; color:#000; letter-spacing:-0.08em; padding:25px 0px 15px 0px; font-size:180%; margin-bottom:15px; font-family: "Noto Sans KR" }

footer { clear:both; height:118px; background:url(../images/footerback.jpg) repeat-x}
#wbottom { width:995px; margin:auto; overflow:visible; }
#wbottom>img:first-child { display:inline-block; float:left; padding:28px 0px 0px 10px } 
#wbottom>section { float:right; width:770px; padding-top:25px; color:#878687; font-size:98%; line-height:160%; letter-spacing:-0.03em }
#wbottom>section>div{ padding:15px 0px; }

.page{ font-size: 120%; line-height: 160%; padding-bottom: 40px; letter-spacing: -0.05em; text-align: justify; }
.page>.quot{ text-align: center; border-bottom: 1px solid #ddd; font-family: "Noto Sans KR"; font-size: 140%; letter-spacing: -0.05em; font-weight: 500; padding:20px; margin-bottom: 20px; color:#000;  }
.page>.h2s{ font-family: "Noto Sans KR"; font-size: 110%; letter-spacing: -0.05em; font-weight: 500; color:#000;  }

table.ltype1{ margin:auto; border-top:2px solid #0E87BD; color:#555; width: 100%; }
table.ltype1>thead>tr>th { background:#f6f6f6; border-bottom:1px solid #ccc; color:#555; font-weight: 500; padding:8px 5px; font-family: "Noto Sans KR"; border-right:1px solid #ccc; vertical-align: middle; }
table.ltype1>thead>tr>th:last-child{ border-right:0px; }
table.ltype1>tbody>tr>td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 5px;  font-family: "Malgun Gothic","Myriad Pro", Dotum,  Tahoma; text-align:center }
table.ltype1>tbody>tr>td:last-child { border-right:0px; padding-left:20px }
table.ltype1 td>ul { margin:10px 0px 10px 20px }
table.ltype1 td>ul>li{ padding: 3px;}
table.ltype1 td>ul>li>h1{ font-family: "Noto Sans KR"; font-size: 105%; font-weight: 500; }

.divtype1 { margin-bottom: 15px; padding-bottom: 15px; overflow: auto; }
.divtype1>h1 { font-size: 140%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; background: url(../images/ico_arrow2.png) no-repeat 0% 50%; padding-left: 20px; }
.divtype1>h2 { font-size: 120%; font-weight: 400; color:#333; font-family: "Noto Sans KR"; margin:20px 0px 10px 0px;}
.divtype1>ol, .divtype1>ul{ margin-left: 40px; }
.divtype1>ol>li, .divtype1>ul>li{ padding:3px 0px }

.pgfilez{ clear: both; background:#f1f1f1; border:1px solid #ccc; padding:20px 30px; border-radius: 3px; }
.pgfilez>h1{ padding-bottom: 10px; color:#333;  }
.pgfilez>img{ vertical-align: middle; }

.grback{ background: #f7f7f7; border:1px solid #ddd; padding: 10px; border-radius: 3px;}
.grback>img{ display: block; }

.ultype2{ overflow: auto; border:5px solid #eee; padding: 20px; margin-bottom:5px; }
.ultype2>h1{ display: inline-block; background: #17729B; padding: 10px; text-align: center; width: 170px; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%; border-radius: 3px; }
.ultype2>ul{ width: 490px; float: right; }

.ultype3{ 
	width: 43%; float: left; border:1px solid #ccc; padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top:2px solid #000; margin-bottom: 7px;
	background:#f1f1f1 linear-gradient(#ffffff, #f5f5f5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
	background:-moz-linear-gradient(top, #ffffff, #f5f5f5);
}
.ultype3>h1{ background: #636363; padding: 5px; margin-bottom: 10px; text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%; border-radius: 3px; }
.ultype3>ul,.ultype3>ol{ margin-left: 20px; }
.ultype3>ol>li{ padding: 3px 0px;}
.ultype3>ol>li>ul{ margin-left: 10px; list-style: disc; line-height: 160%; }

.ultype4{ 
	width: 40%; float: left; border:3px solid #0E87BD; padding: 20px 30px; border-radius: 10px;  margin-bottom: 7px; font-size: 105%;
}
.ultype4>ul,.ultype4>ol{ margin-left: 20px; }
.ultype4>ol>li{ padding: 0px;}
.ultype4>ol>li>ul{ margin-left: 10px; list-style: disc; line-height: 160%; }

.order { overflow: auto;}
.order > div{ float: left; background: #fff; border:2px solid #0E87BD; color:#0E87BD; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%; text-align: center; min-height: 70px; padding: 20px 10px 0px 10px; border-radius: 10px; }
.order > span { float: left; display: inline-block; padding: 33px 5px; font-weight: bold; color:#0E87BD; font-size: 120%; }

.bluebox { background: url(../images/img01_07.jpg); min-height: 110px; text-align: center; line-height: 110px; font-family: 'Noto Sans KR'; color:#fff; font-weight: 500; font-size: 120%; text-shadow:1px 1px 1px #0E87BD; margin: 10px 0px;} 
.bluebox>img {vertical-align: middle; padding:0px 5px; }
/*page------------------------------------------------------------------------------------------*/
#pg01_01 .order>div{ min-width: 82px; }

#pg01_03>ul:first-child{ position: relative; z-index: auto;  background: url(../images/img01_03.jpg) no-repeat ; min-height: 1140px; margin-top:30px; list-style: none;}
#pg01_03>ul:first-child>li{ position: absolute; z-index: auto; font-size: 120%; font-weight: bold; padding: 10px 0px; color:#005F8A; }
#pg01_03>ul:first-child>li>p{ font-weight: normal; font-size: 75%; letter-spacing: 0.02em; color:#777; padding-top:10px; }

#pg01_07 .order>div{ min-width: 200px; font-size: 130%;   }

#pg02_01>.ultype3{ width: 27%; font-size: 95%;min-height: 390px; margin-bottom: 35px;  }
#pg02_01>.ultype3>ul>li{ padding:5px 0px; }
#pg02_02_04>table td:last-child{ text-align: left;}

#pg03_01>.ultype3{ width: 27%; min-height: 180px; margin-bottom: 10px;  }
#pg03_01>.ultype3>ul>li{ padding:2px 0px; font-size: 90%; }

#pg03_03{ background: url(../images/img03_03.gif) no-repeat; min-height: 480px; position: relative; z-index: auto; }
#pg03_03>div{ position: absolute; z-index: auto; }
#pg03_03>div>h1{ width: 120px; height: 43px; text-align: center; color:#fff; line-height: 43px; font-family: "Noto Sans KR"; font-size: 120%; }
#pg03_03>div>div{ margin-top:20px; padding-left: 30px; padding-bottom: 19px; padding-right: 90px;  border-bottom: 1px dotted #ccc; }
#pg03_03>div>div>h1{ font-family: "Noto Sans KR"; font-size: 120%; }

#pg03_05>.ultype3{ width: 18%; font-size: 95%;min-height: 200px; margin-bottom: 35px; border-radius: 10px; border-top:1px solid #ccc;}
#pg03_05>.ultype3>ul>li{ padding:5px 0px; }

#pg04_01>table td:last-child{ padding:8px ; }
#pg04_01>table td>ul{ text-align: left;}
#pg04_01>table td>ul>li{ padding: 0px; }

#pg04_05>div:last-child>ol{ margin-left: 20px;}

#pg05>div:last-child>p{display: inline-block; }

/*error.php*/
#errMsgbox{ margin:30px 20px;}
#errMsgbox>hgroup>h6{ font-size:12px; color:#000; }
#errMsgbox>hgroup>h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox>p{margin:15px 0px}