@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:237px; margin-right:40px;}
.sub_con_wrap {float:right; width:900px;}

.left_menu > dt {
    background-image:url("/images/left_tit.gif"); 
	background-repeat:no-repeat;
    background-position:0 0;
	width:90%;
	padding:0 5%;
	padding:5px 10px;
	height:40px;
	font-size:22px;
	font-weight:900;
	color:#232323;
}
.left_menu > dd {background:#fafafa; border:1px solid #dbdbdb;
	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:13px;
	color:#2f2f2f;
	
}
.left_menu > dd > a.on,
.left_menu > dd > a:hover {
	color:#fff;
	font-weight:600;
	background-image:url("/images/left_on.gif");
	background-repeat:repeat-x;
}


.sub_header {position:relative;height:40px; border-bottom:1px solid #c1c1c1;}

.sub_tit {
	display:block;
	position:absolute;
	bottom:10px;
	left:0;
	font-size:22px;
	font-weight:900;
	padding:5px;
}

.breadcrumbs {
	position:absolute;
	bottom:15px;
	right:5px;
}
.breadcrumbs > li {
	float:left;
	padding:0 10px;
	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:30px 0 80px 0; min-height:400px;}


.sub_visual_wrap {
	width:100%;
	background-image:url("/images/sub_visual_img.jpg");
	background-repeat:no-repeat;
	background-position:center 0;
	height:144px;
}
.sub_visual {position:relative; width:1200px; height:80px; top:30px; margin:0 auto; border:0px solid red; z-index:100;}
.sub_visual .sub_con1 {position:absolute; top:10px; right:160px;  color:#fff; font-size:22px; padding:10px;}
.sub_visual .sub_con2 {position:absolute; top:40px; right:100px; color:#fff; font-weight:bold; font-size:22px; padding:10px;}




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




/* greeting */
.greeting {
	min-height:343px;
	background:url("/images/1.jpg") no-repeat right 50px;
}
.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;
}

.greet_con { position:relative; margin:0 auto; background:url("/images/greet_con.gif") no-repeat center; width:673px; height:354px;}
.greet_txt1 {position:absolute; top:140px; left:40px; text-align:center; font-size:16px; color:#fff; line-height:150%;}
.greet_txt2 {position:absolute; top:120px; left:390px; text-align:center; font-size:16px; line-height:150%;}



/* 회사소개 */
.company {
	min-height:200px;
	background:url("/images/com_img.jpg") no-repeat right top;
}



/*인증*/
.cer_list {overflow:hidden; padding-bottom:30px;}
.cer_list ul {float:left;}
.cer_list ul li {float:left; width:198px; margin:10px 10px;}
.cer_list ul li img {border:1px solid #dbdbdb;}
.cer_list ul li p {text-align:center; padding:5px 5px 10px 5px; font-size:13px; line-height:120%;}


/*테이블*/
.data_a {margin:0 0 20px; border-collapse: collapse;}
.data_a tr:first-child th, .data_a tr:first-child td {border-top:1px solid #2589f5;}
.data_a th {padding:10px 0 10px;text-align:center;vertical-align:top;font-size:13px;color:#222;font-weight:400;border:1px solid #dbdbdb;background:#f3f3f3;}
.data_a tbody th {padding:10px 0 10px 35px;text-align:left;}
.data_a td {padding:10px 0 10px 35px;text-align:left;vertical-align:top;font-size:13px;color:#222;border:1px solid #dbdbdb;}
.data_a td.ac {padding:10px 0 10px;}
.data_a.td_p10 td {padding-left:10px;}
.data_a.td_ac td {padding:10px 0 10px;text-align:center;}
.data_a.td_ac td.al {padding:10px 0 10px 35px;text-align:left;}

.data_b {border-top:1px solid #018dc0;}
.data_b th {padding:10px 0 10px;text-align:center;vertical-align:top;font-size:13px;color:#222;font-weight:400;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#f3f3f3;}
.data_b td {padding:10px 0 10px 20px;text-align:left;vertical-align:top;font-size:13px;color:#222;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.data_b th:first-child, .data_b td:first-child {border-left:none;}

.data_c {border-top:1px solid #dbdbdb;}
.data_c th {padding:10px 0 10px;text-align:center;vertical-align:top;font-size:13px;color:#fff;font-weight:900;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#018dc0;}
.data_c td {padding:10px 0 10px 20px;text-align:left;vertical-align:top;font-size:13px;color:#222;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.data_c td.last {padding:10px 0 10px 20px;text-align:left;vertical-align:top;font-size:13px;color:#222;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}




/*찾아오시는길*/
.map_line {width:860px; height:400px; padding:10px; text-align:center; border:1px solid #dbdbdb;}
.direc {width:890px; margin-left:10px;}
.direc_tit {color:#018dc0; font-size:16px; font-weight:bold; padding-top:20px;}
.direc ul {padding:10px 0 20px 60px; font-size:14px;}
.direc ul.map_icon1 {background:url(/images/map_icon1.gif) no-repeat left;}
.direc ul.map_icon2 {background:url(/images/map_icon2.gif) no-repeat left;}





/* 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;
}






/* 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;}




/* contact us */
.information .inner_information {border:1px solid #c1c1c1;}
.information .inner_information > img {float:left;}
.inner_information > ul {
	float:left;
	padding:30px 0 0 30px;
	width:499px;
}
.inner_information > ul > li {float:left; width:100%; margin-bottom:10px;}

.inner_information > ul > li > p {
	display:block;
	font-size:14px;
	line-height:24px;
	/*letter-spacing:-1px;*/
}
.info_nm {
	font-weight:bold; float:left; width:80px; background:#f5f5f5; padding:2px 10px;
}
.info_cn {
	padding-left:10px; float:left;
}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:30%;
	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;}