@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {font-family: "Nanum Gothic", "나눔고딕"; overflow-x:hidden; width:100%; height:100%; line-height:1px; font-size:14px; color:#333333;}  
a,a:visited,a:link {color:#000000;}




.sub_visual {background:url(../images/sub_visual1.jpg) 0 0 no-repeat; width:100%; height:226px; margin-top:119px;  background-size:inherit; }  
.sub_visual span {position:absolute; top:95px; left:65px; color: white; font-size:40px; font-weight:bold; line-height:30px;}
.id_left {float:left;position:relative;width:198px;min-height:700px;border-left:1px solid #dcdddc;border-right:1px solid #dcdddc;}
.sub_contents {width:100%; padding-bottom:20px;}
.sub_nav {width:100%; text-align:right; margin:20px 0;}
.sub_nav ul {float:right;}
.sub_nav ul li {float: left; 
    padding: 2px 15px;
    background-image: url(../images/bc_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 4px;
    font-size: 12px;
    line-height: 12px;
}

.subproduct_nav {width:100%; text-align:right; margin:20px 0; float:right;}
.subproduct_nav ul {float:right;}
.subproduct_nav ul li {float: left; 
    padding: 2px 15px;
    background-image: url(../images/bc_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 4px;
    font-size: 12px;
    line-height: 12px;
}
.subproduct_nav ul li.last {background-image:none; padding-right:0px;}
.sub_con_wrap {float:left;margin-left:45px; width:858px;}
.sub_nav ul li.last {background-image: none; padding-right: 0;}
.sub_header_title {float:left; font-size:30px; font-weight:bold; padding-top:12px;  width:100%; text-align:left; border-bottom:1px solid #cccccc; padding-bottom:18px;}

.sub_header {border: 2px solid #cfcfcf; padding:25px 40px 25px 40px; text-align:center; line-height:30px;}
.sub_header h4 {font-weight:800; font-size:36px; color:#333333; padding-bottom:12px;  display:block;}
.sub_header span {font-size:18px; display:block;}
.sub_con {margin-top:20px; text-align:left; line-height:22px; margin-bottom:40px;}

.greeting span {font-size:40px; margin-top:40px; display:block; line-height:50px;}
.greeting span b {color:#33aae1;}
.greeting p {display:block; margin-top:30px; font-size:14px;}
.greeting p b {font-weight:bold;}


.history {margin-top:60px;}
.hisorty_img {float:left;margin-left:40px;}
.history_list {float:left; margin-left:180px; text-align:left; line-height:30px;}
.history_list h4 {font-size: 35px; margin-bottom: -35px; color: #444444; line-height: 42px; display:block;}
.history_list p span {font-size: 28px; color: #33aae1; padding-right: 30px; line-height: 30px;} 
.history_list ul {margin: -55px 0 0 110px; color: #222222; list-style-type: none; font-size: 16px; line-height: 30px; margin-bottom: 22px;}
.history_list ul li span {color: #999999; padding-right: 10px;} 
.history_list p {margin: 0 0 20px 0;}

hr {border: solid #ddd;border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0;}


.left_menu_wrap { width: 256px;}
.left_menu_wrap { float:left;  text-align:center;}

.left_menu { border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
   /* padding-top: 40px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
    padding-left: 20px !important;*/
    background: #f7f7f7 url(../images/bg06.png) !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    border-left-color: #e3e3e3 !important;
    border-left-style: solid !important;
    border-right-color: #e3e3e3 !important;
    border-right-style: solid !important;
    border-top-color: #e3e3e3 !important;
    border-top-style: solid !important;
    border-bottom-color: #e3e3e3 !important;
    border-bottom-style: solid !important;}



.left_menu > dt {
	/*background-color:#aed136;*/
	width:90%;
	padding:5% 5% 5% 5%;
	padding-top:50px;
	padding-bottom:15px;
	height:25px;
	font-size:30px;
	font-weight:900;
	color:#008fd5;

}
.left_menu > dd {
	float:left;
	width:100%;}
.left_menu > dd > a {
	display:block;
	padding:3% 5%;
	line-height:38px;
	max-height:38px;
	font-size:14px;
	color:#726f6f;
	width:229.3px;
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;*/
	margin:0px !important;
	letter-spacing: -0.5px;

}
.left_menu > dd > a.on,
.left_menu > dd > a:hover {
	color:white;
	font-weight:600;
	background-color:#008fd5;
	border:0px !important;
	width:229px;
}

.product_title {width:100%; margin-top:20px; border-bottom:1px solid #cccccc; margin-bottom:65px; line-height:30px; padding-bottom:20px;}
.product_title:last-child {border-bottom:0px;}
.product_title:nth-of-type(2) {border-bottom:0px;} 
.product_title span {color:#888888; font-size:15px; padding-bottom:15px; display:block;}
.product_title h4 {color:#f05a67; font-size:42px; display:block;     font-weight: 800;}
.product_title p {display:block; margin-top:30px; font-size:16px;}
.product_title img { }
.product_title dl {font-size:16px; margin-top:30px;}
.product_title dl dt {color:#f05a67; font-weight:800;}
.product_title dl dd {margin-bottom:30px;}
.product_title dl dd img {max-width:100%;}
.product_title hr {margin-top:30px;}
.product_title ul {padding:20px; background-color:#eaeaea; }
.product_title ul li.title {  color: #f05a67;font-weight: 800; font-size:20px; margin-bottom:20px;}
.product_title dl dd table,tr,td {vertical-align:middle;}

.sitemap {width:100%; float:left; margin-top:20px;}
.map_dl.margin_right_none {margin-right:0;}
.sitemap > ul.map_dl {
	float:left;
	width:32%;
	margin-right:10px;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#F0F5F0;
	border-top: 2px solid #027C35;
	height:493px;
}

.sitemap > ul.map_dl > li.depth1{
	width:80%;
	padding:10px 5%;
	height:45px;
	font-size:19px;
	line-height:45px;
	color:green;
	font-weight:900;
}
.sitemap > ul.map_dl > li.depth2 {
	width:90%;
	padding:3px 11px;
	margin:0
	
}
.sitemap > ul.map_dl > li.depth2 a {
	display:block;
	font-size:12px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
	color:#bd3823;
}
.sitemap > ul.map_dl > li.depth2 > a:hover {
	color:#ffffff;
	background-color:#bd3823;
}

.sitemap > ul.map_dl > li.depth3 {
	padding:3px 20px;
}

.sitemap > ul.map_dl > li.depth3 > a {color:black;}
.sitemap > ul.map_dl > li.depth3 > a:hover {color:#bd3823; font-weight:800;}



/*----------------------------------------*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.map_dl:nth-of-type(3){
	float:left;
	width:32%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#f5f5f5;
	margin-right:0px;
}

.map_dl {
	float:left;
	width:32%;
	margin-right:2%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}

.map_dl.margin_right_none {margin-right:0;}
.map_dl > dt {
	width:80%;
	padding:10px 10%;
	height:45px;
	font-size:20px;
	line-height:45px;
}
.map_dl > dd {
	width:80%;
	padding:3px 10%;
}
.map_dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#a0a0a0;
}





/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}