@charset "utf-8";
/*
007fa4	포인트컬러(그린)
ff9900	포인트컬러(오렌지)
	기본블랙컬러

*/

/*공통상단*/
/*
#header{width:100%;position:relative;}
#header #top{clear:both;max-width:1243px;margin:0 auto; position:relative; }
#header #top h1{display:inline-block; float:left; padding:20px 0; width:170px; position:absolute; left:0}
#header #top #navi{float:left;}
#header #top #navi ul{margin:0 auto; }
#header #top #navi ul li{display:inline-block; height:100%;position:relative}
#header #top #navi ul li a{display:block;font-weight:600; font-size:18px; *padding:30px 32px 30px 32px; padding:35px 35px;}
#header #top #navi ul li a.top_on{color:#155c9e; }
#header #top #navi ul li a.top_on:after{display:block; content:""; left:0; top:90px; width:100%; height:14px; position:absolute;background: url('/_theme/basic/img/navi_point.png') no-repeat center top; text-align:center; z-index:999999}
#header #top #navi ul li a:hover{color:#155c9e; }
*/
/* MOBILE */
#m-nav { position:fixed; left:-250px; top:0; height:100%; width:250px; background:#222;  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:999999}
#m-nav .etc { *padding-top:50px; overflow:hidden; }
#m-nav .etc a { display:block; float:left; width:50%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:1px solid #444; text-align:center; font-size:15px; color:#fff; background:#333; padding:4px 0; }
#m-nav .etc a:first-child { border-left:0;  }
#m-nav .nav h2 { line-height: 2em; }
#m-nav .nav h2 a { display:block; font-size:15px;  color:#ccc; font-weight:600; padding:15px 0 15px 10px; border-bottom:1px solid #333; background:url(../img/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #333; }
#m-nav .nav ul li a { display:block; font-size:13px; color:#ccc; padding:15px 0 15px 10px; }
#m-nav .nav > div.active ul { background:#333; }
#m-nav .nav > div.active h2 a { background-color:#003876; background-image: url(/_theme/basic/img/mobile/ico_m_nav_minus.png); color:#fff; }
#m-nav > h1 > a > img { width: 100%; }


#m-nav .btn-close { position:absolute; right:13px; top:13px; background:url(/_theme/basic/img/mobile/btn_close.png) no-repeat 0; background-size: cover; width:25px; height:25px; }
.bg-gnb { display:none; position:fixed; left:0; 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 { left:0; }
body.fixed .bg-gnb { display:block; }

/*사이트 공통*/
/* header 헤더 */
#header{ width:100%; position:fixed; top:0;   padding: 0 40px;  background-color:rgba(0,0,0,0.3); z-index:600; font-size:18px; 
 padding-top: 50px; min-height: 35px;    margin: 0 auto;    background-color: inherit;    z-index: 9;   color: #fff;    border-bottom: 1px solid rgba(128,128,128, 0.6);;
}
#header.headerin{ background-color:#fff; color:#000;}
#header.headerin #top #navi ul.topngb li a {color:#000;}
#header #top { max-width: 100%; width:100%; vertical-align: middle; display: block; position:relative; }

#header #top > #navi {display:block; *margin-left:200px; *padding-left:30px; text-align:center;}
#header #top > #navi:after{clear:both; display:block; content:'';}
#header #top h1 { display: inline-block; float: left; width: 220px; position: absolute; top:auto; bottom:20px; left: 0; right:0;}
#header #top #navi ul.topngb{ display:inline-block;}
#header #top #navi ul.topngb >  li {width:180px; text-align:center; display:inline-block; *float:left; }
#header #top #navi ul.topngb li:after{clear:both; display:block; content:'';}
#header #top #navi ul.topngb li a{color:#fff; display:block; padding-bottom:26px;}
#header #top #navi ul.topngb > li:hover > a{color:#ff9900; }
#header #top #navi ul.topngb li div.submenu {display:none; position:absolute; width:160px;}
#header #top #navi ul.topngb li div.submenu > .submenu_div {}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul {*display:inline-block; margin-left: 120px; max-width:900px; display:block; margin:0 auto; text-align:left;}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li {display:inline-block;background-color:#fff; font-size:14px}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li a {display:block; color:#000; padding:0px 20px 15px 20px}
#header #top #navi ul.topngb li div.submenu > .submenu_div ul li:hover a {display:block; color:#ff9900;}
/*#header #top #navi ul.topngb li:hover > .submenu{display:block;}*/
#header.headerin #top #navi ul.topngb li:hover > .submenu{display:block;}

