@charset "utf-8";

/* Reset */	
html, body {height:100%; width: 100%;} 
body {line-height:1.3; color:#353535; font-family: 'Noto Sans KR', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; font-size:16px;}
ul, ol, li {list-style: none;}
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: 0; background: #fff; z-index: 50; transition:top .2s ease;}
#hd_wrap #header > .container{z-index: 1;}

.util_nav{position: relative; top: 0; left: 0; height:127px;}
.util_nav .logo {display: inline-block; position: absolute; top: 40px; left: 0;}

#hd_wrap.fixed .util_nav .logo {height:60px; top: 145px;}
.util_nav .serch_ver { display: block; position: absolute; top: 46px; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); overflow: hidden; width: 32%; height: 45px; border: 2px solid #696969;	border-radius: 50px; background: #fff; z-index: 10;}

.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(/_static/k_home/img/common/searchBt.png) no-repeat;}

#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, #header .link_nav li a:focus{  
	-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, #header .link_nav li:nth-of-type(1) a:focus{background:#cd867e;}
#header .link_nav li:nth-of-type(2) a:hover, #header .link_nav li:nth-of-type(2) a:focus{background:#9d8c90;}
#header .link_nav li:nth-of-type(3) a:hover, #header .link_nav li:nth-of-type(3) a:focus{background:#a6b364;}
#header .link_nav li:nth-of-type(4) a:hover, #header .link_nav li:nth-of-type(4) a:focus{background:#d4ca95;}
#header .link_nav li:nth-of-type(5) a:hover, #header .link_nav li:nth-of-type(5) a:focus{background:#bb9b72;}
#header .link_nav li:nth-of-type(6) a:hover, #header .link_nav li:nth-of-type(6) a:focus{background:#b0cbc7;}
#header .link_nav li:nth-of-type(7) a:hover, #header .link_nav li:nth-of-type(7) a:focus{background:#959d8c;}


/* 회원정보 */
#hd_search_form {display: none; position: absolute; width: 300px; right: 31px; bottom: -5px; border: 1px solid #d2d2d2; border-radius: 26px; box-sizing: border-box; background-color: #fff;}
#hd_search_form.on {display: block;}
#hd_search_form input[type="text"] {display: inline-block; vertical-align: top; width: 255px; height: 33px; padding-left: 8px; border: 0; background: transparent; box-sizing: border-box; outline: none;}
#hd_search_form #hd_search_btn {display: inline-block; vertical-align: top; width: 35px; height: 33px; border: 0; font-size: 0; background-image: url('/common/resources/images/common/icn_search.png'); background-repeat: no-repeat; background-size: 16px auto; background-position: center; background-color: transparent; cursor: pointer;}
#header #hd_search_form a.close {display: none;}


