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


/*header*/
header{ height: 136px; border-bottom: 1px solid #ccc; letter-spacing:-0.05em; margin-bottom:50px; }
#wrapLogo{ height:85px; border-bottom: 1px solid #eee; text-align: center; }
#wrapLogo>a{ display: block; padding-top: 15px;}
#wrapNav{ width: 1080px; margin:auto; position:relative;z-index:auto;  }
#topmn { position:absolute;z-index:auto;top:-30px;right:15px; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#ibank{ background: #0072bc; color:#fff; display: inline-block; padding: 3px 10px; border-radius: 3px; position:absolute;z-index:auto;top:-30px;left:15px;  }

/*navigation*/
#nav {height:49px; line-height:50px; display:block; font-family: "Noto Sans KR"; }
#nav>li{list-style:none;float:left;position:relative;z-index:3; color:#555; }
#nav>li>a {display:inline-block;margin:0px 40px 0px 40px; font-size: 140%; font-weight:500; color:#555; padding:0px 7px; letter-spacing:-0.05em}
#nav>li>a.nvon {color:#0072bb; }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:40px; height:40px; display:none; font-size: 110%; font-weight: 500; }
#nav>li>section>a{float:left;display:block;padding:0px 10px;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
#nvbar{ width: 100%; height: 10px; background: #0072bb; position: absolute; z-index: 1; top:137px; }

#wrap{width:1080px; margin: auto auto; color:#636363; overflow:hidden; background: url(../images/lfback.gif) repeat-y;  }

/*menu*/
aside {width:208px;float:left;padding: 1px; font-family: "Noto Sans KR"; letter-spacing: -0.03em; margin-bottom: 50px;  }
aside >h1 { border-top:3px solid #0072bb; border-bottom: 1px solid #ddd; background: url(../images/lftopback.jpg) no-repeat; padding: 55px 10px 30px 20px; font-size: 170%; font-weight: 500;  }
aside >div>a, aside >div>span {display:block; border-bottom:1px solid #ddd; line-height: 40px; font-size: 110%; padding-left: 10px; }
a.onm{ font-weight: 400; background: #0080bb; color:#fff;  }

#ctsWrap { float:right; width:840px; min-height:500px; letter-spacing: -0.03em; font-size: 115%;   }
#ctsWrap>header{ background: url(../images/titback.gif) no-repeat right bottom; border-bottom: 1px solid #ddd; margin-bottom: 20px; height: auto; }
#ctsWrap>header>h1 { margin:20px 0px; font-size: 300%; font-family: "Noto Sans KR"; font-weight: 500; color:#0072BB; letter-spacing: -0.05em; }
#ctsWrap>header>h2 { color:#888; font-size: 110%; font-weight: normal; padding: 5px 0px 30px 0px;  }

footer { 
	clear:both; height:100px; border-top:1px solid #ddd; 
	background:#f1f1f1 linear-gradient(#f8f8f8, #fff);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff));
	background:-moz-linear-gradient(top, #f8f8f8, #fff);
}
#wrapFoot{ width: 1080px; margin: auto; padding: 25px 0px; overflow: auto; letter-spacing: -0.03em; }
#wrapFoot>img{ display: block; float:left; padding-left: 20px; }
#wrapFoot>div{ float: right; width: 830px; color:#777; }
#wrapFoot>div>div{ font-family: "Noto Sans KR"; font-size: 110%; padding: 20px 0px; }
#wrapFoot>div>div>a{ display: inline-block; padding:0px 10px; font-weight: 500; }
#wrapFoot>div>p:last-child{ color:#aaa; margin-top:10px; }
#siteOpen{ width: 110px;}

#axWrap{width:1080px; margin: auto auto; color:#636363; min-height: 500px; font-size: 115%; }
#axWrap>h1{ margin:20px 0px; font-size: 220%; line-height: normal; font-family: "Noto Sans KR"; font-weight: 500; color:#000; letter-spacing: -0.05em; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px }

#axWrap>div.pagez>div{ margin:20px 0px; }
#axWrap>div.pagez>div>h1{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; line-height: normal; padding: 10px 0px; color:#000; }

/*page*/
.pagez{ letter-spacing: -0.02em; word-break: keep-all; padding-bottom: 50px; line-height: 160%;  }
.pagez ul:not(.dash), .pagez ol:not(.dash){ margin: 10px 0px 10px 20px; line-height: 160%; }
.pagez li{ padding: 2px 0px;}
.pagez ol li>ul:not(.dash){ list-style: disc; }
.hdtype1{ margin: 20px 0px;}
.hdtype1>h1{ font-family: "Noto Sans KR"; font-size: 160%; font-weight: 500; letter-spacing: -0.03em; color:#000; padding: 10px 0px; }
.hdtype1>h1+div{ margin: 10px 0px; line-height: 160%;}
.hdtype2{ margin: 20px 0px;}
.hdtype2>h1{ font-family: "Noto Sans KR"; font-size: 135%; font-weight: 500; letter-spacing: -0.03em; color:#18A8E1; padding: 10px 0px; }
.hdtype2>h1+div{ margin: 10px 0px; line-height: 160%;}
.imgbox10{ border:1px solid #ccc; padding: 9px; }
.imgbox10>img{ display: block; width: 100%; }
.map>h1{ margin: 20px 0px 5px 0px; font-family: "Noto Sans KR"; font-size: 130%; color:#000; font-weight: 500; }
.map>h2{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; }
.desc{ padding: 20px; border-bottom: 1px solid #ccc; font-family: "Noto Sans KR"; font-size: 110%; font-weight: 300;  }
.desc>img{ display: inline-block; float: left; padding-right: 15px; }
.descbox{ padding: 20px; background: #f7f7f7; border:1px solid #ccc; }
.boxtype{ border:7px solid #eee; padding: 20px; }
.asterisk2{ margin: 10px 15px; text-indent: -15px; }

table.lropen{ width: 100%; border-top:1px solid #ddd; }
table.lropen td, table.lropen th{ border-bottom: 1px solid #ddd; padding: 10px 20px; }
table.lropen td:not(:last-child), table.lropen th:not(:last-child){ border-right: 1px solid #ddd;}
table.lrclose{ width: 100%; border:1px solid #ddd; }
table.lrclose th{ text-align: center; }
table.lrclose td, table.lrclose th{ border-bottom: 1px solid #ddd; padding: 10px 20px; }
table.lrclose td, table.lrclose th{ border-right: 1px solid #ddd; vertical-align: middle; }

.rflbox{ overflow: auto; }
.rflbox>p{ float: left; display:inline-block; width:120px; text-align: center; border:1px solid #ddd; color:#18A8E1; padding: 25px; border-radius: 10px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 115%; }
.rflbox>img{ float: left; display:inline-block; padding: 25px 5px 0px 5px; }

/*
#pgz0102>h1{ font-family: "Noto Sans KR"; font-weight: 500; font-size: 200%; margin:30px 0px 20px 0px; letter-spacing: -0.05em; color:#000; }
#pgz0102>h2{ font-family: "Noto Sans KR"; font-weight: 300; font-size: 190%; line-height: 110%; padding: 20px 0px;  }
#pgz0102>h2>span{ color:#18A8E1; font-weight: 400; }
#pgz0102>div:last-child{ text-align: right; padding: 20px 0px; font-size: 130%; font-family: "Noto Sans KR" }
#pgz0102>div.imgbox10{ margin: 20px 0px; }
*/

#pgz0102>div:first-of-type{ width: 100%; height: 450px; background: url(/images/img0102_2022.png) no-repeat right #ECEDF2; border-top: 2px solid #2D82BB;}
#pgz0102>h1{ 
    font-family: "Noto Sans KR"; font-weight: 500; font-size: 180%; letter-spacing: -0.05em; color:#000;
    line-height: 1.4em; width: 50%; position: relative; top:-320px; left: 50px; height: 0px;
}
#pgz0102>div:last-child{ text-align: right; padding: 20px 0px; font-size: 130%; font-family: "Noto Sans KR" }

#history{ width: 100%; }
#history td:first-child{ font-family: "Lusitana"; text-align: center; font-size: 200%; padding: 0px 30px; color:#000;  }
#history td:last-child{ padding: 15px; }
#history td{ border-bottom:1px dotted #ddd; }
#history thead{ background: #0072BB; line-height: 35px; color:#fff }

#pgz0104{ background: url(../images/img0104_230731.jpg) no-repeat; padding-top: 740px; position: relative; z-index: auto;  }
#pgz0104>p.tt{ 
    position: absolute; z-index: auto; width: 171px; height: 65px; line-height: 65px; font-family: "Noto Sans KR"; font-size: 125%; font-weight: 500; color:#fff; text-shadow: 1px 1px 1px #000; ; text-align: center;
}



#pgz0104>div.ttbox{ position: absolute; z-index: auto; width: 185px; padding: 0px 10px; text-align: center;  }
#pgz0104>div.ttbox>h1{ font-family: "Noto Sans KR"; font-size: 125%; font-weight: 500; color:#fff; text-shadow: 1px 1px 1px #000; height: 65px; line-height: 65px; }
#pgz0104>div.ttbox>ul{ list-style: none; margin-left: 0px;  }
#pgz0104>div.ttbox>ul>li{ border-bottom: 1px dotted #ccc; line-height: 35px; }
#ort01{ right: 104px; top:11px; }
#ort02{ right: 104px; top:110px; }
#ort03{ right: 104px; top:209px; }
#ort04{ left: 64px; top:69px; }
#ort05{ left: 279px; top:69px; }
#ort06{ left: 3px; top:364px; }
#ort07{ left: 212px; top:364px; }
#ort08{ left: 421px; top:364px; }
#ort09{ left: 630px; top:364px; }
#ort10{ left: 630px; top:554px; }

.tinbox{ width: 27%; float: left; margin:0px 3px 10px 3px; padding: 20px; border:3px solid #00ACBA; border-radius: 10px; min-height: 360px; }
.tinbox>h1{font-family: "Noto Sans KR"; font-size: 125%; font-weight: 500; color:#fff; text-shadow: 1px 1px 1px #000; height: 55px; line-height: 55px; text-align: center; background:#21899E; border-radius: 0px 0px 30px 30px; }
.tinbox>h2{font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; color:#fff; text-shadow: 1px 1px 1px #000; height: 40px; line-height: 40px; text-align: center; background:#239175; border-radius: 10px 10px }
.tinbox>ul{ list-style: none; margin-left: 0px; text-align: center; }
.tinbox>ul>li{ border-bottom: 1px dotted #ccc; line-height: 35px; }
div.tinbox:last-child{ margin-bottom: 40px;}

#pgz0105 table{ text-align: center;  }
#pgz0105 table>thead{ background: #f7f7f7; border-top:3px solid #0080BB }

#pgz0107{ overflow: auto; }
#pgz0107>div{ width: 33%; margin-left: 2px; float: left; text-align: center; }
#pgz0107 thead{background: #f7f7f7; border-top:3px solid #0080BB}

#pgz0204B table>thead{ background: #f7f7f7; font-family: "Noto Sans KR"; }
#pgz0204B td:first-child{ text-align: center; }

#pgz0205A table{ text-align: center; width: 100%;  }
#pgz0205A table td{ padding: 30px 0px; vertical-align: top;}
#pgz0205A table td>p{ display: inline-block; }
#pgz0205A table td>div{ border-top:1px solid #ccc; margin:20px 20px 0px 20px; padding:10px 0px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%;}
#pgz0205A table td>div>span{ font-family: "Malgun Gothic"; font-weight: normal; font-size: 87%; }

#pgz0205B table {text-align: center; }
#pgz0205B table th{ font-family: "Noto Sans KR"; font-weight: 500; background: #f7f7f7; }




#pgz0206 table{ text-align: center;}
#pgz0206 table>caption{ font-family: "Noto Sans KR"; text-align: right; font-weight: 500; font-size: 120%; padding-bottom: 10px; color:#2D82BB; }
#pgz0206 table>thead{ background: #f7f7f7; border-top:3px solid #0080BB }

#pgz0602>.hdtype1>table{ border-top:3px solid #0080BB; margin:20px auto; }
#pgz0602>.hdtype1>table td:first-child{ background: #f7f7f7; font-family: "Noto Sans KR"; font-weight: 400; text-align: center;}

#pgz0603>.hdtype1>table{ border-top:3px solid #0080BB; margin:20px auto; }
#pgz0603>.hdtype1>table td:first-child{ background: #f7f7f7; font-family: "Noto Sans KR"; font-weight: 400; text-align: center;}

#pgz0604>.hdtype1>div>table{ border-top:3px solid #0080BB; margin:10px auto; font-family: "Noto Sans KR"; text-align: center; }
#pgz0604>.hdtype1>div>table>thead{ background: #f7f7f7;  font-weight: 500; }
#pgz0604>.hdtype1>div>table td:not(:first-child){ font-family:"Lusitana"; font-weight: 500; color:#000;  }

#pgz0606 .boxtype{ margin-top: 20px; }

#pgz0802>h1{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; line-height: normal; padding: 10px 0px; color:#000; }
:where(#pgz0801, #pgz0802, #pgz0804) .lrclose{ margin: 15px 0px;}
#pgz0801 .lrclose>thead, #pgz0802 .lrclose>thead, #pgz0804 .lrclose>thead{ background: #f6f6f6; }

#pgz0804 h2{ font-size: 110%; color:rgba(0, 0, 0, 0.7); margin: 20px 0 12px 0; }
#pgz0804 h3{ font-size: 105%; color:rgba(0, 0, 0, 0.7); margin: 7px 0; }
#pgz0804 ul{ margin: 0 0 0 0px; list-style: none;}
/* #pgz0804 h2+div{ margin-left: 20px;} */

/*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}