@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : Àüü ·¹À̾ƿô CSS
 * date : 2017-05-30
******************************************************** */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');/* ¿µ¹®  :: Poppins */




/* ****************** SUB LAYOUT ********************** */
#container{width:100%; /*padding-top:112px;*/padding-top:81px; background:#fff url(/images/layout/container_bg.jpg) repeat-x left top;}
#contentInfoCon{height:78px; max-width:1475px; margin:0px auto; padding-top:35px;}
.content-info-container{width:100%; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.content-title{
    margin: 0 auto;
	margin-bottom:60px;
	padding-top:60px;
	padding-bottom:50px;
    width: 1200px;
	font-size:50px;
	color:#252525;
	font-weight:500;
	letter-spacing:-0.5px;
	background:url(/images/icon/icon_home.png) no-repeat left center; 
	text-transform: uppercase;
	text-align: center;
	font-family: 'NanumSquare';
	border-bottom:1px solid #d9d9d9;
}
}
.content-title:after{
	display:inline-block;
	content:""; 
	margin-left:5px; 
	margin-bottom:2px;
	width:34px; 
	height:2px; 
	vertical-align:bottom; 
	background-color:#272727; 
}

#sideMenuM{float:left;}
#sideMenuM .menu-location{
	float:left;
	position:relative;
	width:250px;
	height:50px;
	border-left: 1px solid #d9d9d9;
	z-index:991;
}
#sideMenuM .menu-location:last-child{
	border-right: 1px solid #d9d9d9;
}
#sideMenuM .menu-location:first-child{margin-left:0;}
#sideMenuM .menu-location > .cur-location{
position:relative;
display:block;
padding-left:10px;
height:50px;
line-height:50px;

}
#sideMenuM .menu-location > .cur-location span{font-size:16px; color:#000; display:inline-block; vertical-align:middle; text-transform:capitalize;}
#sideMenuM .menu-location > .cur-location .arrow{
	position:absolute;
	top:50%;
	right:16px;
	margin-top:-15px;
	width:24px;
	height:24px;
	font-size:30px;
	color:#737373;
}
#sideMenuM .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); right: 22px;margin-top:-10px;}
#sideMenuM .menu-location.location2 > .cur-location{
	border-color:#00082e;
	background-color:#20a0d0;
}
#sideMenuM .menu-location.location2 > .cur-location span{font-weight: 600;color:#fff;}
#sideMenuM .menu-location.location2 > .cur-location .arrow{color:#fff;}

#sideMenuM .menu-location.location3 > .cur-location{
	border-color:#0076a2;
	background-color:#0076a2;
}
#sideMenuM .menu-location.location3 > .cur-location span{font-weight: 600;color:#fff;}
#sideMenuM .menu-location.location3 > .cur-location .arrow{color:#fff;}

#sideMenuM .menu-location .location-menu-con li a.on{color:#fff;}
#over{background:#6a6a6a;}
#over2{background:#20a0d0;}
#over3{background:#0076a2;}

