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

.sub_h > a {color:#000000;}


.left_menu_wrap {float:left; width:237px;}
/*.left_menu {float: left; background-color:#ececec;}*/
.left_menu dd {border-bottom:1px solid #ffffff;}

.left_menu1 { border:1px solid #dfe2e6;}
.left_menu2 { border:1px solid #dfe2e6;}

.sub_con_wrap {float:right; width:900px;}
.left_menu_wrap { float:left; width="296"; height="500";}
.left_menu > dt {background-image:url("../images/lm_tit_bg.jpg");background-repeat:no-repeat;background-position:0 0;
	width:100%;
	padding:0 5%;
	padding-top:60px;
	height:40px;
	font-size:30px;
	font-weight:900;
	color:#ffffff;
	margin-bottom:5px;
	

}

.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_menu1 > dd {/*background-image:url("/images/lm_list_bg.jpg");background-repeat:repeat-y;background-position:0 0;*/
	border:1px solid:#dfe2e6;
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	margin-left: 16px;
	font-size:13px;
}
.left_menu2 > dd {/*background-image:url("/images/lm_list_bg.jpg");background-repeat:repeat-y;background-position:0 0;*/
	border:1px solid:#dfe2e6;
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	margin-left: 16px;
	font-size:13px;
}
/*.nav_list > a {color: #ffffff; float:left; margin:14px 73px 15px 73px; }*/
.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;
	width:213.3px;
}
.certificates {float:left; width:900px;}
.left_menu > dd > a.on,
.left_menu > dd > a:hover {
	color:#000000;
	font-weight:600;
	background-image:url("/images/lm_arrow_on.png");
}

.left_menu1 > dd > a.on,
.left_menu1 > dd > a:hover {
	color:#a51735;
	font-weight:600;
	
}
.left_menu1 > dt > a.on,
.left_menu1 > dt > a:hover {
	color:#a51735;
	font-weight:600;
	
}
.left_menu1 > dt {background-image:url("../images/left_mune_bg.gif");
								  background-repeat:no-repeat;
								  background-position:0 0;
								  padding:11px 13px;
								  font-weight:bold;
						  
}
.left_menu2 > dd > a.on,
.left_menu2 > dd > a:hover {
	color:#000000;
	font-weight:600;
	
}
.left_menu2 > dt {background-image:url("../images/left_mune_bg.gif");
								  background-repeat:no-repeat;
								  background-position:0 0;
								  padding:11px 13px;
								  font-weight:bold;
						  
}
.left_menu2 > dd > a.on,
.left_menu2 > dd > a:hover {
	color:#a51735;
	font-weight:600;
	
}
.left_menu2 > dt > a.on,
.left_menu2 > dt > a:hover {
	color:#a51735;
	font-weight:600;
	
}


.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:20px 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:196px;
	width:1920px;
}
/* greeting */
.greeting {
	min-height:421px;
	background-image:url("/images/greeting_bg.jpg");
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.greeting_txt {
	display:block;
	font-size:18px;
	line-height:30px;
	color:#1b89bf;
}
.greeting_txt_sub {
	display:block;
	font-size:14px;
	line-height:25px;
	color:#1b89bf;
}
.greeting_box {
	padding:22px 0;
	width:550px;
	font-size:14px;
	line-height:18px;
}
.certi {
	font-size: 12px;
	color:#666666;
	margin-left:42px;
	
}
.certi > table {
	border-collapse: separate;
	border-spacing: 2px;
	border-color:grey;
}
.top2 {height:344px;}




/*Brand  History*/
.ffe {text-align:center;}
.velieve {width:723px; float:left; margin:35px 89px;   /*background-image:url("../images/b_velieve1.jpg");*/ line-height: 23px;}
.velieve1 {width:723px; float:left; margin:1px 89px;   background-image:url("../images/b_velieve_bg01.jpg"); line-height: 23px; height:330px;}
.velieve1 > ul {text-align:center; margin-top:134px;}

.velieve2  {float:left; width:723px; margin:35px 89px;}
.velieve2 > span {float: left;}
.velieve2 > p {float: left; width:608px; margin-left:20px; line-height: 25px;}

.velieve3 {float:left; width:723px; margin:35px 89px; background-image:url("../images/b_velieve_bg02.jpg"); height:532px; position:relative;}
.velieve3 > ul {font-size:14px;  position:absolute; top:195px; left: 28px; width:400px; line-height: 23px; }
.velieve3 > ul > li {margin:25px auto ;}

.velieve4 {float:left; width:723px; margin:0px 89px; margin-bottom:70px; background-image:url("../images/b_velieve_bg03.jpg"); height:347px; background-repeat:no-repeat;
					position:relative;
}
.velieve4 > ul {font-size:14px;  position:absolute; top:210px; left: 8px; width:400px; }
.velieve4 > ul > li {margin:17px auto ; }

.feellan { width:723px; margin:39px 66px -2px 85px; line-height: 23px; line-height:20px;}
.feellan1 {background-image:url("../images/feellan_bg.jpg");  text-align: center; background-repeat:no-repeat; height: 113px; margin:35px 199px; width: 506px; position:relative;}
.feellan1 > ul { text-align:left; float: left;}
.feellan1 > ul > li {line-height:41px; }
.llan1 {position:absolute; top:627px; left: 878px; font-weight:900; }
.llan2 {position:absolute; top:-3px; left: 130px;  color:#9b7e2d;}


.feellan2 {text-align:center; position:relative;}

.feel1 {position:absolute; top:621px; left: 245px; width:400px; font-size:14px; line-height:20px; color:#000000;}
.feel2 {position:absolute; top:205px; left: 51px; width:400px; font-size:16px; line-height:20px; color:#000000; font-weight:900;}
.feel3 {position:absolute; top:245px; left: 112px; width:300px; font-size:14px; line-height:20px; color:#000000; text-align:left;}











/* product */

.product {padding:20px 0;}
.product > ul > li {float:left; width:223px; margin-bottom:20px; height:275px;}
.product  dt,
.product dd {margin:10px 10px; font-size:13px;}
.product dd.dd1 {color:#9d926b;}
.product dl {text-align:center; font-size:13px; }
.product dt {font-weight:900; color:#a51735;}
.product  dl > dt > a .on,
.product  dl > dt > a :hover {color:#9d926b;}


/*product_detail*/
.product_detail {float:left; width:900px; margin-top:40px;}
.product_detail > span {float:left;}
.product_detail  dl {float:left; width:540px; margin-left:60px; margin-top:30px;}
.product_detail  dt {font-size:30px; font-weight:900; color:#a51635; margin-bottom:30px;}
.product_detail  dd {float:left; padding:7px 1px;}
.product_subject {width:105px; height:56px;}
.product_small  {font-weight:bold; color: #7f6f2d; margin-top:10px; width:539px; font-size:20px;}


/*details_subject*/
.detail_subject {width:900px; float:left; margin-top:50px; border-bottom: 1px solid #cccccc; height:30px;}
.detail_subject > span {font-size:20px; font-weight:900; color:#268485; width:900px; margin:2px;}

.detail {width: 900px; float:left; padding:41px 1px;  /*border-bottom: 1px solid #cccccc;*/ }
.detail ul > span > img {margin-right:38px;}
.detail > ul {float: left;}

.detail_last {width: 900px; float:left; padding:41px 1px; }
.detail_last ul > span > img {margin-right:38px;}
.detail_last > ul {float: left;}

.described  {width:600px; margin:10px auto;}
.described_last  {width:600px; margin:10px auto;}

.described1 {width:900px; margin:10px auto;}
described2 {width: 500px; margin:10px auto;}

.A2 {font-size:23px; color:#585b20; font-weight:bold; margin:15px auto; width:470px;  float:left; }
.A3 {font-size:18px; color:#977634; font-weight:400; margin:15px auto;  float:left;  width:464px;}
.A4 {font-size:14px; color:black; /*font-weight:400;*/ margin:8px auto;  float:left;  width:464px; 
		 background-image:url("../images/point.gif");
		 background-repeat:no-repeat;
		 padding-left:21px;
		 /*background-attachment: fixed;*/
		 background-position: left; }
.AA3{font-size:18px; color:#977634; font-weight:400; margin:15px auto;  float:left;  width:900px;}
.B2 {font-size:23px; color:#585b20; font-weight:bold; margin:8px auto; width:636px;  float:left; }
.B3 {font-size:18px; color:#977634; font-weight:400; margin:15px auto;  float:left;  width:556px;}
.B4 {font-size:14px; color:black; /*font-weight:400;*/ margin:8px auto;  float:left;  width:464px; 
		 background-image:url("../images/point.gif");
		 background-repeat:no-repeat;
		 padding-left:21px;
		 /*background-attachment: fixed;*/
		 background-position: left; }

/* 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%;
}
.inb clx > ul {color:#000000;}

.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;
}

.content {
	float: left;
	width: 100%;
	/*margin-top: 30px;*/
}
/*company*/
.company
{float:left; margin-top:32px; margin-bottom:10px; border-bottom: 1px solid #adacac;}
.company > ul  {margin:20px auto; float: left;}
.company > ul > li {line-height:20px;width:900px; float: left;  text-align:center;}
.B1 {font-weight:900; color:#268485; margin-bottom:5px;}
.B2 {font-size:18px; color:#1b89bf }
.company  > ul > dt {float: left; width:100px; font-weight:bold; color:#c1c1c1}
.company  > ul > dt > dl {float: left; width:500px; }

.company_text > ul{ float: left;}
.company_text > ul > li { line-height:10px; }

.company1 {float:left; padding-bottom: 51px; margin-top:20px; width:900px;   border-bottom: 1px solid #adacac;}
.company1 > ul > li > dd {line-height: 10px;}
.company1 > ul > li > dl > dt {float: left; font-weight: 900; color:black;  width:250px; }
.company1 > ul > li > dl > dt > dd {float: left; width: 600px;}
.company1 > ul > li > dl {line-height: 30px;}


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



/* 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:1%;
	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:#9d1532;
}


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



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


/*제품*/
.blue a {color:#344497;}

/*제품 상세 페이지 */
.pro_btn_box {position:absolute; right:0; top:18px;}
.pro_btn_box span.pro_prev {margin-right:5px;}
.product_img_big {display:table-cell; width:900px; height:350px; border:1px solid #d6d6d6; text-align:center; vertical-align:middle;}
.product_img_small {position:absolute; right:0; margin-top:10px;}
.product_img_small ul {}
.product_img_small ul:after {clear:both; display:block; content:"";}
.product_img_small ul li:first-child {margin-left:0;}
.product_img_small ul li {float:left; border:1px solid #d6d6d6; margin-left:10px; cursor:pointer; width:61px; height:61px;}
.product_img_small ul li.on img {border:3px solid #d6d6d6; padding:0;position:relative; left:-3px; top:-3px;}

.product_btn {overflow:hidden; margin-top:10px;}
.product_btn ul li {float:right; margin-left:10px;}

.pro_title {padding-bottom:18px; border-bottom:2px solid #3556b4; margin:10px 0 16px 0;}
.pro_title h6 {font-size:1.4em;font-weight:bold; color:#333; margin-bottom:10px;}
.pro_title span {font-size:15px; font-weight:bold; color:#333;}
.pro_spec strong {font-size:18px; font-weight:bold;color:#3556b4; margin-bottom:14px; display:inline-block; *display:inline; *zoom:1;} 
.spec_box {border:1px solid #d6d6d6; padding:24px 21px 24px 21px; margin-bottom:37px;}
.spec_box ul {}
.spec_box ul li {font-size:12px; color:#666; padding:5px 15px;background:url("/images/news_icon.jpg") no-repeat left 5px;}

/* tab */
/*.tab_position {background:url(/images/tab/bg_tab_line.png) repeat-x left 1px; margin-bottom:30px;border-bottom:1px solid #ddd; *zoom:1;}
.tab_position .nboder {border:0;}
.tab_position:after {content:""; display:block; clear:both;}
.tab_position ul li:first-child {margin-right:2px;}
.tab_position ul li {float:left; text-align:center;  margin-right:1px;}
.tab_position ul li a {display:block; height:38px; }
.btn_position {float:right;}
.btn_position a {margin-left:6px;}
.tab_section {padding-left:0px;}
.tab_section strong {display:block; padding-left:23px; background:url(/images/ico/bu_pro_arrow2.gif) 0 2px no-repeat; font-size:16px; font-weight:bold; color:#1b1b1b; margin-bottom:16px;}
.tab_section p {margin-bottom:36px; line-height:20px;}
.tab_section2 {padding-left:10px;}*/

.board {float:left;position:relative;width:900px;height:650px;background:url("/images/news_tab_bg.jpg") repeat-x left top;border:0px solid red;}
.board h2 { float:left;width:123px;height:38px;text-align:left;}
.board ul li {float:left;}
.board ul li div {position:absolute;top:20px;left:0px;height:160px;margin-top:15px;}
.board .list li {float:left;width:900px; padding-left:0px; padding-top:20px; font-size:12px;line-height:120%; cursor:pointer;}
.board table td {border:1px solid #d7d7d7;padding:1px 10px;}



/*제품 리스트 페이지 */
.pro_list_box {}
.pro_list {}
.pro_list li {float:left; margin:0 19px 40px 0px;width:163px;height:240px;}
.pro_list_img {border:1px solid #d6d6d6; width:163px; height:163px; margin-bottom:14px; position:relative; display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.pro_list_over {position:absolute;width:100%; height:100%; display:none;}
.pro_list li strong {display:block;margin-bottom:9px;}
.pro_list li strong a { font-size:16px; color:#007abd; text-decoration:none; }
.pro_list li p a{font-size:12px;  color:#676767;text-decoration:none;}
.paging_box {text-align:right; width:100%;}
.paging_box span {cursor:pointer; margin:0 6px 0 4px; color:#adadad;}
.paging_box span a {text-decoration:none; color:#adadad;}
.paging_box span.now_page a{text-decoration:underline; color:#007abd; font-weight:bold;}