@charset "utf-8";
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");
@import url( ./fonts.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 Korean", sans-serif; overflow-x:hidden;}
textarea, select{font-size:12px; font-family:"notosans",sans-serif;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:"notosans",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:80px; z-index:10000; border-bottom:1px solid #dedede; -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; position:relative;}
#header-section #gnb{height:80px; position:relative;}
#header-section #gnb .logo{top:20px; left:0; position:absolute;}
#header-section #gnb .gnb{margin-right:120px; float:right;}
#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:80px; position:relative; float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-1a{height:80px; padding:0 30px; font-weight:400; font-size:18px; line-height:80px; text-align:center; color:#383838; display:table; vertical-align:middle; position:relative;}
#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 .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 18px; font-size:16px; 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:rgba(255,255,255,.5); 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:450px; left:15px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(2) .gb-2ul{width:490px; left:-70px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(3) .gb-2ul{width:100px; left:15px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(4) .gb-2ul{width:100px; left:15px;}
#header-section .gnb .gb-ul .gb-1li:nth-child(5) .gb-2ul{width:210px; right:0;}
#header-section .top_inquiry{width:40px; height:40px; top:20px; right:0;  position:absolute;}
.gnb-bg-box{width:100%; height:0; top:80px; left:0; z-index:100; background-color:rgba(187,12,47,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:14px 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:330px; margin-top:40px;}
#allMenu-section .allMenu-area .am-box h2{font-weight:500; font-size:26px; line-height:70px; color:#fff; border-top:2px solid #383471; 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:18px; line-height:36px; color:#fff; display:block;}

#footer-section{width:100%; background:#222222; padding:40px 0;}
#footer-section .content{width:1100px;margin:0 auto;}
#footer-section .content:after{clear:both;display:block; content:"";}
#footer-section .content .logo{border-bottom:1px solid #393939; padding-bottom:20px;}
#footer-section .content .logo:after{clear:both;display:block; content:"";}
#footer-section .content .logo h1{float:left;}
#footer-section .content .logo ul{float:right; margin-top:15px;}
#footer-section .content .logo ul:after{clear:both;display:block; content:"";}
#footer-section .content .logo ul li{float:left; font-size:14px;}
#footer-section .content .logo ul li a{color:#757575; position:relative; padding:0 15px;}
#footer-section .content .logo ul li a:after{width:1px; height:11px; top:5px; right:0px; background:#757575; content:""; display:block; position:absolute;}
#footer-section .content .logo ul li:last-child a{padding:0 0 0 15px;}
#footer-section .content .logo ul li:last-child a:after{width:0px;}
#footer-section .content .copy{padding-top:30px;}
#footer-section .content .copy:after{clear:both;display:block; content:"";}
#footer-section .content .copy p{float:left; color:#5d5d5d;}
#footer-section .content .copy p span{margin-top:10px; font-size:13px; display:inline-block;}
#footer-section .content .copy ul{float:right; color:#a9a9a9;}
#footer-section .content .copy ul li:first-child{font-size:14px;}
#footer-section .content .copy ul li:last-child{font-size:34px; font-weight:700;}

#svisual-section{background:url("../img/svisual.jpg") no-repeat center top; background-size:cover;}
#svisual-section .sv-txt{height:200px; 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:500; font-size:40px; color:#fff; margin-top:20px;}
#svisual-section .sv-txt p{margin-top:20px; font-weight:400; font-size:15px; color:#fff;}
#svisual-section .sv-txt p img{vertical-align:middle;}
#svisual-section .sv-txt p span{color:#fff;}
#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:100%; background:#bb0c2f;}
#svisual-section .smenu-area .smenu-box{width:1100px; margin:0 auto;}
#svisual-section .smenu-area .smenu-box:after{clear:both; content:""; display:block;}
#svisual-section .smenu-area .smenu-box ul{border-left:1px solid #fff; position:relative;}
#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:18px; line-height:48px; text-align:center; color:#fff; border-top:1px solid #bb0c2f; border-left:1px solid #bb0c2f; background:#bb0c2f; display:table; position:relative;}
#svisual-section .smenu-area .smenu-box ul li a:after{width:1px; height:49px; top:0; right:-1px; z-index:100; background:#dce4e3; content:""; display:block; position:absolute;}
#svisual-section .smenu-area .smenu-box ul li.curr a{font-weight:400; color:#bb0c2f; border-top:1px solid #fff; border-left:1px solid #fff; background:#fff;}
#svisual-section .smenu-area .smenu-box ul li.curr a:before{width:1px; height:49px; top:0; left:0; z-index:101; background:#fff; content:""; display:block; position:absolute;}
#svisual-section .smenu-area .smenu-box ul li.curr a:after{display:none;}
#svisual-section .smenu-area .smenu-box ul li:last-child.curr a{border-right:1px solid #fff;}
#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%;}

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

.title-section{text-align:center; padding-bottom:60px; margin-bottom:60px; position:relative;}
.title-section:after{width:1px; height:30px; bottom:0; left:50%; background:#bb0c2f; content:""; display:block; position:absolute;}
.title-section h1{font-size:36px; color:#000; font-weight:500;}
.title-section p{font-size:24px; color:#ba0c2f; margin-top:20px;}
.title-section p span{font-size:32px; font-weight:500;}