/* 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; top:-15px; 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:10px 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;}


#container2 {
    margin: 0 auto;
    
    text-align:center;
    list-style-type:none;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style-type:none;
    height: 50px;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
    color: #222222;
}

ul.tabs li {
    display: -moz-inline-box; /* For FF<3 */ 
    -moz-box-orient: vertical; /* For FF<3 */ 
    display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see         conditional below */ 
    vertical-align: top; /* explicitly declare your preference as Moz inline-box auto aligns to top */
    text-align: left; /* to left align text within divs when container has been set to center */ 
    margin:0;
    list-style-type:none;
}

ul.tabs li {
    text-align:center;
    cursor: pointer;
    width:70px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e2e2e2;
    font-weight: bold;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    list-style-type:none;
    color:#222222;
}

ul.tabs li.active {
    background: #222222;
    list-style-type:none;
    color:#ffffff;
       
}

.tab_container {
    list-style: none;
}

.tab_container .tab_content ul {
    list-style: none;
}

.tab_container .tab_content ul li {
    display: inline-block;
    list-style: none;
}


/* BASIC css end */