@charset "utf-8";

.main-visual{max-width:640px; margin:0 auto;}
.main-visual .swiper-wrapper>*{width:100%;}
.main-visual button{top:40%; width:2em; height:4em; border:0; background-color:transparent; background-size:100%;}
.main-visual .swiper-button-next{background-image:url(/h/images/_mobile/btn_slide_next.png);}
.main-visual .swiper-button-prev{background-image:url(/h/images/_mobile/btn_slide_prev.png);}
.main-visual .swiper-slide{position:relative;}
.main-visual .caption{position:absolute; bottom:0; left:0; right:0; padding:2em 1em 1em; font-size:0.9em; color:#fff; background:rgba(0, 0, 0, 0.5); font-family:'Nanum Square'; font-weight:800;}
.main-visual .caption>b{display:block; padding-top:0.5em; color:#fff; font-size:1.5em; font-family: 'Nanum Gothic';}
.main-visual .caption .discount{position:absolute; top:1em; right:1em; bottom:1em; padding:0.5em; border:1px solid #d50c18; background:#fff; color:#d50c18;}
.main-visual .caption .discount span{display:block; padding-top:5px; font-size:1.2em;}
.main-visual .caption .discount span b{font-size:1.5em; color:#d50c18;}
.main-visual .swiper-pagination{bottom:4.5em; text-align:left; padding:0 1em;}
.main-visual .swiper-pagination>*{width:1em; height:2px; border-radius:0; background:#afb0b2;}
.main-visual .swiper-pagination .swiper-pagination-bullet-active{background:#d50c18;}

.panel.gray{margin-top:2em; padding:1.3em 1em 1em; background:#ededed;}

.main-contents h2{padding:1em 0;}
.main-contents .main-menu{margin-bottom:0;}
.main-contents .main-menu>li{position:relative; background:#fff; border-radius:0.5em;}
.main-contents .main-menu>li + li{margin-top:1em;}
.main-contents .main-menu a{padding-left:7em; text-align:left; font-size:inherit}
.main-contents .main-menu a:before{position:absolute; top:50%; left:1em; margin-top:-1.8em;}
.main-contents .main-menu dl{padding:1em 0;}
.main-contents .main-menu dt{font-family:'Nanum Square'; font-weight:800; line-height:1.3;}
.main-contents .main-menu dd{padding-top:1em; font-size:0.9em;}


/*20181205 김임선 */
	/***********popup_layer************/
.m_popupBox{ display: block }
.dimmed {opacity: 0;  background: #000;  position: fixed;  top: 0; left: 0; width: 100%; height: 100%; z-index: 300;}
.popup_layer{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.5);}  
.popup_layer .pop_position
.popup_layer .pop_close{position: fixed;z-index: 600;}
.popup_layer .pop_contents{	z-index: 90;width: auto;min-width:200px; height:calc(100% - 47px);overflow-y: auto; padding-top: 3em}
.popup_layer.pop_center_white .pop_position{width:94%; margin: 0 auto}
.popup_layer.pop_center_white .pop_close{bottom:0; width: 100%; height:45px; z-index: 100; position:relative ;  background-color: #333;  color: #fff; text-align: center; padding-bottom:15px;}
.pop_close span:first-child { width: 70%; padding: 10px 0 10px 10px; border-right: 1px solid #747474; text-align: left;}
.pop_close span:last-child { width: 20%; text-align: center;}
.pop_close span { display:inline-block; vertical-align: top;}
.pop_close span a {  font-size: 15px;  font-weight: bold;  color: #dbdbdb;}
.pop_close span:last-child a {  display: block; width: 100%; padding: 15px 0; line-height: 1;}
.pop_close span:first-child .check { box-sizing: border-box; display: inline-block; width: 22px; height: 22px; margin-right: 5px; padding: 6px 5px; border-radius: 3px;    background: #b7b7b7; vertical-align: -5px; text-align: center;}
.popup_layer.pop_center_white .pop_close > i{ text-decoration: none}
.popup_layer.pop_center_white .pop_today_close > i {/*width: 32px;    height: 32px;    background-position: -115px -17px;*}
.for_a11y{  position: absolute; width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);overflow: hidden;text-indent: -5000em;}
.sp_icon {/*닫기 버튼 이미지*/ }
#popup_promotion .pop_position .pop_contents .add_area{position: relative;width: 100%;}
#popup_promotion .pop_position .pop_contents .add_area a{display:block;}
#popup_promotion .pop_position .pop_contents .add_area img{width:100%;}
#popup_promotion .pop_position .pop_contents .add_area img{width:100%;}


/*20190920 한민정 */
/*** 이벤트&이용혜택배너 추가 ***/
.main_banner a{display:table-cell; width:50%; text-align: center}
.main_banner a img{width:100%;}