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

/* ****************** 공통레이아웃 ********************** */
@media all and (max-width:1132px){
	.area-box, 
	.area{padding:0 30px;}
}
@media all and (max-width:1024px){
	.area-box,
	.area{padding:0 15px}
}

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

/* ****************** FOOTER ********************** */
@media all and (max-width:1132px){
	.foot-logo{ float:none; display:block; }
	.foot-menu{ float:none; display:inline-block; } 
	.footer-address{ margin:0 0 0 140px; display:block;}
}
@media all and (max-width:800px){
	/* -------- FOOTER :: 레이아웃 -------- */
	#footer-con{ padding-bottom:0px; text-align:center;}
	.footer-left-con,.footer-right-con{float:none; }



	/* Footer :: 푸터로고 */
	.footer-left-con .footer-right-con .foot-logo{text-align:center; padding-top:30px;}


	/* -------- Footer :: 하단 -------- */
	/* Footer :: 왼쪽정보 */
	.footer-address{text-align:center; margin:15px 0 15px 0;}
	.footer-address p:before{display:none;}

}
@media all and (max-width:480px){
	/* -------- Footer :: 상단 -------- */
	/* Footer :: 푸터메뉴 */
	.foot-menu{margin:0 -15px}
	.foot-menu li {padding-left:10px}
}


/* ****************** SUB LAYOUT ********************** */
}
@media all and (max-width:1024px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual{height:210px;}
	#visual .visual-txt-con { top:0; }
}
@media all and (max-width:800px){
	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon{margin-bottom:10%; }
	#contentInfoCon .content-tit{ font-size:3.6rem; }
	#contentInfoCon span { font-size:2.6rem; }

	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#content{padding:50px 0}
}
@media all and ( max-width: 480px ){
	/*  SUB LAYOUT :: 비주얼 */
	#visual{height:200px}
	#visual .visual-txt-con { top:-5px; }
}

/* ****************** 서브메뉴 변환  ********************** */

@media all and (max-width:1132px){
	/*  SUB LAYOUT :: 서브메뉴(스타일2) */
	#topMenu01 .side-menu-inner ul{display:table; width:100%;}
	#topMenu01 .side-menu-inner ul:after{display:none;}
	#topMenu01 .side-menu-inner ul li{float:none; display:table-cell; vertical-align:middle;}
}

@media all and (max-width:800px){
	/*  SUB LAYOUT ::  서브메뉴 */
	
	/*  :: 서브메뉴-1 (스타일2)  :: */
	
	#m-home-btn{ display:inline-block;  float:left;}
	#m-home-btn > a{ display:block; display:table; position:relative; width:60px; height:60px; text-align:center; background:#004c7a; color:#fff; border-bottom:1px solid #ddd; }
	#m-home-btn > a > span{ display:table-cell; vertical-align:middle; }
	#m-home-btn > a:hover{ color:red; background:#004c7a url(../images/layout/sub_menu_bg_lt.png) top left no-repeat;; }

	#topMenu01{display:none}
	#topMenuM02{display:block; position:relative; height:60px; width: calc(50% - 60px);  float:left; } 
	#topMenuM02.resizeMenu { width: calc(100% - 60px);  }
	#topMenuM02 .side-menu-inner{height:60px; border-bottom:1px solid #ddd; background-color:#fff;  width:100%; }
	#topMenuM02 .menu-location{position:relative;}
	#topMenuM02 .menu-location > .cur-location{position:relative; display:block; width:100%; text-align:left; height:60px; padding:0 30px 0 15px; border-left:1px solid #ddd; background-color:#fff; }
	#topMenuM02 .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:60px; color:#222; font-weight:600; font-size:1.8rem; letter-spacing:-0.75px;}
	#topMenuM02 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:20px; width:20px; height:20px;margin-top:-10px; color:#222; }
	#topMenuM02 .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}

	#topMenuM02 .menu-location .location-menu-con{display:none; position:absolute; top:60px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; z-index:11; }
	#topMenuM02 .menu-location.location1 .location-menu-con{width:calc(100% - 1x)}
	
	#topMenuM02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; line-height:1.5; word-break:keep-all; border-top:1px solid rgba(0,0,0,0.1); background-color:#fff;}
	#topMenuM02 .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM02 .menu-location .location-menu-con li.on a{color:#c53132; font-weight:500;}


	/*  :: 서브메뉴-2 (스타일2)  :: */
	#subMenu01{display:none}
	#subMenu02{display:block; position:relative; height:60px; width: 50%; float:left; }
	#subMenu02 .side-menu-inner{height:60px; border-bottom:1px solid #ddd; background-color:#fff; width:100%; }
	#subMenu02 .menu-location{position:relative;}
	#subMenu02 .menu-location > .cur-location{position:relative; display:block; width:100%; text-align:left; height:60px; padding:0 30px 0 15px; border-left:1px solid #ddd; background-color:#fff;}
	#subMenu02 .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:60px; color:#222; font-weight:600; font-size:1.8rem; letter-spacing:-0.75px;}
	#subMenu02 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:20px; width:20px; height:20px;margin-top:-10px; color:#222;}
	#subMenu02 .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
	#subMenu02 .menu-location .location-menu-con{display:none; position:absolute; top:60px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; border-top:0; background-color:#f2f2f2; z-index:12; }
	#subMenu02 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#subMenu02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; line-height:1.5; word-break:keep-all; border-top:1px solid rgba(0,0,0,0.1); background-color:#fff;}
	#subMenu02 .menu-location .location-menu-con li.on{position:relative;}
	#subMenu02 .menu-location .location-menu-con li.on a{color:#c53132; font-weight:500;}
	
	
	/*  :: 서브메뉴-3 (스타일2)  :: */
	#s-subMenu{ position:relative; width:100%; margin:20px 0 40px 0; padding:0;}
	#s-subMenu .opt-menu-inner { text-align:center; height:auto; width:100%; padding:0;}
	#s-subMenu .opt-menu-inner ul { position:relative;  display:inline-block;  width:100%; margin:0 auto; box-sizing:border-box;}
	#s-subMenu .opt-menu-inner ul li { width: 100%; background-color: #f3f4f7; box-sizing:border-box;  padding:0; border:0; }
	#s-subMenu .opt-menu-inner ul li > a{
		display:table; 
		width:100%;
		height:50px;
		line-height:1.7rem;
		color:#000; 
		font-size:1.7rem; 
		letter-spacing:-0.7px; 
		font-weight:300;
		word-break:keep-all;
	}
	#s-subMenu .opt-menu-inner ul li > a > span{ display:table-cell; vertical-align:middle; }
	#s-subMenu .opt-menu-inner ul li > a:hover, 
	#s-subMenu .opt-menu-inner ul li.on > a{ color:#fff; font-weight:400; background: #c53132; border: 0;}




}