@charset "utf-8";
/* ----------
css
---------- */

@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500');
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* layout */
body, table, th, td, input,
textarea, button, select {
	font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}
body { width:100%; background-color:#fff; }
#wrap { min-width:1100px; width:100%;}
#wrap.sub{background:url(/images/layout/wrap_sub_bg.jpg) no-repeat center top; background-size:cover;}
.area{width:1100px; margin:0px auto;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; content:""; display:block;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.posa{position:absolute;}
.font-noto{font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}
.font-square{font-family:'Nanum Square','Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}
.font-ubuntu{font-family:'Ubuntu', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}
.font-poppin{font-family:'Poppins','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}


/* -------- Header -------- */
#header {width:412px; height:100%; min-height:950px; position:absolute; top:0; left:0; z-index:999;}
#headerInner {width:100%; height:100%;}
.main-logo{height:100px; padding-left:46px; line-height:100px;}
#headerContainer{width:100%; height:850px; min-height:850px;}
.copy-txt{width:46px; height:100%; position:relative;}
.copy-txt > p{font-size:13px; line-height:20px; color:#777; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); min-width:500px; /*height:46px;*/height:39px; position:absolute; top:526px; /*left:-214px;*/left:-225px; padding-top:10px; background-color:#262626;}
.copy-txt > p span{color:#aaa;}

/* -------- Header :: 서브 -------- */
#headerContainer.sub{/*min-height:1530px;*/min-height:950px; height:100%;}
#headerContainer.sub .copy-txt > p{top:auto; bottom:180px;}


/* -------- Header :: gnb -------- */
#gnb{width:266px; height:100%; background:url(/images/layout/gnb_bg.png) repeat-y 4px top;}
#gnb ul.clearfix{width:100%; padding-top:54px;}
#gnb ul.clearfix > li{margin-bottom:63px;}
#gnb ul.clearfix > li > a{padding-left:36px; display:inline-block; font-size:18px; font-weight:600; color:#ccc; background:url(/images/layout/gnb_li_bg.png) no-repeat left center;}
#gnb ul.clearfix > li:hover > a, #gnb ul.clearfix > li:focus > a, #gnb ul.clearfix > li.on > a{background:url(/images/layout/gnb_li_bg_on.png) no-repeat left center;}
#gnb .gnb-2dep{display:none;}

/* -------- Header :: gnb :: 서브 -------- */
#gnb.sub{background:none;}
#gnb.sub ul.clearfix > li{margin-bottom:69px;}
#gnb.sub .gnb-2dep{display:block; padding-left:56px; padding-top:23px;}
#gnb.sub .gnb-2dep li{width:210px; height:50px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
#gnb.sub .gnb-2dep li > a{font-size:17px; line-height:50px; color:#fff; display:inline-block; padding-left:20px; width:170px; border-top:1px solid rgba(255,255,255,0.15);}
#gnb.sub .gnb-2dep li:first-child > a{border-top:0;}
#gnb.sub .gnb-2dep li:hover, #gnb.sub .gnb-2dep li:focus, #gnb.sub .gnb-2dep li.on{background-color:#009af5;}


/* -------- Sub Layout -------- */
#container {width:100%; /*min-height:950px; min-height:1630px;*/min-height:1050px; position:relative; overflow:hidden;}
#mainPageBtn {width:100%; height:63px; text-align:right; padding-top:37px; background:url(/images/layout/gnb_bg.png) repeat-x left bottom;}
.main-page-btn-group{display:inline-block; min-width:1080px; position:relative; }
#mainPageBtn .main-page-btn-group a{display:inline-block; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
#mainPageBtn .main-page-btn-group a img{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
#mainPageBtn .main-page-btn-group a.v-btn01{margin-right:100px;}
#mainPageBtn .main-page-btn-group a.v-btn02{margin-right:88px;}
#mainPageBtn .main-page-btn-group a.v-btn03{margin-right:64px;}
#mainPageBtn .main-page-btn-group a.v-btn04{margin-right:64px;}

@media all and (max-width:1400px){
	.main-page-btn-group{min-width:inherit;}
	#mainPageBtn .main-page-btn-group{text-align:left;}
	#mainPageBtn .main-page-btn-group a img{width:85%;}
	#mainPageBtn .main-page-btn-group a.v-btn01{margin-right:0;}
	#mainPageBtn .main-page-btn-group a.v-btn02{margin-right:0;}
	#mainPageBtn .main-page-btn-group a.v-btn03{margin-right:0;}
	#mainPageBtn .main-page-btn-group a.v-btn04{margin-right:0;}

}

#middleArea {width:1612px; height:100%; position:relative; left:292px; /*min-height:1530px;*/min-height:1050px; background:url(/images/layout/middle_area_bg.jpg) no-repeat center center; background-size:cover;}
#content {width:1050px; padding-left:60px; padding-bottom:50px;}
.sub-title-location{width:100%; padding-top:52px; text-align:right; position:relative; height:58px; border-bottom:1px solid #ccc; margin-bottom:50px;}
.sub-title-location > h3{position:absolute; bottom:-1px; left:0; display:inline-block; font-size:50px; color:#333; font-weight:400; padding-bottom:12px; border-bottom:1px solid #333;}
.sub-title-location > .sub-location{display:inline-block; font-family:'Poppins','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif; font-size:13.5px; line-height:36px; color:#aaa; padding-top:18px;}
.sub-title-location > .sub-location i{vertical-align:sub; font-weight:300; font-size:16px;}
.sub-title-location > .sub-location span.now{color:#777;}

#subCon{width:100%; }
.sub-con-tit{margin-bottom:10px;}
#container.sub{height:100%; background:url(/images/layout/gnb_bg.png) repeat-y 50px 100px;}




/* -------- Footer -------- */
#footer {width:100%; height:50px; position:absolute; top:900px; left:0;}
#footer #footerInner{padding:0 30px 0 72px; height:50px; line-height:50px; overflow:hidden; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#footer.sub{display:block; height:80px; background:url(/images/layout/gnb_bg.png) repeat-y 50px top; position:static;}
#footer.sub #footerInner {padding:0 30px 0 72px; height:100%; line-height:80px; overflow:hidden;}
#footerInner > ul{width:100%;}
#footerInner > ul li{display:inline-block;}
#footerInner > ul li span{display:inline-block; vertical-align:middle; font-family:'Calibri'; font-size:17px; color:#aaa; margin-left:30px;}
#footerInner > ul li span:first-child{margin-left:0;}
#footerInner > ul li span em, #footerInner > ul li span b{display:inline-block; margin-right:5px;font-weight:400;}
#footerInner > ul li span em{color:#fff; vertical-align:middle;}
#footerInner > ul li span em i{vertical-align:sub}
#footerInner > ul li span b{font-size:15px; color:#ccc; font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;}

/* -------- Footer :: Top 버튼 -------- */
.top-btn{position:fixed; bottom:60px; right:10%; z-index:99;}

@media all and (max-width:1400px){
	#footer #footerInner{padding:0 15px 0 45px;}
	#footerInner > ul li span{margin-left:20px; font-size:16px; letter-spacing:-0.7px;}
	#footerInner > ul li span b{font-size:14px;}
}