/* BASIC css start */
body {overflow-x: hidden;}

#header .hd_mid,
#footer {margin-top:0 !important; border:0 !important;}
#contentWrapper {background:url('/design/ssodo82/img/bg/bg_cnt_top.jpg') no-repeat center top;}
#content {width:100% !important; max-width:100% !important; background:#fff url('https://gaenso.cdn.smart-img.com/gaenso/2017main/bg_cnt_btm.jpg') no-repeat center bottom 126px;}

#content .wrap_inner {max-width:1512px !important; width:100% !important; }

/*¸ÞÀÎ ÇÖ ½½¶óÀ̵å*/
.main-hot-swiper{
    position:relative;
}
.main-hot-swiper .item-cont .item_container{
    margin:0 !important;
    width:1200px;
    overflow:visible !important;
}
.main-hot-swiper .item-cont .item_container > li{
    padding:0;
}
.main-hot-swiper .item-cont .item_container  > li.item7 dt .MS_prod_img_s{
    width:100%;
    vertical-align:top;
}
.main-hot-swiper .swiper-button-next,
.main-hot-swiper .swiper-button-prev{
    width:46px;
    height:45px;
    top:154px;
    margin-top:0;
}
.main-hot-swiper .swiper-button-next{
    background:url('/design/ssodo82/img/common/main_hot_swiper_next.png')no-repeat center center;
    right:-53px;
}
.main-hot-swiper .swiper-button-prev{
    background:url('/design/ssodo82/img/common/main_hot_swiper_prev.png')no-repeat center center;
    left:-53px;
}

.item-cont .item_container {overflow:hidden;width: 100%;margin: 0 auto;font-size: 0;}




.item-cont .item_container5 {overflow:hidden; width:1225px; margin:0 auto 0 -25px;}
.item-cont .item_container6 {overflow:hidden; width:1224px; margin:0 auto 0 -24px;}
.item-cont .item-list {float:left; position:relative; padding-bottom:48px;}
.item-cont .item-list dl dt {position:relative; margin-bottom:9px;}
.item-cont .item-list dl dt a{
    display:block;
}

.item-cont .item-list dl dt:hover .quick_view {display:block;}
.item-cont .item-list dl dt .quick_view {display:none; position:absolute; bottom:0; left:0; z-index:10; width:100%; background:url('/design/ssodo82/img/common/quick_view.png') repeat-x left bottom; text-align:center;}
.item-cont .item-list dl dt .quick_view a img {display: inline-block; width:auto; height:auto; padding:15px 0;}
.item-cont .prd_color {padding:0;}

/*
.item-cont .prd-name {}
.item-cont .prd-name a {color:#303030; font-family:'NanumGothic','³ª´®°íµñ'; font-size:13px;}
.item-cont .price-strike {padding-top:3px; color:#999; font-family:'roboto'; font-size:13px; font-weight:700; text-decoration:line-through;}
.item-cont .prd-price {padding-top:3px; color:#303030; font-family:'roboto'; font-size:13px; font-weight:700;}
.item-cont .prd-price * {color:inherit; font:inherit;}
.item-cont .prd-line {height:1px; margin:10px 0; background:#ccc;}
.item-cont .prd-engname {padding-bottom:1px;}
.item-cont .prd-engname,
.item-cont .prd-subname {color:#999; font-family:'roboto','NanumGothic','³ª´®°íµñ'; font-size:12px; line-height:1.5;}
.item-cont .prd-icons {padding-top:23px;}

*/