#header #top #navi ul.topngb li div.submenu ul li{}
#header #top #navi ul.topngb li:nth-child(1) div.submenu ul{ padding-left:15px;}
#header #top #navi ul.topngb li:nth-child(2) div.submenu ul{ padding-left:190px;}
#header #top #navi ul.topngb li:nth-child(3) div.submenu ul{ padding-left:290px;}
#header #top #navi ul.topngb li:nth-child(4) div.submenu ul{ padding-left:575px;}
#header #top #navi ul.topngb li:nth-child(5) div.submenu ul{ padding-left:595px;}
#header #top #navi ul.topngb li div.submenu{ display: none; overflow: hidden; position: fixed; left: 0px; width: 100%; background-color: rgba(255,255,255,1); top:94px;}
#header #top #navi ul.topngb {}
#header #top #navi ul.topngb li div.submenu:after{clear:both; display:block; content:'';}
#header #top #navi ul.topngb li div.submenu li a{padding:18px 0}

#header #top #navi .sgrp {float:right; position:relative;}
/*#header div.sgrp_01 dl {float:left;}
#header div.sgrp_01 dl{ right:0; *top:10px; bottom:-52px; width:150px;  border:1px solid #ccc; text-align:left; font-size:14px; color:#323232 ;background-color:#fff; }
#header div.sgrp_01 dl > .familyLink { display:none;}
#header div.sgrp_01 dl > .familyLink ul li {padding: 15px 14px 12px 14px;}
#header div.sgrp_01 dl dt{ position:relative;cursor:pointer;    display: block;    font-weight: 600; padding:15px 14px 12px 14px; }
#header div.sgrp_01 dl dd{ display:none; position:absolute; background:#fff;  box-sizing:border-box; width:149px; }
*/
#header div.sgrp {color:#fff;}
#header div.sgrp_01 dl {float:left;}
#header div.sgrp_01 dl{ right:0; bottom:-52px; width:50px; line-height: 25px;    vertical-align: middle; text-align:left; color:#fff ;}
#header div.sgrp_01 dl > .familyLink { display:none;}
#header div.sgrp_01 dl > .familyLink ul li {padding: 15px 14px 12px 14px;}
#header div.sgrp_01 dl dt{ position:relative;cursor:pointer;    display: block; }
#header.headerin div.sgrp_01 dl dt{ *color:#2793b1;}


#header div.sgrp_01 dl dd{ display:none; position:absolute; background:#fff;  box-sizing:border-box; *width:149px;     top: 30px;    left: -18px;}
#header.headerin div.sgrp dl{color:#000;}

#header div.sgrp_01 dl:before{
display:block; 
position:absolute;
width:25px;
height:25px;
background-image: url('/theme/basic/img/common/icon_world.png');
background-repeat:no-repeat;
content:'';
left:-30px
}

#header.headerin div.sgrp_01 dl:before{
background-image: url('/theme/basic/img/common/icon_world_o.png');
}


#header .sgrp.sgrp_02 li {display:inline-block;vertical-align:middle; margin-top: -7px;}
#header .sgrp.sgrp_02 li img {width:30px;}

/*검색창*/
#search_f {width:100%; display:none; *z-index:600; position:fixed; *top: 110px;top:94px;left: 0px; background-color:#fff; }
#search_f > div {max-width:1200px; margin:0 auto; display: block; text-align:center;padding:20px;}
#search_f > div input[type=text]{width:70%; margin-right:20px;}
#search_f > div input[type=submit]{ background-color: #ff9900; color:#fff; padding: 0 20px; height:40px;text-align: center;font-weight: bold;border: 0;}



/*상세페이지 상단 _ 사이트 네비 맵바 */
.contents{color:#666; font-size:18px; line-height:1.5em }

#contents{width:100%; height:auto; clear:both; display:block; position:relative; *margin-top:95px; margin-bottom:80px; *border:1px solid #e7e7e7;
	position:relative; width:100%; margin: 0 auto;
}


/*상세페이지 상단_ background_img : 메뉴의 대분류 코드값을 따라가므로(bg10의 10) 이미지 매치가 안되면 개발자에게 문의해주세요. */
#contents{background: url('/images/common/sub_topbg_05.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;}



