/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */


/* 메인슬라이드 */
.mainvisual_box{}
.mainvisual_box .flexs{position:relative;overflow:hidden;}
.mainvisual_box .slides > li{position:relative;}
.mainvisual_box .slides > li > a{display:block;}
.mainvisual_box .slides > li > a img{width:100%;}

.mainvisual_box .flex-control-nav{width:100%;position:absolute;left:0;bottom:3%;z-index:2;text-align:center;}
.mainvisual_box .flex-control-nav li{display:inline-block;}
.mainvisual_box .flex-control-nav li a{display:inline-block;width:10px;height:10px;margin:0 3px;background:#000;border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-indent:999em;opacity:0.3;filter:alpha(opacity=30);}
.mainvisual_box .flex-control-nav li a.flex-active{background:#719140;opacity:1;filter:alpha(opacity=100);}
.mainvisual_box .flex-direction-nav{display:none;}


/* main */
.title_main{margin-bottom:5%;}
.title_main h2{display:inline-block;font-family:'Poppins', sans-serif;font-size:16px;line-height:16px;color:#719140;font-weight:500;}
.title_main .txt{color:#727171;font-size:13px;line-height:17px;letter-spacing:-0.5px;display:inline-block;margin-left:12px;padding-left:30px;background:url("/design/gooworl/skin1/images/line_title.png") no-repeat 0 50%;background-size:20px 1px;vertical-align:top;}
.title_main .txt_right{position:absolute;right:3%;font-size:12px;line-height:12px;color:#719140;}

.area_line{display:block;width:100%;height:1px;margin:10% auto;background-color:#f2eee9;border:0;}
.area_line2{display:block;width:100%;height:6px;margin:10% auto;background:url("/design/gooworl/skin1/images/line_hr.png") no-repeat 0 0;border:0;}
.area_line3{display:block;width:100%;height:1px;margin:10% auto;background-color:#d4dec5;border:0;}
.area_line4{display:block;width:100%;height:1px;margin:5% 0 10%;background-color:#d4dec5;border:0;}


.btn_goview{display:block;font-family:'Poppins', sans-serif;font-size:14px;width:40px;height:40px;line-height:40px;color:#fff;background:#807f7f;text-align:center;font-weight:500;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.btn_goview2{font-family:'Poppins',sans-serif;font-size:11px;display:inline-block;height:20px;line-height:21px;color:#fff;padding:0 10px;background:#c28562;font-weight:500;border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-transform:uppercase;letter-spacing:0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.btn_goview2 span{padding-left:15px;}


.mcakesoap_area{padding:10% 0 0;}
.mcakesoap_area .title_main{padding-left:2.5%;}
.mcakesoap_box{overflow:hidden;padding:0 2.5%;/*border-left:1px solid #f1f1f1;*/}
.mcakesoap_box > li{float:left;width:50%;padding:0 0.5%;box-sizing:border-box;/*border:1px solid #f1f1f1;border-left:0;*/}
.mcakesoap_box > li img{width:100%;}

.mcakesoap_box .img{border-top:1px solid #f1f1f1;}

.mcakesoap_box .img img{width:100%;}

.mcakesoap_box dl{position:relative;}
.mcakesoap_box dt{padding:7% 5% 6%;}
.mcakesoap_box dt .tit1{display:block;font-size:13px;line-height:13px;color:#221f20;margin-bottom:6px;letter-spacing:-1.5px;}
.mcakesoap_box dt .tit2{display:block;font-size:10px;line-height:10px;color:#9c9c9c;letter-spacing:-1px;}

.mcakesoap_box2{display:none;margin-top:1%;}
.mcakesoap_box2 > li{border:1px solid #f1f1f1;box-sizing:border-box;}
.mcakesoap_box2 dl{position:relative;}
.mcakesoap_box2 dt{padding:7% 5% 6% 100px;background:url("/design/gooworl/skin1/images/ico_msoap3.png") no-repeat 28px center;background-size:48px 39px;}
.mcakesoap_box2 dt .tit1{display:block;font-size:18px;line-height:18px;color:#221f20;margin-bottom:6px;letter-spacing:-1.5px;}
.mcakesoap_box2 dt .tit2{display:block;font-size:14px;line-height:14px;color:#9c9c9c;letter-spacing:-1px;}
.mcakesoap_box2 dd.list_mreview{border-top:1px solid #f6f4f2;}
.mcakesoap_box2 dd.list_mreview ul{padding:21px 0 21px 29px;}
.mcakesoap_box2 dd.list_mreview li{}
.mcakesoap_box2 dd.list_mreview li a{display:block;color:#9c9c9c;line-height:26px;letter-spacing:-1px;}


.list_shopping5x {text-align:center;}
.list_shopping5x .items {width:100%;overflow:auto;white-space:nowrap;overflow-x:auto;overflow-y:hidden;flex-wrap:inherit !important;-ms-overflow-style: none;scrollbar-width:none;}
.list_shopping5x .items::-webkit-scrollbar {display:none;}
.list_shopping5x .items::-webkit-scrollbar{height:20px;}
.list_shopping5x .items::-webkit-scrollbar-thumb{background-color:#fff;}
.list_shopping5x .items::-webkit-scrollbar-track{background-color:#fff;}
.list_shopping5x .items li {position:relative;width:45%; display:inline-block;vertical-align:top;zoom:1;text-align:left;box-sizing:border-box;padding:0 0 0 2%;}
.list_shopping5x li a {display: block;}
.list_shopping5x li img.listPic {width:100%;}
.list_shopping5x .tit_name{white-space:normal;}
.list_shopping5x .txt_subn{text-overflow: ellipsis;overflow: hidden;}


.bestcoll_area{padding:0 0 5%;}
.bestcoll_area .title_main{padding-left:2.5%;}
.bestcoll_area .tab{overflow:hidden;padding:0 2.2% 5% 3%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;flex-wrap:inherit !important;-ms-overflow-style: none;scrollbar-width:none;}
.bestcoll_area .tab::-webkit-scrollbar{display:none;}
.bestcoll_area .tab li{position:relative;display:inline-block;margin-right:2%;border:1px solid #f6f4f2;border-radius:100px 100px;padding:0 3%;}
.bestcoll_area .tab li.active{}
.bestcoll_area .tab li.first.active{padding:0 3%;color:#fff;background-color:#719140;border-radius:100px 100px;}

.bestcoll_area .tab li.first span{font-family:'Poppins', sans-serif;font-size:12px;}
.bestcoll_area .tab li span{color:#;font-size:12px;display:inline-block;height:40px;line-height:40px;text-align:center;cursor:pointer;}
.bestcoll_area .tab li.active{}
.bestcoll_area .tab li.active span{}

.bestcoll_area .panel_area{display:none;}
.bestcoll_area .panel_area.active{display:block;}


.icomquick_area{padding:10% 1%;border-top:1px solid #d4dec5;border-bottom:1px solid #d4dec5;}
.icomquick_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.icomquick_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:25%;padding:0 1%;box-sizing:border-box;}
.icomquick_area li a{display:block;}
.icomquick_area dl{text-align:center;}
.icomquick_area dd{}
.icomquick_area dd img{width:100%;}
.icomquick_area dt{padding-top:10%;color:#221f20;font-size:12px;line-height:16px;letter-spacing:-0.5px;}

.icomquick_area2{padding:0 5% 8% 5%;}
.icomquick_area2 ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.icomquick_area2 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:33%;padding:0 2%;box-sizing:border-box;}
.icomquick_area2 li a{display:block;}
.icomquick_area2 dl{text-align:center;}
.icomquick_area2 dd{}
.icomquick_area2 dd img{width:80%;}
.icomquick_area2 dt{padding-top:10%;color:#221f20;font-size:12px;line-height:16px;letter-spacing:-0.5px;}

.icomquick_area3{padding:5% 2% 0 0;}
.icomquick_area3 ul{font-size:0;letter-spacing:-5px;overflow:hidden;white-space:nowrap;overflow-x:auto;overflow-y:hidden;flex-wrap:inherit !important;scrollbar-width:none;}
.icomquick_area3 ul::-webkit-scrollbar{display:none;}
.icomquick_area3 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:18.2%;padding:0 2%;box-sizing:border-box;}
.icomquick_area3 li a{display:block;}
.icomquick_area3 dl{text-align:center;}
.icomquick_area3 dd{}
.icomquick_area3 dd img{width:75%;}
.icomquick_area3 dt{padding-top:10%;color:#221f20;font-size:12px;line-height:16px;letter-spacing:-0.5px;}


.mbenefit_area{padding:10% 0;margin-top:10%;background:#f6f6f6;}
.mbenefit_area .title_main{padding-left:2.5%;}
.mbenefit_box{font-size:0;letter-spacing:-5px;overflow:hidden;margin-top:-5%;}
.mbenefit_box li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:50%;text-align:center;margin-top:5%;}
.mbenefit_box li .inner{width:180px;margin:0 auto;}
.mbenefit_box .num_benefit1{font-family:'Poppins', sans-serif;width:180px;height:100px;font-size:30px;line-height:30px;padding-top:37px;color:#719140;font-weight:900;background:url("/design/gooworl/skin1/images/bg_mbenefit1.png") no-repeat 0 0;background-size:180px;box-sizing:border-box;}
.mbenefit_box .num_benefit2{font-family:'Poppins', sans-serif;width:180px;height:100px;font-size:30px;line-height:30px;padding-top:37px;color:#9e8da9;font-weight:900;background:url("/design/gooworl/skin1/images/bg_mbenefit2.png") no-repeat 0 0;background-size:180px;box-sizing:border-box;}
.mbenefit_box .num_benefit3{width:180px;height:99px;font-size:28px;line-height:28px;padding-top:37px;color:#9e8da9;font-weight:900;background:url("/design/gooworl/skin1/images/bg_mbenefit1.png") no-repeat 0 0;background-size:180px;box-sizing:border-box;}
.mbenefit_box .txt_benefit{color:#000;font-size:13px;line-height:18px;letter-spacing:-1px;}

.mainban_area{padding:10% 2.6% 0;}
.mainban_area.ptnone{padding-top:0;}
.mainban_area .mainban_box{}
.mainban_area img{width:100%;}

.mainban_area2{padding:15% 0;}
.mainban_area2 .mainban_box1{overflow:hidden;padding:0 2.6%;}
.mainban_area2 .mainban_box1 > a{display:block;margin-bottom:2%;}
.mainban_area2 .mainban_box2{}
.mainban_area2 img{width:100%;}

.mproduct_area .title_main{padding-left:2.5%;}

.mfsoap_area{}
.mfsoap_area img{width:100%;}

.mainfrom_area{border-top:1px solid #d4dec5;margin-top:5%;}
.mainfrom_area img{width:100%;}

.minsta_area{padding:0 2%;}
.minsta_area .title_main{position:relative;}
.minsta_area .title_main .txt_right{position:absolute;right:0;font-size:12px;line-height:12px;color:#719140;}
.minsta_box{overflow:hidden;margin:0 0 0 -1px;}
.minsta_box div{width:24.8%;float:left;margin:0.1%;}
.minsta_box div a img{width:100%;}

.mcom_area{padding:0 2.5%;}
.mcom_area .mcom_box{overflow:hidden;}
.mcom_area .mcom_box .box{position:relative;height:332px;border:1px solid #f6f4f2;background:#fff;}
.mcom_area .mcom_box .box:first-child{margin-top:0;}
.mcom_area .mcom_box .box .btn_more{display:inline-block;position:absolute;top:8px;right:30px;color:#8b8b8b;font-size:12px;line-height:52px;text-transform:uppercase;vertical-align:top;letter-spacing:-1px;}

.mcom_area dl{}
.mcom_area dt{position:relative;font-family:'Poppins', sans-serif;font-size:15px;height:70px;line-height:70px;color:#221f20;padding:0 30px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #f2f1e8;}
.mcom_area dd{padding-left:30px;}

.mcom_area ul{padding-top:23px;}
.mcom_area li{line-height:26px;height:26px;overflow:hidden;}
.mcom_area li a{color:#666;}


.board_left{width:72%; float:left;}


/*메인팝업*/
.mainpop_area{
display:none;
position:fixed;
left:50%;
top:50%;
/*width:0;
height:0;*/
width:320px;
height:320px;
z-index:98;
background:#fff;
width:320px;
height:320px;
margin:-170px 0 0 -160px;opacity:1;}

.btn_popfix{
display:none;
position:fixed;
left:8px;
bottom:50px;
z-index:98;
cursor:pointer;}

.btn_popfix img{width:45px;height:45px;}

.mainpop_area .popflexslider{
width:320px;
height:320px;}

.mainpop_area .flex-control-nav{
position:absolute;
right:10px;
bottom:10px;
z-index:2;
padding-right:10px;}

.mainpop_area .flex-control-nav li{
display:inline-block;
margin-left:5px;

}

.mainpop_area .flex-control-nav li a{
display:inline-block;
width:10px;
height:10px;
border-radius:10px;
background:#fff;
text-indent:999em;}

.mainpop_area .flex-control-nav li a.flex-active{background:#719140;}

.mainpop_area .flex-direction-nav{display:none;}

.mainpop_area .slides{
position:relative;
z-index:2;
overflow:hidden;}

.mainpop_area .slides li img{display:inline-block;width:320px;height:320px;}

.mainpop_area .btn_close{
position:absolute;
left:20px;
top:20px;
cursor:pointer;
z-index:9;}


/* BASIC css end */