.item-cont .crema-product-reviews-count {padding-top:5px; color:#303030; font-family:'roboto','NanumGothic','³ª´®°íµñ'; font-size:12px;}
.item-cont .item2 {width:580px; padding-left:40px;}
.item-cont .item2 dt img {width:580px; height:auto;}
.item-cont .item3 {width:373px; padding-left:40px;}
.item-cont .item3 dt img {width:373px; height:auto;}
.item-cont .item4 {width: calc(25% - 18px);vertical-align: top;margin-right: 24px;padding-left: 0;float: none;display: inline-block;}
.item-cont .item4 dt img {width:100%; }
.item-cont .item4:nth-child(4n) {margin-right:0}
.item-cont .item5 {width:220px; padding-left:25px;}
.item-cont .item5:nth-child(5n+1) {}
.item-cont .item5 dt {margin-bottom:18px;}
.item-cont .item5 dt img {width: 100%;height:auto;}
.item-cont .item6 {width:180px; padding-left:24px;}
.item-cont .item6 dl dt {margin-bottom:29px;}
.item-cont .item6 dt img {width:180px; height:auto;}
.item-cont .item6 dd {position:relative;}
.item-cont .item6 dd .no {position:absolute; top:-51px; left:10px; z-index:20; width:29px; height:33px; background:url('/design/ssodo82/img/main/bg_best.png') no-repeat center; color:#fff; font-size:13px; font-family:'roboto'; font-weight:300; text-align:center; line-height:33px;}
.item-cont .item7 {width:220px; padding-left:25px;}
.item-cont .item7 dt {margin-bottom:18px;}
.item-cont .item7 dt img {width:220px; height:auto;}
.item-cont.new li:nth-child(5), .item-cont.new li:nth-child(9), .item-cont.new li:nth-child(13){clear:both;}

.item-cont.acc li:nth-child(4n+1) {clear:both;}


.item-list.item4.ddp_rank2 {height: 740px; display:none;float: left; }


#main {padding-bottom:34px;}
#main .top_line {position:absolute; top:0; left:0; z-index:10; width:100%; height:72px; border-bottom:1px solid #ccc; background:url('/design/ssodo82/img/bg/bg_header.jpg') no-repeat center bottom;}
#main .btm_line {position:absolute; bottom:77px; left:0; z-index:10; width:100%; height:1px; background:#ccc;}
#main .visual {overflow:hidden; position:relative; width:100%;  margin-bottom:35px; margin: 0 auto 150px}
#main .visual .slides_container {position:relative; z-index:20; width:100% !important;;  background:#fff;}
#main .visual .slides_container li {}
#main .visual .slides_container li a {display: block; position: relative; overflow: hidden; height:auto;}
#main .visual .slides_container li a img {width:100%}


#main .visual .pagination {position:absolute; top:0; right:0; z-index:20; width:132px; height:50px; padding:0; background:rgba(255,255,255,0.8); text-align:center; line-height:50px;}
#main .visual .pagination .number {color:#2f2f2f; font-family:'roboto'; font-size:14px; font-weight:300;}

#main .visual .mv-con-prev, #main .visual .mv-con-next{ position:absolute;  top:50%;  width:50px;  height:78px;  z-index: 999; margin-top: -39px; cursor:pointer; font-size: 0px; text-indent: -9999px;}

#main .visual .mv-con-prev {background:url('/design/ssodo82/img/main/mv_con_prev.png') no-repeat center center; left:10px}
#main .visual .mv-con-next {background:url('/design/ssodo82/img/main/mv_con_next.png') no-repeat center center; right:10px}

#slides_visual {z-index:10; overflow:hidden; }
#slides_visual li a {display:block; }
#slides_visual li a img {width:100%}


#main .top_bnr_list {padding-bottom:48px; max-width:1500px; font-size:0; margin:0 auto; }
#main .top_bnr_list .list {overflow:hidden;}
#main .top_bnr_list .list .con > div {float:left;}
#main .top_bnr_list .list .con:after {content:""; display:block; clear:both; }
#main .top_bnr_list .list .con:last-child {margin-top:96px; }
#main .top_bnr_list .list .con .txt {text-align:center; padding:16px 5px 0; }
#main .top_bnr_list .list .con .txt h4 {font-size:16px; font-weight:600; margin-bottom:10px; color:#000}
#main .top_bnr_list .list .con .txt p {font-size:14px;}

#main .top_bnr_list .list .slides_bnr {position:relative; width:500px; height:500px;}
#main .top_bnr_list .list .slides_bnr .prev {position:absolute; top:50%; left:0; z-index:10; width:45px; height:45px; margin-top:-22.5px; background:url('/design/ssodo82/img/main/visual_prev.png') no-repeat center; cursor:pointer;background-color:rgba(255,255,255,0.8);}
#main .top_bnr_list .list .slides_bnr .next {position:absolute; top:50%; right:0; z-index:10; width:45px; height:45px; margin-top:-22.5px; background:url('/design/ssodo82/img/main/visual_next.png') no-repeat center; cursor:pointer;background-color:rgba(255,255,255,0.8);}
#main h2.title {padding: 94px 0 48px;text-align:center;}
#main .hot {position:relative; }
#main .hot h2 { z-index:10; width:100%; text-align:center;}
#main .hot .tablist {padding-bottom:30px; font-size:0; text-align:center;}
#main .hot .tablist li {display:inline-block;  width:auto; height:50px; margin:0 10px; background:#fff; color:#464646; font-size:20px; line-height:50px; cursor:pointer;}
#main .hot .tablist li.over {background:#ffd96b;}
#main .hot .tablist li a {display: block;height: 100%;line-height: 50px;background:transparent; padding: 0 20px; border-radius:10px}
#main .hot .tablist li a strong {font-family: 'Noto Sans KR', sans-serif; color: #464646; font-size: 19px; font-weight: 400;}
#main .hot .tablist li a.act {background:#ffd96b;}
#main .hot .hot1 {text-align:center;}
#main .hot .hot2 {overflow:hidden;}
#main .hot .hot2 li {float:right;}
#main .hot .hot2 li:first-child {float:left;}




.item-cont .item4.ddp_rank {height: 530px;}
.ddp_wrap li.slick-slide {width: 270px !important;}
.ddp_rank2 {display: none;}
.ddp_rank2_wrap .ddp_rank2 dt a {display: block; position: relative;overflow: hidden;}
.ddp_rank2_wrap .ddp_rank2 dt a img {}
.d_btnArea {text-align: right;}
.d_btnArea a {position: relative; display: inline-block;vertical-align: middle;height: 55px;font-size: 18px; line-height: 51px; color: #303030;}



.ddp_join_wrap {margin: 90px 0 130px; background: #f7e4c6; padding: 50px 0; text-align: center;}
.ddp_join_wrap h3 {font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 30px; line-height: 40px; font-weight: 500; letter-spacing: -1px;}
.ddp_join_wrap p {font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 22px; line-height: 30px; font-weight: 300; margin-top: 10px; letter-spacing: -1px;}
.ddp_join_wrap .ddp_btn_wrap {margin-top: 40px;}
.ddp_join_wrap .ddp_btn_wrap a {font-family: 'Noto Sans KR', sans-serif; display: inline-block; height: 45px; border: 1px solid #000; line-height: 43px; color: #3f3a31; font-size: 20px; padding: 0 40px; font-weight: 500; margin-left: 40px;}
.ddp_btn_wrap a.ddp_join {background: #fff; padding: 0 20px;}
.item-cont.d_item_cont {position: relative;}
.d_direction .slick-arrow.prev_arrow {position: absolute; top: 50%; transform: translateY(-50%) ;left: -35px; margin-top: -75px; cursor: pointer; z-index: 50; width: 70px; height: 70px; background: rgba(0,0,0,0.25) url("/design/ssodo82/image/d_prev_ic.png") center no-repeat; background-size: 33px; border-radius: 50%; font-size: 0;} 
.d_direction .slick-arrow.next_arrow {position: absolute; top: 50%; transform: translateY(-50%) ;right: -35px; margin-top: -75px; cursor: pointer; z-index: 50; width: 70px; height: 70px; background: rgba(0,0,0,0.25) url("/design/ssodo82/image/d_next_ic.png") center no-repeat; background-size: 33px; border-radius: 50%; font-size: 0;}

.item-list.item4.dddp_best {height: 100%;}
.item-list.item4.dddp_best dt > a {position: relative;display: block;height: 100%;overflow: hidden}
.item-list.item4.dddp_best dt > a img {width: 100%;height: 100%;}

.f_title {padding: 94px 0 60px; text-align: center;}
.f_title em {font-size: 22px;font-weight: 600;margin-bottom: 10px;color: #000;display: block;}
.f_title em span { font-size: 23px;}
.f_title h3 { font-size: 16px; color: #787878;}

.f_title em.ff_text1 {letter-spacing: -0.5px;}
.f_title em strong.ff_txt {letter-spacing: 1px;}






.slick-slider .slick-dots { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; width:100%; }
.slick-slider .slick-dots li { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;}
.slick-slider .slick-dots li button {font-size:0;}
.slick-slider .slick-dots li.slick-active { opacity:1; } 


#stedyList {padding-bottom:65px;   }
#stedyList .item_container {margin-left:-25px; overflow: hidden; height:501px }
#stedyList .item-cont .item5.ddp_list {width: 223px !important;  padding-left: 25px; min-height:484px}
#stedyList .slick-dots {bottom:0 !important;table-layout: fixed;padding-left:25px;display: table!important; align-items: center; font-size:0}
#stedyList .slick-dots li {width: 10%;height:3px;background:#ddd;border-radius: 0; opacity: 1; display:table-cell}
#stedyList .slick-dots li.slick-active {background:#4e4e4c ;}
#stedyList .d_direction .slick-arrow.next_arrow {right: -47px;}

/*

#beach {   }
#beach {background:#f4f4f4; padding-bottom:85px; margin-top:94px; margin-bottom:94px;      }
#beach .item_container {margin-left: 0;overflow: hidden; height:730px; }
#beach .item-cont .item5.ddp_list {width: 415px !important;padding: 0;min-height:680px; padding-bottom: 48px; margin-right: 18px;}
#beach .slick-dots {bottom:0 !important;table-layout: fixed;padding-left:25px;display: table!important; align-items: center; font-size:0}
#beach .slick-dots li {width: 10%;height:3px;background:#ddd;border-radius: 0; opacity: 1; display:table-cell}
#beach .slick-dots li.slick-active {background:#4e4e4c ;}
#beach .d_direction .slick-arrow.next_arrow {right: -47px;}



#beach2 {   }
#beach2 { padding-bottom:85px; margin-top:94px; margin-bottom:94px;      }
#beach2 .item_container {margin-left: 0;overflow: hidden; height:730px; }
#beach2 .item-cont .item5.ddp_list {width: 415px !important;padding: 0;min-height:680px; padding-bottom: 48px; margin-right: 18px;}
#beach2 .slick-dots {bottom:0 !important;table-layout: fixed;padding-left:25px;display: table!important; align-items: center; font-size:0}
#beach2 .slick-dots li {width: 10%;height:3px;background:#ddd;border-radius: 0; opacity: 1; display:table-cell}
#beach2 .slick-dots li.slick-active {background:#4e4e4c ;}
#beach2 .d_direction .slick-arrow.next_arrow {right: -47px;}

*/



.swiperBox { padding-bottom:85px; margin-bottom:94px; }

#beach {background:#f4f4f4;}
#beach2 {margin-top:0}
#beach2 .item-cont .per {display:none !important}


.item-cont .prd-price-box .price-strike {margin:0 !important}
.item-cont .prd-price-box .price-strike:after {content:"/"; display:inline-block;margin-left:5px;  }


.dp_vis_slide .item-cont {font-size:0}
.dp_vis_slide .item-cont {display:none; }
.dp_vis_slide .item-cont.active {display:block; }
.dp_vis_slide .item-list {display: inline-block;width: calc(25% - 18px);vertical-align: top;margin-right: 24px;float: none;}
.dp_vis_slide .item-list:nth-child(4n) {margin-right:0px; }
.dp_vis_slide .item-list li {font-size:12px}
.dp_vis_slide .item-list dl {text-align:left;}
.dp_vis_slide .item-list dl dt img {width:100%}
.dp_vis_slide .item-list dl dd img {display:inline-block}



#dp_vis_list2 {display:flex;justify-content: center;box-sizing: border-box;padding: 0 0px 30px}
#dp_vis_list2 li {width:25%; text-align:center;  }
#dp_vis_list2 li a {font-size:18px; position:relative; color:#656565; display:inline-block; width:100%; text-align:center;  }
#dp_vis_list2 li a span {display:inline-block; position:relative; }
#dp_vis_list2 li a.act {color:#000}
#dp_vis_list2 li a.act span:after {content:""; position:absolute; bottom:-5px; left:0; width:100%; height:2px; background:#000; }


#BESTCATE {background:#f4f4f4; padding-bottom:98px; margin-top:50px}
/*#BESTCATE .prd_info, #BESTCATE .prd_color {display:none; }
#BESTCATE .item-cont .item-list {padding-bottom:30px}*/
/*

#BESTCATE .f_title em strong.ff_txt {font-size: 30px;}
#BESTCATE .f_title h3 {font-size:25px}
*/
.instagram {margin:60px auto 120px; }
.instagram h2 {display:flex;margin: 0 auto 15px;font-size: 19px;font-weight: 600;color: #000;align-items: center;justify-content: flex-start;}
.instagram h2 a {    display: inline-block; margin-left: 5px; font-size: 17px; font-weight: 400; color: #999;}


.swiperList {overflow:hidden; }
.swiperList .swiper-slide {width: 415px !important; }
.swiperList .swiper-slide dt img {width:100%; }


.swiperList .swiper-button-prev, .swiperList .swiper-button-next {width: 70px;height: 70px;display:block;background:no-repeat center;background-size:100%;top: 53%;}
.swiperList .swiper-button-prev { background-image:url("https://gaenso.cdn.smart-img.com/gaenso/2017main/mobile/icon_10.png"); left:-45px;}
.swiperList .swiper-button-next {background-image:url("https://gaenso.cdn.smart-img.com/gaenso/2017main/mobile/icon_11.png");right: -45px;}
.swiperList .swiper-pagination {display:table;padding: 0 10px;box-sizing: border-box;table-layout: fixed;position: static; width:98%; margin:16px auto 0}
.swiperList .swiper-pagination-bullet{cursor: pointer;border-radius: 0 !important;height:3px;margin:0 !important;display:table-cell; background: #d6d6d6; opacity: 1; }
.swiperList .swiper-pagination-bullet-active{background: #4e4e4c;}

.ba {background:#fff !important}

/* BASIC css end */