@charset "utf-8";

/* Reset */	
html, body {height:100%; width: 100%;} 
body {line-height:1.3; color:#353535; font-family: 'Noto Sans KR', 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;}

/* Common */
body.clip {overflow-y: hidden;}
.cust_clearboth {clear: both; width: 0; height: 0; overflow: hidden; font-size: 0; padding: 0; border: 0; margin: 0;}
.cont_inner {width: 100%; max-width: 1200px; padding-bottom: 70px; margin: 0 auto;}

/* WA Fix Nav */
#wa_nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100;}
#wa_nav li {width: 100%;}
#wa_nav li a {display: block; width: 100%; height: 0; line-height: 23px; box-sizing: border-box; font-size: 16px; color: #000; background: #fff; text-align: center; overflow: hidden;}
#wa_nav li a:focus {height: 25px; border: 1px solid #000;}

/* Header */
#hd_wrap {position: fixed; /*position: relative;*/ width: 100%; top: 0; background: #fff; z-index: 50; transition:top .2s ease;}
#hd_wrap #header > .container{z-index: 1;}
#hd_wrap #main_nav.view{border-bottom:0;}
.util_nav{position: relative; top: 0; left: 0; height:127px; /*border-bottom:1px solid #dbdbdb;*/ }
.util_nav .logo {display: inline-block; position: absolute; top: 28px; left: 0;}
#hd_wrap.fixed .util_nav .logo {height:60px; top: 132px;}
.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/chf1/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{  
	-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;}


/* 회원정보 */
#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;}

.util_nav .user {position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.util_nav .user li{display:inline-block;}
.util_nav .user li a {padding:0 21px; font-size:0.875em; color:#292929;} 
.util_nav .user li.info a {color:#235788;}
.util_nav .user li:first-child a {padding:0 21px 0 0;}
.util_nav .user li:after{content: "|"; display: inline-block; margin-top: -5px; color: #cecece; font-size: 12px; vertical-align: middle;}
.util_nav .user li:last-child:after{display:none; content:" ";} 
.util_nav .user li:last-child a{padding: 0 0 0 21px;}

/* menu button */
#main_nav {position: relative; border-top:1px solid #dbdbdb; border-bottom: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%;}

#hd_wrap.fixed #main_nav .depth1{margin-left:158px;}
#hd_wrap.fixed #main_nav .depth1 > li{width:12.6%; margin-left:0;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(2){width:20%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(3){width:30%; padding-left: 0;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(4){width:10%;}
#hd_wrap.fixed #main_nav .depth1 > li:nth-child(5){width:10%;}
/* #hd_wrap.fixed #main_nav .depth1 > li:first-child{width:auto;} */
#hd_wrap.fixed #main_nav .depth1 > li:first-child a{text-align: center;}

/* gnb */
/* 1209 메인화면 테이블 시작 */
/* #main_nav .depth1.clearfix{display: table; width: 100%; table-layout: auto; margin-left: -104px;} */
#main_nav .depth1 {display: flex;justify-content: space-between;width: calc(100% - 90px);}
#main_nav .depth1 > li { height: 100%; padding: 0; vertical-align: middle;  }
#main_nav .depth1 > li:first-child{ }
/* #main_nav .depth1 > li:nth-child(3){padding-left: 20px; width: 35%; }
#main_nav .depth1 > li:nth-child(4){width: 20%; }
#main_nav .depth1 > li:nth-child(5){width: 15%; } */
#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.3em; 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):hover > a:after{ background:#959d8c;}
#main_nav .depth1 > li:nth-of-type(2):hover > a:after{background:#b0cbc7;}
#main_nav .depth1 > li:nth-of-type(3):hover > a:after{background:#bb9b72;}
#main_nav .depth1 > li:nth-of-type(4):hover > a:after{background:#d4ca95;}
#main_nav .depth1 > li:nth-of-type(5):hover > a:after{background:#a6b364;}
#main_nav .depth1 > li:nth-of-type(6):hover > a:after{background:#9d8c90;}
#main_nav .depth1 > li:nth-of-type(7):hover > a:after{background:#b3648d;}
#main_nav .depth1 > li:nth-of-type(8):hover > a:after{background:#6864b3;}

#main_nav .depth1 > li:nth-of-type(7){margin-left:-85px; width:15%;}
#main_nav .depth1 > li.hide_menu{display: none;}
#main_nav .depth1 > li.hide_menu > a{padding:12px 0 25px; }



#main_nav .close {position: absolute; display: none; top: 20px; right: 15px; padding: 0; z-index: 2; }
#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/chf1/img/common/icn_close.png); z-index: 1;}

.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/chf1/img/common/m_icn_close.png);}

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

/* sitemap all_menu */

#sitemap{overflow: hidden; display: none;}
#sitemap.all_menu{
	position: absolute;
    top: 0;
	left: 0;
	display: block;
    width: 100%;
    /* height: 100vh; */
    line-height: 1;
    background: #fff;
    z-index: 2;
}
#sitemap > li{float:left; }
#sitemap > li:nth-child(1){width: 20%;}
#sitemap > li:nth-child(2){width: 17%;}
#sitemap > li:nth-child(3){width: 34%;}
#sitemap > li:nth-child(4){width: 12%;}
#sitemap > li:nth-child(5){width: 14%;}
#sitemap > li:nth-child(n+7){margin-top:15px;}
#sitemap > li .tit{
	display: block;
	padding: 27px 0;
	text-align: center;
    font-size: 1.250em;
    color: #1f1f1f;
    font-weight: 500;
    line-height: 1;
}
#sitemap > li .depth2{display: block; padding-top:12px; position: relative; background:#fff; margin-top:2px;}
#sitemap > li .depth2 > li{width: 100%;margin-top: 20px; text-align: center;}
#sitemap > li .depth2 > li:first-child{margin-top:0;}
#sitemap > li .depth2 > li > a{display: inline-block; border-bottom: 1px solid #fff;	font-size: 1.063em;	color: #2b2b2b; padding-bottom: 6px; font-weight: 300;}
#sitemap > li .depth2 > li > a:hover, #sitemap > li .depth2 > li > a:focus{border-bottom: 1px solid #bd5c5b; color: #bd5c5b;} 
.gnb_bg{display: none;	position: absolute;	top: 82px; left: 0; z-index: -1; height:calc(100% - 81px); width: 100%; /*border-top: 1px solid #dbdbdb;*/ border-bottom: 1px solid #dbdbdb;  background:#fff;}


/* #hd_wrap.fixed */
#hd_wrap.fixed {position: fixed; top: -127px; background: #282828;}
#hd_wrap.fixed #header > .container{z-index: 1;}
#hd_wrap.fixed #main_nav{border-bottom:0;}
#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 {overflow: hidden; 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:#cd867e; 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; border-top: 1px solid #dedede;}
.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/chf1/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/chf1/img/common/bar_on.png) no-repeat right 20px 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;}

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

