/* BASIC css start */
.listYoyak {     font-size: 12px;    color: #888888; }
.more { margin-bottom: 70px; }
.recmd_item {width: 100%;    height: 100%;    position: relative; }
.recmd_item figure .tab_subname {    position: absolute;    bottom: 0px;    left: 0;    width: 100%;    color: #fff;    font-size: 12px;    padding: 32px 16px 16px;    box-sizing: border-box; background: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0)); }

/* 라인배너 */
#lineBanner { margin:0 0 20px; }
#lineBanner a { display: block;    height: auto; padding-bottom: 10px; }



/* 롤링배너 */
#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;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

/***** 메인 *****/
#container { margin-top: 103px !important; }
.main img{max-width:100%;}

/* 메인배너 */
#mainBanner { position: relative;}

/* 슬라이드 영역*/
.slide .ix-list-viewport {overflow:hidden;}
.slide .ix-list-items {position:relative; left:0; top:0; width:100%; height:100%;}
.slide .ix-list-items .ix-list-item {float:left; width:100%; height:100px; text-align:center;}
.slide .ix-list-items .ix-list-item a {display:block; height:100%;}

/* 슬라이드 인디케이터, 방향 버튼 그룹 */
.slide .ix-controller {}
.slide .ix-controller.disabled {visibility:hidden;}

/* 슬라이드 인디케이터 */
.slide .ix-thumbs {position:absolute; bottom:6px; right:40px; text-align:center;}
.slide .ix-thumbs .ix-thumb {display:block; position:absolute; bottom:0; right:0;}
.slide .ix-thumbs .ix-thumb .ix-btn {display:block; width:40px; height:20px; color:#fff; opacity:0; font-size:15px;}
.slide .ix-thumbs .ix-thumb.active .ix-btn {opacity:1;}

/* 슬라이드 방향 버튼 
.slide .slide_direction .ix-btn-prev {left:0; border-radius:100% 0 0 100%;}
.slide .slide_direction .ix-btn-next {right:0; border-radius:0 100% 100% 0;}
.slide .slide_direction .ix-btn-prev,
.slide .slide_direction .ix-btn-next {position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; background:#8EAEBA; text-indent:-9999px;}
*/
/* 버튼 비활성화 
.slide .slide_direction .ix-btn-prev.disabled,
.slide .slide_direction .ix-btn-next.disabled {background:#D8E0E3; cursor:default;}
*/

/* 팝업버튼 */
#mainBanner .btn_mainpop{position:absolute; right:0; bottom:0; display:block; width:35px; height:35px; background:rgba(0,0,0,0.3); color:#fff; border:0; border-radius:0 !important; font-size:25px; line-height:20px;}



#popHead{display:none; padding:20px; color:#000; font-size:20px; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.8); z-index:10001;}
#popHead .btn_popclose{padding:10px; color:#000; border:0; border-radius:0 !important; font-size:22px; background:transparent; position:absolute; top:8px; right:13px;}

#mainpop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll; background:rgba(255,255,255,1); z-index:10000; -webkit-overflow-scrolling: touch;}
#mainpop ul{padding:57px 0px 0px;}
#mainpop ul li{margin-bottom:20px;}
#mainpop ul li:last-child{margin-bottom:0;}


/* 공지사항 */
.notice { clear: both;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #e9e9e9;
    margin-top: 7px;
}

.notice p {
    font-size: 11px;
    color: #777;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 0 0 8px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

.notice p a{    
float: right;
    font-size: 10px;
    color: #999;
}

.notice ul {
width: 100%;
}
.notice ul li {width: 100%;
    text-overflow: ellipsis;
font-size: 11px;
    color: #999;
width: 100%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
font-size: 11px;
    color: #999;
    padding: 3px 0;
}

.notice ul li span{
text-align: right;
}

.notice ul li a {   

}






/* 메인탭 */
#main_tab { background: url('/design/emarue/onedesign/mobile/images/bg_marble.jpg') center center repeat; min-height: 200px; background-size: auto 100%; padding: 50px 0; margin-bottom: 40px; }
#main_tab .cmm_tlt2 { margin-bottom: 0px; }
#tab_bigbox {clear:both; width:100%;  margin:0 auto; }
#tab_bigbox ul.tabs {margin: 0; padding: 0; float: left; text-align: center; list-style: none; width:100%;  height:auto; line-height:38px;  border:0;  font-size:11px;}
#tab_bigbox ul.tabs li { display:inline-block; *display:inline; *zoom:1; position:relative; width:29%; height:20px; line-height: 20px; padding: 5px 0; margin-left: 5px; text-align: center; cursor:pointer; border-radius:5px; background: none; border: 1px #8c8c8c solid; color: #5c5c5c; }
#tab_bigbox ul.tabs li.active { background: none; border: 1px #272727 solid; color: #272727; }
.tabbox {clear:both; width:94%; padding:5% 3% 3% 3%; }
.tabbox .tab_content ul { width:100%; margin:0px;}
.tabbox .tab_content ul li {list-style-type:none; list-style-type: none; text-transform:uppercase; width: calc(50% - 14px); margin: 7px; }</u>


/* BASIC css end */