@charset "utf-8";


@media screen and (min-width: 1023px){	

	.user #slide_map{display:none !important;}
}

@media screen and (max-width: 1330px){
	.user#main #header .menu ul li a {padding: 0 10px;}
	#footer .tes .startup_lnk{margin-right:0}
	#footer .tes .WA{margin-right:160px}
}

@media screen and (max-width: 1280px){
	.user#main #header .menu{padding: 0px 180px 0px 200px;}
	.user#main #header .menu ul li a {padding: 0 4px;}
}
@media screen and (max-width: 1180px){
	.user#main #header .menu ul li a{padding:0 6px; font-size:15px;}
}
@media screen and (max-width: 1023px){

	  #anchor_group .select{width:640px}
    #anchor_group .select .item ul li{width:50%}
	#footer .layout{padding:0px 10px;}
	.user#main #header .search_menu{display:none}
	#menulocate{display:none}
	.js_mobile_check{display:block;}
	.user#main #header{
		height:87px !important; background-color:#7a3a3d;
		transition : all 0.5s ease;
    	-webkit-transition : all 0.5s ease;}
	.user#main #header h1{top:12px;}
	.user#main #header #tnb,
	.user#main #header #etc,
	.user#main #header .menu,
	.user#main #header .user_menu{display:none;}
	.user#main #header .all_menu{top:12px; right:0;}
	.user#main #header .all_menu .btns:hover{background-color:transparent;}
	.user#main #header .search_menu{top:12px;}
    .mobile_head{display:block}


	.user #slide_map{display:none;position:fixed;left:0;top:0;z-index:1001;width:590px;height:100%;padding:0px;font-family:"Noto Sans KR";background:#fff url(/images/kor/layout/mobile_menu_bg.png) repeat-y left top;box-sizing:border-box;}
	.user #slide_map .mCSB_scrollTools{width:4px !important; background-color:#000;}
	.user #slide_map .mCSB_dragger_bar{width:100%;}
	.user #slide_map .arrow{display:none;}
	.user #slide_map .slide_map_titles{display:none;}
	.user #slide_map .binds{overflow:hidden; width:100%; height:100%; padding:0px; box-sizing:border-box;}
	.user #slide_map .binds ul{width:100%; padding-left:195px; text-align:left; box-sizing:border-box;}
	.user #slide_map .binds ul li{position:relative; z-index:0; min-height:66px;}
	.user #slide_map .binds ul li.hit{z-index:1;}
	.user #slide_map .binds ul li a{display:block; position:absolute; left:-195px; top:0; z-index:0; width:160px; min-height:66px; line-height:18px; padding:23px 20px; font-weight:normal; font-size:17px; border:none; border-bottom:1px solid #cdced0; color:#fff; box-sizing:border-box;}
	.user #slide_map .binds ul li a:link,
	.user #slide_map .binds ul li a:visited,
	.user #slide_map .binds ul li a:active,
	.user #slide_map .binds ul li a:hover{color:#fff;background:#42474d;}
	.user #slide_map .binds ul li a.on:link,
	.user #slide_map .binds ul li a.on:visited,
	.user #slide_map .binds ul li a.on:active,
	.user #slide_map .binds ul li a.on:hover{width:161px; color:#6f1d21; text-decoration:none; background:#fff;}
	.user #slide_map .binds ul li .scroll_box{position:absolute; left:0; top:64px; z-index:10; width:100%; z-index:1;}
	.user #slide_map .binds ul li ul{display:none; position:relative; width:100%; padding:0; background-color:#fff; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li{min-height:10px; padding:0; border-bottom:1px solid #e0e0e0;}
	.user #slide_map .binds ul li ul li a{position:relative; left:auto; top:auto; width:100% !important; min-height:10px; line-height:18px; margin:0; padding:23px 42px 23px 12px; vertical-align:top; text-decoration:none; font-size:16px; border-bottom:none; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li a:link,
	.user #slide_map .binds ul li ul li a:visited,
	.user #slide_map .binds ul li ul li a:active,
	.user #slide_map .binds ul li ul li a:hover{font-weight:normal; border:none; color:#444; background:#fff url(/images/kor/layout/slide_map_bul_01.png) no-repeat right center;}
	.user #slide_map .binds ul li ul li a:hover{text-decoration:underline;}
	.user #slide_map .binds ul li ul li a.on:link,
	.user #slide_map .binds ul li ul li a.on:visited,
	.user #slide_map .binds ul li ul li a.on:active,
	.user #slide_map .binds ul li ul li a.on:hover{font-weight:600; border:none; color:#fff; background:#6f1d21 url(/images/kor/layout/slide_map_bul_01_on.png) no-repeat right center;}
	.user #slide_map .binds ul li ul li ul{position:relative; left:auto; top:auto; width:auto; margin:20px 0px 20px 20px; padding:0 0 0 20px; vertical-align:top; background-color:#f7f7f7; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li ul li{padding:0; border-bottom:none; border-top:1px solid #e0e0e0;}
	.user #slide_map .binds ul li ul li ul li:first-child{border-top:none;}
	.user #slide_map .binds ul li ul li ul li a{line-height:15px; padding:10px 0px; font-size:15px; text-decoration:none;}
	.user #slide_map .binds ul li ul li ul li a:link,
	.user #slide_map .binds ul li ul li ul li a:visited,
	.user #slide_map .binds ul li ul li ul li a:active{font-weight:normal; color:#555; background:none;}
	.user #slide_map .binds ul li ul li ul li a:hover,
	.user #slide_map .binds ul li ul li ul li a.on:link,
	.user #slide_map .binds ul li ul li ul li a.on:visited,
	.user #slide_map .binds ul li ul li ul li a.on:active,
	.user #slide_map .binds ul li ul li ul li a.on:hover{font-weight:normal; color:#6f1d21; background:none;}

	.user #slide_map .binds ul li.line_2 .tmenu_ti{top:-66px;}
	.user #slide_map .binds ul li.line_2 .scroll_box{top:-2px;}
	.user #slide_map .binds ul li.line_3 .tmenu_ti{top:-132px;}
	.user #slide_map .binds ul li.line_3 .scroll_box{top:-68px;}
	.user #slide_map .binds ul li.line_4 .tmenu_ti{top:-198px;}
	.user #slide_map .binds ul li.line_4 .scroll_box{top:-134px;}
	.user #slide_map .binds ul li.line_5 .tmenu_ti{top:-264px;}
	.user #slide_map .binds ul li.line_5 .scroll_box{top:-200px;}
	.user #slide_map .binds ul li.line_6 .tmenu_ti{top:-330px;}
	.user #slide_map .binds ul li.line_6 .scroll_box{top:-266px;}
	.user #slide_map .binds ul li.line_7 .tmenu_ti{top:-396px;}
	.user #slide_map .binds ul li.line_7 .scroll_box{top:-332px;}
	.user #slide_map .binds ul li.line_8 .tmenu_ti{top:-462px;}
	.user #slide_map .binds ul li.line_8 .scroll_box{top:-398px;}
	.user #slide_map .binds ul li.line_9 .tmenu_ti{top:-528px;}
	.user #slide_map .binds ul li.line_9 .scroll_box{top:-464px;}
	.user #slide_map .binds ul li.line_10 .tmenu_ti{top:-594px;}
	.user #slide_map .binds ul li.line_10 .scroll_box{top:-530px;}
	

	.user #slide_map .tmenu_ti{display:block; position:relative; height:60px; line-height:60px; text-indent:5px; font-weight:normal; font-size:18px; border-bottom:2px solid #000; color:#333;}
	.user #slide_map .tmenu_ti em{font-style:normal;}
	.user #slide_map .tmenu_ti span{display:none;}

	.user #slide_map .slide_map_close{overflow:hidden; position:absolute; right:0; top:0px; z-index:1; width:70px; height:70px; text-indent:-1000px; background:url(/images/kor/layout/btn_line.png) no-repeat center center;}
	.user #slide_map .slide_map_close:hover{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}

	.user #slide_map .btn_etc{width:100%; height:70px; padding:20px; text-align:left; background-color:#f3f3f3; box-sizing:border-box;}
	.user #slide_map .btn_etc a{display:inline-block; height:30px; line-height:28px; padding:0px 15px; text-decoration:none; font-size:12px; border:1px solid #ddd; color:#868686; background-color:#fff;}
	.user #slide_map .btn_etc a:hover,
	.user #slide_map .btn_etc a:focus{color:#fff; background-color:#6f1d21;}
	.user #slide_map .btn_etc a[class*="icon_"] span{padding-left:18px; background-position:left center; background-repeat:no-repeat;}
	.user #slide_map .btn_etc a.icon_02 span{background-image:url(/images/kor/layout/mobile_etc_icon_02.png);}
	.user #slide_map .btn_etc a.icon_02:hover span,
	.user #slide_map .btn_etc a.icon_02:focus span{background-image:url(/images/kor/layout/mobile_etc_icon_02_on.png);}
	.user #slide_map .btn_etc a.icon_01 span{background-image:url(/images/kor/layout/mobile_etc_icon_01.png);}
	.user #slide_map .btn_etc a.icon_01:hover span,
	.user #slide_map .btn_etc a.icon_01:focus span{background-image:url(/images/kor/layout/mobile_etc_icon_01_on.png);}

	#footer{padding:20px 0px;}
    #footer .tes{padding:0 203px 0 0;/* text-align:center; */background:none;}
	#anchor_group{width:193px}
	#footer .tes .copyright{font-size:13px;}
	#footer .tes .startup_lnk{display:inline-block;position: static;margin-bottom:10px}
    #footer .tes .WA{display:inline-block;position: static;margin-right:10px;vertical-align:bottom;}
}


