/* 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; background:#fff url('https://gaenso.cdn.smart-img.com/gaenso/2017main/bg_cnt_btm.jpg') no-repeat center bottom 126px;}
/*¸ÞÀÎ ÇÖ ½½¶óÀ̵å*/
.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:1240px; margin:0 auto 0 -40px;}




.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:270px; padding-left:40px;}
.item-cont .item4 dt img {width:270px; height:400px;}
.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:220px; 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-cont .item5.ddp_list {width: 270px !important; padding-left: 40px}
.item-cont .item5.ddp_list img{width: 100%; }

.item-list.item4.ddp_rank2 {height: 705px;}


#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:1735px; height:750px; margin-bottom:35px; margin: 0 auto 150px}
#main .visual .slides_container {position:relative; z-index:20; width:1735px; height:750px; background:#fff;}

#main .visual .slides_container li {}
#main .visual .slides_container li a {display: block; position: relative; overflow: hidden; height: 750px;}



#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}

#main .top_bnr_list {padding-bottom:48px;}
#main .top_bnr_list .list {overflow:hidden;}
#main .top_bnr_list .list > div {float:left;}
#main .top_bnr_list .list > div.center {margin:0 2px 2px;}
#main .top_bnr_list .list > div:nth-child(4) {clear:both;}
#main .top_bnr_list .list .slides_bnr {position:relative; width:576px; height:420px;}
#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; margin:80px 0 46px; padding:160px 0 70px; background:#f4f4f4;}
#main .hot h2 {position:absolute; top:-206px; left:0; 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; zoom:1; *display:inline; width:150px; 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;}
#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: 685px;}
.item-list.item4.dddp_best dt > a {position: relative; display: block; height: 400px; overflow: hidden}
.item-list.item4.dddp_best dt > a img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: none; max-height: 100%; width: auto; height: 100%;}

.f_title {padding: 94px 0 60px; text-align: center;}
.f_title em {color: #313131; font-size: 25px; font-weight: 300;}
.f_title em span {font-family: 'Noto Sans KR', sans-serif; font-size: 23px;}
.f_title h3 {font-family: 'Noto Sans KR', sans-serif; font-size: 30px; font-weight: 300; color: #313131; letter-spacing: -1px;}

.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:-25px; overflow: hidden; height:501px }
#beach .item-cont .item5.ddp_list {width: 223px !important;  padding-left: 25px; min-height:484px}
#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;}




.per{display:none !important;}





/* BASIC css end */