/* BASIC css start */
.main_top_banner_wrap {width:100%; height:45px; overflow:hidden; }
.main_top_banner_wrap .txt_center { max-width:1260px; margin:0 auto; height:45px; line-height:45px;  }
.main_top_banner_wrap .top_txt.sec01 a {display:block; text-align:center; font-size:16px; color:#fff; line-height:45px; font-family: 'Nanum Barun Gothic'; }
.main_top_banner_wrap .top_txt.sec02 a {display:block; text-align:center; font-size:16px; color:#000000; line-height:45px; font-family: 'Nanum Barun Gothic'; }

.main_top_banner_wrap .slick-arrow {display:none !important; } 

/* 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;
    margin-left: auto;
    margin-right: auto;
}
.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;
}



/* 롤링배너 */
#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%; }


 /* 메인 스크립트 화살표 */
.main_swiper-button-prev,
.main_swiper-button-next { position: absolute; top:50%; width:17px;height:30px;margin-top: -15px; z-index: 10; cursor: pointer; -moz-background-size:17px; -webkit-background-size:17px; background-size:17px; background-position: center; background-repeat: no-repeat; }
.main_swiper-button-prev.swiper-button-disabled,
.main_swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; }
.main_swiper-button-prev,
.swiper-container-rtl .main_swiper-button-next { background-image: url("/design/taziokim71/mobile_from/main_left.png"); left:2%; right: auto; }
.main_swiper-button-next,
.swiper-container-rtl .main_swiper-button-prev { background-image: url("/design/taziokim71/mobile_from/main_right.png"); right:2%; left: auto; }

.main .section2 {margin:10px;}
.main .section2 ul li:first-child {float:left !important;}
.main .section2 ul li  {width:49%; float:right;}
.main .section2 ul li img {width:100%;}


.main .main_title {text-align:center;margin:20px auto 10px;}
.main .main_title img {width:100%;}

.section3 {margin:0 10px;}
.section3 .swiper-container {width:100%; height:auto;}
.section3 .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.section3 .swiper-slide img {width:100%}
.section3 .section3_pagination { position: relative;top:-30px; left: 0;z-index:1; text-align: center; width:100%;padding:0;margin:0;font-size:0;height:0; }
.section3 .section3_pagination .swiper-pagination-switch { display: inline-block; margin:10px 2px; text-indent: -9999px; background:transparent url('') no-repeat;width:10px; height:10px;vertical-align:top;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}
.section3 .section3_pagination .swiper-active-switch { background:transparent url('') no-repeat;width:9px; height:9px;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}



.section3_swiper-button-prev,
.section3_swiper-button-next { position: absolute; top:50%; width:30px;height:30px;margin-top: -15px; z-index: 10; cursor: pointer; -moz-background-size:30px; -webkit-background-size:30px; background-size:30px; background-position: center; background-repeat: no-repeat; }
.section3_swiper-button-prev.swiper-button-disabled,
.section3_swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; }
.section3_swiper-button-prev,
.swiper-container-rtl .section3_swiper-button-next { background-image: url("/design/taziokim71/mobile_from/main_left2.gif"); left:0; right: auto; }
.section3_swiper-button-next,
.swiper-container-rtl .section3_swiper-button-prev { background-image: url("/design/taziokim71/mobile_from/main_right2.gif"); right:0; left: auto; }


.section4 {margin:10px 10px 0;}
.section4 img {width:100%;}

.section6 {margin:20px 10px 0;}
.section6 img {width:100%;margin-top:20px;}
.section6 .tab_inner {font-size:0;text-align:center;margin:20px auto;}
.section6 .tab_inner a { width:33%; line-height:36px;margin:0 1%;text-align:center;display: inline-block; font-size:11px; letter-spacing:-0.5px; color:#999; font-weight: bold; border:1px solid #191e21;border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px;}
.section6 .tab_inner a.open {background-color:#191e21;color:#fff;}
.section6 .tab_box02 {display:none;}
.section6 .tab_box01, .tab_box02 {margin:10px auto 5px;} 

.section7 {margin:10px 10px 0;}
.section7 img {width:100%;}



@media screen and (min-width:420px) and (max-width:767px) {
    .list_shopping2x li {width:50%;}
}
    
@media screen and (min-width:768px) {
    .list_shopping2x li {width:50%;}
}
    
/* BASIC css end */