#sideMenuM .menu-location .location-menu-con{display:none; position:absolute; top:49px; left:-1px; width:250px; border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;background-color:#fff; z-index:11; }
#sideMenuM .menu-location .location-menu-con li{border-bottom: 1px solid #d9d9d9;}
#sideMenuM .menu-location .location-menu-con li a{display:block; padding:0 23px; font-size:16px; line-height:40px; text-transform:capitalize;}
#sideMenuM .menu-location .location-menu-con li.on{position:relative;}
#sideMenuM .menu-location .location-menu-con li.on a{padding-left:25px; color:#ea5415;}
#sideMenuM .menu-location .location-menu-con li.on a:after{content:""; position:absolute; top:50%; right:16px; width:6px; height:1px; background-color:#ea5415;}
.home{border-left: 1px solid #d9d9d9;}
.sub_menu{width:100%;border-bottom: 1px solid #d9d9d9;background:#f8f8f8}
.bg{margin:0 auto;width:1100px;}
/* ContentInfoInner :: fixed */
.content-info-container.fixed{position:fixed; left:0; /*top:77px;*/top:60px; width:100%; /*height:56px; padding-top:9px;*/height:49px; background-color:#fff; z-index:998; border-bottom:1px solid #000; border-bottom:1px solid rgba(0,0,0,0.27);}

.content-info-container.fixed .content-title{font-size:26px; line-height:49px;}
.content-info-container.fixed #sideMenuM{padding-top:8px;}
.content-info-container.fixed #sideMenuM .menu-location{height:30px;}
.content-info-container.fixed #sideMenuM .menu-location > .cur-location{height:30px; line-height:30px; font-size:12px}
.content-info-container.fixed #sideMenuM .menu-location .location-menu-con{top:30px;}







@media all and (max-width:1475px){}

@media all and (max-width:1220px){
	#container{padding-top:81px;}
	.content-title{font-size:21px; line-height:35px;}
}

@media all and (max-width:800px){
	#container{padding-top:61px;}
	#contentInfoCon{height:auto; padding-top:25px; padding-bottom:25px;}
	.content-title, #sideMenuM{float:none; }
	.content-title{font-size:18px; line-height:22px; text-align:center; padding-left:0; background:none; margin-bottom:25px;}
	.content-title:after{display:none;}
	
	#sideMenuM .menu-location{width:49.5%; height:38px; margin-left:1%; }
	#sideMenuM .menu-location > .cur-location{height:36px; line-height:36px; padding-left:10px;}
	#sideMenuM .menu-location > .cur-location span{font-size:14px; letter-spacing:-0.5px;}
	#sideMenuM .menu-location > .cur-location .arrow{right:3px; width:21px; height:21px; font-size:21px; margin-top:-7px;}
	#sideMenuM .menu-location > .cur-location.open .arrow{margin-top:-12px;}
	#sideMenuM .menu-location .location-menu-con{top:38px;}
	#sideMenuM .menu-location .location-menu-con li a{padding:0 15px;}
	#sideMenuM .menu-location .location-menu-con li.on a{padding-left:17px;}

	/* ContentInfoInner :: fixed */
	.content-info-container.fixed{top:60px; height:auto;}
	.content-info-container.fixed .content-info-inner{max-width:none;}
	.content-info-container.fixed .content-title{font-size:18px; line-height:22px; margin-bottom:10px; padding-top:10px;}
	.content-info-container.fixed #sideMenuM{padding-top:0;}
	.content-info-container.fixed #sideMenuM .menu-location{height:35px;}
	.content-info-container.fixed #sideMenuM .menu-location > .cur-location{height:33px; line-height:33px;}
	.content-info-container.fixed #sideMenuM .menu-location .location-menu-con{top:35px;}
}

@media all and (max-width:480px){

}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading-box{display:none; position:fixed; top:50%; left:50%;  margin:-25px 0 0 -25px; z-index:10000;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#f15a2a; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; font-size:38px;}
.modal-close-btn i{font-size:inherit}
.modal-close-btn i:hover {color:#fff}
/* °³ÀÎÁ¤º¸, ÀÌ¿ë¾à°ü µî */
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* »çÀÌÆ®¸Ê */
.modal-inner-box.sitemap{vertical-align:top;}
#siteMapCon{width:100%; max-width:none; border-top:5px solid #404040; margin:0px auto; padding:65px 0;
	top:-80px; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.5s, top 0.5s;
	-moz-transition:opacity 0.5s, top 0.5s;
	-o-transition:opacity 0.5s, top 0.5s;
	-ms-transition:opacity 0.5s, top 0.5s;
	transition:opacity 0.5s, top 0.5s;
}
#siteMapCon.active{top:0; opacity:1.0;filter:Alpha(opacity=100);}
.sitemap-wrapper, .sitemap-list{width:100%;}
.sitemap-list-con > dt, .sitemap-list-con > dd{float:left; padding:20px 0;}
.sitemap-list-con > dt{width:19%;}
.sitemap-list-con > dt strong{font-size:20px; line-height:28px; color:#010101; font-weight:500; }
.sitemap-list-con > dd{width:81%;}
.sitemap-list-con > dd > p{display:inline-block; min-width:18.45%; vertical-align:middle;}
.sitemap-list-con > dd > p a{font-size:12.5px; line-height:35px; color:#464646; }
.sitemap-2dep-list-con{display:table; width:100%; border-top:1px dotted #888;}
.sitemap-list-con > dd .sitemap-2dep-list-con:first-child{border-top:0;}
.sitemap-2dep-list-con dt, .sitemap-2dep-list-con dd{display:table-cell; vertical-align:top; padding:18px 0;}
.sitemap-2dep-list-con:first-child dt, .sitemap-2dep-list-con:first-child dd{padding-top:0;}
.sitemap-2dep-list-con:last-child dt, .sitemap-2dep-list-con:last-child dd{padding-bottom:0;}
.sitemap-2dep-list-con dt{width:19%;}
.sitemap-2dep-list-con dt > strong{display:block; position:relative; font-size:17px; line-height:32px; color:#262626; font-weight:500;}
.sitemap-2dep-list-con dt > strong:after{display:inline-block; content:""; position:absolute; top:9px; right:39px; width:2px; height:18px; background-color:#ea5415;}
.sitemap-2dep-list{width:100%;}
.sitemap-2dep-list > li{float:left; width:25%;}
.sitemap-2dep-list > li a{font-size:12.5px; line-height:35px; color:#464646;}
.sitemap-list.point{background-color:#f4f4f4;}
.sitemap-list.point .sitemap-list-con > dt strong{color:#ea5415;}
.sitemap-close-btn{color:#000;}
.sitemap-close-btn i, .sitemap-close-btn:hover i{color:#000; vertical-align:middle;}
.logo-sitemap{text-align:right;}

@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	/* »çÀÌÆ®¸Ê  */
	.sitemap-wrapper{padding:15px}
}