@import url("common.css");

#visual {position:relative; width:100%; height:630px; clear:both; overflow:hidden; text-align:center; margin-top:63px;}
.mainVisualWrap .mainVisual {height:630px}
.mainVisualWrap .mainVisual.No1 { background:url('/img/main_visual.jpg') no-repeat top center; text-indent:-22222px;}
.mainVisualWrap .mainVisual.No2 { background:url('/img/main_visual02.jpg') no-repeat top center; text-indent:-22222px;}
.mainVisualWrap .mainVisual.No3 { background:url('/img/main_visual03.jpg') no-repeat top center; text-indent:-22222px;}
.mainVisualWrap {position:relative; height:630px;}
.mainVisualWrap .innerBox .num { position:absolute; display:block; background:url('/img/icon_none.png') no-repeat; width:13px; height:13px; text-indent:-9999px;}
.mainVisualWrap .innerBox.on .num { background:url('/img/icon_up.png') no-repeat;}
.mainVisualWrap .Num1 .num { left:50%; margin-left:352px; bottom:28px;}
.mainVisualWrap .Num2 .num { left:50%; margin-left:372px; bottom:28px;}
.mainVisualWrap .Num3 .num { left:50%; margin-left:392px; bottom:28px;}

#main_container {position:relative; width:100%;}
#main_container h2 {font-size:35px; color:#333; background:url('/img/tit_bg.gif') top center no-repeat; padding:20px 0 20px 0; letter-spacing:-0.6pt;}

/* 베리얀 소개 */
#about {padding:60px 0 10px 0; text-align:center;}
#about p {font-size:15px; line-height:160%;}
#about p strong {display:block; color:#8b3b7a; margin:20px 0 30px 0; font-weight:500;}
#about .pro_info {margin:0 auto; width:1024px; padding:40px 0 0 0; border-top:1px dashed #ddd; overflow:hidden; text-align:left;}
#about .pro_info li {float:left; }
#about .pro_info .product {width:51%; padding:0 0 0 4%; text-align:left;}
#about .pro_info .product dl {width:510px; overflow:hidden;}
#about .pro_info .product dt {float:left; width:235px; margin-right:35px;}
#about .pro_info .product dd {float:left; padding:8px 0;}
#about .pro_info .product span {display:block; background:url('/img/pro_dott.gif') left center no-repeat; padding:2px 0px 0 10px;  font-size:14px;}
#about .pro_info .hologram {width:38%; padding:20px 4% 0 3%;}
#about .pro_info .hologram dl {width:409px; border:3px solid #ddd; overflow:hidden;}
#about .pro_info .hologram dt {float:left; padding:28px 0 28px 25px;}
#about .pro_info .hologram dd {float:left; padding:40px 0px 0px 20px; color:#5e1b4e; font-weight:600;}

/* 여성관련정보 */
#women {padding:60px 0; text-align:center; background:url('/img/women_bg.jpg') top center no-repeat; height:360px;}
#women p {font-size:15px; padding-bottom:35px;}
#women ul {width:1100px; margin:0 auto; overflow:hidden;}
#women li {float:left; width:215px; padding:0 30px;}
#women li a {display:block; color:#fff; background-position:top center; background-repeat:no-repeat; padding:40px 0 100px 0; height:75px;}
#women li.one a {background-image:url('/img/women_info01.png');}
#women li.two a {background-image:url('/img/women_info02.png');}
#women li.three a {background-image:url('/img/women_info03.png');}
#women li.four a {background-image:url('/img/women_info04.png');}
#women li h3 {font-size:16px; padding-bottom:10px;}
#women li span {display:block; font-size:14px; color:#f4eef4; line-height:140%;}

/* 고객지원 */
#customer {padding:60px 0; overflow:hidden;}
#customer h3 {font-size:18px; color:#333;}

/** 동영상 **/
#movie {float:left; width:573px; background:url('/img/movie_bg.jpg') no-repeat;}
#movie > div {border-bottom:1px solid #ddd;}
#movie .movie_area {padding:38px 30px 40px 30px; height:358px;}
#movie .movie_area p {font-size:20px; color:#ab6f71; font-weight:600; padding-bottom:15px;}
#movie .movie_area span {font-size:15px; color:#776161; letter-spacing:-0.5pt;}
#movie .account {border-left:1px solid #ddd; background:url('/img/account_bg.jpg') no-repeat; height:67px; padding-left:70px; overflow:hidden;}
#movie .account h3 {float:left; line-height:67px;}
#movie .account h3 span {color:#666; font-size:14px; margin:0 15px 0 5px; font-weight:500; letter-spacing:-0.5pt;}
#movie .account p {float:left; font-family:"PT sans", Calibri, Tahoma, Verdana, Arial, sans-serif; color:#6168b8; font-size:25px; font-weight:600; margin-top:22px; height:20px; line-height:20px;}
#movie .account p img {margin-right:5px; vertical-align:middle;}
#movie .cs {border-left:1px solid #ddd; background:url('/img/cs_bg.jpg') no-repeat; height:67px; line-height:67px; padding-left:70px;}
#movie .cs h3 {float:left; line-height:67px;}
#movie .cs h3 span {color:#666; font-size:15px; margin:0 20px 0 5px; font-weight:500; letter-spacing:-0.5pt;}
#movie .cs p {float:left; font-family:"PT sans", Calibri, Tahoma, Verdana, Arial, sans-serif; color:#8b3b7a; font-weight:600; margin-top:22px; height:20px; line-height:20px; font-size:30px;}

/** 게시물 **/
#board {float:left; width:304px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
#board > div {position:relative; height:249px; padding:36px 25px 0px 25px; border-bottom:1px solid #ddd;}
#board a.more {position:absolute; right:0; top:0; z-index:2; width:41px; height:41px; background:url('/img/more.png') no-repeat; text-indent:-22222px;}
#board .faq h3 {padding-bottom:15px;}
#board .faq ul {margin-top:12px;}
#board .faq li {background:url(/img/faq_icon.gif) left center no-repeat; padding:2px 0; padding-left:20px;}
#board .faq li a {font-size:13px;}
#board .story h3 {padding-bottom:10px;}
#board .story ul {}
#board .story li {padding:8px 0; border-bottom:1px dashed #ddd; padding-left:5px;}
#board .story li a {font-size:13px;}

/** 제품간편문의 **/
#apply {float:left; width:282px; height:573px; background:#8b3b7a;}
#apply h3 {text-align:center; line-height:59px; border-bottom:1px solid #ae76a2; color:#fff;}
#apply > div {padding:25px 15px 20px 15px; text-align:left;}