/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot .cell{position:relative; margin-bottom: 12px;}
#mainSpot .cell img{width:100%}
#mainSpot .cell .grid_txt{position: absolute; top: 20px; right: 20px; color: #fff; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Sans KR', sans-serif; text-align: right; }
#mainSpot .cell .grid_txt p{ font-size: .9rem;}
#mainSpot .cell .grid_txt span{ border-bottom: 1px solid #fff; font-size: .725rem; line-height: 30px;}

/* 메인타이틀 */
.mainTit { margin: 70px 20px;}
.mainTit h3{color: #222222; font-size: 1.4rem; font-family: 'InfinitySans-CondBoldA1','Noto Sans KR', sans-serif; font-weight: bold; text-transform: uppercase;}
.mainTit p{margin: 15px 0 0; color: #8e8e8e; font-size: .9rem; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Sans KR', sans-serif; line-height: 20px;}

/* 서브배너 */
.subBox{ padding: 0 20px; text-align: center;}
.subBox div{ position: relative; margin: 0 0 12px;}
.subBox div a img{width: 100%;}
.subBox div p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48%; height: 21%; border: 1px solid #fff; color: #fff; font-size: 4vw; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Sans KR', sans-serif;}
.subBox div p em{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 22px; width: 100%;}

/*쿠폰 혜택 버튼*/
.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; }
/* BASIC css end */