/* 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%; }
/* //롤링배너 */
.main h3 {font-size:2em; display: inline-block; margin:50px 0 18px 0; padding-top:6px;  font-weight:600;}
.main .topBanner {}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative; box-sizing:border-box; border:solid 1px #ccc; margin-top:15px;}
.main .topBanner .topBannerRight {width:49%; box-sizing:border-box; border:solid 1px #ccc; float:right; position:relative; margin-top:15px;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%;  height:200px; background:url('/design/skacjswod9/uju/img/m_midbn_bg01.jpg') center 100px no-repeat fixed; background-size:100% auto; margin-top:50px; }
.fixedBnnr .inner { margin:0 auto; position:relative; width:100%; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:14px; color:#fff; letter-spacing:16px }





/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots{    position: absolute;
    bottom:10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;}
.slick-dots li {    position: relative;

    display: inline-block;
    font-size:0;
     width:14px; height:13px; margin-left:5px; background:url("/design/kdwell/d4/img/p5btn.png") 50% 50% no-repeat;

    cursor: pointer; }    
.slick-dots li button {background:none; width:100%; height:100%; border:none;}
.slick-dots .slick-active{background:url("/design/kdwell/d4/img/p5btn_on.png") 50% 50% no-repeat;}
.slick-dots .slick-active button { text-align:center}
#main_vslide {margin-top:0px; position:relative;}
#main_vslide img {width:100%; height:auto;}
#main_vslide .slick-next {position:absolute; top:47%; right:3px; background:url('/design/skacjswod9/uju/img/r_aw.png'); width:20px; height:36px; z-index:2; border:none; font-size:0;}
#main_vslide .slick-prev {position:absolute; top:47%; left:3px; background:url('/design/skacjswod9/uju/img/l_aw.png'); width:20px; height:36px; z-index:2; border:none; font-size:0;}


.tabback {background:#eee; color:#000; }
.tab_on {background:#c9a794; color:#fff;}
.pitembox {width:100%; }


.main_mslide { width:100%; margin:0 auto; position:relative;}
.taps {overflow:hidden; width:100%;  margin:0px auto ; cursor:pointer; padding:0; margin-top:30px; border-bottom:solid 3px #c9a794;}
.taps li {width:25%; box-sizing:border-box; border-left:solid 1px #c9a794; float:left; height:50px; padding-top:10px;  text-align:center; float:left;   font-weight:700; font-size:12px; line-height:16px;}

.taps li:first-child {margin-left:0; border-left:0;}



.etc_info_slide {color:#ef4f98;}


.mslidebox {width:100%; overflow:hidden; background:#f4f4f4; padding:10px 0; position:relative;}

.mslidebox .item-list3 {float:left; margin-bottom:5px; text-align:center; }
.mslidebox li {width:33.333%;}
.mslidebox li:first-child {width:66.666%;}

.item-list3-box {}
.mslidebox li .thumb-img {width:100%; height:auto;}

.mslidebox .item-list3 .prdname {}
.mslidebox .item-list3 .prdname a {font-size:11px; line-height:16px;}
.mslidebox .item-list3 .price {font-size:14px; font-weight:600; color:#de293a;}
.mslidebox .item-list3 .etc_info span {color:#04b8ab; font-weight:600; padding:0px 4px;}
.mslidebox .item-list3 .thumb_sm {position:relative;}
.mslidebox .item-list3 .thumb_sm img {width:100%; height:auto; border-radius:5px; }

.thumb-text {width:96%; margin:0 auto;}
.thumb-text li {width:100%;}
.thumb-text li:first-child {width:100%;}
.mslidebox .item-list3:nth-child(2) .hide_text {display:none;}
.mslidebox .item-list3:nth-child(3) .hide_text {display:none;}
.mslidebox .item-list3:nth-child(4) .hide_text {display:none;}
.mslidebox .item-list3:nth-child(5) .hide_text {display:none;}
.mslidebox .item-list3:nth-child(6) .hide_text {display:none;}
.thumb-text li .prdname {text-align:center; background:rgba(255,255,255,0.7);}


.thumb-in {position:absolute;  left:0; bottom:0; width:100%;}



/* 이미지 배너 */
.imgBanner { margin:50px auto 20px; position:relative; width:100%; overflow:hidden }

.imgBanner ul li {float:left; width:48%;}
.imgBanner ul li:first-child {margin-right:2%;}
.imgBanner ul li img {width:100%; height:auto;}
.mid_slide img {width:100%; height:auto;}

.min_box02 { margin:30px auto; position:relative; width:100%; overflow:hidden }
.mid3bn {width:33.333%; float:left;}
.mid3bn img {width:100%; height:auto;}

.main_tit {margin-top:50px; margin-bottom:-30px;}
.main_tit img {width:100%; height:auto;}

.main_bac_bntop {margin-top:0px;}

.main_bac_bntop img {width:100%; height:auto; margin-bottom:10px;}
.main_bac_bnbtm a {display:block; width:49%; float:left;}
.main_bac_bnbtm a:first-child {margin-right:2%;}
.main_bac_bnbtm img {width:100%; height:auto;}


.main_itembn {width:100%; position:relative; margin:50px 0 -30px;}
.main_itembn img {width:100%; height:auto;}

.main_itembn .slick-next {position:absolute; top:44%; right:3px; background:url('/design/skacjswod9/uju/img/r_aw.png'); width:20px; height:36px; z-index:2; border:none; font-size:0;}
.main_itembn .slick-prev {position:absolute; top:44%; left:3px; background:url('/design/skacjswod9/uju/img/l_aw.png'); width:20px; height:36px; z-index:2; border:none; font-size:0;}





/* BASIC css end */