/* 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%; }


 /* ¸ÞÀÎ ½ºÅ©¸³Æ® È­»ìÇ¥ */
.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/annsonee/mobile_zerom/main_left.png"); left:2%; right: auto; }
.main_swiper-button-next,
.swiper-container-rtl .main_swiper-button-prev { background-image: url("/design/annsonee/mobile_zerom/main_right.png"); right:2%; left: auto; }

.main .section1 {margin:10px 10px 0;}
.main .section1 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%;}
.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%;}

.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 */

