@charset "utf-8";

/* Reset */	
/*html, body {height:100%; width: 100%;} 
/*body {color:#353535; font-family: 'Noto Sans KR', sans-serif; }*/
body {
  margin: 0;
  font-family:  'Noto Sans KR', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  /*line-height: 1.2;*/
  letter-spacing: -0.5;
  color: #353535;
   background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

a {text-decoration: none;}
img {border: 0;}

#contents, #gnb, #footerWrap{outline: none;}

.container {position:relative; z-index:0; max-width:1400px; margin:0 auto;}

::placeholder {color: #a5a5a5; opacity: 1;}
:-ms-placeholder {color: #a5a5a5; opacity: 1;}
::-ms-placeholder {color: #a5a5a5; opacity: 1;}

/* SkipNavi */
#SkipNavi{position: fixed; top: 0; left: 0; right: 0; z-index: 99999;}
#SkipNavi li a{ display: block;	width: 100%; height: 0; line-height: 23px; color: #fff; background: #2b2b2b;text-align: center;overflow: hidden;}
#SkipNavi li a:focus { height:25px;}


/* Header */
#hd_wrap {position: fixed; width: 100%; top: -35px; background: #fff; z-index: 50; transition:top .2s ease;}
#hd_wrap #header > .container{z-index: 1;}
#hd_wrap.fixed .util_nav .logo {height:60px; top: 145px;}


/* util_nav */
.util_nav {height:70px; position: relative;}
.util_nav .logo_area{display: none;}

/* .serch_ver */
.serch_ver {display: none; position: absolute; bottom: -10px; right: 100px; overflow: hidden; width: 32%; height: 45px; border: 2px solid #696969; border-radius: 50px; background: #fff; z-index: 10; width: 0%; opacity: 0;}
.serch_ver.serch_on{display: block;}
.serch_ver .head_serch {display: inline-block; width: 80%; height: 41px; border: 0; margin-left: 25px;}
.serch_ver .btn_newserch {position: absolute; right: 23px; top: 10px; font-size: 0; width: 21px; height: 20px; display: block; background: url(../img/searchBt.png) no-repeat;}
.ser_open_btn{position: absolute; right: 43px; bottom: 1px; width: 24px; height: 24px; font-size: 0;}		

/*
#header .link_nav{ overflow: hidden; margin-top:20px;} 
#header .link_nav li{display: inline-block; vertical-align: middle; float:left;}
#header .link_nav li {width: 15.7%; height: 45px; line-height: 43px; border: 1px solid #2f6bb1; box-sizing: border-box; text-align: center;}	
#header .link_nav li:nth-of-type(1){border: 1px solid #cd867e;}
#header .link_nav li:nth-of-type(2){border: 1px solid #9d8c90;}
#header .link_nav li:nth-of-type(3){border: 1px solid #a6b364;}
#header .link_nav li:nth-of-type(4){border: 1px solid #d4ca95;}
#header .link_nav li:nth-of-type(5){border: 1px solid #bb9b72;}
#header .link_nav li:nth-of-type(6){border: 1px solid #b0cbc7;}
#header .link_nav li:nth-of-type(7){border: 1px solid #959d8c;}
#header .link_nav li:not(:last-of-type) {margin-right: 1.15%;}
#header .link_nav li a {display: block; width: 100%; height: 100%; color: #292929; font-size: 1.063em; font-weight: 300;}
#header .link_nav li a:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;color:#fff;  }
#header .link_nav li:nth-of-type(1) a:hover{background:#cd867e;}
#header .link_nav li:nth-of-type(2) a:hover{background:#9d8c90;}
#header .link_nav li:nth-of-type(3) a:hover{background:#a6b364;}
#header .link_nav li:nth-of-type(4) a:hover{background:#d4ca95;}
#header .link_nav li:nth-of-type(5) a:hover{background:#bb9b72;}
#header .link_nav li:nth-of-type(6) a:hover{background:#b0cbc7;}
#header .link_nav li:nth-of-type(7) a:hover{background:#959d8c;}
*/


/* top */
#hd_wrap .top {
  height: 32px;
  line-height: 30px;
  background: #514a4b;
  border-bottom: 0;
  display: block !important;
  opacity: 1 !important;
}
#hd_wrap .top a {
  display: block;
  padding: 0 15px;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'AppleGothic', sans-serif !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 0 !important;
  border: 0;
  margin: 0;
  opacity: 0.7;
  z-index: 60px;
}
#hd_wrap .top a:hover {
  opacity: 1;
}


  
/* menu button */
#main_nav {position: relative; }
#main_nav .logo {display: inline-block; position: absolute;  top: 10px; left: 30px;}
.util_nav .view_wrap{width: 24px; top:100px; position: absolute; right: 0; bottom: 0; height: 24px;}
.util_nav .map_wrap{width: 94px; top:94px; position: absolute; right: 0; bottom: 0; height: 24px;}
.util_nav .login_wrap{width: 178px; top:94px; position: absolute;  right: 0; bottom: 0; height: 24px;}
.util_nav button.view {display: block; width: 24px; height: 24px; font-size: 0; position: absolute; bottom: 0; right:1px;}
.util_nav button.view span {position: absolute; display: block; height: 2px; right: 0; background-color: #000; transition: width .3s ease;}
.util_nav button.view span:nth-of-type(1) {width: 23px; top: 0;}
.util_nav button.view span:nth-of-type(2) {width: 18px; top: 9px;}
.util_nav button.view span:nth-of-type(3) {width: 12px; top: 18px;}
.util_nav button.view:hover span {width: 100%;}



body.clip {overflow-y: hidden;}


#hd_wrap.fixed #main_nav .depth1 > li{width:15.6%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(2){width:15.6%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(3){width:16.6%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(4){width:11.6%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(5){width:15.6%;}
#hd_wrap.fixed #main_nav .logo{top:12px; left:30px; height:50px;}

#main_nav .depth1{overflow: hidden; padding-left:330px; margin-right:-120px;}
#main_nav .depth1 > li {display: inline-block;width: 15.5%;height: 100%;padding: 0; position: relative; float:left;}
#main_nav .depth1 > li:nth-child(2){width: 15.5%;}
#main_nav .depth1 > li:nth-child(3){width: 16.5%;}
#main_nav .depth1 > li:nth-child(4) {width: 11.5%;}
#main_nav .depth1 > li:nth-child(5){width: 15.5%;}
#main_nav .depth1 > li.box {position: absolute; z-index: 1;}
#main_nav .depth1 > li > a {position:relative; display: block; width: 100%; height: auto; padding: 25px 0; border: 1px solid transparent; color: #2b2b2b; text-align: center; font-size:1.438em; font-weight: 500; box-sizing: border-box;}
#main_nav .depth1 > li > a:after {content: ""; position: absolute;	bottom: -2px; left: 50%; width: 0;height: 5px; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}	
#main_nav .depth1 > li > a.on:after {	width: 100%; transform: translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform: translate(-50%, 0); }
#main_nav .depth1 > li:nth-of-type(1) > a.on:after{background:#107932;}
#main_nav .depth1 > li:nth-of-type(2) > a.on:after{background:#107932;}
#main_nav .depth1 > li:nth-of-type(3) > a.on:after{background:#107932;}
#main_nav .depth1 > li:nth-of-type(4) > a.on:after{background:#107932;}
#main_nav .depth1 > li:nth-of-type(5) > a.on:after{background:#107932;}
#main_nav .depth1 > li:nth-of-type(6) > a.on:after{background:#107932;}

#main_nav .close {position: absolute; display: none; bottom: 15px; right: 0; padding: 0;}
#main_nav .close .btn_close{position: relative; display: block; width: 28px; height: 29px;padding: 0; border: 0; margin: 0; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/icn_close.png); z-index: 1;}
.m_gnb_wrap .close{position: absolute; display: block; top: 15px;	right: 15px;z-index: 1001;}
.m_gnb_wrap .close .btn_close{ position: relative; display: block; width: 28px; height: 29px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover;background-image: url(../img/m_icn_close.png);}


#main_nav .depth1:not(.sitemap) > li {min-width: 125px;}
/*#main_nav.view .depth1.sitemap .depth2 {display: block;}*/

.m_close{ position: absolute; display: none; top: 110px;	right: 88%; z-index: 1001;}
.m_close .btn_close{ position: relative; display: block; width: 28px; height: 29px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover;background-image: url(../img/m_icn_close.png);}
  
 
#gnb > li .depth2{display: none; padding:33px 0 30px; position: relative; background:#fff; margin-top:2px;}
#gnb > li .depth2 > li{width: 100%;margin-top: 31px; text-align: center;}
#gnb > li .depth2 > li:first-child{margin-top:0;}
#gnb > li .depth2 > li > a{display: inline-block; border-bottom: 1px solid #fff;	font-size: 1.063em;	color: #2b2b2b; padding-bottom: 6px; font-weight: 400; line-height: 12px }
#gnb > li .depth2 > li > a:hover, #gnb > li .depth2 > li > a:focus{border-bottom: 1px solid #107932; color: #107932;} 
.gnb_bg{display: none;	position: absolute;	top: 81px; left: 0; width: 100%; height:calc(100% - 39px); border-top: 1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  background:#fff;}

/* #hd_wrap.fixed */
#hd_wrap.fixed {position: fixed; top: -66px; background: #282828;}
#hd_wrap.fixed #header {background-color: #282828;}
#hd_wrap.fixed #header > .container{z-index: 1;}
#hd_wrap.fixed #main_nav .depth1 > li > a {color: #bebdbd;}
#hd_wrap.fixed #main_nav .depth1 > li > a:hover{color:#fff;}
#hd_wrap.fixed #main_nav .depth1 > li > a.on:after{content:''; display: block; position: absolute; bottom:-1px; left:50%; background:#fff; width:100%; height:3px;}
#hd_wrap.fixed .util_nav button.view span {background: #fff;}
#hd_wrap.fixed #main_nav .gnb_bg{top:83px;}

/* m_menu */
.m_gnb_wrap {display: none; position: fixed; right: 0; top: 100px; z-index: 3; overflow-y: auto; width: 100%; max-width: 85%; height: 100%; padding: 0;	background-color: #fff;}
.m_gnb .top_box{padding: 20px 30px; background:#64702b; color:#ffffff;}
.m_gnb{	display: block;	clear: both; position: relative;	top: 0;	left: 0; width: 100%; border: 0 none;	z-index: 1000; background:none;overflow: hidden;}
.m_gnb li.on {width: 100%;}
.m_gnb li a{display: block;	padding: 0;	margin: 0;font-size: 1.125em;}
.m_gnb li a.gnb_lv1{width:100%; padding: 15px 30px;	color: #000; background:#eeeeee url(../img/bar_on2.png) no-repeat right 30px center; border-bottom: 1px solid #dedede; 	text-align: left; text-decoration: none; z-index: 10010;}
.m_gnb li a.gnb_lv1.on{background: #eeeeee url(../img/bar_on.png) no-repeat right 30px center;}
.m_gnb li a.gnb_lv1:hover{	font-weight: normal;}
.m_gnb li ul.m_sub_gnb {display:none;} 
.m_gnb li.on ul.m_sub_gnb {display:block;}

.m_gnb li ul.m_sub_gnb > li{width: 100%; padding: 0; background-color: #fff; border-bottom: 0 none;	border-bottom: 1px solid #c8c8cb;}
.m_gnb li ul.m_sub_gnb li a{display: block;	margin: 0 0 0 10px;	padding:15px 20px;color: #262626;	font-size: 1.125em;	text-align: left;}
.m_gnb li ul.m_sub_gnb li .snbsub{ display: none; width: 100%; min-height: auto; padding: 0; border: 0 none;	margin: 0 0 0 15px;	padding: 0 0 17px 24px;}
.m_gnb li ul.m_sub_gnb li .snbsub li{padding-bottom:15px;}
.m_gnb li ul.m_sub_gnb li .snbsub li:last-child{padding-bottom:0;}

.m_gnb li ul.m_sub_gnb li .snbsub a{ padding: 0 0 0 4%; font-size: 0.875em; position:relative; padding-left:10px; margin:0;}
.m_gnb li ul.m_sub_gnb li .snbsub li:last-child a {padding: 0 0 0 4%; padding-left:10px;}
.m_gnb li ul.m_sub_gnb li .snbsub a:before{content:''; position:absolute; top:38%; left:0; width:2px; height:2px; background: #000;}
.m_gnb li ul.m_sub_gnb li .snbsub a.on{color: #125fb7;}

.m_gnb_bg{display: none; position: fixed; left: 0; top: 100px; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: 0;}

/* footer */
.ftsns_list{position: absolute;	top: 5px;	right: 0;}
.ftsns_list li{float:left; margin-left:7px;}
.ftsns_list li a{display: inline-block;}
.footer_bottom {position:relative; padding:46px 0 37px; border-top: 1px solid #585858; background:#242424;} 
.footer_bottom .left {vertical-align: middle; display: inline-block; margin-bottom:21px;}
.footer_bottom .left li{display:inline-block; float:left; margin-right:32px;}
.footer_bottom .left li a {font-size:0.938em; color:#9f9f9f; font-weight: 300;} 
.footer_bottom .left li.info a {color:#235788;}
.footer_bottom .left li:last-child:after{display:none; content:"";} 
.footer_bottom .footer_logo {position:absolute; top:25px; left:0;} 
.footer_bottom .addr_txt {padding:0 170px; } 
.footer_bottom .addr_txt .left li:first-child a{color:#f0f0f0;}
.footer_bottom .addr_txt p {margin-top:3px; font-size:0.875em; color:#7a7a7a;}

.footer_bottom .con_mark {position:absolute; top:55px; right:0;}
.footer_bottom .con_mark li {float:left; padding-left:17px;}

/* contop_btn */
.contop_btn {position:fixed; bottom:0; right:0; width:80px; height:80px; opacity: 0; background:#959d8c url(../img/contop_img.png) no-repeat center; transition: opacity .25s linear, visibility .25s linear;}
.contop_btn.on {opacity: 1; visibility: visible;}

.mft_list{display: none;}

/* 이동 버튼 */
.slt_btn{color: #a0a0a0; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px; text-align: center;}

/* 모바일 일 때*/ 
.family_list{position: absolute; right: 0; top:-12px;}
.family_list .foot_site_btn {display: inline-block; vertical-align: middle; position: relative; padding-right: 40px; padding-left: 20px; width: 208px; height: 45px; line-height: 43px; color: #a0a0a0; border: 1px solid #585858; text-align: left; background: #242424;}
.family_list .foot_site_btn .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 43px; border-left: 1px solid #696969;}
.family_list .foot_site_btn .arr img { transform:rotate(180deg); transition:all 0.3s; position: absolute; right:15px; top:17px; }
.family_list .foot_site_btn.on .arr img {transform:rotate(0deg);}
.family_list .foot_site_menu {display:none; position:absolute; left:0; bottom:43px; z-index:1; overflow:auto; width:100%; background-color:#fff; border:1px solid #b5b5b5;}
.family_list .foot_site_menu li{border-bottom: 1px solid #b5b5b5;}
.family_list .foot_site_menu li:last-child{border-bottom:0;}
.family_list .foot_site_menu li a {display:block; height: 45px; line-height: 45px; padding-left:20px; color:#585858; font-size:0.875em; background-color:#242424;}
.family_list .foot_site_menu li.info a {color:#235788;}
.family_list .foot_site_menu li a:hover, .foot_site_menu li a:focus {background-color:#fff; color:#000;} 

.util_nav.mb{display: none;}


/* Responsive */
@media screen and (max-width: 1400px) {	
    
	#main_nav .depth1 > li:first-child{	width: 13%;	margin-left: 0;}

}

@media screen and (max-width: 1280px) {	
	/* link_nav */
	#header .link_nav li a{font-size:1em;}	
	#hd_wrap.fixed #main_nav .logo{top:8px; left: 20px; height:38px;}

	/* main_nav */
	#main_nav .depth1 > li > a{font-size: 1.250em; padding:20px 0;}

	.gnb_bg{top:68px; height:calc(100% - 38px);}
	.lang_slt{position: absolute; right:0; top:-40px;}	
}
@media screen and (max-width: 1200px) {
   	   .util_nav .view_wrap{top:93px; position: absolute; right: 0; bottom: 0; height: 24px;}

	/* #gnb > li */
	#gnb > li .depth2 > li{margin-top:20px;}
	
}


@media screen and (max-width: 1024px) {
    #hd_wrap {position: fixed; width: 100%; top: 0px; background: #fff; z-index: 50; transition:top .2s ease;}
 	#hd_wrap.fixed{top:0;}
	#hd_wrap.fixed .util_nav .logo{top:30%;}

	/* #main_nav */
	#main_nav{border-top:0;}
	#main_nav .depth1{display: none;}
	#main_nav .logo{display: none;}
   .util_nav .view_wrap{width: 24px; top:55px; position: absolute; right: 0; bottom: 0; height: 24px;}

	.view_wrap{top:50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
	
	/* link_nav */
	#header .link_nav{display: none;}	
	
	.util_nav{height:100px; }
	.util_nav .logo_area{display: block; position: absolute; top: 50%; left:5px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
	.util_nav .logo_area .logo{height:60px;padding-top: 4px}
	.serch_ver{bottom:auto; top:50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}

	.ser_open_btn{top:50%; bottom:auto; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}


	#main_nav .close{display: none;}

	#header .m_link_nav{ overflow: hidden; margin-top:20px; padding: 0 20px;} 
	#header .m_link_nav li{display: inline-block; vertical-align: middle; float:left; }
	#header .m_link_nav li {width: 48.2%; margin-right: 3.6%; margin-bottom:15px; height: 45px; line-height: 43px; border: 1px solid #2f6bb1; box-sizing: border-box; text-align: center;}	
	#header .m_link_nav li:nth-child(2n){margin-right: 0;}
	#header .m_link_nav li:nth-of-type(1){border: 1px solid #cd867e;}
	#header .m_link_nav li:nth-of-type(2){border: 1px solid #9d8c90;}
	#header .m_link_nav li:nth-of-type(3){border: 1px solid #a6b364;}
	#header .m_link_nav li:nth-of-type(4){border: 1px solid #d4ca95;}
	#header .m_link_nav li:nth-of-type(5){border: 1px solid #bb9b72;}
	#header .m_link_nav li:nth-of-type(6){border: 1px solid #b0cbc7;}
	#header .m_link_nav li:nth-of-type(7){border: 1px solid #959d8c;}
	/* #header .m_link_nav li:not(:last-of-type) {margin-right: 1.15%;} */
	#header .m_link_nav li a {display: block; width: 100%; height: 100%; color: #292929; font-size: 1em; font-weight: 300;}
	#header .m_link_nav li a:hover{  
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s; 
		-ms-transition: all 0.3s; 
		-o-transition: all 0.3s; 
		transition: all 0.3s;
		color:#fff;
	}
	#header .m_link_nav li:nth-of-type(1) a:hover{background:#cd867e;}
	#header .m_link_nav li:nth-of-type(2) a:hover{background:#9d8c90;}
	#header .m_link_nav li:nth-of-type(3) a:hover{background:#a6b364;}
	#header .m_link_nav li:nth-of-type(4) a:hover{background:#d4ca95;}
	#header .m_link_nav li:nth-of-type(5) a:hover{background:#bb9b72;}
	#header .m_link_nav li:nth-of-type(6) a:hover{background:#b0cbc7;}
	#header .m_link_nav li:nth-of-type(7) a:hover{background:#959d8c;}

	/*모바일 로그인 */
	.new_mgnb_top{
		overflow: hidden;
		padding: 30px 0px 16px;
		border-top:1px solid #dedede;
		display: table;
		table-layout: fixed;
		border-spacing: 10px 0;
		width: 100%;
	}
	.new_mgnb_top p{
		display: table-cell;
		max-width: 135px;
		background: #31312e;
		position: relative;
	}
	.new_mgnb_top p:first-child{
		margin-left: 0;
	}
	.new_mgnb_top p a {
		display: inline-block;
		width: 100%;
		height: 35px;
		line-height: 35px;
		color: #ffffff;
		font-weight: 300;
		text-align: center;
	}
	.rnew_mgnb .lang_slt{top: 0; width:100%;}
	.rnew_mgnb .lang_slt .sch_slt{width: 100%; color: #ffffff; height: 35px;
		background:#31312e url("../img/lang_arrow2.png") no-repeat 88% 50%;
	}
		
	/* 모바일 메뉴 */
	.m_gnb_wrap, .m_gnb_bg{top:100px;}

	
}

@media screen and (max-width: 960px) {
	/* .ftsns_list */
	.footer_bottom{padding:33px 0;}
	.footer_bottom .footer_logo{display: none;}
	.footer_bottom .addr_txt{padding:0;}
}

@media screen and (max-width: 767px) {	

	/* m_gnb */
	.m_gnb_wrap, .m_gnb_bg{top:80px;}
	.m_gnb_wrap{padding-bottom:150px;}

	.util_nav{height:80px; }
	.util_nav .view_wrap{right:20px; bottom:auto;}
	.util_nav .logo_area{left:20px;}
	.ser_open_btn{right:63px;}
	.m_close{top: 132px;}
	#main_nav button.view{width: 17px; height: 10px; top: 10px; right: 9px;}
	#main_nav button.view span:nth-of-type(1){width: 17px;}
	#main_nav button.view span:nth-of-type(2){width: 12px; top: 6px;}
	#main_nav button.view span:nth-of-type(3){width: 6px; top: 12px;}
	#main_nav button.view:hover span{width:100%;}

	/* .footer_bottom .footer_logo */	
	.footer_bottom .addr_txt .left{display: none;}	

	/* .contop_btn */
	.contop_btn{width:50px; height:50px;}	
		
	/* 이동 버튼 */
	.mslt_btn{color: #3b3b3b; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;}


	

	/* mft_list */
	.mft_list {position:relative; display: block;}
	.mft_list .foot_site_btn {display:inline-block; vertical-align: middle; position:relative; padding-left: 20px;	width: 100%; height: 45px;line-height: 43px; color: #a0a0a0;	border:1px solid #585858;text-align: left;background: #242424;}
	.mft_list .foot_site_btn span{font-size: 0.938em; color:#f0f0f0;}
	.mft_list .foot_site_btn .arr{position: absolute; top: 0;	right: 0;	display: inline-block; width: 44px;height: 44px;border-left: 1px solid #585858;	}
	.mft_list .foot_site_btn .arr img {position:absolute; transform:rotate(180deg); left:15px; top:50%; margin-top:-3px; font-size:12px; transition:all 0.3s;}
	.mft_list .foot_site_btn.on .arr img { margin-top:-4px; transform:rotate(0deg);}
	.mft_list .foot_site_menu {display:none; position:absolute; left:0; bottom:43px; z-index:1; overflow:auto; width:100%; background-color:#242424; border:1px solid #585858;}
	.mft_list .foot_site_menu li{border-bottom: 1px solid #585858;}
	.mft_list .foot_site_menu li:last-child{border-bottom:0;}
	.mft_list .foot_site_menu li:first-child a{color:#f0f0f0;}
	.mft_list .foot_site_menu li a {display:block; height: 45px; line-height: 45px; padding-left:20px; color:#585858; font-size:0.875em; background-color:#242424;}
	.mft_list .foot_site_menu li.info a {color:#235788;}
	.mft_list .slt_btn{color: #a0a0a0; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;}

	/* .family_list */
	.family_list{position: relative; top:5px;}
	.family_list .foot_site_btn{ width: 100%; padding-left:20px; font-size:0.938em;}	
	.family_list .foot_site_menu{width: 100%; }
	.family_list .foot_site_menu li a{padding-left:20px;}

	/* .ftsns_list */
	.ftsns_list{position: static; text-align: center; margin-top:15px;}
	.ftsns_list li{float:none; display: inline-block; font-size:0; margin-left:15px;}
	.ftsns_list li:first-child{margin-left:0;}

	/* .footer_bottom */
	.footer_bottom{padding:15px 0;}
	.footer_bottom .addr_txt p{text-align: center; margin-top:14px;}

	/* con_mark */
	.con_mark{display: none;}
}
@media screen and (max-width: 479px) {

	/* */

	.util_nav{height:100px; }
	.util_nav .view_wrap{right:10px;}
	.util_nav .logo_area{left:10px;}
	.ser_open_btn{right:53px;}
	

	/* 모바일 메뉴 */
	.m_gnb_wrap, .m_gnb_bg{top:100px;}
	.m_gnb_wrap{padding-bottom: 200px;}
	.m_gnb .top_box{padding:15px 20px;}
	.m_gnb_wrap .close{top:10px;}
	.m_gnb li a.gnb_lv1{padding:15px 20px; background-position: right 20px center;}
	.m_gnb li a.gnb_lv1.on{background-position: right 20px center;}
	.m_gnb li ul.m_sub_gnb li a{padding:15px;}

	#header .m_link_nav{padding:0 10px;}
}
@media screen and (min-width: 320px) and (max-width: 339px){
	
	/* .alert_area */
	.alert_area .alert_cont .alert_tit{width:24.9%;}
}