/* 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 { position: relative; overflow: hidden; }
.main h3 {font-size:1.375em; font-weight:600;color:#326394; margin: 40px 15% 10px 15%; line-height: 0.1em; margin-bottom: 25px; }
.main h3 span { background-color: #fff; padding: 0 10px; }
.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;}

.categorys { position: relative; border-top: 1px solid #e6e6e6; }
.categorys li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; float: left; width: 25%; text-align: center; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.categorys li a { font-size: 1em; color: #444; }
.categorys li.no-line { border-right: 0 none; }
.categorys li.in-color a { color: #1ca7bb;font-weight:bold; }

#event-rolling-container .swiper-slide { position: relative; width: 100%; }
#event-rolling-container .swiper-slide a { display: block; }
#event-rolling-container .swiper-slide img { width: 100%; height: auto; }
#event-rolling-container .swiper-pagination { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #fff; margin: 3px; border-radius: 50%; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active {background-color: #1A274D; }

.custom-link { position: relative; margin: 20px 0; }
.custom-link a { display: block; width: 25%; float: left; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-link a img { width: 100%; height: auto; }

.link-area { position: relative; margin-top: 35px; }
.link-area a { display: block; margin-bottom: 10px; }
.link-area a img { width: 100%; height: auto; }

#column_btm { margin-top: 35px; position:relative; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background:#fff; *zoom:1 }
#column_btm:after { display:block; clear:both; content:'' }
#column_btm .btm_bx { margin-left:-1px; padding:15px 0 17px; float:left; width:50% }
#column_btm .btm_bx .btm_tit { margin-left:14px; color:#326394; font-weight:600; font-size:1.375em }
#column_btm .btm_bx .btm_cont { padding:10px 13px 0 13px }
#column_btm .btm_bx .btm_cont img { width:100% }
#column_btm .btm_bx .btm_cont .info { padding-top:10px; color:#646464 }
#column_btm .btm_bx .btm_cont .tx { padding-top:10px; font-weight: bold; font-size:1.125em; color:#1e91c8 }
#column_btm .btm_bx .btm_cont .tx1 { padding-top:10px; font-weight: bold;  color:#3f69a8 }
#column_btm .btm_bx .btm_cont .btn_request { display:block; margin-top:10px; height:25px; color:#fff; text-align:center; line-height:22px; background:#3f69a8}
#column_btm .btm_shop { border-right:1px solid #c7c7c7 }
#column_btm .btm_barista { border-left:1px solid #c7c7c7 }
/* BASIC css end */