@charset "utf-8";

@font-face {
	font-family:'Noto Sans KR';
	font-weight:400;
	src:url(//cdndata.milkt.co.kr//milktCom/font/notokr-regular.woff2) format('woff2');
	font-style:normal;
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:500;
	src:url(//cdndata.milkt.co.kr//milktCom/font/notokr-medium.woff2) format('woff2');
	font-style:normal;
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:600;
	src:url(//cdndata.milkt.co.kr//milktCom/font/notokr-semiBold.woff2) format('woff2');
	font-style:normal;
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:700;
	src:url(//cdndata.milkt.co.kr//milktCom/font/notokr-bold.woff2) format('woff2');
	font-style:normal;
}

/* 공통 */
.wrapEvent{position:relative;margin:0 auto;width:100%;max-width:720px;background:#fff;text-align:center}
.wrapEvent *{box-sizing:border-box;font-family:'Noto Sans KR';letter-spacing:-0.04em}
.wrapEvent img{width:100%}
.wrapEvent a{display:block;height:100%}
.wrapEvent .blind{position:absolute;left:0;top:-999999px;width:0;height:0;font-size:0;line-height:0}
.wrapEvent p{position:relative}

/* 상단 탭(미사용) */
.wrapEvent .btnLink{position:absolute;width:48%;height:14.5%;bottom:0;left:49%;transform:translateX(-50%);display:block;font-size:0}
.wrapEvent .cardSelect{position:relative}
.wrapEvent .cardSelect .tab{position:absolute;bottom:0;width:100%;height:30%;font-size:0}
.wrapEvent .cardSelect .tab li{float:left;width:50%;height:100%}
.wrapEvent .cardSelect .tab li a{display:block}

/* 혜택 리스트 */
.wrapEvent .inner{padding:0 clamp(20px,5.56vw,40px);line-height:1;letter-spacing:-0.04em;text-align:left;}
.wrapEvent .infoList{margin-top:clamp(30px,8.33vw,60px);font-size:clamp(15px,4.17vw,30px);font-weight:100;color:#222}
.wrapEvent .infoList > li{margin-bottom:clamp(40px,11.11vw,80px)}
.wrapEvent .infoTit{display:block;margin-bottom:clamp(11px,3.06vw,22px);font-size:clamp(18px,5vw,36px);font-weight:700}
.wrapEvent .infoCont{position:relative}
.wrapEvent .infoCont .txt{font-size: inherit;display:block;line-height:clamp(19px,5.28vw,38px)}
.wrapEvent .infoCont .colrPoint{color:#0f91ff}
.wrapEvent .infoCont table{table-layout:fixed;border-collapse:collapse;width:100%;margin:clamp(13px,3.61vw,26px) 0 clamp(11px,3.06vw,22px);text-align:center;color:#888;font-size:clamp(14px,3.89vw,28px)}
.wrapEvent .infoCont table th,
.wrapEvent .infoCont table td{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;line-height:clamp(19px,5.28vw,38px)}
.wrapEvent .infoCont table th:last-child,
.wrapEvent .infoCont table td:last-child{border-right:none}
.wrapEvent .infoCont thead th{padding:clamp(12px,3.33vw,24px) 0;color:#222;font-weight:500;background:#edf5ff;text-align:center}
.wrapEvent .infoCont thead .colrPoint{font-weight:700}
.wrapEvent .infoCont tbody th{padding:clamp(7.5px,2.08vw,15px) 0;font-weight:100;line-height:clamp(17px,4.72vw,34px);text-align:center}
.wrapEvent .infoCont tbody td{padding:clamp(15px,4.17vw,30px) 0;}
.wrapEvent .infoCont tbody td em{font-weight:500;color:#222}
.wrapEvent .infoCont table .total *{font-weight:700}
.wrapEvent .infoCont table .total th{color:#222}
.wrapEvent .infoCont table .total td{font-size:clamp(15px,4.17vw,30px);}
.wrapEvent .infoCont .btnLink{bottom:0;left:50%;transform:translateX(-50%);width:clamp(170px,47.22vw,340px);height:clamp(40px,11.11vw,80px);text-indent:-99999px}
.wrapEvent .dotList{margin-top:clamp(4px,1.11vw,8px);}
.wrapEvent .dotList li{font-size:inherit;color:#888;line-height:clamp(22px,6.11vw,44px);word-break:keep-all;padding-left:clamp(7px,1.94vw,14px);text-indent:clamp(-7px,-1.94vw,-14px);}
.wrapEvent .dotList li::before{font-size:inherit;font-family:inherit;color:inherit;content:'· ';font-weight:400}

/* 꼭 알아두세요 */
.wrapEvent .notice{padding:clamp(30px,8.33vw,60px) 0 clamp(35px,9.72vw,70px);background:#f4f4f4}
.wrapEvent .notice .inner>div{color:#888;font-size:clamp(12px,3.33vw,24px);line-height:clamp(20px,5.56vw,40px)}
.wrapEvent .notice strong.tit{display:block;margin-bottom:clamp(11px,3.06vw,22px);font-size:clamp(18px, 5.00vw, 36px);font-weight:700;color:#222}
.wrapEvent .notice .dotList{margin:0 0 clamp(13px,3.61vw,26px)}
.wrapEvent .notice .dotList li{letter-spacing:-1px !important;font-size:clamp(12px, 3.33vw, 24px)}
.wrapEvent .notice .dotList.colrBlack li{color:#222}
.wrapEvent .notice .dotList p{text-indent:0}
.wrapEvent .notice .etc{display:block;font-size:clamp(11px,3.06vw,22px);line-height:clamp(18px,5vw,36px)}

/* KB 국민카드 */
.wrapEvent .mt10{margin-top:10px;}

.wrapEvent.kbCard .infoList > li:first-child .dotList li:last-child{color:#222}
.wrapEvent.kbCard .infoCont .legoland{margin:clamp(12px, 3.33vw, 24px) 0;}
.wrapEvent.kbCard .infoCont .btnBlue{bottom:clamp(52px,14.44vw,104px)}
.wrapEvent.kbCard .dotList li strong{font-weight:600}
.wrapEvent.kbCard .dotList .black{color:#222}
.wrapEvent.kbCard .dotList li.noDot:before{content:''}
.wrapEvent.kbCard .dotList.colrBlack{margin-bottom:0}