@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(css/kopubdotum.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.03em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#303030;}
div {display:block;}
h1,h2,h3,h4 {font-family: 'KoPub Dotum';font-weight:normal;line-height:130%}
h1 {font-size:56px;}
h2 {font-size:42px;}
h3 {font-size:30px;}
h4 {font-size:22px;}
p {line-height:180%}
.inner {width:1100px;margin:auto;}
.center {text-align:center}
.c_white {color:#fff !important;}
.c_red {color:#c80008 !important;}
.c_gray {color:#808080 !important}
.bg_gray {background:#f5f5f5;}
.mj {font-family: 'Nanum Myeongjo' !important; letter-spacing:-0.1em !important}


.left {float:left;}
.right {float:right;}


/* 마진,패딩 설정 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}




/* 공통 상단 */
#wrap {width:100%; min-width:1200px; margin:auto;}
#header {width:100%; min-width:1200px; height:116px; position:absolute; z-index:9999; color:#fff}
#header .header_btn {width:100%; min-width:1200px;border-bottom-color:rgba(255,255,255,0.5);border-bottom-width:1px;border-bottom-style:solid;height:47px}
#header .header_btn .inner {width:1200px;}
#header .header_btn ul.member {float:left;font-size:12.5px;line-height:46px}
#header .header_btn ul.language {float:right;}
#header .header_btn ul li {float:left;padding:0 10px;}
#header .header_btn ul.member li i {margin-right:5px;}
#header .header_btn ul.language li {padding-top:15px;}

#header .logo {float:left; margin-top:26px;}



#header #gnb { position:relative;height:43px;line-height:43px;display:inline-block;margin-top:26px;float:right;}
#header #gnb > ul {float:right;}
#header #gnb > ul > li {float:left;font-size:16px;margin-left:30px;font-weight:bold; position:relative;}
#header #gnb > ul > li p {line-height:43px;}
#header #gnb .subnav { margin:auto;
width:140px;
 background:rgba(0,0,0,0.5);
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:45px;
  font-size:13px;
  padding:10px;
  margin-left:-40px;
  color:#bbbbbb;
 }
#header #gnb .subnav > ul {}
#header #gnb .subnav dl {display:block}
#header #gnb .subnav dd {height:30px;line-height:30px;}
#header #gnb .subnav a:hover {color:#fff;}
#header #gnb .subnav a {display:block;}



#main {width:100%; min-width:1200px; display:inline-block; position:relative;}

#main .flexslider {position:relative}
#main .flexslider .slide_txt {width:100%;text-align:center;position:absolute;z-index:99;top:438px;}
#main .flexslider #go_down {width:100%;text-align:center;position:absolute;z-index:99;bottom:70px;cursor:pointer}
#main .flexslider .slide1 {width:100%; min-width:1200px; background:url(images/main_sl1.jpg) top center;height:873px;}
#main .flexslider .slide2 {width:100%; min-width:1200px; background:url(images/main_sl2.jpg) top center;height:873px;}
#main .flexslider .slide3 {width:100%; min-width:1200px; background:url(images/main_sl3.jpg) top center;height:873px;}



#main .section {width:100%;min-width:1200px;padding:80px 0;position:relative;display:inline-block}
#main .section h1 {font-size:56px;}
#main .section p {font-size:20px;color:#808080;}
#main .section p.small {font-size:15px;}
#main span.btn_go {color:#fff;height:51px;line-height:51px;background:url(images/arrow_right.png) right center no-repeat;display:inline-block;cursor:pointer}
#main span.btn_go.gray {color:#808080;background:url(images/arrow_right_b.png) right center no-repeat;}
#main span.btn_go a {display:block;padding-right:60px;}
#main span.btn_go.icon a {text-indent:-3333px;padding-right:38px}

#main .section.part2_1 {background:url(images/m_section2_bg.jpg) top center no-repeat;min-height:810px;}
#main .section.part2_1 h1 {padding-top:320px;color:#fefee0;}
#main .section.part3 {background:url(images/m_section3_bg.jpg) top center no-repeat;min-height:990px;}
#main .section.part3 h1 {padding-top:460px;}
#main .section.part4 .flexslider ul li > div {width:100%;min-width:1200px;height:486px;}
#main .section.part4 .event1 .left {background:url(images/m_section4_1left.png) no-repeat;}
#main .section.part4 .event1 .right {background:url(images/m_section4_1right.png) no-repeat;}
#main .section.part4 .left,#main .section.part4 .right {width:50%;height:486px;}
#main .section.part5 .part5_box {width:100%;min-width:1200px;height:486px;}
#main .section.part5 .part5_box .left {width:50%;background:url(images/m_section5_left.png) right top;}
#main .section.part5 .part5_box .right {width:50%;background:url(images/m_section5_right.png) left top;}
#main .section.part5 .part5_box .box {width:266px;height:486px;color:#fff;padding:35px 25px}
#main .section.part5 .part5_box .left .box {float:right}
#main .section.part5 .part5_box .right .box {float:left;}
#main .section.part5 .part5_box .box h2 {margin:20px 0 220px 0}




#sub {width:100%; min-width:1200px; display:inline-block; position:relative;}
#sub .top {width:100%; min-width:1200px; text-align:center;color:#fff;height:580px}
#sub .top h1 {padding-top:315px;}
#sub .top.top_about1 {background:url(images/about1_top.jpg) top center;}
#sub .top.top_about2 {background:url(images/about2_top.jpg) top center;}
#sub .top.top_about3 {background:url(images/about3_top.jpg) top center;}
#sub .top.top_about4 {background:url(images/about4_top.jpg) top center;}
#sub .top.top_about5 {background:url(images/about5_top.jpg) top center;}
#sub .top.top_about6 {background:url(images/about6_top.jpg) top center;}
#sub .top.top_about7 {background:url(images/about7_top.jpg) top center;}
#sub .top.top_about8 {background:url(images/about8_top.jpg) top center;}
#sub .top.top_about9 {background:url(images/about9_top.jpg) top center;}
#sub .top.top_product {background:url(images/product_top.jpg) top center;}
#sub .top.top_event {background:url(images/event_top.jpg) top center;}
#sub .top.top_promotion {background:url(images/promotion_top.jpg) top center;}
#sub .top.top_nature {background:url(images/nature_top.jpg) top center;}
#sub .top.top_community {background:url(images/community_top.jpg) top center;}
#sub .top.top_partner {background:url(images/partner_top.jpg) top center;}
#sub .top.top_cs {background:url(images/cs_top.jpg) top center;}
#sub .top.top_edition {background:url(images/edition_top.jpg) top center;}



#sub .top.top_info {height:372px;}
#sub .top.product1 {background:url(images/product1_top.jpg) top center;}
#sub .top.product2 {background:url(images/product2_top.jpg) top center;}
#sub .top.product3 {background:url(images/product3_top.jpg) top center;}
#sub .top.product4 {background:url(images/product4_top.jpg) top center;}
#sub .top.product5 {background:url(images/product5_top.jpg) top center;}
#sub .top.product6 {background:url(images/product6_top.jpg) top center;}
#sub .top.product7 {background:url(images/product7_top.jpg) top center;}
#sub .top.product8 {background:url(images/product8_top.jpg) top center;}
#sub .top.product9 {background:url(images/product9_top.jpg) top center;}
#sub .top.product10 {background:url(images/product10_top.jpg) top center;}
#sub .top.top_info h1 {padding-top:230px;}

#sub .snb {width:100%; min-width:1200px;text-align:center;border-bottom:1px #d0d0d0 solid;line-height:0;}
#sub .snb ul {width:100%; display:inline-block;}
#sub .snb ul li {float:left;background:url(images/snb_part.gif) left center no-repeat;width:33.33%}
#sub .snb ul li.sn1 {background:none}
#sub .snb ul li a {display:block;}
#sub .snb ul li a.on,#sub .snb ul li a:hover {background:url(images/snb_on.gif) center;color:#fff}
#sub .snb ul li p {height:60px;line-height:60px;}
#sub .snb ul li.long p {font-size:14px}
#sub .snb ul.about li {width:11.11%}
#sub .snb ul.product li {width:11.11%;height:151px;background:url(images/product_snb_part.gif) left center no-repeat;}
#sub .snb ul.product li.sn1 {background:none;}
#sub .snb ul.product li a {height:151px;background:url(images/product_snb.png);}
#sub .snb ul.product li a.on,#sub .snb ul.product li a:hover {background:url(images/product_snb_on.png);color:#fff}
#sub .snb ul.product li a p {padding-top:90px}
#sub .snb ul.product li.sn1 a {background-position:0 0;}
#sub .snb ul.product li.sn2 a {background-position:-122px 0;}
#sub .snb ul.product li.sn3 a {background-position:-244px 0;}
#sub .snb ul.product li.sn4 a {background-position:-366px 0;}
#sub .snb ul.product li.sn5 a {background-position:-488px 0;}
#sub .snb ul.product li.sn6 a {background-position:-610px 0;}
#sub .snb ul.product li.sn7 a {background-position:-732px 0;}
#sub .snb ul.product li.sn8 a {background-position:-854px 0;}
#sub .snb ul.product li.sn9 a {background-position:-976px 0;}

#sub #content {width:100%; min-width:1200px; display:inline-block;}
#sub #content .content_box {width:100%; min-width:1200px; display:inline-block;}
#sub #content .content_box .paragraph {width:100%;display:inline-block;padding:90px 0;}
#sub #content .content_box .side {padding:90px 60px;}

#sub #content .about1_bg {background:url(images/about1_bg.jpg) top center; min-height:860px; }
#sub #content .about4_2_bg {background:url(images/about4_2_bg.jpg) top center; min-height:610px; }
#sub #content .about4_4_bg {background:url(images/about4_4_bg.jpg) top center; min-height:1120px; }
#sub #content .about4_5_bg {background:url(images/about4_5_bg.jpg) top center; min-height:630px; }
#sub #content .about4_5_bg p {width:48%;}
#sub #content .about4_9_bg {background:url(images/about4_9_bg.jpg) top center; min-height:920px; }
#sub #content .about4_9_bg .inner {padding-left:600px}
#sub #content .about4_11_bg {background:url(images/about4_11_bg.jpg) top center; min-height:1770px; }
#sub #content .about6_2_bg {background:url(images/about6_2_bg.jpg) top center; min-height:640px; }
#sub #content .about6_2_bg .inner {padding-left:700px}
#sub #content .about7_bg {background:url(images/about7_bg.jpg) top center; min-height:1650px; padding-top:80px}

#sub #content .bd_b {border-bottom:1px #d0d0d0 solid}

#sub #content .content_box .table {font-size:15px}
#sub #content .content_box .table .red {color:#c80008; font-size:17px}
#sub #content .content_box .table th {border-top:4px #aaaaaa solid; font-weight:normal}
#sub #content .content_box .table th.red {border-top:4px #c80008 solid}
#sub #content .content_box .table th,#sub #content .content_box .table td {padding:8px 10px;border-bottom:1px #d0d0d0 solid;border-left:1px #d0d0d0 solid;}
#sub #content .content_box .table .head {border-left:0}



/** 제품 **/
#sub #content .part_name {width:100%; min-width:1200px; height:230px; color:#fff}
#sub #content .part_name.product1 {background:url(images/product1_top.jpg) center;}
#sub #content .part_name.product2 {background:url(images/product2_top.jpg) center;}
#sub #content .part_name.product3 {background:url(images/product3_top.jpg) center;}
#sub #content .part_name.product4 {background:url(images/product4_top.jpg) center;}
#sub #content .part_name.product5 {background:url(images/product5_top.jpg) center;}
#sub #content .part_name.product6 {background:url(images/product6_top.jpg) center;}
#sub #content .part_name.product7 {background:url(images/product7_top.jpg) center;}
#sub #content .part_name.product8 {background:url(images/product8_top.jpg) center;}
#sub #content .part_name.product9 {background:url(images/product9_top.jpg) center;}
#sub #content .part_name h2 {line-height:230px;}
#sub #content .product_list,#sub #content .product_info {background:url(images/product/product_bg.png);width:100%; min-width:1200px; display:inline-block;}
#sub #content .product_list {padding:40px 0}
#sub #content .product_list h3 {text-align:center;width:100%}
#sub #content .product_list .box {width:29%;margin:30px 2%;text-align:center;float:left}
#sub #content .product_list .box .img {width:100%;height:300px; overflow:hidden; position:relative}
#sub #content .product_list .box .img img {height:100%;width:auto;margin-left:-55px;}
#sub #content .product_list .box p {background:#fff;line-height:50px;font-size:18px;}

/** 제품상세페이지 **/
#sub #content .product_info {padding:100px 0;}
#sub #content .product_info .left {width:50%;}
#sub #content .product_info .right {width:50%;padding:0 40px;position:relative;height:380px;}
#sub #content .product_info .right h3 {margin-bottom:10px}
#sub #content .product_info .right .info {}
#sub #content .product_info .right .info table {border-bottom:1px #e0e0e0 solid;}
#sub #content .product_info .right .info table .red {background:#c80008;width:20%}
#sub #content .product_info .right .info table .gray {background:#aaaaaa;}
#sub #content .product_info .right .info table ul {width:100%;padding:10px 5px;display:inline-block}
#sub #content .product_info .right .info table ul li {float:left}
#sub #content .product_info .right .info table ul li.title {width:20%;font-weight:bold;background:url(images/li_bullet.gif) left center no-repeat;padding-left:10px}
#sub #content .product_info .right .info table ul li.txt {width:80%;}
#sub #content .product_info #carousel {position:absolute;bottom:0;width:470px}
#sub #content .product_info #carousel ul {margin:0 !important; padding:0 !important;}
#sub #content .product_info #carousel li {width:150px !important; margin-left:5px;}
#sub #content .product_info #carousel li:first-child {margin-left:0;}
#sub #content .product_info #carousel img {width:100% !important; display: block; opacity: 0.5; filter:alpha(opacity=50);  cursor: pointer;}
#sub #content .product_info #carousel img:hover {opacity: 1; filter:alpha(opacity=100); }
#sub #content .product_info #carousel .flex-active-slide img {opacity: 1; cursor: default;border:1px #e0e0e0 solid}
#sub #content .product_detail {margin:80px auto;width:1100px;text-align:center}
#sub #content .product_detail h4 {margin-bottom:10px;}
#sub #content .product_detail h4 span {color:#808080;font-size:15px;margin-left:10px}
#sub #content .product_detail table.product {border:1px #e0e0e0 solid;font-size:14px;width:60%;margin:auto;text-align:justify;line-height:160%}
#sub #content .product_detail table.product .title {font-weight:bold;}
#sub #content .product_detail table.product td {padding:4px 10px}
#sub #content .product_detail table.product > tbody > tr > td {border-bottom:1px #e0e0e0 solid}
#sub #content .product_detail table.product > tbody > tr > td.title {border-right:1px #e0e0e0 solid}
#sub #content .product_common {width:100%;min-width:1200px; margin:auto;text-align:center;}
#sub #content .product_common .common1 {background:url(images/product/common1_bg.jpg) top center no-repeat;}
#sub #content .product_common .common2 {background:url(images/product/common2_bg.jpg) top center no-repeat;}
#sub #content .product_common .common3 {background:url(images/product/common3_bg.jpg) top center no-repeat;}
#sub #content .product_common .common4 {background:url(images/product/common4_bg.jpg) top center no-repeat;}


#sub #content .board_box {width:1100px;margin:90px auto;font-size:13px;min-height:500px}

/* 자연보감(효능) */
#sub #content .nature1_2_bg {background:url(images/nature1_2_bg.png) top center; min-height:805px; }
#sub #content .nature1_2_bg .inner {padding-left:415px;}
#sub #content .nature3_top {width:100%; min-width:1200px; background:url(images/nature3.png) top center; min-height:505px;}

/* 공통하단 */
#footer {width:100%; min-width:1200px;margin:auto;display:inline-block;position:relative;font-size:12px;letter-spacing:-0.5px;background:#000000;}
#footer .inner {position:relative;}
#footer .footer_txt {text-align:center;color:#fff;margin:40px auto;line-height:170%;}
#footer .footer_txt span {padding:0 5px;}