@charset "utf-8";
@import url( ./fonts.css );
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:14px; font-family:'Noto Sans KR', sans-serif; overflow-x:hidden;}
textarea, select{font-size:12px; font-family:'Noto Sans KR', sans-serif;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:'Noto Sans KR', sans-serif; background:#fff;}
p{margin:0; padding:0; word-break:keep-all; word-wrap:break-word;}
div{word-break:keep-all; word-wrap:break-word;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
iframe{max-width:100%;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.dn{display:none;}

.mT30{margin-top:30px;}
.mT50{margin-top:50px;}

.blind{font-size:0; left:-1000em; line-height:0; position:absolute;}


#header-section{width:100%; height:100px; z-index:10000; border-bottom:1px solid #25224b; -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s;}
#header-section .header-area{width:1100px; margin:0 auto; padding:0 0; position:relative;}
#header-section #gnb{height:100px; position:relative;}
#header-section #gnb .logo{top:20px; left:0; position:absolute;}
#header-section #gnb .gnb{margin-left:250px; float:left;}
#header-section #gnb .gnb:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul{}
#header-section .gnb .gb-ul:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul .gb-1li{height:100px; position:relative; float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-1a{height:100px; padding:0 35px; font-weight:500; font-size:16px; line-height:100px; text-align:center; color:#383838; display:table; vertical-align:middle; position:relative;}
#header-section .gnb .gb-ul .gb-1li:last-child .gb-1a{padding:0 25px;}
#header-section .gnb .gb-ul .gb-1li .gb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:-4px; z-index:20000; background:#fff; content:""; position:absolute; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; -ms-transition:all 0.33s ease-out 0s; -o-transition:all 0.33s ease-out 0s; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#header-section .gnb .gb-ul .gb-1li .gb-1a.on:after,
#header-section .gnb .gb-ul .gb-1li .gb-1a:hover:after{width:60px;}
#header-section .gnb .gb-ul .gb-1li:last-child{padding-left:20px;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul{height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li{float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li a{padding:0 15px; font-size:14px; line-height:60px; color:#fff; display:table; position:relative;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li a:after{width:1px; height:14px; top:50%; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); background:#a3a3a3; content:""; display:block; position:absolute;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li:last-child a:after{display:none;}
#header-section .gnb .gb-ul .gb-1li:nth-child(1) .gb-2ul{width:920px; left:-80px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(2) .gb-2ul{width:400px; left:0px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(3) .gb-2ul{width:1000px; left:-300px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(4) .gb-2ul{width:300px; left:-20px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(5) .gb-2ul{width:200px; left:20px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(6) .gb-2ul{width:400px; right:-80px;}
#header-section .top-inquiry{width:110px; top:36px; right:46px;position:absolute;}
#header-section .top-inquiry a{width:100%; display:inline-block; background:#2b567a; background:#2b567a; color:#fff; text-align:center; line-height:34px; font-size:15px;}
#header-section .top-inquiry a span{background:url("../img/top_inquiry_icon.gif") no-repeat left center; padding-left:22px;}
#header-section .gb-all{width:40px; height:34px; top:36px; right:0; text-indent:-9000px; background:url("../img/btn_allmenu.gif") no-repeat center center; display:block; position:absolute;}
.gnb-bg-box{width:100%; height:0; top:100px; left:0; z-index:100; background-color:rgba(0,90,171,1); display:none; position:absolute;}

#allMenu-section{width:100%; height:0; top:0; left:0; z-index:99999; background:rgba(0,0,0,.93); position:fixed; opacity:0; overflow:hidden;}
#allMenu-section .allMenu-area{width:100%; max-width:1200px; margin:82px auto; padding:0 10px;}
#allMenu-section .allMenu-area:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-top{text-align:right;}
#allMenu-section .allMenu-area ul.am-ul{margin:0 -37px;}
#allMenu-section .allMenu-area ul.am-ul:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li{width:25%; padding:0 37px; float:left;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li:nth-child(4):after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-box{height:400px; margin-top:40px;}
#allMenu-section .allMenu-area .am-box h2{font-weight:700; font-size:20px; line-height:70px; color:#fff; border-top:2px solid #00aeef; border-bottom:1px solid #7b7b7b; display:block; position:relative;}
#allMenu-section .allMenu-area .am-box ul{margin-top:10px;}
#allMenu-section .allMenu-area .am-box ul li{}
#allMenu-section .allMenu-area .am-box ul li a{font-size:16px; line-height:36px; color:#fff; display:block;}


.footer-section{background:#fff; border-top:1px solid #c3c3c3;}
.footer-section .footer-area{width:1200px; padding:40px 20px 25px; margin:0 auto;}
.footer-section .footer-area:after{clear:both; display:block; content:"";}
.footer-section .footer-area h1{float:left;}
.footer-section .footer-area .footer-left{float:left; color:#4e4e4e; margin-left:70px;}
.footer-section .footer-area .footer-left ul li{font-size:14px; line-height:24px; letter-spacing:-1px;}
.footer-section .footer-area .footer-left p{font-size:13px; font-weight:300; margin-top:10px;}
.footer-section .footer-area .footer-left p span{font-weight:700; color:#b78d61;}
.footer-section .footer-area .footer-right{float:right;}
.footer-section .footer-area .footer-right:after{clear:both; display:block; content:"";}
.footer-section .footer-area .footer-right ul:after{clear:both; display:block; content:"";}
.footer-section .footer-area .footer-right ul li{float:left; margin-left:20px;}

#wrap.sub #container-section{width:100%; max-width:1100px; margin:0 auto; padding:50px 0 100px;}

#svisual-section{background:url("../img/svisual.jpg") no-repeat center top; background-size:auto 200px; overflow:hidden;}
#svisual-section .sv-txt{height:151px; text-align:center; position:relative;}
#svisual-section .sv-txt div{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#svisual-section .sv-txt h1{font-weight:700; font-size:32px; color:#2e2e2e;}
#svisual-section .sv-txt p{margin-top:10px; font-weight:400; font-size:14px; color:#2e2e2e;}
#svisual-section .sv-txt p img{vertical-align:middle;}
#svisual-section .sv-txt p span{color:#2e2e2e; font-weight:500;}
#svisual-section .sv-txt p em{padding:0 15px; text-indent:-9000px; background:url("../img/icon_bul01.png") no-repeat center center; display:inline-block;}
#svisual-section .smenu-area{width:1100px; margin:0 auto; padding:0; position:relative;}
#svisual-section .smenu-area .smenu-box{}
#svisual-section .smenu-area .smenu-box:after{clear:both; content:""; display:block;}
#svisual-section .smenu-area .smenu-box ul{}
#svisual-section .smenu-area .smenu-box ul:after{clear:both; content:""; display:block;}
#svisual-section .smenu-area .smenu-box ul li{float:left;}
#svisual-section .smenu-area .smenu-box ul li a{width:100%; font-weight:400; font-size:14px; line-height:48px; text-align:center; color:#454545; border:1px solid #dedede; border-right:none; background:#fff; display:table; position:relative;}
#svisual-section .smenu-area .smenu-box ul li:last-child a{border-right:1px solid #dedede;}
#svisual-section .smenu-area .smenu-box ul li:nth-child(7) a,
#svisual-section .smenu-area .smenu-box ul li:nth-child(8) a,
#svisual-section .smenu-area .smenu-box ul li:nth-child(9) a,
#svisual-section .smenu-area .smenu-box ul li:nth-child(10) a{border-top:none;}
#svisual-section .smenu-area .smenu-box ul li.curr a{font-weight:500; color:#fff; border-top:1px solid #005aab; border-left:1px solid #005aab; background:#005aab;}
#svisual-section .smenu-area .smenu-box ul li.curr a:before{width:1px; height:49px; top:0; left:0; z-index:101; background:#005aab; content:""; display:block; position:absolute;}
#svisual-section .smenu-area .smenu-box ul li:last-child.curr a{border-right:1px solid #005aab;}
#svisual-section .smenu-area .smenu-box ul.sm01 li{width:100%;}
#svisual-section .smenu-area .smenu-box ul.sm02 li{width:50%;}
#svisual-section .smenu-area .smenu-box ul.sm03 li{width:33.3333333%;}
#svisual-section .smenu-area .smenu-box ul.sm04 li{width:25%;}
#svisual-section .smenu-area .smenu-box ul.sm05 li{width:20%;}
#svisual-section .smenu-area .smenu-box ul.sm06 li{width:16.6666666%;}

.page-title{text-align:center; font-size:30px; font-weight:700; color:#333; padding-bottom:20px; position:relative; margin-bottom:50px;}
.page-title:after{width:50px; height:3px; bottom:0; left:550px; margin-left:-25px; background:#005aab; content:""; display:block; position:absolute;}

.page-subtitle{text-align:center; font-size:24px; font-weight:700; color:#005aab;margin-bottom:50px;}
.tab1-type{margin-bottom:60px; border-bottom:1px solid #292929;}
.tab1-type:after{clear:both; content:""; display:block;}
.tab1-type ul{width:100%; float:left;}
.tab1-type ul li{width:24%; height:40px; margin-right:0.1%; border-bottom:1px solid #292929; background:#005aab; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tab1-type ul li a{font-size:16px; line-height:40px; text-align:center; color:#fff; display:block;}
.tab1-type ul li.on a{color:#515151; border:1px solid #292929; border-bottom:0; background:#fff;}

h3.sub-title{color:#005aab; font-size:18px; font-weight:700; margin-bottom:20px;}


/* 페이징 */
.paging_zone{padding:15px 0; text-align:center; clear:both;}
.paging a,
.paging span{margin:0 1px; padding:11px 15px; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #dedede; display:inline-block;}
.paging a:hover,
.paging span.on{color:#fff; border:1px solid #777; background:#999;}