/* 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; padding:0 10%; width:80%; bottom:35px; text-align: center; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin:0 2px; text-indent: -9999px; background: url(/design/custommood/deetong/m/main_paging.png) no-repeat 0 50%; background-size: 19px 7px; width:12px; height:12px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }

/* //롤링배너 */
.main { text-align:center; }
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.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;}

.main_video iframe { width:100%; height:230px;border:0px }
@media screen and (max-width:360px) {
   .main_video iframe { width:100%; height:180px;border:0px }
}


.tx01 { color:#171717; font-size:18px; font-weight:bold; text-align:center; padding:40px 0 0px }
.tx_line { width:6%; height:2px; margin:8px auto; background:#141414; }
.tx02 { color:#6d6d6d; font-size:12px; text-align:center; line-height:16px; letter-spacing:-1px; padding:0 20px }
.tx03 { color:#808080; font-size:11px; line-height:24px; display:block; width:50%; border:2px solid #c7c7c7; border-radius:14px; margin:15px 25% 80px } 

.tx04 { text-align:center; padding:20px 0 0px; margin:0 auto }
.tx04 p { border-bottom:1px solid #000; display:inline-block; color:#000; font-size:14px; font-weight:bold; }
.tx05 { color:#070707; font-size:16px; font-weight:bold; text-align:center; padding:12px 0 5px }

.tx06 { color:#171717; font-size:18px; font-weight:bold; text-align:center; padding:80px 0 20px }
.tx07 { color:#000; font-size:15px; font-weight:bold; text-align:center; padding:15px 0 5px; }



.main_spot { position:relative; width:100%; height:0; overflow:hidden }
.main_spot ul li img { width:100%; padding-bottom:0px }
.main_spot ul li p { display:block; color:#6d6d6d; font-size:12px; text-align:center; line-height:16px; padding:20px 20px 0; letter-spacing:-1px; }
.main_spot ul li p span { display:block; color:#000; font-size:15px; font-weight:bold; text-align:center; padding:15px 0 8px; letter-spacing:0px; }
.main_spot .bx-pager { position:absolute; bottom:70px; left:0; width:100%; text-align:center; z-index:10 }
.main_spot .bx-pager .bx-pager-item { display:inline-block; margin:0 0px }
.main_spot .bx-pager .bx-pager-item a { display:block; width:40px; height:3px; text-indent:-9999em; background:#d9d9d9 }
.main_spot .bx-pager .bx-pager-item a.active { background:#000 }
.main_spot .bx-controls-direction { position:absolute; top:50%; width:100%; margin-top:-60px }
.main_spot .bx-controls-direction a { position:absolute; top:0; font-size:0px; color:#fff; z-index:99999; }
.main_spot .bx-controls-direction .bx-prev { left:7px; width:28px; height:28px; background:url(/design/custommood/deetong/m/arr01.png) no-repeat 0 0; background-size: 28px 28px; }
.main_spot .bx-controls-direction .bx-next { right:7px; width:28px; height:28px; background:url(/design/custommood/deetong/m/arr02.png) no-repeat 0 0; background-size: 28px 28px; }
.main_spot ul .rolling_bt {position:absolute; bottom:37%; right:35px; z-index:99;}
.main_spot ul .rolling_bt a { display:inline-block; padding:10px 0; width:100px; margin-left:5px;text-align:Center;  background:#000; color:#fff; border-radius:30px;}


.main_spotx { position:relative; width:100%; height:0; overflow:hidden }
.main_spotx ul li img { width:100%; padding-bottom:35px }
.main_spotx .bx-pager { position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:10 }
.main_spotx .bx-pager .bx-pager-item { display:inline-block; margin:0 4px }
.main_spotx .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; border-radius:50%; background:#bbb }
.main_spotx .bx-pager .bx-pager-item a.active { background:#4a5164 }
.main_spotx .bx-controls-direction { position:absolute; top:50%; margin-top:-35px; width:100% }
.main_spotx .bx-controls-direction a { position:absolute; top:0; font-size:0px; color:#fff; z-index:99999; }
.main_spotx .bx-controls-direction .bx-prev { left:7px; width:28px; height:28px; background:url(/design/custommood/deetong/m/arr01.png) no-repeat 0 0; background-size: 28px 28px; }
.main_spotx .bx-controls-direction .bx-next { right:7px; width:28px; height:28px; background:url(/design/custommood/deetong/m/arr02.png) no-repeat 0 0; background-size: 28px 28px; }
.main_spotx ul .rolling_bt {position:absolute; bottom:37%; right:35px; z-index:99;}
.main_spotx ul .rolling_bt a { display:inline-block; padding:10px 0; width:100px; margin-left:5px;text-align:Center;  background:#000; color:#fff; border-radius:30px;}



.mtit { color:#1b1b1b; font-size:12px; margin:80px 0 5px }
.list_tap { overflow:hidden; width:26%; margin:0 auto 35px }
.list_tap li { float:left; width:25%; border-left:1px solid #d5d5d5; box-sizing:border-box; }
.list_tap li.fir { border-left:0px }
.list_tap li img { width:60%; margin:0 20% }



.tx08 { color:#5d5d5d; font-size:16px; font-weight:bold; text-align:center; padding:80px 0 15px; }
.tx09 { color:#7f7f7f; font-size:12px; text-align:center; line-height:16px; padding-top:12px }
.main_sns_img { width:100% }
.main_sns_img img { width:15%; margin:0 auto }
.main_sns { padding:20px 0 0 }
.main_sns img { height:24px; margin:0 3px }



#column_pick{padding:10px 0 18px;position:relative;overflow:hidden;width:98%;margin:0 1%}
#column_pick .list_shopping2xo{height:auto;margin-right:0;width:100%;padding-left:0;padding-right:0;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .2s ease}
#column_pick .list_shopping2xo.is-ready{opacity:1;visibility:visible}
#column_pick .list_shopping2xo ul.items{width:100%;display:block;box-sizing:border-box;text-align:left;font-size:0}
#column_pick .list_shopping2xo li{width:48%;margin:0 1% 20px;display:inline-block;vertical-align:top;text-align:left}
#column_pick .list_shopping2xo li img.listPic{width:100%;display:block}
#column_pick .list_shopping2xo li a{display:block}
#column_pick .list_shopping2xo .list_shoppingInfo{margin-top:10px;text-align:left;font-size:12px}

#column_pick .list_shopping2xo .bx-pager{margin-top:5px;text-align:center;box-sizing:border-box;z-index:10}
#column_pick .list_shopping2xo .bx-pager .bx-pager-item{display:inline-block;margin:0 3px}
#column_pick .list_shopping2xo .bx-pager .bx-pager-item a{display:block;width:9px;height:9px;text-indent:-9999em;border-radius:10px;background:#ccc}
#column_pick .list_shopping2xo .bx-pager .bx-pager-item a.active{background:#424242}

#column_pick .pickSlider,
#column_pick .pickSlider *{-webkit-tap-highlight-color:transparent}
#column_pick .pickSlider{touch-action:pan-y}

/* BASIC css end */