@charset "utf-8";

/***** default *****/
html,body,blockquote,caption,dd,div,dl,dt,fieldset,form,frame,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,object,ol,p,pre,q,select,table,textarea,ul,tr,td {margin:0; padding:0;}
body {background:url(../img/common/bg_header.gif) left top repeat-x; font-family:Dotum, Gulim, Verdana, sans-serif; font-size:12px; line-height:160%; color:#848484; height:100%}
table { border-collapse:collapse;}
fieldset, img {border:0;}
h1, h2, h3, h4, h5, h6 {font-style:normal; font-size:12px;}
hr {display:none;}
ul,li,dl,dt,dd,a {list-style:none; padding:0; margin:0;}
textarea {resize:none; line-height:160%; border:1px solid #ccc; padding:0 3px;} /* size fix for webkit engine browser */
a {color:#848484; text-decoration:none;}
a:hover {color:#560042; text-decoration:none;}
img {vertical-align:top; padding:0; margin:0;}
input, select, textarea { font-family:Dotum, Gulim, Verdana, sans-serif; font-size:1em; color:#848484; vertical-align:middle;}
h2, h3, h4 {clear:both; display:block;}
select { height:20px; font-size:12px;}
caption {position:absolute; display:none; line-height:0; width:0; height:0; font-size:0; left:-5000px; top:-5000px;}
.blind, legend { position:absolute;}

#header {width:990px; position:relative; height:95px; margin:0 auto; z-index:100;}
#container_main {min-width:1000px;}
#container {width:990px; margin:0 auto;}
#container:after{display:block;clear:both;content:''}
#lnb {float:left; width:166px; margin-bottom:40px;}
#contents {float:right; width:760px; min-height:500px;_height:500px;	 margin-bottom:40px;}
#footer {clear:both; height:90px; background:#510040 url(../img/common/bg_footer.gif) center top no-repeat;}

/* header */
.util { position:absolute; height:17px; top:18px; right:8px; line-height:0; overflow:hidden;}  /* 20111103 수정*/
	.util dl { margin-left:-1px; height:17px; overflow:hidden; }
	.util dd { float:left; height:15px; line-height:15px; background:url(../img/common/bgline_global1.gif) left 2px no-repeat; padding:0 10px 0 10px; margin:3px 0 0 0;} /* 111112 수정*/
	.util dd.mall { float:left; height:17px; line-height:17px; padding:0 0px 0 10px; margin:0; background-position:left 5px;}
	.util a {display:inline-block;}
	.util a span {display:none;}
	.util .login {background:url(../img/common/util_menu1.gif) no-repeat; background-position:0 0; width:45px; height:10px;}
	.util .logout {background:url(../img/common/util_menu2.gif) no-repeat; background-position:0 0; width:59px; height:10px;}
	.util .join {background:url(../img/common/util_menu3.gif) no-repeat; background-position:0 0; width:23px; height:10px;}
	.util .customer {background:url(../img/common/util_menu4.gif) no-repeat; background-position:0 0; width:36px; height:10px;}
	.util .d_board {background:url(../img/common/util_menu5.gif) no-repeat; background-position:0 0; width:55px; height:10px;}
	.util a:hover {background-position: 0 -10px;}
	.util .user_name {font-size:11px; line-height:15px; list-style:none; color:#959595;}/* 111112 추가*/
	.util img { vertical-align:top;}/* 111112 추가*/

h1 {position:absolute; top:0; left:10px; width:204px; background:url(../img/common/bg_header_logo.gif) left top no-repeat; padding:20px 0 0 0;}
h1 img { line-height:0; font-size:0;}
.gnb {float:right; margin:50px 0 0 0;}
	.gnb .ul {}
	.gnb .libe {float:left; background:url(../img/common/bg_gnb_line.gif) left top no-repeat; line-height:14px;}
	.gnb a {display:block; padding:9px 20px 22px 20px;}
	.gnb a:hover {background-position: center -45px;}
	.gnb .on {background-position: center -45px;}
	.gnb a span {display:none;}
	.gnb .menu1 {background:url(../img/common/gnb_menu1.png) no-repeat;_background:url(../img/common/gnb_menu1.gif) no-repeat; background-position:center 0; width:48px; height:14px;}
	.gnb .menu2 {background:url(../img/common/gnb_menu2.png) no-repeat;_background:url(../img/common/gnb_menu2.gif) no-repeat; background-position:center 0; width:38px; height:14px;}
	.gnb .menu3 {background:url(../img/common/gnb_menu3.png) no-repeat;_background:url(../img/common/gnb_menu3.gif) no-repeat; background-position:center 0; width:133px; height:14px;}
	.gnb .menu4 {background:url(../img/common/gnb_menu4.png) no-repeat;_background:url(../img/common/gnb_menu4.gif) no-repeat; background-position:center 0; width:49px; height:14px;}
	.gnb .menu5 {background:url(../img/common/gnb_menu5.png) no-repeat;_background:url(../img/common/gnb_menu5.gif) no-repeat; background-position:center 0; width:62px; height:14px;}
	.gnb .menu6 {background:url(../img/common/gnb_menu6.png) no-repeat;_background:url(../img/common/gnb_menu6.gif) no-repeat; background-position:center 0; width:83px; height:14px;}
	/*sub nav*/
	ul.horizontal-dropdown ul {width:656px; position:absolute; margin:0; left:334px; background: url(../img/common/bg_submenu.png) left bottom no-repeat;_background: url(../img/common/bg_submenu.gif) left bottom no-repeat; overflow:hidden;}
	ul.horizontal-dropdown ul li {background:transparent url(../img/common/line_submenu.gif) right 50% no-repeat; padding:16px 16px 15px 16px; float:left;}
	ul.horizontal-dropdown ul li a {position:relative; padding:0; display:block; float:left; height:12px;}
	ul.horizontal-dropdown ul li a:hover { background-position:0 -12px;}
	ul.horizontal-dropdown ul .bg_none { background:none;}
	
	.submenu1_1 {background:url(../img/common/gnbsub_menu1_1.png) no-repeat;_background:url(../img/common/gnbsub_menu1_1.gif) no-repeat; background-position:left 0; width:61px; height:12px;}
	.submenu1_2 {background:url(../img/common/gnbsub_menu1_2.png) no-repeat;_background:url(../img/common/gnbsub_menu1_2.gif) no-repeat; background-position:left 0; width:40px; height:12px;}
	.submenu1_3 {background:url(../img/common/gnbsub_menu1_3.png) no-repeat;_background:url(../img/common/gnbsub_menu1_3.gif) no-repeat; background-position:left 0; width:21px; height:12px;}
	.submenu1_4 {background:url(../img/common/gnbsub_menu1_4.png) no-repeat;_background:url(../img/common/gnbsub_menu1_4.gif) no-repeat; background-position:left 0; width:53px; height:12px;}
	.submenu1_5 {background:url(../img/common/gnbsub_menu1_5.png) no-repeat;_background:url(../img/common/gnbsub_menu1_5.gif) no-repeat; background-position:left 0; width:43px; height:12px;}
	.submenu2_1 {background:url(../img/common/gnbsub_menu2_1.png) no-repeat;_background:url(../img/common/gnbsub_menu2_1.gif) no-repeat; background-position:left 0; width:42px; height:12px;}
	.submenu2_2 {background:url(../img/common/gnbsub_menu2_2.png) no-repeat;_background:url(../img/common/gnbsub_menu2_2.gif) no-repeat; background-position:left 0; width:42px; height:12px;}
	.submenu2_3 {background:url(../img/common/gnbsub_menu2_3.png) no-repeat;_background:url(../img/common/gnbsub_menu2_3.gif) no-repeat; background-position:left 0; width:33px; height:12px;}
	.submenu3_1 {background:url(../img/common/gnbsub_menu3_1.png) no-repeat;_background:url(../img/common/gnbsub_menu3_1.gif) no-repeat; background-position:left 0; width:42px; height:12px;}
	.submenu3_2 {background:url(../img/common/gnbsub_menu3_2.png) no-repeat;_background:url(../img/common/gnbsub_menu3_2.gif) no-repeat; background-position:left 0; width:42px; height:12px;}
	.submenu3_3 {background:url(../img/common/gnbsub_menu3_3.png) no-repeat;_background:url(../img/common/gnbsub_menu3_3.gif) no-repeat; background-position:left 0; width:126px; height:12px;}
	.submenu5_1 {background:url(../img/common/gnbsub_menu5_1.png) no-repeat;_background:url(../img/common/gnbsub_menu5_1.gif) no-repeat; background-position:left 0; width:67px; height:12px;}
	.submenu5_2 {background:url(../img/common/gnbsub_menu5_2.png) no-repeat;_background:url(../img/common/gnbsub_menu5_2.gif) no-repeat; background-position:left 0; width:78px; height:12px;}
	.submenu5_3 {background:url(../img/common/gnbsub_menu5_3.png) no-repeat;_background:url(../img/common/gnbsub_menu5_3.gif) no-repeat; background-position:left 0; width:67px; height:12px;}
	.submenu6_1 {background:url(../img/common/gnbsub_menu6_1.png) no-repeat;_background:url(../img/common/gnbsub_menu6_1.gif) no-repeat; background-position:left 0; width:74px; height:12px;}
	.submenu6_2 {background:url(../img/common/gnbsub_menu6_2.png) no-repeat;_background:url(../img/common/gnbsub_menu6_2.gif) no-repeat; background-position:left 0; width:43px; height:12px;}
	ul.horizontal-dropdown ul .nbsp3 {width:70px; background:none;}
	ul.horizontal-dropdown ul .nbsp5 {width:230px; background:none;}
	ul.horizontal-dropdown ul .nbsp6 {width:370px; background:none;}
	
/* footer */
#footer .footer_area {width:990px; height:50px; margin:0 auto;}
#footer .footer_area .footer_logo {float:left; margin:20px 10px 10px 10px;}
#footer .footer_area  .policy {float:left; margin:20px 0 0 40px;}
#footer .footer_area .policy .etc {margin-bottom:0px; line-height:13px;}
#footer .footer_area .policy li {float:left; font-size:11px;background:url(../img/common/bg_footer_line.gif) right 50% no-repeat;margin-right:10px;}
#footer .footer_area .policy .etc li.nobg {background:none;}
#footer .footer_area .policy li a {padding:0 10px 0 0px; }
#footer .footer_area .policy li a:hover { color:#fff;}
#footer .footer_area .policy address {clear:both;  font-family:dotum; font-size:11px; font-style:normal; color:#8b3e7b; margin-top:5px; line-height:14px;}
#footer .footer_area .copyright {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8b3e7b;}
#footer .footer_area .customer {float:right; margin:20px 10px 10px 10px;}

/* left */
#lnb h2 {margin-bottom:5px;}
.leftmenu_area {margin-bottom:30px;}
.leftmenu_area li {border-bottom:1px solid #dedede;}
.leftmenu_area a {display:block; padding:12px;}
.leftmenu_area a:hover {background-position:0 -35px;}
.leftmenu_area a.on {background-position:0 -35px;}
.leftmenu_area span { display:none;}
.leftmenu_area .menu0_1 {background:url(../img/left/leftmenu0_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu0_2 {background:url(../img/left/leftmenu0_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu1_1 {background:url(../img/left/leftmenu1_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu1_2 {background:url(../img/left/leftmenu1_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu1_3 {background:url(../img/left/leftmenu1_3.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu1_4 {background:url(../img/left/leftmenu1_4.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu1_5 {background:url(../img/left/leftmenu1_5.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu2_1 {background:url(../img/left/leftmenu2_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu2_2 {background:url(../img/left/leftmenu2_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu2_3 {background:url(../img/left/leftmenu2_3.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu3_1 {background:url(../img/left/leftmenu3_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu3_2 {background:url(../img/left/leftmenu3_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu3_3 {background:url(../img/left/leftmenu3_3.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu3_4 {background:url(../img/left/leftmenu3_4.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu4_1 {background:url(../img/left/leftmenu4_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu5_1 {background:url(../img/left/leftmenu5_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu5_2 {background:url(../img/left/leftmenu5_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu5_3 {background:url(../img/left/leftmenu5_3.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu6_1 {background:url(../img/left/leftmenu6_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu6_2 {background:url(../img/left/leftmenu6_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu7_1 {background:url(../img/left/leftmenu7_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu7_2 {background:url(../img/left/leftmenu7_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu7_3 {background:url(../img/left/leftmenu7_3.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu8_1 {background:url(../img/left/leftmenu8_1.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu8_2 {background:url(../img/left/leftmenu8_2.gif) no-repeat; background-position:left 0; height:12px;}
.leftmenu_area .menu8_3 {background:url(../img/left/leftmenu8_3.gif) no-repeat; background-position:left 0; height:12px;}

/*메인 */
.flash_area {height:0px; _top:auto;_left:0;_position:absolute;}
.app_bg { background:#000;}
#main_contents {position:relative; margin:0 auto; width:990px; height:671px;}
.m_contents { position:absolute; top:84px; right:0px; width:300px; height:150px; margin-bottom:20px;}
.m_contents .title {position:relative; display:block;}
.m_contents .more {position:absolute; top:0; right:0;}
.m_contents h2 {margin-bottom:10px;}
	.m_contents .m_notice {position:relative; width:282px; margin-bottom:54px;}
	.m_contents .m_notice li {line-height:20px; font-size:11px; padding-left:10px; display:inline-block; background:url(../img/detail/dot_01.gif) left 50% no-repeat;}
	.m_contents .m_product {display:inline-block; position:relative; width:282px; height:110px; margin-bottom:54px;}
	.amazon_scroller .amazon_scroller_nav {position: absolute;}
	.amazon_scroller .amazon_scroller_nav li {cursor: pointer; position: absolute;}
	.amazon_scroller .amazon_scroller_mask {position: absolute;margin-left:5px; margin-right:2px;overflow: hidden;}
	.amazon_scroller ul{padding: 0px;margin: 0px; _width:288px; height:86px;}
	.amazon_scroller ul li{padding: 0px;margin: 0px;margin-left: 5px;margin-right:5px;_margin-left: 5px;_margin-right:4px; list-style:none;float: left;text-align: center;display:inline;}
	.amazon_scroller ul li a{text-decoration: none;}
	.amazon_scroller ul li a amazon_scroller_title{overflow:hidden;}
	.amazon_scroller ul li a:hover{text-decoration: underline;}
	.amazon_scroller ul li a img {border:1px solid #dfdfdf;}
	.m_contents .m_collagen_info {clear:both; position:relative; width:282px;}

/* visual */
.sub_visual { height:265px;}
.con_tit {position:relative; background:url(../img/bg/line_tit_01.gif) left bottom repeat-x; padding-bottom:8px; margin-bottom:25px;}
.con_tit .navi {position:absolute; top:0; right:0; font-size:11px; color:#999999;}
.con_tit .navi span { font-weight:bold; color:#f290b6;}

/* 회사소개 */
.tableset02 { border-top:2px solid #510040; border-bottom:1px solid #510040; overflow:hidden; margin-top:30px;}
.tableset02 table {border-collapse:collapse; margin-bottom:-1px;}
.tableset02 th {background:#f8f8f8; border-bottom:1px solid #dcdcdc; font-weight:bold; padding:5px 5px 5px 10px; text-align:left;}
.tableset02 td {border-bottom:1px solid #dcdcdc; padding:5px 5px 5px 10px;}

/* 화장품_건강기능식품_섬유제품 */

.tabmenu {display:block; height:20px; margin-bottom:40px;}
.tabmenu li {float:left; margin-right:3px;}
.tabmenu a { display:block;}
.tabmenu .on {width:102px; background:#101010 url(../img/detail/tab_arrow1_on.gif) 95px 50% no-repeat; padding:2px 5px 2px 5px; border:1px solid #101010; font-weight:bold; color:#ff0090;}
.tabmenu .off {width:102px; background:#ffffff url(../img/detail/tab_arrow1_off.gif) 95px 50% no-repeat; padding:2px 5px 2px 5px; border:1px solid #f1f1f1; color:#999999;}

.prd_list {clear:both; position:relative; margin:0px 0 30px 0; display:inline-block;}
.prd_list .prd_m {float:left; width:230px; margin:10px 11px 30px 12px;_margin:10px 9px 30px 9px; font-size:11px; color:#999; line-height:16px;}
.prd_list .prd_m li {position:relative;}
.prd_list .prd_m li .tag { position:absolute; top:0px; left:0px;}
.prd_list .prd_m a img { border:1px solid #fff;}
.prd_list .prd_m a:hover img {border:1px solid #e0b4c5;}
.prd_list .prd_m .prd_m_tit { font-size:12px; font-weight:bold; color:#333; margin:5px 0 5px 0;}
.prd_detail { clear:both;}
.prd_detail .bn_info {margin-bottom:30px;}
.prd_detail .bn_info .prd_img, .bn_info .prd_txt {float:left;}
.prd_detail .prd_txt { width:355px; margin-left:30px;}
.prd_detail .bn_info .sort {font-size:14px; font-weight:bold; color:#ff8a00; margin-bottom:10px;}
.prd_detail .bn_info .title {font-size:20px; letter-spacing:-1px; font-weight:bold; color:#333; margin-bottom:18px;}
.prd_detail .bn_info .title p {font-size:12px; letter-spacing:0px; font-weight:normal; color:#999; margin-top:5px;}
.prd_detail .bn_info .con_txt {font-size:12px; font-weight:normal; color:#999; margin-bottom:18px;}
.prd_detail .bn_info .info_txt {font-size:12px; font-weight:normal; color:#333; background:url(../img/detail/dot_01.gif) left 45% no-repeat; padding-left:10px; margin-bottom:7px;}
.prd_detail .bn_info .info_txt span { margin-left:20px; color:#999;}
.prd_detail .bn_info .info_btn { margin-top:30px;}
.thumenail { text-align:center; margin:10px 0 40px 0;} /* 111116 추가 */
.thumenail img {border:1px solid #dfdfdf;} /* 111116 추가 */
.thumenail a img {border:1px solid #dfdfdf;} /* 111116 추가 */
.thumenail .on,.thumenail a:hover img {border:1px solid #c91279;} /* 111116 추가 */

.prd_merd { clear:both;}
.prd_merd .prd_visual { margin-bottom:40px;}
.prd_merd h4 {font-size:14px; font-weight:bold; color:#333; background:url(../img/detail/blet_plus.gif) left 50% no-repeat; padding-left:16px; margin-bottom:8px;}
.prd_merd .ptxt1 {color:#666; margin-bottom:24px; padding-left:16px;}
.prd_merd .ptxt1 span { margin-top:5px; display:block; padding-left:15px;}

.map_detail { clear:both;}
.map_detail .bn_info {margin-bottom:30px;}
.map_detail .bn_info .map_img, .bn_info .map_txt {float:left;}
.map_detail .bn_info .map_img { width:300px;}
.map_detail .map_txt {width:410px; margin-left:30px;}
.map_detail .map_txt .sort { border-bottom:1px solid #dfdfdf; padding-bottom:7px;}
.map_detail .map_txt .sort span {background:url(../img/detail/blet_02.gif) left 50% no-repeat; padding-left:16px; margin-right:20px;}
.map_detail .map_txt .title {font-size:14px; font-weight:bold; margin:15px 0 15px 0;}
.map_detail .map_txt .con_txt {background:url(../img/detail/blet_03.gif) left 7px no-repeat; padding-left:12px; margin-bottom:8px; margin-left:15px;}
.map_detail .map_txt .con_txt span {width:100px; display:inline-block; font-weight:bold;}
.map_detail .map_txt .bg_none { background:none; line-height:12px;}
.map_detail .info_bn { margin:40px 0 10px 0;}
.map_lst { clear:both;}

/* 페이징 */
.paging {text-align:center; font-size:12px; color:#bababa; letter-spacing:-1px; background:url(../img/bg/line_tit_01.gif) left top repeat-x; padding:20px 0 0 0; margin-bottom:30px;}
.paging .active {display:inline-block; width:24px; height:24px; line-height:24px; border:1px solid #c60070; background:#c60070; text-align:center; color:#fff; font-weight:bold;}
.paging a {display:inline-block; width:24px; height:24px; line-height:24px; border:1px solid #dfdfdf; background:#fff; text-align:center; color:#606060;}
.paging .arrow {display:inline-block; width:84px; height:24px; line-height:24px; border:1px solid #dfdfdf; background:#fff; text-align:center; color:#606060;color:#959595;}
.paging a:hover { color:#333; border:1px solid #c60070;}

/* 아이패드 20111106 추가 */
.ipad_old {position:;background:url(../img/main/img_m_ipad.jpg) center top no-repeat; height:671px; width:;}
.ipad {position:;background:url(../img/main/main_image.jpg) left top no-repeat; height:671px; width:100%;background-size: 76% 90%;}
.sub_visual_ipad {background:url(../img/detail/img_s_ipad.jpg) center top no-repeat; height:265px; width:100%;}

/* 연혁 20111106 추가 */
.history {padding:20px; position:relative;}
.history ul {clear:both; display:inline-block; margin-bottom:30px;}
.history li {float:left;}
.history .year { width:111px; margin-right:60px;}
.history .history_con {width:545px;}
.history .history_con p {background:url(../img/bg/line_tit_01.gif) left bottom repeat-x; color:#959595; line-height:20px; margin-bottom:10px;}
.history span { margin-right:30px;}

.login_area {margin:0 auto;}
.login_area img,.login_area input { vertical-align:middle;}
.join_form {}
.join_form .m_title { border-bottom:1px solid #dfdfdf;}
.join_form .m_padding { border-bottom:1px solid #dfdfdf;}