.footer_bottom {position:relative; padding:44px 0; border-top: 1px solid #585858; background:#242424;} 
.footer_bottom .footer_logo {
	position: absolute;
    top: 50%;
    left: 0;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
} 
.footer_bottom .addr_txt {padding-left:193px; } 
.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:first-child{margin-top: 0;}
.footer_bottom .con_mark {position:absolute; top:55px; right:0;}
.footer_bottom .con_mark li {float:left; padding-left:17px;}



.sns_menu li{float:left; padding-right:16px;}


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




.util_nav.mb{display: none;}

/* gnb new */
.dropdown{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 9995;
    width: 100%;
    display: table;
    background-color: #fff;
	border-top: 1px solid #d1d1d1;  
	border-bottom: 1px solid #d1d1d1;  
	display: none;	
	min-height:426px;
}
.dropdown.on{
	display: table;
}
.dropdown .head {
	display: table-cell;
	vertical-align: top;
    width: 300px;
    height: 245px;
    padding: 27px 25px;
    background-color: #f2f2f2;
    text-align: left;
    background-repeat: no-repeat;
    background-position: bottom 14px center;
    background-image: url(/_static/chf1/img/common/menu_bg_event.png); 
}
.dropdown.perfor{min-height:300px;}
.dropdown.edu{min-height:331px;}
.dropdown.data{min-height:381px;}
.dropdown.coop{min-height:331px;}
.dropdown.cooper{min-height:321px;}
.dropdown.perfor .head{background-image: url(/_static/chf1/img/common/menu_bg_perfor.png);  }
.dropdown.edu .head{background-image: url(/_static/chf1/img/common/menu_bg_edu.png);}
.dropdown.data .head{background-image: url(/_static/chf1/img/common/menu_bg_data.png); }
.dropdown.coop .head{background-image: url(/_static/chf1/img/common/menu_bg_coop.png); width:520px;}
.dropdown.cooper .head{background-image: url(/_static/chf1/img/common/menu_bg_cooper.png);}


.dropdown .head .title{
	color:#2b2b2b; font-size: 1.875em; font-weight: 700; display: block; text-align: center;
}
.dropdown .head .description{
	font-size: 1.125em;    
    font-weight: 300;
	color: #3e3d3d;	
	margin-top: 17px;
	text-align: center;
}
.dropdown .body {
    padding: 37px 40px;
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
}
.dropdown .body .item{margin-top:34px;}
.dropdown .body .item:first-child{margin-top:0;}
.dropdown .body .title{
	display: block;   
    font-size: 1.250em;
    color: #1f1f1f;
    font-weight: 500;
    line-height: 1;
}
.dropdown .body .contents{display: block;
	margin-top: 17px;
}
.dropdown .body .contents .text{
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
	margin-top: 15px;
}
.dropdown .body .contents .text:nth-child(2n){margin-right:0;}
.dropdown .body .contents .text:nth-child(-n+2){margin-top:0;}
/* 자동 정렬 하고 싶을 때*/
.dropdown .body .contents.tbl_align .text{
	display: table-cell;
	width: auto;
    float: none;
}
.dropdown .body .contents.tbl_align{margin-top:8px; display: table; table-layout: fixed; width: 100%;}
.dropdown .body .contents.tbl_align:first-child{
	margin-top: 0;
}

.dropdown .body .contents .text a{
	color:#616161;
	font-weight: 300;
}

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


@media screen and (max-width: 1280px) {
		
	/* link_nav */
	#header .link_nav li a{font-size:1em;}
	.gnb_bg{top:68px;}
	#main_nav .close{top:20px;}

	/* main_nav */
	#main_nav .depth1 > li > a{font-size: 1.250em; padding:20px 0;}
	#main_nav .view_wrap{position: absolute;
		right: 10px;
		top: 50%;
		transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);}
	.ser_open_btn{top:10px;}	
	/* #hd_wrap.fixed #main_nav .logo{ width: 80px;} */

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

	/* .ftsns_list */
	/* .ftsns_list{top: 60px; right: 15px;} */
	/* .footer_bottom .con_mark{top:110px; right:15px;} */

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

	/* sitemap */
	#sitemap > li{width:24%;}
	

	/* gnb*/
	.dropdown .body .contents .text{width: 31.4%;margin-right:2.2%;}	
	.dropdown .body .contents .text:nth-child(2n){margin-right:2.2%;}
	.dropdown .body .contents .text:nth-child(3n){margin-right:0;}
	.dropdown .body .contents .text:nth-child(4n){margin-right:2.2%;}
	/* .dropdown .body .contents .text:nth-child(-n+4){margin-top:8px;} */
	.dropdown .body .contents .text:nth-child(-n+3){margin-top:0;}
}


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

	#hd_wrap.fixed{top:0;}
	#hd_wrap.fixed .util_nav .logo{top:50%;}

	/* #main_nav */
	#main_nav{border-top:0;}
	
	
	/* link_nav */
	#header .link_nav{display: none;}
	
	.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: 10px;
		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 .depth1{display: none;}
	
	/* .family_list */
	.family_list{display: block; 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;
	}
	.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;
	}

	/* 1209 메인화면 모바일시 테이블없앰 */
	#main_nav .depth1.clearfix{display: none;}
}

