/* BASIC css start */
/* ¸ÞÀÎ À̹ÌÁö ¿¬µ¿ ¹è³Ê */
#MS_event .clearFix { overflow:visible !important;}
#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:absolute !important; bottom:15px; z-index:10; text-align:center; width:100%; cursor:pointer;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; background: url(/design/mituri/onedesign/mobile/images/btn_mainimg_off.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px; }
#event .pagination .swiper-active-switch { background: url(/design/mituri/onedesign/mobile/images/btn_mainimg_on.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px;}

/* Áß¾Ó¹è³Ê */
.middleBanner { clear:both; margin:10px auto; height:auto; overflow:hidden; text-align:center; }
.middleBanner ul { clear:both; margin:0 2px; }
.middleBanner li { float:left; width:50%; box-sizing:border-box; }
.middleBanner li a { display:block; margin:2px; }
.middleBanner li a img { width:100%; height:auto; }

/* ÅÇ Ãßõ»óÇ° */
#recmd_box { clear:both; width:100%; margin:0 auto; }
#recmd_box .main_title { margin:30px auto 7px; }
#recmd_box .main_title h2 { }

#recmd_box #tab_bigbox { display:table; table-layout:fixed; clear:both; width:100%; margin:0 auto; box-sizing:border-box; padding:0 5px; font-size:0; line-height:0; }
#recmd_box #tab_bigbox ul { }
#recmd_box #tab_bigbox li { display:inline-block; width:33.33%; margin:0; text-align:center;}

#recmd_box #tab_bigbox ul.tabs { width:100%; height:45px; padding:0; list-style:none; border:0; text-align:center;}
#recmd_box #tab_bigbox ul.tabs li { display:inline-block; width:auto !important; text-align:center; cursor:pointer; padding-left:20px; background:url(/design/mituri/onedesign/mobile/images/line_pro.png) 10px 50% no-repeat; line-height:25px; overflow:hidden; color:#777; font-size:10px; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; letter-spacing:1px; }
#recmd_box #tab_bigbox ul.tabs li.active { color:#222; }
#recmd_box #tab_bigbox ul.tabs li.first { padding-left:0; background:none; }

#recmd_box #tab_bigbox .tabbox { clear:both; margin:14px auto 0; }
#recmd_box #tab_bigbox li .thumbnail { margin:0 3px 5px; }
#recmd_box #tab_bigbox li .thumbnail a { display:block; }
#recmd_box #tab_bigbox li .thumbnail a img { display:block; width:100%; vertical-align:top; }

/* ¸ÞÀΠŸÀÌƲ */
.main_title { clear:both; margin:30px auto 10px; text-align:center; }
.main_title h3 { display:block; padding:10px 0 0; font-size:11px; letter-spacing:1px; color:#222; font-weight:normal; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', Sans-serif;}
.title_line {margin:0px auto;width:24%;height:1px;background:#000;}
.title_line2 {width:100%;border-bottom:1px solid #e9e9e9;margin-bottom:14px; }

/* Ãßõ¹è³Ê */
.recmdBnnaer { clear:both; margin:36px auto 0;  text-align:center; }
.recmdBnnaer h2 { display:block; padding:10px 0; font-size:11px; letter-spacing:1px; color:#222; font-weight:normal; font-family:'Lato', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; }
.recmdBnnaer p { width:100%; height:auto; margin:0 auto; padding:2px 0;}
.recmdBnnaer p img { width:100%; height:auto; }
.recmdBnnaer>a>h2>span {color:#777;font-size:5px;font-family:'Lato', 'Noto Sans KR', 'Nanum Gothic', Sans-serif;margin-left:4px; }









/* BASIC css end */