/* font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

/* reset CSS */
body,p,img,dl,dt,dd,table,tr,td,ul,li,div{	margin:0; padding:0; list-style:none; border-collapse:collapse; border-spacing:0; border:none; line-height:150%;	}
h1,h2,h3,h4,h5,h6{	margin:0; padding:0;	}
a{	text-decoration:none;	}
h1.content, h2.content, h3.content, h4.content, h5.content, h6.content{	width:1px; height:1px; font-size:0; line-height:0; position:absolute;	}
body{	font-family:'Noto Sans SC', 'Noto Sans KR', sans-serif;	}

.clearfix:before, .clearfix:after{	content:" "; display:table;	}
.clearfix:after{	clear:both;	}

/* header */
.header_wrap{	width:100%;	}
.header{	width:1000px; margin:0 auto; position:relative;	}
.header h1{	padding:0;	}
.header .language{	position:absolute; right:0; top:30px;	}
.header .language li{	float:left; display:inline; font-family: 'Nanum Gothic', sans-serif; font-size:12px; margin-left:20px;	}
.header .language li a{	color:#999999;	}
.header .language li a:hover{	color:#0058c5; text-decoration:underline;	}
.header .language li a.current{	color:#0058c5; text-decoration:underline;	}
.header .home{	position:absolute; right:0; top:54px;	}
.header .home li{	float:left; display:inline; font-family: 'Nanum Gothic', sans-serif; font-size:12px;	}
.header .home li.first a{	border-left:none;	}
.header .home li a{	color:#999999; border-left:1px solid #dbdbdb; margin-left:10px; padding-left:10px;	}
.header .home li a:hover{	color:#000000;	}

.header_wrap .gnb_wrap{	width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #000000;	}
.gnb_wrap .gnb{	width:1000px; margin:0 auto; position:relative;	}
.gnb .gnb_list>li{	font-family:'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:17px; font-weight:400; float:left; display:inline-block; padding:10px 0; width:225px;	}
.gnb .gnb_list>li.last{	width:70px; margin-left:30px;	}
.gnb .gnb_list>li a{	color:#000000;	}
.gnb .gnb_list>li a:hover{	color:#0166ac;	}

.gnb .gnb_list .snb_list{	padding:10px 0; height:150px; display:none;	}
.gnb .gnb_list .snb_list li{	font-size:14px; font-weight:300; margin-bottom:6px;	}
.gnb .gnb_list .snb_list li a{	color:#4d4d4f;	}
.gnb .gnb_list .snb_list li a:hover{	color:#0166ac; font-weight:400;	}

/* common */
.con14_txt{	font-size:14px; color:#77787b; font-weight:300; margin-bottom:30px;	}
.con_txt{	font-size:16px; font-weight:300; color:#77787b; margin-bottom:30px;	}
.con18_txt{	font-size:18px; font-weight:300; color:#77787b; margin-bottom:30px;	}

/* font color */
.black{	color:#000000 !important;	}
.red{	color:#d32b2b !important;	}
.white{	color:#ffffff !important;	}
.green{	color:#00743c !important;	}
.blue{	color:#0058a2 !important;	}
.pink{	color:#c85d63 !important;	}

/* font size */
.size12{	font-size:12px !important;	}
.size14{	font-size:14px !important;	}
.size15{	font-size:15px !important;	}
.size16{	font-size:16px !important;	}
.size18{	font-size:18px !important;	}
.size20{	font-size:20px !important;	}
.size22{	font-size:22px !important;	}
.size24{	font-size:24px !important;	}
.size26{	font-size:26px !important;	}

/* font weight */
.light{	font-weight:300 !important;	}
.normal{	font-weight:400 !important;	}
.medium{	font-weight:500 !important;	}
.bold{	font-weight:bold !important;	}
.xbold{	font-weight:900 !important;	}

/* margin */
.marginTop20{	margin-top:20px !important;	}
.marginTop30{	margin-top:30px !important;	}
.marginTop40{	margin-top:40px !important;	}
.marginTop50{	margin-top:50px !important;	}

.marginBottom10{	margin-bottom:10px !important;	}
.marginBottom20{	margin-bottom:20px !important;	}
.marginBottom40{	margin-bottom:40px !important;	}
.marginBottom50{	margin-bottom:50px !important;	}

/* padding */
.padding30{	padding:30px 0;	}
.padding50{	padding:50px 0;	}

/* text align */
.txt_right{	text-align:right !important;	}
.txt_center{	text-align:center !important;	}
.txt_left{	text-align:left !important;	}

/* text */
.txt_box{	border:1px solid #e6e7e8; padding:10px;	}



/* footer menu */
.footer_menu_wrap{	width:100%; background:#de2810;	}
.footer_menu{	width:1000px; height:50px; margin:0 auto; position:relative;	}
.footer_menu .footer_list{	padding:14px 0; float:left;	}
.footer_menu .footer_list li{	float:left; display:inline-block; margin-left:16px; font-size:14px; font-weight:300;	}
.footer_menu .footer_list li.first{	margin-left:0;	}
.footer_menu .footer_list li a{	color:#ffffff;	}
.footer_menu .footer_list li a:hover{	text-decoration:underline;	}
.footer_menu .customer{	background:#f8e800; color:#de2810; display:inline-block; font-weight:500; padding:0 20px; float:right; height:50px; 	}
.footer_menu .customer dl{	padding-top:12px;	}
.footer_menu .customer dl dt{	float:left; display:inline-block; margin-right:20px;	}
.footer_menu .customer dl dd{	float:left; display:inline-block; background:url(../images/tel_icon.png) no-repeat left center; padding-left:30px;	}

/* footer */
.footer_wrap{	width:100%; background:#000000;	}
.footer{	width:1000px; height:150px; margin:0 auto; position:relative;	}
.footer .info{	color:#6d6e71; font-size:13px; font-weight:300; padding-top:30px;	}
.footer .copy{	color:#6d6e71; font-size:13px; font-weight:300; margin-top:10px;	}
.footer .gobiz{	display:inline-block; position:absolute; right:0; top:70px;	}

/* sub visual */
.sub_visual_wrap{	width:100%;	}
.sub_visual_wrap#sub01{	background:url(../images/sub01_bg.jpg) no-repeat center center;	}
.sub_visual_wrap#sub02{	background:url(../images/sub02_bg.jpg) no-repeat center center;	}
.sub_visual_wrap#sub03{	background:url(../images/sub03_bg.jpg) no-repeat center center;	}
.sub_visual_wrap#sub04{	background:url(../images/sub04_bg.jpg) no-repeat center center;	}
.sub_visual_wrap#sub05{	background:url(../images/sub05_bg.jpg) no-repeat center center;	}
.sub_visual{	width:1000px; height:220px; margin:0 auto; position:relative;	}
.sub_visual dl{	position:absolute; top:70px; left:0;	}
.sub_visual dl dt{	font-size:18px; font-weight:400; color:#000000;	}
.sub_visual dl dd{	font-size:56px; font-weight:900; color:#000000; margin-top:-10px;	}

/* sub */
.contents_wrap{	width:100%;	}
.contents_wrap .contents{	width:1000px; margin:0 auto; position:relative; padding:40px 0;	}
.contents .title{	width:100%; position:relative; margin-bottom:40px;	}
.contents .content{	width:100%; padding-bottom:100px;		}
.contents .title h3{	font-size:32px; font-weight:400; color:#000000; padding-top:40px;	}
.contents .title .history{	position:absolute; right:0; top:0;	}
.contents .title .history li{	float:left; display:inline-block; font-size:12px; color:#939598; margin-left:6px;	}
.contents .title .history li:before{	 content:"> "; margin-right:4px;	}
.contents .title .history li.current{	color:#4d4d4f;	}
.contents .title .history li.first:before{	content:"";	}

.img_explan{	margin-bottom:50px;	}
.img_explan dt{	float:left; display:inline-block; margin-right:40px;	}
.img_explan dd{	font-size:16px; font-weight:300; color:#77787b;	}

.blue_box{	background:#0072ca; padding:10px; color:#ffffff; font-size:16px; font-weight:300;	}
.blue_box p:after{	content:url(../images/arrow02.png); padding-left:10px;	}

.blue_explan{	position:relative; border-bottom:1px solid #e6e7e8; padding:20px 0 10px 0;	}
.blue_explan dt{	color:#0072ca; font-size:16px; text-align:left; font-weight:300; width:120px; position:absolute; padding-left:30px;	}
.blue_explan dd{	color:#77787b; font-size:16px; text-align:left; font-weight:300; margin-left:150px; margin-bottom:10px;	}

.dotted_line{	border-top:1px dotted #000000; margin:50px 0;	}

.borderBottom1{	border-bottom:1px solid #dcddde;	}

span.blue_box2{	 background:#0058a2; color:#ffffff; font-weight:300; text-align:center; font-size:22px; margin:0 auto; padding:0 10px;	}

/* table */
.basic_table{	width:100%; margin-bottom:50px;	}
.basic_table tr{	border:1px solid #d1d3d4; border-left:none; border-right:none;	}
.basic_table tr th{	background:#f8f8f8; color:#000000; text-align:center; padding:10px 20px; font-weight:300; font-size:14px;	}
.basic_table tr td{	padding:10px 20px; text-align:left; font-weight:300; color:#77787b; font-size:14px;	}

.white_table{	width:100%; margin-bottom:50px;	}
.white_table tr{	border-bottom:1px solid #e6e7e8;	}
.white_table tr th{	color:#000000; text-align:center; font-weight:300; font-size:16px; padding:10px 30px;	}
.white_table tr td{	text-align:left; color:#77787b; font-weight:300; font-size:16px; padding:10px 0;	}

.blue_table{	width:100%; margin-bottom:50px;	}
.blue_table caption{	text-align:left; font-size:18px; font-weight:300; color:#000000; margin-bottom:10px;	}
.blue_table thead th{	background:#005aa0; color:#ffffff; text-align:center; font-size:14px; font-weight:400; padding:10px 0; border:1px solid #d1d3d4;	}
.blue_table tbody td{	color:#77787b; font-size:14px; font-weight:300; padding:10px 0; border:1px solid #d1d3d4; text-align:center;	}
.blue_table tbody td a{	color:#77787b;	}
.blue_table tbody td a:hover{	text-decoration:underline;	}

/* column */
div.column3{	width:312px; margin-left:32px; float:left; display:inline-block;	}
div.column3.two	{	width:656px;	}
div.column3.first{	margin-left:0;	}
div.column.noMargin{	margin-left:0;	}
div.column.two.noMargin{	width:688px; margin-left:0;	}



/* introduction */
.introduction{	width:100%; height:293px; background:url(../images/introduction_bg.jpg) no-repeat left top; position:relative; margin:30px 0;	}
.introduction dl{	position:absolute; left:394px; top:90px;	}
.introduction dl dt{	font-size:28px; color:#00743c; font-weight:400;	}
.introduction dl dd.tit{	font-size:22px; font-weight:300; color:#0058a2; margin-bottom:10px;	}
.introduction dl dd{	font-size:16px; font-weight:300; color:#000000;	}

/* history */
.history_table tr{	border:1px solid #d1d3d4; border-left:none; border-right:none;	}
.history_table tr th{	font-size:26px; color:#0058a2; font-weight:bold; text-align:center; padding:10px 50px; vertical-align:top	}
.history_table tr td.month{	font-size:18px; font-weight:500; color:#000000; text-align:center; background:#f8f8f8; padding:10px 50px; vertical-align:top;	}
.history_table tr td{	font-size:16px; color:#77787b; font-weight:300; text-align:left; padding:10px; vertical-align:top;	}

/* R&D nano technology */
.rnd_technology{	height:136px; background:url(../images/rnd_technology.jpg) no-repeat left top; border:1px solid #d1d3d4; font-size:22px; color:#0058a2; font-weight:300; padding:40px 0 0 270px; margin-bottom:30px;	}

/* product */
.product_name{	font-size:24px; color:#000000; font-weight:400; padding:40px 0; border-top:2px solid #289ccb; border-bottom:1px solid #dadada;	}
.main_photo{	text-align:center; margin:30px 0;	}
.product_tit{	margin-bottom:40px;	}
.product_tit dt{	font-size:22px; color:#414042; font-weight:400; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e7e8;	}
.product_tit dd{	font-size:38px; color:#000000; font-weight:500; margin-top:10px; text-align:center;	}
.sub_tit{	font-size:22px; color:#000000; font-weight:200;	}

.product_tit2{	text-align:center; margin-bottom:40px;	}
.product_tit2 dt{	color:#414042; font-size:50px; font-weight:500; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e6e7e8;	}
.product_tit2 dt .green{	color:#0398a1 !important; font-size:32px; font-weight:400;	}
.product_tit2 dd{	font-size:22px; font-weight:300; color:#000000;	}

.how_list{	margin-bottom:40px;	}
.how_list dt{	display:inline-block; background:#009999; color:#ffffff; font-size:16px; font-weight:300; padding:4px 10px; margin-bottom:10px;	}
.how_list dd{	font-size:16px; font-weight:300; color:#000000;	}

.ing_list{	margin-bottom:50px;	}
.ing_list dt{	background:#f1f2f2; color:#000000; font-size:16px; font-weight:300; margin-bottom:10px; padding:4px 10px; display:inline-block;	}
.ing_list dd{	font-size:16px; font-weight:300; color:#000000;	}

.list_btn{	display:inline-block; background:#289ccb; border:1px solid #2383b5; border-radius:5px; color:#ffffff; font-weight:500; font-size:14px; padding:2px 20px; float:right; margin-top:50px;	}

.list_tit{	color:#0058a2; font-size:24px; font-weight:400;	}


.blackTit_list{	margin-bottom:20px;	}
.blackTit_list dt{	font-size:16px; font-weight:400; color:#000000; margin-bottom:10px;	}
.blackTit_list dd{	font-size:16px; font-weight:300; color:#77787b;	}

.grayBox_list{	margin-bottom:30px;	}
.grayBox_list dt{	background:#414042; font-size:16px; color:#ffffff; padding:4px 10px; margin-bottom:10px; display:inline-block; font-weight:300;	}
.grayBox_list dd{	font-size:16px; font-weight:300; color:#77787b;	}

.greenBox_list{	margin-bottom:30px;	}
.greenBox_list dt{	background:#009999; font-size:16px; color:#ffffff; padding:4px 10px; margin-bottom:10px; display:inline-block; font-weight:300;	}
.greenBox_list dd{	font-size:16px; font-weight:300; color:#77787b; margin-bottom:10px;	}
.greenBox_list.listStyle dd:before{	content:"· ";	}

.lightgreenBox_list{	margin-bottom:30px;	}
.lightgreenBox_list dt{	background:#77b02b; font-size:16px; color:#ffffff; padding:4px 10px; margin-bottom:10px; display:inline-block; font-weight:300;	}
.lightgreenBox_list dd{	font-size:16px; font-weight:300; color:#77787b;	}

.grayBox_tit{	background:#414042; font-size:16px; color:#ffffff; padding:4px 10px; margin-bottom:10px; display:inline-block; font-weight:300	}	
.grayBox_txt{	color:#000000; background:#f1f2f2; font-size:16px; font-weight:300; margin-bottom:10px; line-height:180%;	}	

dl.img_list{	margin-bottom:10px;	}
dl.img_list dt{	float:left; display:inline-block; margin-right:40px;	}
dl.img_list dd{	font-size:16px; font-weight:300; color:#000000;	}
dl.img_list dd.con_txt{	color:#77787b; margin-bottom:10px;	}

table.product_list{	width:100%;	}
table.product_list thead th{	background:#3a32c3; color:#ffffff; font-size:16px; font-weight:300; text-align:center; padding:10px 0;	}
table.product_list tbody td{	color:#77787b; font-size:16px; font-weight:300; text-align:center; padding:10px; border:1px solid #d1d3d4;	}
table.product_list tbody td a{	color:#289dcc;	}
table.product_list tbody td a:hover{	text-decoration:underline;	}

/* notice */
.notice table{	width:100%;	}
.notice table th, .notice tale td{	padding:20px 0 !important;	}

/* vitanics raw marterial */
div.rawmaterial_title{	width:100%; height:353px; background:url(../images/raw-meterial01.jpg) no-repeat left top; position:relative;	}
div.rawmaterial_title>dl{	padding:30px;	}
div.rawmaterial_title>dl dt{	font-size:26px; color:#0f504c; font-weight:500; margin-bottom:30px;	}
div.rawmaterial_title>dl dd{	font-size:18px; font-weight:300; color:#0f504c; line-height:160%; padding-left:20px; border-left:2px solid #0f504c;	}
div.rawmaterial_title .box{	background:#0e726b; width:930px; height:150px; color:#ffffff; position:absolute; left:35px; bottom:0;	}
div.rawmaterial_title .box:after{	content:url(../images/arrow_bottom.jpg); position:absolute; bottom:-13px; left:50%; margin-left:-12px;	}
div.rawmaterial_title .box dl{	margin:20px;	}
div.rawmaterial_title .box dl dt{	font-size:16px; font-weight:400; margin-bottom:10px;	}
div.rawmaterial_title .box dl dd{	font-size:14px; font-weight:300;	}

.rawmaterial_explan dt{	font-size:22px; color:#0058a2; font-weight:300; margin-bottom:10px; margin-left:80px; position:relative;	}
.rawmaterial_explan dt:before{	font-weight:400; color:#dcddde; font-size:64px; position:absolute; margin-left:-80px; margin-top:14px;	}
.rawmaterial_explan dt.first:before{	content:"01";	}
.rawmaterial_explan dt.secon:before{	content:"02";	}
.rawmaterial_explan dt.third:before{	content:"03";	}
.rawmaterial_explan dd{	font-size:16px; font-weight:300; color:#77787b	}

.rawmaterial_explan2 dt{	font-size:22px; color:#0058a2; font-weight:300; margin-bottom:10px;	}
.rawmaterial_explan2 dd{	font-size:16px; font-weight:300; color:#77787b	}

p.rawmaterial_explan{	font-size:22px; font-weight:300; color:#0058a2;	}

.grayBg{	background:#fbfbfb;	}

.raw_table{	width:100%; margin-bottom:20px;	}
.raw_table th, .raw_table td{	border:1px solid #dcddde; font-size:14px; color:#77787b; font-weight:300; padding:10px 0 10px 20px;	}
.raw_table th{	background:#f4fafd; text-align:left;	}

/* skin care */
.content .tabs{	margin-bottom:40px;	}
.content .tabs li{	 float:left; display:inline-block; font-weight:300; font-size:14px;	}
.content .tabs li a{	background:#f8f8f8; color:#77787b; display:block; padding:10px 50px; border:1px solid #dcddde; margin-left:-1px;	}
.content .tabs li.current a{	background:#0054b4; color:#ffffff;	}
.content .skincare li{	width:325px; height:326px; float:left;	 display:inline-block;  margin:0 4px 20px 4px;	}
.content .skincare li a{	border:1px solid #dcddde; box-sizing:border-box; display:block;	}
.content .skincare li a:hover{	border:1px solid #ff0000;	}
.content .skincare li .thumb{	 width:100%; height:246px; display:block; text-align:center;	}
.content .skincare li .tit{	width:100%; height:78px; padding:10px 20px 0 20px; box-sizing:border-box;	}
.content .skincare li .tit dt{	font-size:12px; color:#77787b; font-weight:300;	}
.content .skincare li .tit dd{	font-size:14px; color:#000000; font-weight:normal;	}