@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;
}

#contents.event{width:100%}

/* 공통 */.wrapEvent *, .wrapEvent *::before, .wrapEvent *::after{font-family:'Noto Sans KR';font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box}
.wrapEvent{width:100%;max-width:1920px;margin:0 auto;background-color:#fff}
.wrapEvent img{vertical-align:middle}
.wrapEvent a{color:currentColor;outline:none;cursor:pointer}
.wrapEvent a, .wrapEvent a:active, .wrapEvent a:hover, .wrapEvent a:focus{text-decoration:none}
.wrapEvent .inner{position:relative;width:1100px;margin:0 auto}
.wrapEvent .blind,.hideTxt{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.wrapEvent .notice{background:#f4f4f4}
.wrapEvent .inner{margin:0 auto;width:1140px}
.wrapEvent .inner p{position:relative}
.wrapEvent .btnLink{position:absolute;width:260px;height:65px;top:150px;left:440px}

/* 상단 탭(미사용) */
.wrapEvent .cardSelect{text-align:center;line-height:1;border-top:1px solid #e7e7e7}
.wrapEvent .cardSelect h3{padding-top:57px;font-size:22px;color:#0f91ff;font-weight:500}
.wrapEvent .cardSelect h2{margin-top:16px;font-size:44px;color:#141414;font-weight:700}
.wrapEvent .cardSelect .tab{display:flex;justify-content:center;margin-top:48px;width:580px;margin:48px auto 0}
.wrapEvent .cardSelect .tab li{position:relative;width:100%}
.wrapEvent .cardSelect .tab li + li::before{content:"";position:absolute;top:21px;left:0;width:2px;height:20px;background-color:#e4e4e4}
.wrapEvent .cardSelect .tab li a{display:block;padding:19px 0 30px;font-size:26px;color:#888;font-weight:700}
.wrapEvent .cardSelect .tab li.active a{color:#222}
.wrapEvent .cardSelect .tab li.active p{display:inline-block;padding-bottom:5px;border-bottom:3px solid #0f91ff}
.wrapEvent .cardSelect .tail{position:absolute;left:-37px;top:-2px}

/* 혜택 리스트 */
.wrapEvent .infoList{margin-bottom:80px;font-size:18px;font-family:'Noto Sans KR';font-weight:100;color:#222;line-height:1;letter-spacing:-0.04em}
.wrapEvent .infoList > li{display:flex;align-items:flex-start;margin-top:80px}
.wrapEvent .infoList > li:first-child .dotList li{line-height:30px}
.wrapEvent .infoTit{display:block;width:200px;font-size:22px;font-weight:700}
.wrapEvent .infoCont{position:relative}
.wrapEvent .infoCont .txt{display:block}
.wrapEvent .infoCont .colrPoint{color:#0f91ff}
.wrapEvent .infoCont table{table-layout:fixed;width:940px;margin:24px 0 15px;text-align:center;color:#666;font-size:18px}
.wrapEvent .infoCont table th,
.wrapEvent .infoCont table td{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;line-height:26px}
.wrapEvent .infoCont table th:last-child,
.wrapEvent .infoCont table td:last-child{border-right:none}
.wrapEvent .infoCont thead th{padding:24px 0;color:#222;font-weight:500;background:#edf5ff}
.wrapEvent .infoCont thead .colrPoint{font-weight:700}
.wrapEvent .infoCont tbody th{font-weight:400}
.wrapEvent .infoCont tbody td{height:80px}
.wrapEvent .infoCont tbody td em{font-weight:500;color:#222}
.wrapEvent .infoCont table .total *{font-weight:700}
.wrapEvent .infoCont table .total th{font-size:20px;color:#222}
.wrapEvent .infoCont table .total td{font-size:22px}
.wrapEvent .infoCont .btnLink{width:260px;height:65px;text-indent:-99999px}
.wrapEvent .infoCont .btnEvent{top:150px;left:auto;right:0;background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_btnBlue.png) no-repeat 0 0 / 100%}
.wrapEvent .infoCont .btnBlack{background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_btnBlack.png) no-repeat 0 0 / 100%}
.wrapEvent .dotList{margin-top:8px}
.wrapEvent .dotList li{font-size:inherit;color:#888;line-height:32px}
.wrapEvent .dotList li::before{font-size:inherit;font-family:inherit;color:inherit;content:'· '}

/* 꼭 알아두세요 */
.wrapEvent .notice .inner{display:flex;align-items:flex-start;padding:50px 0 70px;line-height:1;letter-spacing:-0.05em}
.wrapEvent .notice .inner>div{margin-top:-4px;color:#888;font-size:16px;line-height:30px}
.wrapEvent .notice .tit{display:block;width:200px;font-size:22px;font-weight:700;color:#222}
.wrapEvent .notice .dotList{margin:0 0 22px}
.wrapEvent .notice .dotList li{line-height:inherit;letter-spacing:-1px}
.wrapEvent .notice .dotList.colrBlack li{color:#222}
.wrapEvent .notice .dotList p{padding-left:8px}
.wrapEvent .notice .etc{display:block;font-size:14px;line-height:22px}

/* 롯데카드 (미사용) */
.wrapEvent .visual{position:relative;background:url(//cdndata.milkt.co.kr/i/www/Images/event/241017_card/visual_bg.jpg) no-repeat top}

/* KB 국민카드 */
.wrapEvent.kbCard .visual{background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_visual_bg.jpg) no-repeat top}
.wrapEvent.kbCard .infoCont .btnEvent{top:63px;left:auto;right:0;background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_btnEvent.png) no-repeat 0 0 / 100%}
.wrapEvent.kbCard .infoCont .btnApply{top:63px;left:auto;right:0;background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_btnApply.png) no-repeat 0 0 / 100%}
.wrapEvent.kbCard .infoCont .btnBlack{top:138px;left:auto;right:0;background:url(//cdndata.milkt.co.kr/milktCom/kbCard/w_btnBlack.png) no-repeat 0 0 / 100%}
.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}