@charset "utf-8";
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

/* svisual_wrap */
.svisual_wrap{height:203px; border-bottom:1px solid #e0e0e0; margin-bottom:17px; z-index:1; position:relative;padding-top:131px; }
.svisual_wrap .svisual{left:50%; margin-left:-952px; position:absolute;}

/* location */
#title_area{position:relative; padding-bottom:30px;}
#location {position:absolute; right:10px; top:10px;}
#location li {float:left; font-size:11px;}
#location li.home{background:url(/images/common/icon_util.gif) no-repeat 0 4px; padding-left:13px; font-family:"Nanum Gothic", "나눔고딕";}
#location li a { padding-left:25px;color:#a6a6a6; text-decoration:none;}
#location li span{padding:0 8px;}
#location li span.eng{padding:0;}
#location li.now {font-weight:bold; color:#B69442;}

/* contents_wrap */
#contents_wrap{width:1000px; margin:auto; font-family: 'Simsun',"Nanum Gothic", "나눔고딕"; z-index:3;}
#contents_wrap:after{content:""; display:block; clear:both;}
#contents_wrap .con_area{float:left; width:780px;}

/* lnb */
#contents_wrap .lnb{float:left; margin-right:19px;}
.lnb{width:198px; border:1px solid #dedede; background:url(/images/contents/bg_lnb_mid.gif) repeat-y;}
.lnb > div{background:url(/images/contents/bg_lnb_top.gif) no-repeat left top;}
.lnb h2{font-size:20px; color:#625942; font-weight:bold; padding:25px 0 0 25px;}
.lnb p{font-weight:bold; color:#9d8349; padding:5px 0 10px 25px; border-bottom:1px solid #dedede; font-family:'Nanum Gothic', '나눔고딕',"돋움", Dotum, Verdana, Arial, sans-serif;}
.lnb ul{border-top:1px solid #fff; padding:20px 0;background:url(/images/contents/bg_lnb_top2.gif) no-repeat left top;}
.lnb ul li{height:30px; line-height:30px; font-size:13px; padding-left:30px;}
.lnb.pro ul li{height:30px; line-height:30px; font-size:13px; padding-left:23px;}
.lnb ul li a{color:#8b867b;}
.lnb ul li.eng{font-size:11px; letter-spacing:-0.5px;}
.lnb ul li.on{background:url(/images/contents/bg_lnb_menu.gif) no-repeat right top;}
.lnb ul li:hover{background:url(/images/contents/bg_lnb_menu.gif) no-repeat right top;}
.lnb ul li:hover a{color:#fff;}
.lnb ul li.on a{color:#fff;}

/* con_area */
.con_area{padding-bottom:100px;font-size:15px; color:#727272;}
.con_area h3{color:#515151; font-size:22px; border-bottom:1px solid #dddddd; font-weight:bold; padding:0 0 9px 0; background:url(/images/contents/blet_h3.gif) no-repeat 0 3px; padding-left:20px;}
.con_area .greeting{padding:40px 0 0 11px; background:url(/images/contents/bg_greeting.jpg) no-repeat right top;}
.con_area .greeting .tit{font-size:24px; font-weight:bold; color:#89641a;}
.con_area .greeting .tit02{font-size:20px; font-weight:normal; color:#89641a;}
.con_area .greeting p{ font-weight:bold; color:#727272;}

/* history */
.history .tit{font-size:24px; font-weight:bold; color:#89641a;}
.history_con{position:relative; overflow:hidden; margin-top:20px;}
.history_con h4{padding-bottom:30px;}
.historyIn{position:relative; overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #333; padding:10px 0;}
.historyIn dl{position:relative; overflow:hidden; border-bottom:1px dashed #d4d4d4; padding:20px 0;}
.historyIn dl.last{position:relative; overflow:hidden; border-bottom:0; padding:20px 0;}
.historyIn dt{float:left; width:100px; padding-left:10px; font-weight:bold; font-size:25px; color:#926E18; font-family:"Nanum Gothic", "나눔고딕";}
.historyIn dd{float:left; line-height:22px; padding-left:30px;}
.history .pro_info .tit01{font-size:30px; line-height:120%; padding-bottom:30px;}

/* philo */
.philo p{font-weight:bold;}

/* area */
.area .tit{font-size:24px; font-weight:bold; color:#89641a;}
.area dl{margin-top:20px;}
.area dt{background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px; font-size:21px; font-weight:bold; padding-bottom:10px; }
.area dd{margin-left:25px;}
.area .o_history{border:1px solid #ddd; border-radius:8px; padding:10px; margin-top:20px;}
.area .o_history p{font-size:18px; font-weight:bold; color:#89641a; padding:5px 10px 10px 20px;}
.area .o_history ul{margin-left:20px;}
.area .o_history li{line-height:23px;}
.area .shop{margin-top:30px;}
.area .shop:after{content:""; display:block; clear:both;}
.area .shop li{float:left; margin:0 10px 10px 0;}
.area .shop li.last{margin-right:0;}

/* export */
.export .tit{font-size:20px; color:#89641a; line-height:28px;}
.export dl{margin-top:20px;}
.export dt{background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px; font-size:21px; font-weight:bold; padding-bottom:10px; }
.export dd{margin-left:25px; line-height:22px;}
.export .btn{border-radius:8px; border:1px solid #986229; margin-left:300px; padding:10px; width:150px; text-align:center; 
            background: #efbb3d; /* Old browsers */
			background: -moz-linear-gradient(top, #efbb3d 0%, #ca961a 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efbb3d), color-stop(100%,#ca961a)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #efbb3d 0%,#ca961a 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #efbb3d 0%,#ca961a 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #efbb3d 0%,#ca961a 100%); /* IE10+ */
			background: linear-gradient(to bottom, #efbb3d 0%,#ca961a 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbb3d', endColorstr='#ca961a',GradientType=0 ); /* IE6-9 */
}
.export .btn:hover{}
.export .btn a{color:#fff; font-weight: bold; font-size:18px;}
.export .img{text-align:center; margin:30px 0;}

.con_tit {font-size:18px; font-weight:bold; background:url(/images/contents/tit_icon.gif) no-repeat left; padding-left:20px;}

/* contact */
.contact dl{margin-top:20px;}
.contact dt{background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px; font-size:21px; font-weight:bold; padding-bottom:10px; padding-bottom:10px; border-bottom:1px solid #c1b8a6; }
.contact dd{margin-left:10px; background:url(/images/contents/blet_gold.gif) no-repeat left 5px; padding-left:25px;}

/* product */
.s_tit{margin-top:40px; font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}
.s_txt {font-size:15px;color:#868686;line-height:130%; margin-top:20px;}
.pro_img{width:100%; background:#f7f6ef; padding-bottom:20px;}
.pro_img:after{content:""; display:block; clear:both;}
.pro_img .img{float:left; padding:30px 10px 0 20px;}
.pro_img .detail{float:left; margin-top:33px; margin-left:30px;}
.pro_img .detail .cate{font-size:11px; font-family:"Nanum Gothic", "나눔고딕"; color:#1d1d1d;}
.pro_img .detail .p_name{font-size:25px; font-weight:bold; font-family:"Nanum Gothic", "나눔고딕"; color:#1d1d1d; padding:10px 0 13px 0;}
.pro_img .detail .volume{border-top:1px solid #c1b8a6; padding-top:10px; font-family:"Nanum Gothic", "나눔고딕"; font-size:11px;}
.pro_img .detail .volume li{color:#89641a; line-height:18px;}
.pro_img .detail .features:after{content:""; display:block; clear:both;}
.pro_img .detail .features{margin-top:25px;}
.pro_img .detail .features li{float:left; margin-right:5px;}
.pro_img .detail .txt{width:400px; font-size:12px;}
.pro_img .detail .txt01{font-weight:bold; margin-bottom:10px; color:#89641a;}

.principle{margin-top:40px;}
.principle .tit{font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}
.principle dl{margin-top:20px;}
.principle dt{font-size:20px; font-weight:bold; padding-bottom:10px; background:url(/images/contents/blet_gold.gif) no-repeat left 7px; padding-left:15px; margin-left:10px;}
.principle dd{margin-top:5px;}
.principle .img{margin-top:30px; text-align:center; border:1px solid #eee; padding:20px 10px;}

.list01{margin-top:50px; border:1px solid #eee; padding:30px 0 0 30px;}
.list01 li{margin-bottom:20px;}
.list01 dl:after{content:""; display:block; clear:both;}
.list01 dt{float:left; }
.list01 dd{float:left; margin-left:20px; width:600px; padding-top:25px;}

.list02{margin-top:50px; border:1px solid #eee; padding:30px 0 0 30px;}
.list02 .tit{font-weight:bold; margin-bottom:10px; color:#89641a;}
.list02 li:after{content:""; display:block; clear:both;}
.list02 li{margin-bottom:20px;}
.list02 li p{float:left;}
.list02 li dl{float:left; width:600px; margin-left:20px;}
.list02 li dt{font-size:20px; font-weight:bold; margin:10px 0;}

.list03{margin-top:50px; border:1px solid #eee; padding-left:30px;}
.list03 .tit{font-weight:bold; margin-bottom:10px; color:#89641a;}
.list03 li:after{content:""; display:block; clear:both;}
.list03 li{margin-bottom:20px;}
.list03 li p{float:left;}
.list03 li dl{float:left; width:540px; margin-left:20px;}
.list03 li dt{font-size:20px; font-weight:bold; margin:10px 0;}

.list04{margin-top:50px;}
.list04 li{font-size:20px; font-weight:bold; padding-bottom:10px; background:url(/images/contents/blet_gold.gif) no-repeat left 7px; padding-left:15px; margin-left:10px;}

.list05{margin-top:20px;}
.list05 li{margin-top:5px;}

.list06{margin-top:50px; border:1px solid #eee; padding-left:30px;}
.list06 .tit{font-weight:bold; margin-bottom:10px; color:#89641a;}
.list06 li:after{content:""; display:block; clear:both;}
.list06 li{margin-bottom:20px;}
.list06 li p{float:left;}
.list06 li dl{float:left; width:460px; margin-left:20px;}
.list06 li dt{font-size:20px; font-weight:bold; margin:30px 0 10px 0;}

.list07{margin-top:50px; border:1px solid #eee; padding:20px 0 0 30px;}
.list07 .tit{font-weight:bold; margin-bottom:10px; color:#89641a;}
.list07 li:after{content:""; display:block; clear:both;}
.list07 li{margin-bottom:20px;}
.list07 li p{float:left;}
.list07 li dl{float:left; width:460px; margin-left:60px;}
.list07 li dt{font-size:20px; font-weight:bold; margin:30px 0 10px 0;}

.pic{margin-top:40px;}
.pic ul{margin-top:20px;}
.pic li{margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.pic li:after{content:""; display:block; clear:both;}
.pic .img{float:left; width:263px;}
.pic .img dd{text-align:center; font-size:12px;}
.pic .txt dt{font-size:20px; font-weight:bold; margin:10px 0;}
.pic .txt{float:left; width:450px; margin-left:30px;}
.pic .tit{font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}

.use{margin-top:40px;}
.use.bg01{background:url(/images/contents/img_midas03_02.gif) no-repeat right bottom;}
.use .tit{font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}
.use .s_tit02{margin-top:10px;}
.use ol{margin-top:20px;}
.use ol li{padding-top:5px; line-height:23px;}
.use .img{margin-top:30px; text-align:center;}

.ingredient{margin-top:40px;}
.ingredient .s_txt dd{padding-top:10px;}
.ingredient .tit{font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}

.patent{margin-top:40px;}
.patent .img{margin-top:30px; text-align:center;}

.introduce{margin-top:40px;}
.introduce .tit01{font-size:23px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1b8a6; background:url(/images/contents/blet_leaf.gif) no-repeat left 5px; padding-left:25px;}
.introduce .tit02{font-size:20px; font-weight:bold; margin:10px 0; color:#89641a}
.introduce .tit03{font-size:20px; font-weight:bold; margin:10px 0;}
.introduce .tit04{font-size:20px; font-weight:bold; margin:10px 0;}
.introduce ul{margin-top:20px;}
.introduce li{line-height:24px;}

.icons{margin-top:40px;}
.icons ul:after{content:""; display:block; clear:both;}
.icons ul{margin-left:135px;}
.icons li{float:left; margin-right:10px;}
.icons dd{text-align:center;}

/* sitemap */
div.sitemap > ul:after{content:""; display:block; clear:both;}
div.sitemap > ul{margin-left:5px;}
div.sitemap > ul > li{float:left; font-size:17px; font-weight:bold; width:235px; margin-right:20px;}
div.sitemap > ul > li.h450{height:450px;}
div.sitemap > ul > li > span{padding-bottom:10px; display:block;}
div.sitemap > ul > li.last{margin-right:0;}
div.sitemap > ul > li > ul{padding-top:20px; border-top:2px solid #A88737;}
div.sitemap > ul > li > ul > li{ font-size:13px; font-weight:normal; line-height:27px;}
div.sitemap > ul > li > ul > li a{color:#808080;}

.cert:after{content:""; display:block; clear:both;}
.cert{margin-top:30px;}
.cert li{float:left; margin-right:10px; border:1px solid #ddd; border-radius:8px; padding:8px;}

.young .video{margin-bottom:30px;}
.masks{border:1px solid #ddd; border-radius:8px; margin-top:20px; padding:20px;}
.masks dl{margin:30px 0 0 20px;}
.masks dt{font-size:30px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ddd; color:#89641a;}
.masks dd{padding-bottom:10px;}
.masks .img{margin:0 0 0 0;}

.d_btn{padding:5px 10px; border:1px solid #99792C; border-radius:5px; background:#B89644; margin:10px 0; font-size:11px; display:inline-block;}
.d_btn a{color:#fff;}