#content_title { max-width:1340px; width:100%; min-height:644px; margin:0 auto; display:block; position:relative; font-family: 'NanumSquare' }
#content_title > div.content_title_div { position: absolute;    top: 285px;    left: 0;    right: 0;    bottom: 0;    border-left: 0;	width:100%; text-align:center }
#content_title > div.content_title_div > div.content_title_text > h2 {font-size:40px; color:#eee;  line-height:1em; margin-bottom:10px; *letter-spacing:-3px; font-weight:600; font-family: 'NanumSquare'}
#content_title > div.content_title_div > div.content_title_text > h2:after {content:""; display:block; height:1px; width:100px; margin:10px auto; background:#eee}
#content_title > div.content_title_div > div.content_title_text > p {font-size:20px; font-weight:400; color:#eee;  line-height:1.5em;}

/*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;}
#content_title div.row_depth > a{ width:84px; height:84px; position:absolute; background-color:#fff; left:0;}
#content_title div.row_depth > ul{ margin-left:84px; height:84px; font-size:0; *border: 1px solid rgba(255,255,255,0.5); border-bottom: none;}
#content_title div.row_depth > ul:after{display:block; clear:both; content:'';}
#content_title div.row_depth ul li {display:inline-block;float:left; font-size:16px; border: 1px solid rgba(255,255,255,0.5); border-left:none; height:100%; width:145px}
#content_title div.row_depth ul li:hover {background-color:#ff9900;}
#content_title div.row_depth ul li a {color:#ddd;	display: block;    width: 100%;    height: 100%;    text-align: center;    padding: 30px 0; }
#content_title div.row_depth ul li:hover a {color:#fff;}


/*균일등분 - 보류*/
/*
.row_depth ul li.lir_2{width:50%;}
.row_depth ul li.lir_3{width:33%;}
.row_depth ul li.lir_4{width:25%;}
.row_depth ul li.lir_5{width:20%;}
.row_depth ul li.lir_6{width:16.5%;}
*/

/*3depth 기능*/
.sub_depth{display:block; max-width:1200px; width:100%; margin: 0 auto; text-align:center;}
.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:1px solid #e2e2e2; border-right:none; }
.sub_depth ul li:last-child{border-right:1px solid #e2e2e2;}
.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;} 
.sub_depth ul li.act_depth > a {color:#fff;} 

.sub_depth ul li.lir_2{width:50%;}
.sub_depth ul li.lir_3{width:33%;}
.sub_depth ul li.lir_4{width:25%;}
.sub_depth ul li.lir_5{width:20%;}
.sub_depth ul li.lir_6{width:16.5%;}

/*#사이트맵*/
.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: 20px;
}
ul.sitemap > li {
    display: block; font-size: 1.5em; font-weight: 600; border-bottom: 1px solid #ccc; padding: 20px; overflow: hidden; vertical-align: middle;
}
ul.sitemap > li > a {
    color: #ff9900;    float: left;    width: 160px;    display: block;
}
ul.sitemap > li > ul {
    overflow: hidden;
}

ul.sitemap > li > ul > li {
    display: inline-block;    font-size: 0.8em;    color: #666;    font-weight: normal;    margin-right: 20px;    margin-bottom: 10px;
}



/*공통하단*/
#footer {width:100%;margin-bottom:60px; position:relative; border-top:1px solid #ccc}
#footer:after {display:block; clear:both; content:"";}
#footer > div.site_private { width:100%; display:block; text-align:center; padding:50px 35px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); position:relative;} 
#footer > div:after{clear:both; display:block; content:''; }
#footer > div.site_private > ul{overflow:hidden }
#footer > div.site_private > ul > li{float:left;margin-right: 50px; }
#footer .site_private> ul > li > a { color:#ccc}
#footer .site_private> ul > li > a:hover { color:#333}
#footer > div.ft_ci{position:absolute; right:30px; top:40px}


#footer .ft_info ul{ width:100%;padding:10px; text-align:center; font-size:16px  }
#footer .ft_info ul li{ display:block;color:#333; padding:5px 0}
#footer .ft_info ul li span{ color:#aaa; margin : 0 15px;}


dl.footer_dl{
	position: absolute;
    right:80px;
    top: 10px;
    width: 210px;
    border: 1px solid #ccc;
    padding: 10px 10px;
    font-size: 16px;
    color: #333;
	z-index:99;
	background:#fff;
}

dl.footer_dl > dt {z-index:9999; cursor: pointer; padding:5px;}

dl.footer_dl > dd {
    display: none;
    z-index: 9999;
    background: #fff;
    box-sizing: border-box;
	text-align:left;
		
}
#footer dd.familyLink1 > ul > li:nth-child(1) {padding-top:10px;  }
#footer dd.familyLink1 > ul > li {padding:5px 0;     display: block;    width: 100%; margin-right:0; }
#footer dd.familyLink1 > ul > li a {    display: block;	color:#333;	text-align:left;}