@media screen and (max-width:768px){
	#footer_function{display:none}
 	#footer .tes{padding-right:0;}
     #footer .tes .menu ul{text-align:center}
    #footer .tes .menu ul li{float:left;padding-left:0;margin:1%;width:23%;border:1px solid #efefef;background:none;}
     #footer .tes .menu ul li a{display:block;padding:5px;text-align: center}
}


@media screen and (max-width: 640px){
	 #footer_function{display:none;}
	#svisual span{display:none}
	#location .dir{position:static;margin-top:10px}
    #footer .tes .select_group .select{width:48%;}
	.user #slide_map{width:100%;}
    #footer .tes .menu ul li{width:48%}
	#footer .tes .menu ul li a,
	#footer .tes .copyright,
	#footer .tes address{font-size:12px;text-align:left;}

}



@media screen and (max-width: 500px){
	.user #slide_map .btn_etc a{padding:0px 10px;}
	.user #slide_map{background-position:-70px top;}
	.user #slide_map .tmenu_ti{height:46px; line-height:46px; font-size:13px;}
	.user #slide_map .binds ul{padding-left:115px;}
	.user #slide_map .binds ul li{min-height:46px;}
	.user #slide_map .binds ul li a{left:-115px;width: 90px;min-height:46px;padding: 13px 5px;f: 13px;font-size: 13px;}
	.user #slide_map .binds ul li a.on:link,
	.user #slide_map .binds ul li a.on:visited,
	.user #slide_map .binds ul li a.on:active,
	.user #slide_map .binds ul li a.on:hover{width:91px;}
	.user #slide_map .binds ul li ul li a{line-height:1.4; padding:13px 40px 13px 10px; font-size:13px;}
	.user #slide_map .binds ul li ul li ul{margin:10px 0px 10px 10px; padding-left:10px;}
	.user #slide_map .binds ul li ul li ul li a{line-height:1.3; font-size:13px;}

	.user #slide_map .binds ul li .scroll_box{top:49px;}

	.user #slide_map .binds ul li.line_1{min-height:63px;}

	.user #slide_map .binds ul li.line_2 .tmenu_ti{top:-63px;}
	.user #slide_map .binds ul li.line_2 .scroll_box{top:-14px;}
	.user #slide_map .binds ul li.line_3 .tmenu_ti{top:-109px;}
	.user #slide_map .binds ul li.line_3 .scroll_box{top:-60px;}
	.user #slide_map .binds ul li.line_4 .tmenu_ti{top:-155px;}
	.user #slide_map .binds ul li.line_4 .scroll_box{top:-106px;}
	.user #slide_map .binds ul li.line_5 .tmenu_ti{top:-201px;}
	.user #slide_map .binds ul li.line_5 .scroll_box{top:-152px;}
	.user #slide_map .binds ul li.line_6 .tmenu_ti{top:-247px;}
	.user #slide_map .binds ul li.line_6 .scroll_box{top:-198px;}
	.user #slide_map .binds ul li.line_7 .tmenu_ti{top:-293px;}
	.user #slide_map .binds ul li.line_7 .scroll_box{top:-244px;}
	.user #slide_map .binds ul li.line_8 .tmenu_ti{top:-339px;}
	.user #slide_map .binds ul li.line_8 .scroll_box{top:-290px;}
	.user #slide_map .binds ul li.line_9 .tmenu_ti{top:-385px;}
	.user #slide_map .binds ul li.line_9 .scroll_box{top:-336px;}
	.user #slide_map .binds ul li.line_10 .tmenu_ti{top:-431px;}
	.user #slide_map .binds ul li.line_10 .scroll_box{top:-382px;}
#footer .tes .select_group{width:100%}
#footer .tes .select_group .select{width:98%}
#footer .tes .menu ul li{width:48%;margin:1%;}

}

