@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", "나눔고딕";}
a,a:visited,a:link {color:#000000;}


.left_menu_wrap {float:left; width:227px; margin-right:69px;}
.sub_con_wrap {float:right; width:900px;}

.left_menu > dt {background-image:url("/images/lm_tit_bg.jpg");background-repeat:no-repeat;background-position:0 0;
	width:90%;
	padding:0 5%;
	padding-top:60px;
	height:40px;
	font-size:18px;
	font-weight:900;
	color:#ffffff;
}
.left_menu > dd {background-image:url("/images/lm_list_bg.jpg");background-repeat:repeat-y;background-position:0 0;
	float:left;
	width:100%;
	margin-bottom:2px;
}
.left_menu > dd > a {
	display:block;
	width:90%;
	padding:0 5%;
	line-height:38px;
	max-height:38px;
	font-size:14px;
	color:#726f6f;
	background-image:url("/images/lm_arrow.png");
	background-repeat:no-repeat;
	background-position:208px 15px;
}
.left_menu > dd > a.on,
.left_menu > dd > a:hover {
	color:#000000;
	font-weight:600;
	background-image:url("/images/lm_arrow_on.png");
}
.sub_header {position:relative;height:100px; border-bottom:1px solid #c1c1c1;}

.sub_tit {
	display:block;
	position:absolute;
	bottom:10px;
	left:0;
	font-size:32px;
	font-weight:900;
}

.breadcrumbs {
	position:absolute;
	bottom:10px;
	right:0;
}
.breadcrumbs > li {
	float:left;
	padding:0 15px;
	background-image:url("/images/bc_arrow.png");
	background-repeat:no-repeat;
	background-position:100% 4px;
	font-size:12px;
	line-height:14px;
}
.breadcrumbs > li.last {background-image:none;padding-right:0;}
.breadcrumbs > li > img {vertical-align:middle;}


.sub_con {padding:38px 0;}


.sub_visual_wrap {
	width:100%;
}
.sub_visual {
	background-image:url("/../images/sub_visual_img.jpg");
	background-repeat:no-repeat;
	background-position:center 0;
	height:137px;
}
/* greeting */
.greeting {
	min-height:343px;
	background-image:url("/../images/greeting_bg.png");
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.greeting_txt {
	display:block;
	font-size:25px;
	line-height:30px;
	color:#1b89bf;
}
.greeting_txt_sub {
	display:block;
	font-size:16px;
	line-height:30px;
	color:#1b89bf;
}
.greeting_box {
	padding:22px 0;
	width:550px;
	font-size:14px;
	line-height:18px;
}
/* information */
.information .inner_information {border:1px solid #c1c1c1;}
.information .inner_information > img {float:left;}
.inner_information > ul {
	float:left;
	padding:30px 0 0 60px;
	width:499px;
}
.inner_information > ul > li {float:left; width:100%; margin-bottom:10px;}

.inner_information > ul > li > span {
	display:block;
	width:100%;
	color:#565656;
	font-size:15px;
	line-height:24px;
	letter-spacing:-1px;
}
.info_nm {
	font-weight:900;
}
.info_cn {
	padding-left:7px;
}

/* organization */
.organization {}
.organization > ul {
	margin:0 auto;
	width:483px;
	padding:30px 44px;
	border:1px solid #c4c4c4;
}
.organization > ul > li {
	font-size:15px;
	line-height:35px;
	margin-bottom:20px;
}
.organization > ul > li.last {margin-bottom:0;}

/* business competitiveness / compet */
.compet > p {
	font-size:14px;
	line-height:25px;
	color:#211e1e;
}

/* major activity / activity.html */
.activity {
	background-image:url("/contents/company/images/activity_bg.png");
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.activity > ul {
	margin-bottom:40px;
}
.activity > ul > li {
	background-image:url("/images/border_style.png");
	background-repeat:repeat-x;
	background-position:0 100%;
	font-size:15px;
	line-height:35px;
	padding-left:20px;
}

/* history */
.history table {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #c1c1c1;
}
.history table.first {border-top:1px solid #c1c1c1;}

.history table.t1 th {
	background-image:url("/contents/company/images/history_th_bg1.png");
	background-repeat:repeat;
	background-position:0 0;
}
.history table.t1 td {
	background-color:#f7f7f7;
}
.history table.t2 th {
	background-image:url("/contents/company/images/history_th_bg2.png");
	background-repeat:repeat;
	background-position:0 0;
}

.history table th {vertical-align:middle;
	color:#ffffff;
	font-size:32px;
	font-weight:600;
}
.history table td {padding-left:40px;
	font-size:15px;
	line-height:35px;
}



/* products 제품 */
.products .warning {display:block; padding:10px 0; color:#f70007;}
.products .wrap {*zoom:1;}
.products .wrap:after {display:block;content:" ";clear:both;}
.products span,
.products p
{color:#5d5d5d; font-size:14px; line-height:35px;}
.products table th,
.products table td {color:#5d5d5d; font-size:14px; line-height:35px;}
.strong {font-weight:600;}
.products span.subject {
	display:block; color:#9e9e9e; font-size:20px; line-height:38px;
	padding-left:45px; 
	margin-top:50px;
	margin-bottom:10px;
	font-size:20px;
	font-weight:600;
	background-image:url("/images/detail_icon.jpg");
	background-repeat:no-repeat;
	background-position:0 0;
}
.products > .wrap > .preview {
	width: 370px;
	float: right;
	padding: 130px 0;
}

.sangkeumi {}
.sangkeumi > ul.preview {width:100%; margin-bottom:30px;}
.sangkeumi > ul.preview > li {
	float:left; 
	width:32%;
	margin-right:2%;
}
.sangkeumi > ul.preview > li.last {margin-right:0;}
.sangkeumi > ul.preview > li > .pic {display:block; width:100%;}
.sangkeumi > ul.preview > li > .pic > img {display:block; float:left; width:100%; max-width:100%;}
.sangkeumi > ul.preview > li > .name {display:block; text-align:center; color:#9e9e9e; font-size:20px; line-height:42px;}

.sangkeumi > ul.details > li {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.sangkeumi > ul.details > li > .name {
	display:block; color:#9e9e9e; font-size:20px; line-height:38px;
	padding-left:45px; 
	margin-top:50px;
	font-size:20px;
	font-weight:600;
	background-image:url("/images/detail_icon.jpg");
	background-repeat:no-repeat;
	background-position:0 0;
}
.sangkeumi > ul.details > li > .pic {display:block; width:100%;}
.sangkeumi > ul.details > li > .pic > img {display:block; float:left; width:100%; max-width:100%;}

.sangkeumi > p {
	font-size:15px;
	line-height:42px;
	color:5d5d5d;
	padding:30px 0;
}
.sangkeumi > p > .point {color:#1e729d; font-weight:600;}
.sangkeumi > p > .strong {font-weight:600;}


/* Digital Pregnancy Test */
.pregnancy {}
.pregnancy > .wrap {width:100%;margin-bottom:30px;*zoom:1;}
.pregnancy > .wrap:after {display:block;content:" ";clear:both;}
.pregnancy > .wrap > .preview {width:540px; float:right;}
.pregnancy > .wrap > .preview > li {margin-bottom:25px;}
.pregnancy > .wrap > .preview > li > .name {font-weight:600;display:block;font-size:15px;}
.box {display:block;padding:20px;background-color:#cdcdcd; margin-bottom:10px;}

.pregnancy .details .explain {display:block; padding:20px 0;}

.table {}
.table > li {width:100%; padding:35px 0; *zoom:1;}
.table > li:after {display:block;content:" ";clear:both;}
.table > li > .pic {}
.table > li > .pic > img {max-width:100%;padding-top:10px;}
.table > li > .explain {float:right; width:60%; text-align:left;}


/* ca20fl */
.ca20fl {}
.ca20fl .wrap {}
.ca20fl .wrap > img {float:left;}
.ca20fl .wrap > .preview {float:left; margin-top:150px; 
	background-image:url("/images/th_bg1.png");
	background-repeat:repeat;
	background-position:0 0;
	padding:30px;
}
.details > li > table tr > th {
	background-image:url("/images/th_bg1.png");
	background-repeat:repeat;
	background-position:0 0;
	padding:10px 0;
}
.details > li > table tr > th {border:1px solid #efefef;}
.details > li > table tr > td {
	border:1px solid #bdbdbd;
	padding:5px 10px;
}
.talign-left {text-align:left;}
.talign-center {text-align:center;}
.talign-right {text-align:right;}


/* v·ball vball */
.vball {}
.vball > .wrap {margin-bottom:30px;}
.vball > .wrap > .preview {width:400px; float:right;}
.preview > li > .name {font-weight:600;display:block;font-size:15px;}
.preview > li > .explain {display:block;font-size:15px;}
.vball > ul.details > li {text-align:center;padding:30px 0;}



/* cleansing pop */
.cleansing_pop > .wrap > .preview {width:410px; float:right; padding:130px 0;}
.cleansing_pop > .wrap > .preview > li {}
.cleansing_pop > .wrap > .preview > li > span.name {font-weight:900;}
.cleansing_pop > .wrap > .preview > li > span.explain {font-weight:600;}



/* phytoncides */
.phytoncides {}
.phytoncides > .wrap > .preview {
  width: 450px;
  float: right;
  padding: 130px 0;
}
.phytoncides .details > li > span.name {display:block; font-size:30px; padding:30px 0 10px 0;}
.phytoncides .details > li > p {display:block; margin-bottom:20px;}
.phytoncides table .innohai {display:block; color:#557414; font-weight:bold; text-align:center;}
.phytoncides table td > span {display:block;}
.phytoncides .details > li > table tr > td {border:0;}



/* crema */

/* cera-chek */
.cera-chek > .wrap > .preview {width:100%; padding:0 0 30px 0;}
.cera-chek > .wrap > .preview > li {float:left; width:48%; margin-right:4%}
.cera-chek > .wrap > .preview > li.last {margin-right:0;}
.cera-chek > .wrap > .preview > li > img {display:block; width:100%; max-width:100%;}

.cera-chek span.spc_red {color:#a50a1a; font-weight:600; font-style: italic; font-size:30px;}
.cera-chek span.spc_yellow {color:#f09c15; font-weight:600; font-style: italic; font-size:30px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.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;}