#footer dt.family1 > span{ position:absolute; right:20px;}



/*media*/
@media (max-width:1400px) {
	#header #top{width:100%;}

	#header #top #navi {position:fixed;right:5px; }
	#header{ padding: 0 0;  background-color:rgba(0,0,0,0.3); z-index:600; font-size:18px;  padding-top: 20px !important; min-height: auto; }
	/*#header #top #navi{display:none}*/
	#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:20px}
	#header h1 > a {display:block;}
	#header h1 img{width:120px}
	#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%}

	#header div.sgrp_01{display:none;}

	#header .sgrp.sgrp_02{ margin-top:0px; }
	#header .sgrp.sgrp_02 li { margin-top:0px; margin-right:10px }	
	
	#m-nav{display:block;}

	#search_f {top: 80px;}
	#content_title {*display:none;}
	#contents .breadcrumb{display:none;}
	#footer{font-size:16px;}
	
}

@media (max-width:1000px) {	
 br { display:none; } 
 br.enter { display:block; } 
 dl.footer_dl{display:none;}

}
@media (max-width:840px) {
#content_title { min-height:200px; margin:0 auto; display:block; position:relative; font-family: 'NanumSquare' }
#content_title > div.content_title_div { position: absolute;    top: 120px;    left: 0;    right: 0;    bottom: 0;    border-left: 0;	padding-left:0; width:100%; text-align:center }
#content_title >div.content_title_div > div.content_title_text > h2 {font-size:25px; color:#ddd;  line-height:1em; margin-bottom:20px; *letter-spacing:-3px; font-weight:600; font-family: 'NanumSquare'}
#content_title >div.content_title_div > div.content_title_text > p {display:none}

#content_title div.row_depth{display:none}

}


@media (max-width:640px) {
	#header #top #navi ul.topntop_02 > li > a { *width: 50px; *height: 50px; border-radius: 25px; padding: 15px;	}
	#header #top #navi ul.topntop {padding-right:0; }

	.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 {padding: 16px 0;}
#footer { font-size:14px }
#footer .ft_info ul{ width:100%;padding:3px; text-align:center; }
	
#footer .ft_info ul li{ display:block;color:#333; padding:1px 0; font-size:13px }
}
@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;	}
}

div.subContent{width:100%; font-size:18px !important; line-height:1.5em; margin-bottom:50px; padding:0 important; word-break:keep-all}
div.subContent  h3{display:block; max-width:1340px; margin:0 auto 50px auto; font-size:35px;  font-family: 'NanumSquare';padding:; text-align:center}
div.subContent  h3:before{content:"";display:block; width:1px; height:50px; background:#666; margin:50px auto 20px auto;}
.h3_grey{width:100%;background:#f4f4f4 }




div.subContent h4{width:100%; text-align:center; font-size:30px; font-weight:normal !important; margin-bottom:50px }
div.subContent h4:before{display:block; content:""; width:1px; height:30px; background:#333; margin:0 auto 10px auto; }


@media (max-width:1400px) {
	


div.subContent  h3{ margin:0 auto 20px auto; font-size:25px; }
div.subContent  h3:before{content:"";display:block; width:1px; height:30px;margin:30px auto 10px auto;}
.h3_grey{width:100%;background:#f4f4f4 }



}


@media (max-width:840px) {
	div.subContent{width:100%; font-size:15px !important; line-height:1.5em; margin-bottom:50px; padding:0 important }
	
	div.subContent h4{font-size:20px; font-weight:normal !important; margin-bottom:30px }
div.subContent h4:before{display:block; content:""; width:1px; height:20px; background:#333; margin:0 auto 10px auto; }

/*공통하단*/
#footer {width:100%;margin-bottom:60px; position:relative; font-size:13px}
#footer:after {display:block; clear:both; content:"";}
#footer > div.site_private { width:100%; display:block; text-align:center; padding:20px 15px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); position:relative;} 
#footer > div:after{clear:both; display:block; content:''; }
#footer > div.site_private > ul{float:none;overflow:hidden; text-align:center; margin:0 auto }
#footer > div.site_private > ul > li{display:inline-block;margin-right:15px; }
#footer .site_private> ul > li > a { color:#ccc}
#footer .site_private> ul > li > a:hover { color:#333}
#footer > div.ft_ci{position:relative;width:100%; text-align:center; margin-bottom:30px}

#footer .ft_info ul{ width:100%;padding:10px; text-align:center; overflow:hidden  }
#footer .ft_info ul li{ display:block;color:#333; text-align:center }
#footer .ft_info ul li span{ color:#aaa; margin : 0 15px;}

}