@charset "utf-8";


/* MOBILE */
#m-nav { position:fixed; right:calc(-90% - 40px); top:0; height:100%; width:90%; background:#fff;  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:602;}
#m-nav .etc { display:flex; }
#m-nav .etc a { display:block;  width:50%;text-align:center; font-size:15px; color:#fff; background:#333; padding:10px 0; }

#m-nav .etc a.on {color:#fff; background:#336699;  }
#m-nav> div > h1 { display:block;text-align:center; margin:50px 0 30px 0}
#m-nav .nav > div > h2 { line-height: 2em; }
#m-nav .nav > div > h2 > a { display:block; font-size:18px;  color:#333; font-weight:600; padding:15px 0 15px 20px; border-bottom:1px solid #ccc; background:url(/images/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #ccc; }
#m-nav .nav ul > li > a { display:block; font-size:15px; color:#ccc; padding:10px; }
#m-nav .nav ul > li:first-child > a {padding-top:20px }
#m-nav .nav ul > li:last-child > a {padding-bottom:20px }
#m-nav .nav > div.active ul { background:#f2f2f2; }
#m-nav .nav > div.active ul > li > a{ color:#333; padding-left:20px }
#m-nav .nav > div.active h2 a { background-color:#666; font-weight:600; font-size:18px; background-image: url(/images/common/ico_m_nav_minus.png); color:#fff; }
#m-nav .btn-close { position:absolute; left:-40px; top:0px; width:40px; height:40px; }
#m-nav .btn-close span{ color:#fff; font-size:40px !important}
.bg-gnb { display:none; position:fixed; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:601;}

/* Mobile Active */
body.fixed  { overflow:hidden !important; }
body.fixed #m-nav { right:0; }
body.fixed .bg-gnb { display:block; }

/*사이트 공통*/
/* header 헤더 */
#header{width:100%; height:115px;position:fixed;top:0;padding:0 80px;font-size:20px; min-height: 35px;margin: 0 auto;z-index: 9;color: #fff; border-bottom:1px solid #9a9c9d; }