/* sns_group */
.sns_group{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.sns_group > div{float:left; margin-left:10px;}
.sns_group > div > a{display: inline-block; }
.sns_group > div > a span{display: inline-block; color:#ffffff; border-radius: 5px; padding: 6px 15px 6px 37px; background: #e05857 url(/_static/k_home/img/common/icon_call.png) no-repeat center left 11px; font-size:0.875em;font-weight: 300;}

/* sns_list */ 
.sns_list ul{overflow: hidden;}
.sns_list ul li{float:left; margin:5px 0 0 10px;}
.sns_list ul li:first-child{margin-left:0;}

/* .lang_slt */
.lang_slt select {background:#fff url("/_static/k_home/img/common/lang_arrow.png") no-repeat 88% 50%; border-radius: 0px;-webkit-appearance: none;-moz-appearance: none; appearance: none; display:none; }
.lang_slt .sch_slt {width:115px;}
.lang_slt .sch_slt {display: inline-block; height: 30px; border:0; padding: 0 20px;color:#292929;}
.lang_slt select::-ms-expand {display:none;}


/* menu button */
#main_nav {position: relative; border-top:1px solid #dbdbdb;}
#main_nav .view_wrap{position: absolute; right: 0; top: 20px;  background: #31312e; width: 45px; height: 45px; border-radius: 50%;}
#main_nav button.view {display: block; width: 26px; height: 20px; font-size: 0; position: absolute; top: 13px; right:9px;}
#main_nav button.view span {position: absolute; display: block; height: 2px; right: 0; background-color: #ffffff; transition: width .3s ease;}
#main_nav button.view span:nth-of-type(1) {width: 23px; top: 0;}
#main_nav button.view span:nth-of-type(2) {width: 18px; top: 9px;}
#main_nav button.view span:nth-of-type(3) {width: 12px; top: 18px;}
#main_nav button.view:hover span {width: 100%;}

body.clip {overflow-y: hidden;}

#hd_wrap.fixed #main_nav .depth1{margin-left:200px;}
#hd_wrap.fixed #main_nav .depth1 > li{width:15.6%;}
#hd_wrap.fixed #main_nav .depth1 > li:first-child{margin-left:0;}
#hd_wrap.fixed #main_nav .depth1 > li:first-child a{text-align: center;}
#main_nav .depth1 > li {display: inline-block;width: 16.6%;height: 100%;padding: 0; position: relative; float:left;}
#main_nav .depth1 > li:first-child{width:15%; margin-left:-85px;}
#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:#959d8c;}
#main_nav .depth1 > li:nth-of-type(2) > a.on:after{background:#b0cbc7;}
#main_nav .depth1 > li:nth-of-type(3) > a.on:after{background:#bb9b72;}
#main_nav .depth1 > li:nth-of-type(4) > a.on:after{background:#d4ca95;}
#main_nav .depth1 > li:nth-of-type(5) > a.on:after{background:#a6b364;}
#main_nav .depth1 > li:nth-of-type(6) > a.on:after{background:#9d8c90;}

#main_nav .close {position: absolute; display: none; top: 115px; right: 15px; 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(/_static/k_home/img/common/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(/_static/k_home/img/common/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(/_static/k_home/img/common/m_icn_close.png);}

#gnb > li .depth2{display: none; padding:34px 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: 300;}
#gnb > li .depth2 > li > a:hover, #gnb > li .depth2 > li > a:focus{border-bottom: 1px solid #bd5c5b; color: #bd5c5b;} 
.gnb_bg{display: none;	position: absolute;	top: 81px; left: 0; z-index: -1; height:calc(100% - 80px); width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  background:#fff;}


/* #hd_wrap.fixed */
#hd_wrap.fixed {position: fixed; top: -196px; background: #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 #main_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:#117daa; 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;}
.m_gnb li a.gnb_lv1{width:100%; padding: 15px 30px;	color: #000; background:#eeeeee url(/_static/k_home/img/common/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(/_static/k_home/img/common/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: 0.938em;	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 .left {vertical-align: middle; display: inline-block;}
.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 {position:relative; padding:33px 0 76px; border-top: 1px solid #585858; background:#242424;} 
.footer_bottom .footer_logo {position:absolute; top:32px; left:0;} 
.footer_bottom .addr_txt {padding:0 235px 0 170px; position: relative;} 
.footer_bottom .addr_txt .left li:first-child a{color:#f0f0f0;}
.footer_bottom .addr_txt p {margin-top:7px; font-size:0.875em; color:#7a7a7a;}
.footer_bottom .addr_txt p a{color:#7a7a7a;}

.mark_wrap{}

.footer_bottom .con_mark {position:absolute; top:55px; right:0;}
.footer_bottom .con_mark li {float:left; padding-left:17px;}
.footer_bottom .addr_txt .footer_info li{display: inline-block; margin-left:5px;} 
.footer_bottom .addr_txt .footer_info li:first-child{margin-left:0;}

/* contop_btn */
.contop_btn {position:fixed; bottom:0; right:0; width:80px; height:80px; opacity: 0; background:#959d8c url(/_static/k_home/img/common/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: relative; display: inline-block; vertical-align: middle; position: absolute; right: 235px; top: 0;}
.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;}

/* 헤더 수정 240708 */
#header .link_nav {display:none;}
#hd_wrap.fixed {padding-top:65px;}
#hd_wrap.fixed #main_nav .gnb_bg {height:396px !important;}

.sns_group {padding-bottom:40px;}
.sns_group .msite-lang {position:absolute;right:0;bottom:0;display:flex;}
.sns_group .msite-lang a.main-site {display:inline-block;line-height:30px;padding-left:20px;font-size:14px;background:url(/_static/k_home/img/common/ico_offer.png) left center no-repeat;color:#3C69D0;}
.sns_group .msite-lang .lang_slt {position:relative;padding-left:28px;}
.sns_group .msite-lang .lang_slt:before {content:'';position:absolute;top:9px;left:15px;display:inline-block;width:1px;height:12px;background-color:#ddd;}
.sns_group .msite-lang .lang_slt .sch_slt {width:90px;padding-left:5px;background:#fff url("/_static/k_home/img/common/lang_arrow.png") no-repeat right 50%;}

.popup-wrap {display:none;z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5)}

.popup-msite .popup-box {position:absolute;top:50%;left:50%;display:flex;width:calc(100% - 40px);max-width:1000px;height:540px;transform:translate(-50%,-50%);background-color:#fff;}
.popup-msite .popup-head {width:340px;background:url(/_static/chf1/img/common/img_msite_bg.png) left top no-repeat;}
.popup-msite .popup-head .popup-title {padding:40px;line-height:40px;font-size:26px;font-weight:500;color:#fff;}
.popup-msite .popup-head .text-01 {position:absolute;left:30px;bottom:34px;}
.popup-msite .popup-head .btn-popup-close {position:absolute;top:10px;right:10px;display:inline-block;width:52px;height:52px;text-indent:-9999px;overflow:hidden;background:url(/_static/chf1/img/common/ico_x_01.png) center no-repeat;transition:.2s ease-out;}
.popup-msite .popup-head .btn-popup-close:hover,
.popup-msite .popup-head .btn-popup-close:focus {transform:rotate(90deg);}
.popup-msite .popup-body {width:calc(100% - 340px);padding:62px 64px;}
.popup-msite .list-msite {display:flex;gap:16px;flex-wrap:wrap;}
.popup-msite .list-msite > li {width:calc(50% - 8px);}
.popup-msite .list-msite > li a {position:relative;display:flex;width:100%;height:92px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);transition:.2s ease-out;}
.popup-msite .list-msite > li a:after {content:'';position:absolute;top:8px;right:5px;display:inline-block;width:24px;height:24px;background:url(/_static/chf1/img/common/ico_blank.png) center no-repeat;}
.popup-msite .list-msite > li a:focus,
.popup-msite .list-msite > li a:hover {border-color:#111;}
.popup-msite .list-msite > li .img-logo {width:100%;align-self:center;text-align:center;}

/* 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 .util_nav .logo{top:138px;}

	/* main_nav */
	#main_nav .depth1 > li > a{font-size: 1.250em; padding:20px 0;}
	#main_nav .view_wrap{ top:12px; }
	.gnb_bg{top:68px; height:calc(100% - 68px);}
	#hd_wrap.fixed #main_nav .gnb_bg{top:68px;}

	.lang_slt{position: absolute; right:0; top:-40px;}	

	
	#main_nav .close{top:96px;}

	/* 헤더 수정 240708 */
	.sns_group {padding-bottom:0;}
	.sns_group .msite-lang {bottom:40px;}
	.sns_group .msite-lang .lang_slt {top:0;}
}
@media screen and (max-width: 1200px) {
	/* .family_list */
	.family_list{margin-top:15px; position: static; display: block;}
	.footer_bottom .left{margin-top: 9px;}

}


@media screen and (max-width: 1024px) {
	#hd_wrap.fixed{top:0;}
	#hd_wrap.fixed .util_nav .logo{top:50%; height: auto;}

	/* #main_nav */
	#main_nav{border-top:0;}
	#main_nav .depth1{display: none;}
	#main_nav .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 */
	.util_nav{display: none;}
	.util_nav.mb{display:block; height:100px; }		
	.util_nav.mb .logo{left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
	.util_nav.mb .serch_ver{display: none; right: auto; left: 75px; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
	.util_nav.mb .serch_ver.serch_on{display: block;}
	.util_nav.mb .ser_open_btn{position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 45px; height: 45px; font-size: 0;			}		
	
	#main_nav .close{display: none;}

	/* .family_list */
	.family_list{ margin-top:15px;}

	#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("/_static/k_home/img/common/lang_arrow2.png") no-repeat 93% 50%;
	}

	/* 헤더 수정 240708 */
	#hd_wrap.fixed {padding-top:0;}
}

@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: 860px) {	
	/* .footer_bottom .footer_logo */	
	.footer_bottom .addr_txt .left{display: none;}	

	/* 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{display: block; margin-top:5px; position: relative; right: 0;}
	.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;}
	.footer_bottom .addr_txt > ul{text-align: center;}
	/* con_mark */
	.con_mark{display: none;}
}

@media screen and (max-width: 767px) {	
	/* .util_nav.mb */
	.util_nav.mb{height:80px;}
	.util_nav.mb .serch_ver{left:55px;}
	.util_nav.mb .ser_open_btn{width:35px; height:35px;}
	.util_nav.mb .logo{max-width:100%; height:60px;}
	#main_nav .view_wrap{width:35px; height:35px;}
	#main_nav button.view{width: 17px; height: 16px; 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%;}

	

	/* .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;}
	
	/* 모바일 메뉴 */
	.m_gnb_wrap, .m_gnb_bg{top:80px;}
	.m_gnb_wrap{padding-bottom:150px;}
	

}
@media screen and (max-width: 580px) {
	.footer_bottom .addr_txt ul li{display: block;}	
}
@media screen and (max-width: 479px) {
	/* .util_nav.mb */
	.util_nav.mb{height:60px;}		
	.util_nav.mb .logo{height:55px;}
	#hd_wrap.fixed .util_nav.mb .logo{height:50px;}

	#main_nav .view_wrap{right:10px;}
	.util_nav.mb .ser_open_btn{left:10px;}

	/* 모바일 메뉴 */
	.m_gnb_wrap{padding-bottom: 200px;}
	.m_gnb_wrap, .m_gnb_bg{top:60px;}	
	.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){
	/* .util_nav.mb */
	.util_nav.mb .serch_ver{left:55px;}
	
	/* .alert_area */
	.alert_area .alert_cont .alert_tit{width:24.9%;}
}