@media screen and (max-width: 960px) {
	/* .ftsns_list */
	.footer_bottom{padding:33px 0;}
	.ftsns_list{top: 40px; right: 15px;}
	.footer_bottom .con_mark{top:90px; right:15px;}
	.footer_bottom .footer_logo{display: none;}
	.footer_bottom .addr_txt{padding-left:0;}

	
}


@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 a img{max-width:100%; height:60px;}
	.m_close{top: 90px;}
	.m_gnb_wrap{top:80px; }
	.m_gnb_bg{top:80px;}
	#main_nav .view_wrap{width:35px; height:35px;}
	#main_nav button.view{width: 17px; height: 20px; 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.938em; 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;}
	.family_list .foot_site_btn{ width: 100%; padding-left:20px; }
	.family_list .foot_site_menu{width: 100%; }
	.family_list .foot_site_menu li a{padding-left:20px;}

	.mft_list2 {position: relative;	display: inline-block; vertical-align: middle; width: 202px; height: 45px; }
	.mft_list2 label{ position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0;}		
	.mft_list2 select { padding-right: 58px; padding-left:13px; width: 100%; height: 45px; line-height: 43px; font-size: 0.938em; color: #3b3b3b; border-color:#585858; text-align: left; background: #fff; }
	.mft_list2 select {appearance : none ;-webkit-appearance : none ;-moz-appearance : none ; }
	.mft_list2 select::-ms-expand {display : none ;}	
	.mft_list2 .arr{position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 45px; border-left: 1px solid #696969; }
	.mft_list2 .arr img {position: absolute; top:20px; right:15px; transform:rotate(180deg); transition:all 0.3s; }
	.mft_list2 .arr.on img {transform:rotate(0deg);}


	/* .ftsns_list */
	.ftsns_list{position: static; text-align: center;}
	.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;}
	

	.footer_bottom .addr_txt p{word-break: keep-all;}
	
}


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

	/* .util_nav.mb */
	.util_nav.mb{height:60px;}	
	.ser_open_btn{left:10px; top:13px;}
	.m_gnb_wrap{top:60px; padding-bottom: 200px;}
	.m_gnb_bg{top:60px;}
	.m_gnb li a.gnb_lv1{padding:15px 20px; background-position: right 20px center;}
	.m_gnb .top_box{padding:15px 20px;}

	
}


@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%;}
}