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



#header .header_inner { display:block!important; }
#header .header_inner2 { display:none; }

/* .main { padding-bottom: 50px; } */

/* 롤링배너 */
.main_roll_wrap {}
.main_roll { position:relative; }
.main_roll .main_slider { position:relative; overflow:hidden; }
.main_roll li { float:left;     position: relative; }
.main_roll li img {width:100%; }
.main-btn-wrap { width:100%; position:absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 40;}
.main-btn-wrap .slide-btn div {
    position: absolute;
    background: rgba(0,0,0,.3);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
}
.main-btn-wrap .slide-btn div img { vertical-align:middle; width: 25%; margin-top:-2px; }
.main-btn-wrap .slide-btn .left { left:11px; }
.main-btn-wrap .slide-btn .right { right:11px; }

.main_roll_wrap .slick-dots { display:flex!important; position: absolute; bottom: 3%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform:translateX(-50%);  -o-transform: translateX(-50%);  -moz-transform: translateX(-50%); width: auto; text-align:center; }
.main_roll_wrap .slick-dots li { border-radius:50%; width: 12px; height:12px;  display:inline-block; margin: 0 6px; cursor: pointer; padding: 5px; }
.main_roll_wrap .slick-dots li.slick-active { border: 1px solid #000; width: 11px; height:11px; }
.main_roll_wrap .slick-dots li.slick-active button { opacity:1; width: 11px; height:11px; }
.main_roll_wrap .slick-dots li>button { display:block; width: 12px; height:12px; font-size:0; background:#000; border:0; outline:0; opacity: .4; border-radius:50%; }
.ban_text_box { width: 100%; text-align:center; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);  }
.main_roll li .ban_text_box>img { width: 25%; margin: 0 auto; margin-bottom: 14px; }
.ban_text_box h2 { font-size: 27px; color:#fff; font-weight: bold; line-height: 1; margin-bottom: 18px; }
.ban_text_box p { font-size: 14px; color:#fff; font-weight: 300; line-height: 1.5; letter-spacing: -1.1px; }

.list_box { padding: 40px 19px 0; text-align:center; margin-bottom: 25px; }
.list_box h2 { margin-bottom: 20px; font-size: 19px; font-weight:bold; color:#000; }


.plan_box a { display:block; margin-bottom: 18px; }
.plan_box a:last-child { margin-bottom:0; }
.plan_box a img { width: 100%; }
.plan_box a.more_bt { text-align:center; font-size: 14px; color:#000; font-weight: 400; padding: 14px 0; background:#f5f5f5; }

.best_box h2 { font-weight:600; }


.best_box .slick-dots li { border-radius:50%; width: 12px; height:12px;  display:inline-block; margin: 0 6px; cursor: pointer; padding: 5px; }
.best_box .slick-dots li.slick-active { border: 1px solid #000; width: 11px; height:11px; }
.best_box .slick-dots li.slick-active button { opacity:1; width: 11px; height:11px; }
.best_box .slick-dots li>button { display:block; width: 12px; height:12px; font-size:0; background:#000; border:0; outline:0; opacity: .4; border-radius:50%; }

/* BASIC css end */