.over_logo {position: absolute;    left: 0;    top: 0;    padding: 25px 95px 50px 95px;    background: #fff;    width: 320px;    height: 180px;    z-index: 99;}
.over_logo.over_in {display:none;}

#logo_img {}

#header.headerin{ background-color:#fff; color:#000;}
#header.headerin #top #navi ul.topngb li a {color:#000;}

#header.subpage{background: #fff; color: #333; }
#header.subpage #top #navi > ul.topngb > li a{color:#333;}


#header #top { max-width: 100%; width:100%; vertical-align: middle; position:relative; padding:20px 0; display:flex}
 
#header #top > #navi {width:100%;padding:0 100px; display:flex; justify-content:flex-end;  }
#header #top > #navi:after{clear:both; display:block; content:'';}
#header #top h1 { position: absolute; top:30px; left: 0; right:0;}
#header #top #navi ul.topngb{ display:inline-block; font-weight:500;   }
#header #top #navi ul.topngb > li {  }
#header #top #navi > ul.topngb > li {position:relative;text-align:center; display:inline-block; }
#header #top #navi > ul.topngb > li:after{clear:both; display:block; content:''; }
#header #top #navi > ul.topngb > li a{color:#fff; display:block; padding:35px 40px;}
#header #top #navi > ul.topngb > li a:hover{color:#18489d;}

#header #top #navi ul.sgrp {position:absolute; right:0; top:50px; z-index:999999; display:flex}
#header #top #navi ul.sgrp > li > dl {margin-right:30px}


ul.sgrp dl{position:relative;}
ul.sgrp dl > dt.family{background:url('/theme/basic/img/common/ico_lang.png') no-repeat left 10px; padding:5px 0 5px 25px}
ul.sgrp dl > dt.family:hover{background:url('/theme/basic/img/common/ico_lang_o.png') no-repeat left 10px; }
#header.headerin ul.sgrp dl > dt.family{background:url('/theme/basic/img/common/ico_lang_o.png') no-repeat left 10px; }
ul.sgrp dl > .familyLink { display:none;}
ul.sgrp dl > dd.familyLink ul{background:#fff;border:1px solid #ccc; position:absolute; left:10px; top:30px}
ul.sgrp dl > dd.familyLink > ul  > li {padding:5px 20px; font-size:15px; border-bottom:1px solid #ccc}
ul.sgrp dl dt{ position:relative;cursor:pointer;    display: block; }
ul.sgrp li.menuAll{display:none}


#header #top #navi ul.topngb li div.submenu {display:none; position:absolute;  font-weight:300; left: 50%; transform: translateX(-50%); }
#header #top #navi ul.topngb li div.submenu > .submenu_div { max-width:200px; margin: 35px auto; text-align:right; background:rgba(5,23,55, 0.9); }
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li {display:block; font-size:16px;}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:first-child {padding-top:20px}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:last-child {padding-bottom:20px}

#header #top #navi ul.topngb li div.submenu > .submenu_div ul li a {color:#fff;display:block;; line-height:1.3em; text-align:center;   padding: 10px 0;}


/*#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:hover a {display:block; background-color:#184481; color:#fff; }*/
#header #top #navi ul.topngb li:hover > .submenu{display:block;}
#header.headerin #top #navi ul.topngb li a {text-shadow: none;}
#header #top:after{content:''; display:block; clear:both;}





@media(max-width:1280px){
	#header { height: auto;}
/*	#header #top { padding:0;}*/
	#header h1 > a{display:inline-block; padding-top:5px}
	ul.sgrp li.menuAll{display:block}

}
@media(max-width:680px){}



/* head sub 2depth 간격*/


#header #top #navi ul.topngb li div.submenu{ display: none; overflow: hidden; /*position: fixed;*/  width: 180px; /*background-color: rgba(255,255,255,1);*/ top:60px;}
#header.headerin #top #navi ul.topngb li div.submenu {/*background-color: rgba(255,255,255,1);*/}
#header #top #navi ul.topngb {font-weight:400;margin-right:25px;}
#header #top #navi ul.topngb li div.submenu:after{clear:both; display:block; content:'';}





/*모바일 메뉴*/
#m-nav .nav ul.mo_snslink {display:block; padding:10px 0 10px 20px;}
.mo_snslink:after{content:''; display:block; clear:both;}
.mo_snslink li {display:inline-block; float:left; width:25%; }
.mo_snslink li a {
width: 35px;
height: 35px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.mo_snslink li:nth-child(1) a {			background-image: url(/images/btn_01_off.png);		}
.mo_snslink li:nth-child(2) a {			background-image: url(/images/btn_02_off.png);		}
.mo_snslink li:nth-child(3) a {			background-image: url(/images/btn_03_off.png);		}
.mo_snslink li:nth-child(4) a {			background-image: url(/images/btn_04_off.png);		}
.mo_snslink li:nth-child(1):hover a {			background-image: url(/images/btn_01_on.png);		}
.mo_snslink li:nth-child(2):hover a {			background-image: url(/images/btn_02_on.png);		}
.mo_snslink li:nth-child(3):hover a {			background-image: url(/images/btn_03_on.png);		}
.mo_snslink li:nth-child(4):hover a {			background-image: url(/images/btn_04_on.png);		}

/*상세페이지 상단 _ 사이트 네비 맵바 */
.contents{color:#666; font-size:18px; line-height:1.5em }
#contents{width:100%; height:auto; clear:both; display:block; position:relative;  margin-bottom:80px; position:relative; width:100%; margin: 0 auto;}


/*상세페이지 상단_ background_img : 메뉴의 대분류 코드값을 따라가므로(bg10의 10) 이미지 매치가 안되면 개발자에게 문의해주세요. */
#contents{background: url('/images/common/sub_topbg_01.jpg') no-repeat center center; background-size: cover; }
#contents.content_bg10{background: url('/images/common/sub_topbg_01.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg20{background: url('/images/common/sub_topbg_02.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg30{background: url('/images/common/sub_topbg_03.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg40{background: url('/images/common/sub_topbg_04.jpg') no-repeat center center; background-size: cover;}
#contents.content_bg50{background: url('/images/common/sub_topbg_05.jpg') no-repeat center center; background-size: cover;}




#content_title { /*max-width:1280px;*/ width:100%; min-height:560px; margin:0 auto; display:block; position:relative; }
#content_title > div.content_title_div { position: absolute;top: 60%;left: 0;right: 0;bottom: 0;}
#content_title > div.content_title_div > div.content_title_text {max-width: 1280px; display: block;  margin: 0 auto; }

#content_title > div.content_title_div > div.content_title_text > h2 {font-size:3.2em; color:#fff;  line-height:1.3em; font-weight:500;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);}


/*2depth-row_depth 기능*/
#content_title a.depth_home {background: url('/theme/basic/img/icon_home.png') no-repeat 50% 50%;}
#content_title div.row_depth{position:absolute; display:block; left:0; right:0; bottom:0; width:100%; border-top:1px solid #e9e9e9;}
#content_title div.row_depth > ul{width:100%;max-width:1280px; margin:0 auto; display:table}

#content_title div.row_depth > ul:after{display:block; clear:both; content:''; }
#content_title div.row_depth ul li {display:table-cell;font-size:1.25em; height:100%; }
#content_title div.row_depth ul li a {color:#bababa;	display: block;    width: 100%;    height: 100%;    text-align: center;    padding: 30px 0; margin-top:-1px;}
#content_title div.row_depth ul li a.on {color:#f6f6f6;	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);border-top:4px solid #005b9a}
#content_title div.row_depth ul li:hover a {color:#fff;}
/*3depth 기능*/
.sub_depth{display:block; max-width:1280px; width:100%; margin: 0 auto; text-align:center; background-color:#007fa4;}
.sub_depth:after{clear:both; display:block; content:'';}
.sub_depth ul {width:100%; }
.sub_depth ul li {text-align: center; display:inline-block; *float:left; width:20%; border:none; color:#fff;}

.sub_depth ul li.act_depth {*background-color: blue; *background-image: linear-gradient(to right, #14a2c4, #1c5c97);}
.sub_depth ul li a {display:block; padding: 20px 0;color:#fff; } 
.sub_depth ul li.act_depth > a {color:#ef7324;} 

div.sub_depth ul {
    height: 66px;
    font-size: 0;
    border-bottom: none;
    text-align: center;
}
div.sub_depth ul li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    width: 200px;
}
div.sub_depth ul li a {
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 25px 0;
}

.sub_depth ul li:after {
    content: '|';
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1.0em;
    padding: 20px 0;
}
.sub_depth ul li:last-child:after {
    content: '';
}

/*#사이트맵*/
.site_map {	display:none;position: fixed; left: 50%; top: 10%;background: #fff;z-index: 900;margin: 100px 0 0 -450px;width: 900px;height: auto;border-radius: 10px;overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sitemap_title{height: 60px; background: #ff9900; line-height: 60px; color: #fff; font-size: 20px; font-weight: 700; padding-left: 15px;}
.sitemap{padding:10px;}

.sitemap_close {position: absolute; right: 15px; top: 15px;}
ul.sitemap > li {display: flex; font-size: 1.5em; font-weight: 600; border-bottom: 1px solid #ccc; padding: 20px; overflow: hidden; vertical-align: middle;align-items: center}
ul.sitemap > li > a {color: #ff9900; float: left; width: 120px; display: block; font-size:18px; }
ul.sitemap > li > ul {overflow: hidden;}
ul.sitemap > li > ul > li { display: inline-block; font-size: 0.6em; color: #666; font-weight: normal; margin-right: 20px;}

/*공통하단*/


/*media*/
@media (max-width:1280px) {
	/*#header { height: 90px;}*/
	#header #lang {display:none;}
	#header #top {top:0;  margin-top: 0px;}
	#header #top{width:100%; height:auto;}
	#header #top #navi {position:fixed;right:5px; }
	
	#header{background-color:rgba(0,0,0,0.3); z-index:600; font-size:18px; *padding-top: 20px !important; min-height: auto; padding: 10px 0; 
	
	border-bottom: 1px solid rgba(0,0,0,0.3);	}
	#header #top #navi ul.topngb{display:none;}
	#header #top #navi ul.topntop_01{display:none;}
	#header #top #navi ul.topntop_02{}
	#header #top { /*height: 30px;*/  }
	#header h1 { display:block; float: none;  position: relative !important; margin-top:0px}
	/*#header h1 > a {display:block;}*/
	#header h1 img{/*width:120px*/ width:300px}

	#header #top #navi ul.topntop_02 > li > a { width: 40px; height: 40px; border-radius: 20px; padding: 12px;}
	#header #top #navi ul.topntop{padding:20px 0;}
	#header #top > #navi {display: inline; width: auto; margin-left:0;	}
	#header #top{width:100%;}
	#header #top h1{display:block;text-align:center; width:100%; bottom:auto; font-size:1.7em; top:0;}

	#header .over_logo {display:none;}
	#header ul.sgrp dl{display:none;}
	#header .sgrp.sgrp_02{ margin-right:10px; display:block; bottom: auto;   transform: translateY(-50%);  }
	#header #top #navi ul.sgrp { width:50px; top:0; transform: translateY(50%);	}
	#m-nav{display:block;}
	#search_f {top: 80px;}
	#content_title { min-height:300px;}
	/*#content_title > div.content_title_div { position: absolute; top: 60%; left: 40px; right: 0;  bottom: 0;   text-align: center;}*/
	#contents .breadcrumb{display:none;}
	

	br { display:none; } 
 	br.enter { display:block; } 
	#content_title a.depth_home  { display:none; }
	#content_title div.row_depth { display:none; }
#header h1 img{width:150px}
	

}

@media (max-width:1000px) {	

	#content_title > div.content_title_div { position: absolute;    top: 50%;    left: 0;    right: 0;    bottom: 0;  text-align: center; }

	#content_title > div.content_title_div > div.content_title_text > h2{font-size: 2.5em }

}

@media (max-width:840px) {	
#header{ padding: 0 !important;}
#header #top { margin-top: 0px; }

/*#header #top h1 {top: -10px;}*/
#main_sec_01 div.inter { transform: translate(-50%, -15%);}

#header h1 img{width:100px}


#content_title > div.content_title_div > div.content_title_text > p.path{font-size:15px;}
#content_title > div.content_title_div > div.content_title_text > h2{font-size: 2em }
}

@media (max-width:640px) {
	#content_title { min-height:250px; }
	#content_title div.row_depth {display:none;}
	#content_title > div.content_title_div > div.content_title_text > p {    font-size: 20px;}
	.sub_depth ul li.lir_2{width:100%;}
	.sub_depth ul li.lir_3{width:100%;}
	.sub_depth ul li.lir_4{width:100%;}
	.sub_depth ul li.lir_5{width:100%;}
	.sub_depth ul li.lir_6{width:100%;}
	h1{font-size:1.7em !important; font-weight:400 !important}
#content_title > div.content_title_div > div.content_title_text > p.path{font-size:15px; }
#content_title > div.content_title_div > div.content_title_text > p.title_text{font-size:18px; margin-top:10px; padding:0 20px}
	
	#footer {width:100%; font-size:12px; line-height:1.5em; *margin-top:30px;}
}
@media (max-width:480px) {/*필요시만 추가*/

	/*서치아이콘 메뉴아이콘*/
	#header #top #navi ul.topntop {    padding: 20px 0; }
	#header #top #navi ul.topntop_02 > li {margin-left:0;}
	#header #top #navi ul.topntop_02 > li > a#toggle_search {background-color:#fff;}
	#header #top #navi ul.topntop_02 > li > a { padding:15px 10px 15px 0px; width:40px;}
	#header #top #navi ul.topntop_02 > li:nth-child(1) > a{background: url('/_theme/basic/img/icon_searchbtn_m.png') no-repeat center center; background-color:none;}
	#header #top #navi ul.topntop_02 > li:nth-child(2) > a{background: url('/_theme/basic/img/icon_menubtn_m.png') no-repeat center center;  background-color:#fff;}

}
@media (max-width:320px) {
	#header #top #navi ul.topntop_02 > li > a {width: 1em;height: 1em;border-radius: 1em;padding: 1em;	}
}




/*sub navi 공통*/
#sub_nav{ width:100%; background-color:#fff; position:absolute; bottom:0;left:0;right:0; margin-left:auto;margin-right:auto;color:#444; text-align:left; background:#fff; z-index:1;transform: translateY(50%); /**box-shadow : 1px 1px 5px 0px rgba(0, 0, 0, 0.15);**/ border-bottom:1px solid #eeeeee}
/*#sub_nav:before{content: '';    display: block;    width: 100%;    margin-left: -100%;    background: #fff;    height: 100%;    bottom: 0;    position: absolute;    z-index: -1; background:#fff;box-shadow :  1px 1px 5px 0px rgba(0, 0, 0, 0.15); }*/
#sub_nav > div {display:block;max-width:1280px; width:100%; margin:0 auto; }
#sub_nav:after{display:block; clear:both; content:'';}
#sub_nav .exp_icon{ float:right;}
#sub_nav .exp_icon li {display:inline-block; vertical-align:middle; margin-right:10px;}
#sub_nav > div > a {padding:19px; border-right:1px solid #efefef; line-height:1.0em; float:left; background-color:#f8f8f8;}
#sub_nav .depth_link{ display:inline-block; }
#sub_nav .depth_link dl li {margin:10px 0; }
#sub_nav .depth_link dt {width:270px;height:54px;  color:#666; padding:18px 24px;font-size: 18px;border-right:1px solid #efefef;border-top:1px solid #efefef;	line-height:1.0em;	cursor:pointer; 	position:relative; letter-spacing:-0.02rem; }
#sub_nav .depth_link dt > img.down_vector{position: absolute;top:45%;right:24px;}
#sub_nav .depth_link dd {display: none;	z-index:5;	box-sizing: border-box;	position: absolute;	width: 270px; top: 54px;border: 1px solid #efefef; background-color:#fff;}
#sub_nav .depth_link li {	border-top: 1px solid #efefef;font-size:16px;font-weight: 400;color:#fff}
#sub_nav .depth_link li > a {width:100%; display:block;color:#333;padding: 20px 24px;}
#sub_nav .depth_link li:hover{background-color:#f9f9f9;}
#sub_nav .depth_link li:hover > a { color:#fff;font-weight: 500; color:#333;}

.SubContent > ul.submenu_3depth{margin:0 auto 60px auto; text-align:center; }
.SubContent > ul.submenu_3depth > li{display:inline-block;width:280px}
.SubContent > ul.submenu_3depth > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent > ul.submenu_3depth > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent > ul.submenu_3depth > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent > ul.submenu_3depth > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}

.SubContent ul.submenu_3depth_2{margin:0 auto 60px auto; text-align:center; }
.SubContent ul.submenu_3depth_2 > li{display:inline-block;}
.SubContent ul.submenu_3depth_2 > li:nth-child(1){width:10%}
.SubContent ul.submenu_3depth_2 > li:nth-child(2){width:20%}
.SubContent ul.submenu_3depth_2 > li:nth-child(3){width:15%}
.SubContent ul.submenu_3depth_2 > li:nth-child(4){width:15%}
.SubContent ul.submenu_3depth_2 > li:nth-child(5){width:20%}
.SubContent ul.submenu_3depth_2 > li:nth-child(6){width:15%}
.SubContent ul.submenu_3depth_2 > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent ul.submenu_3depth_2 > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent ul.submenu_3depth_2 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent ul.submenu_3depth_2 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}

.SubContent ul.submenu_3depth_3{margin:0 auto 60px auto; text-align:center; }
.SubContent ul.submenu_3depth_3 > li{display:inline-block;}
.SubContent ul.submenu_3depth_3 > li:nth-child(1){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(2){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(3){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(4){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(5){width:15%}
.SubContent ul.submenu_3depth_3 > li:nth-child(6){width:15%}
.SubContent ul.submenu_3depth_3 > li > a{display:block;border-top:1px solid #d51c22;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; padding:20px; margin-top:3px}
.SubContent ul.submenu_3depth_3 > li > a.on{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}
.SubContent ul.submenu_3depth_3 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22;color:#fff}
.SubContent ul.submenu_3depth_3 > li > a:hover{background:#d51c22;border-left:1px solid #d51c22;border-bottom:1px solid #d51c22;border-right:1px solid #d51c22; color:#fff}




@media (max-width:1400px) {
#SubNavi{display:none}
#sub_nav{display:none}

.SubContent > ul.submenu_3depth > li{width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(1){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(2){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(3){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(4){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(5){width:49%}
.SubContent ul.submenu_3depth_2 > li:nth-child(6){width:49%}

.SubContent ul.submenu_3depth_3 > li:nth-child(1){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(2){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(3){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(4){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(5){width:49%}
.SubContent ul.submenu_3depth_3 > li:nth-child(6){width:49%}
}

@media (max-width:1000px) {
.content_head{max-width:100%; width:100%; min-height:300px; height:100%; }

#sub_nav .depth_link{ display:none;}


}
@media (max-width:840px) {
.content_head{max-width:100%; width:100%; min-height:200px; height:100%; position:relative; display:none; }




ul.submenu_3depth{display:none }
ul.submenu_3depth_2{display:none }
ul.submenu_3depth_3{display:none }

}








/*subContent*/
div.subContent{width:100%;color:#494949; line-height:1.5em; font-weight:400;word-break:keep-all;}


div.subContent_in {max-width:1280px;  margin:0 auto; padding:80px 0; }
div.subContent_in_02 {max-width:100%; padding:80px 0; }
div.subContent_in_03 {max-width:100%; padding:80px 0;  background:#f3f3f3}


@media (max-width:1280px) {
	
	
	div.subContent_in {padding:40px 0px; }
	div.subContent_in_02 {padding:40px 0; }
	div.subContent_in_03 {padding:40px 10px; }
	
}


@media (max-width:840px) {
	div.subContent{width:100%;line-height:1.2em; margin-bottom:50px; padding:0 important;  }
	div.subContent_in {padding:40px 10px 20px 10px; }
	div.subContent_in_02 {padding:20px 10px; }
	div.subContent_in_03 {padding:20px 10px; }



}


/* footer 시작 { */

#footer {width:100%; display:block; position:relative; background-color:#2d2d2e; color:#ccc}
#footer > div {max-width:1280px; width:100%;margin:0 auto; padding: 20px 0; position:relative; }
#footer > div > ul{display:flex; margin:0 0 20px 0; }
#footer > div > ul > li > a{display:block; padding:10px 10px; color:#ccc}
#footer > div > div > p.footer_ci{margin-bottom:20px }
#footer > div div.banner_footer{position:absolute; right:0; bottom:20px }

@media (max-width: 1500px) {
#footer > div { padding: 20px 10px; }
#footer > div > ul{flex-direction:column; flex-wrap:wrap; margin:30px 0 0 50px; }
}
@media (max-width: 840px) {
#footer {font-size:12px; line-height:1.5em; display:block}
#footer > div div.banner_footer{position:relative; right:auto; bottom:auto; margin-top:10px }
#footer > div > ul{display:none}
}

/* footer  끝  }*/