@charset "UTF-8";

/* reset */
@font-face {
    font-family:KBFGText;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url("/CMN/common/fonts/KBFGTextL_subset.woff") format("woff"), 
    url("/CMN/common/fonts/KBFGTextL_subset.woff2") format("woff2");
}
@font-face {
    font-family:KBFGDisplayM;
    font-style:normal;
    font-display:swap;
    src:url("/CMN/common/fonts/KBFGDisplayM_subset.woff") format("woff"),
    url("/CMN/common/fonts/KBFGDisplayM_subset.woff2") format("woff2"); 
}
body {height: 100%; font-size: 16px; font-weight: 400; color:#26282c;}
ol, ul, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
table caption {overflow:hidden; position:absolute; top:0; left:0; clip:rect(0, 0, 0, 0); clip-path:inset(50%); width:1px; height:1px; margin:-1px; border:0; padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align:top;
    font-family: "KBFGText", sans-serif;
    line-height: 1.33;
}
a, input, button, th, td, h1, h2, h3, h4, h5, h6, select, textarea, label {color: rgba(0, 0, 0, 0.87);}
a {text-decoration:none;}

/* common */
.container {margin-top:8px;}
.btnArea {padding:0 16px;}
.bnrBtn {display:block; margin-top:24px; padding:12px 0; border-radius:8px; border:1px solid #8c949e; background:#fff; text-align:center; font-size:16px; line-height:1.5; font-weight:bold;}

.noticeArea {padding:36px 16px 40px}
.noticeArea .tit {margin-bottom:16px; font-size:16px; font-weight:bold;}
.noticeArea.subNoti .tit {margin-bottom:16px;}
.noticeArea li {margin-top:8px; padding-left:10px; background:url("https://img1.kbcard.com/home_re/seo/common/noticeBullet01.png") no-repeat left top; font-size:14px; line-height:1.57;}
.noticeArea li ul li {margin-left:-10px; padding-left:12px; background:url("https://img1.kbcard.com/home_re/seo/common/noticeBullet02.png") no-repeat left top;}
.noticeArea li.point {font-weight:bold;}

/* main */
.wrapper {background:#eff2f7;}

.visualArea {background:#fff;}
.visualArea .visual {height:84px; padding:220px 16px 16px; background-image:url("https://img1.kbcard.com/home_re/seo/main/mainVisaul_mo.png"); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%;}
.visualArea .visual h1 {font-size:24px; font-weight:bold;}
.visualArea h1 span {display:inline-block; margin-top:4px; padding:0 4px; text-align:center; background:#000; color:#fff}

.cardSet {background:#fff; padding:40px 0 0;}
.cardSet:last-child {padding:40px 0 56px;}
.cardSet .bnrTit {padding:0 16px;}
.cardSet .bnrTit h2 {font-size:20px; margin-bottom:8px;}
.cardSet .bnrTit .num {display:block; margin-bottom:4px; font-size:14px; color:#5832bb;}
.cardSet .bnrTit .sTxt {font-size:16px; color:#696e76}

.scroll-wrap {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style:none; scrollbar-width:none;}
.scroll-wrap ul {display:flex; margin-top:24px;}
.scroll-wrap li {width:120px; margin-left:16px; text-align:center;}
.scroll-wrap li:last-child {padding-right:16px;}
.scroll-wrap li span {display:block; width:80px; padding:0 20px; background-image:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg01.png"); background-repeat:no-repeat; background-size:100% auto;}
.scroll-wrap li img {width:100%; height:auto;}
.scroll-wrap li h3 {margin-top:16px; font-size:14px; line-height:1.43; color:#26282c}

.voucher .bnrTit .num {color:#d2155b;}
.college .bnrTit .num {color:#2952ae;}
.voucher li span {background-image:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg02.png");}
.college li span {background-image:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg03.png");}

/* trip */
.visualArea_sub {background:#efe9ff; padding:40px 8px 40px 16px}
.visualArea_sub .visual {padding-right:8px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01.png") no-repeat right 48px; background-size:200px auto;}
.visualArea_sub .visual span {color:#5832bb}
.visualArea_sub .visual h1 {margin-top:8px; font-size:24px;}
.visualArea_sub .visual h2 {margin-top:94px; font-size:16px;}
.visualArea_sub .visual div {margin-top:16px; font-size:14px; line-height:1.57;}

.container.subTrip {margin-top:0;}
.contents {background:#fff; padding:40px 16px}
.contents .conSet01 {padding-bottom:32px;}
.contents .conSet01 .num {display:block; width:64px; height:24px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub01_01.png") no-repeat left top; background-size:auto 100%; text-indent:-9999px;}
.contents .conSet01 h2 {margin-top:16px; padding-right:118px; padding-bottom:56px; font-size:20px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01_01.png") no-repeat right top; background-size:auto 100%;}
.contents .conSet01 .sTxt {margin-top:16px; font-size:14px;}
.contents .cardList {margin-bottom:32px; padding-top:32px; border-top:1px solid #eff2f7;}

.contents .cardList .tit span {display:block; margin-bottom:4px; font-size:14px; color:#5832bb; font-weight:300;}
.contents .cardList .btnArea {display:flex; flex-flow:column; align-items:center; margin-top:24px;}
.contents .cardList .btnArea span {padding:0 20px; background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg01.png") no-repeat left top; background-size:100% auto;}
.contents .cardList .btnArea span img {width:80px;}
.contents .cardList .btnArea a {display:inline-block; width:114px; margin-top:20px; padding:4px 8px; border-radius: 4px; border:1px solid #dde1e4; font-size:14px; text-align:center;}
.contents .cardList .cardInfo {margin-top:24px; padding:16px 12px; background:#f7f7fa; font-size:14px;}
.contents .cardList .cardInfo li {position:relative; padding-left:54px;}
.contents .cardList .cardInfo li p {position:absolute; top:0; left:0; color:#5832bb}
.contents .cardList .txt {margin-top:24px; font-size:14px;}

.contents .conSet02 {padding-top:24px;}
.contents .conSet02 .num {display:block; width:64px; height:24px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub01_02.png") no-repeat left top; background-size:auto 100%; text-indent:-9999px;}
.contents .conSet02 h2 {margin-top:16px; padding-right:118px; padding-bottom:56px; font-size:20px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01_02.png") no-repeat right top; background-size:auto 100%;}
.contents .conSet02 .sTxt {margin-top:16px; font-size:14px;}
.contents .conSet02 .sTxt li {padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #dde1e4; font-size:14px; line-height:1.5;}
.contents .conSet02 .sTxt li:last-child {padding-bottom:0px; margin-bottom:0; border-bottom:none;}
.contents .conSet02 .sTxt li h3 {display:block; margin-bottom:8px; font-size:16px; font-weight:bold;}
.contents:nth-child(2) {margin-top:8px}
.contents .cardQuick h3 {font-size:18px;}
.contents .cardQuick ul {margin-top:16px; display:flex; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; -ms-overflow-style:none; scrollbar-width:none;}
.contents .cardQuick ul li {margin-left:16px; width:114px;}
.contents .cardQuick ul li img {width:114px;}
.contents .cardQuick ul li:first-child {margin-left:0;}
.contents .cardQuick ul li span {display:block; margin-bottom:16px;}
.contents .cardQuick ul li a {display:inline-block; width:114px; padding:4px 0; border-radius: 4px; border:1px solid #dde1e4; font-size:14px; text-align:center;}

.otherSite {margin-top:32px;}
.otherSite a {display:block; padding:24px 162px 24px 16px; background:#e5f5ff url("https://img1.kbcard.com/home_re/seo/sub/subBnr01_mo.png") no-repeat right top; background-size:auto 100%; border-radius:12px; font-weight:bold;}
.otherSite a span:after {content:''; padding-right:24px; background:url("https://img1.kbcard.com/home_re/seo/common/siteBullet01.png") no-repeat right 2px; background-size:16px auto}  

/* voucher */
.visualArea_sub.subVoucher {background:#ffecf7}
.subVoucher .visual {background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual02.png") no-repeat right 44px; background-size:200px auto;}
.subVoucher .visual span {color:#d2155b}
.container.subVoucher {margin-top:0}
.subVoucher .contents .conSet01 h2 {margin-top:0; padding-bottom:0; background:none;}
.subVoucher .contents .conSet01 {padding-bottom:166px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual02_01.png") no-repeat center bottom; background-size:auto 150px;}
.subVoucher .contents .conSet01 span {color:#d2155b}
.subVoucher .contents .conSet01 .sTxt {margin-top:8px;}
.subVoucher .cardList .tit span {color:#d2155b; font-weight:300;}
.subVoucher .contents .cardList .cardInfo li p {color:#d2155b;}
.subVoucher .contents .cardList .txt p {margin-top:16px; font-weight:bold;}
.subVoucher .cardList .btnArea span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg02.png") no-repeat left top; background-size:100% auto;}
.subVoucher .cardList .txt ul {margin-top:8px;}
.subVoucher .cardList .txt li {padding-left:12px; line-height:1.57; background:url("https://img1.kbcard.com/home_re/seo/common/noticeBullet02.png") no-repeat left top;}

/* college */
.visualArea_sub.subCollege {background:#e5f5ff}
.subCollege .visual {background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03.png") no-repeat right 44px; background-size:auto 150px;}
.subCollege .visual span {color:#2952ae}
.subCollege .visual h2 {margin-top:126px; font-size:16px;}
.container.subCollege {margin-top:0}
.subCollege .conSet01 .num {display:block; width:104px; height:24px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_01.png") no-repeat left top; background-size:auto 100%; text-indent:-9999px;}
.subCollege .conSet01 h2 {margin-top:16px; padding-bottom:0; font-size:20px; background:none;}
.subCollege .conSet01 .sTxt {margin-top:24px; font-size:14px;}

.subCollege .conSet02 {padding-top:24px;}
.subCollege .conSet02 .num {display:block; width:104px; height:24px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_02.png") no-repeat left top; background-size:auto 100%; text-indent:-9999px;}
.subCollege .conSet02 h2 {margin-top:16px; padding-right:118px; padding-bottom:56px; font-size:20px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03_01.png") no-repeat right top; background-size:auto 100%;}
.subCollege .conSet02 .sTxt {margin-top:16px; padding-bottom:32px; font-size:14px;}
.subCollege .cardList .tit span {color:#2952ae; font-weight:300;}
.subCollege .cardList .btnArea span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg03.png") no-repeat left top; background-size:100% auto;}
.subCollege .contents .cardList .cardInfo li p {color:#2952ae;}

.contents .conSet03 .num {display:block; width:104px; height:24px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_03.png") no-repeat left top; background-size:auto 100%; text-indent:-9999px;}
.contents .conSet03 h2 {margin:16px 0; padding-right:118px; padding-bottom:44px; font-size:20px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03_02.png") no-repeat right top; background-size:auto 100%;}
.contents .conSet03 .sTxt li {padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #dde1e4; font-size:14px; line-height:1.5;}
.contents .conSet03 .sTxt li:last-child {padding-bottom:0px; margin-bottom:0; border-bottom:none;}
.contents .conSet03 .sTxt li h3 {display:block; margin-bottom:8px; font-size:16px; font-weight:bold;}

.conPoint {margin-top:32px; font-size:14px;}
.conPoint p {margin-bottom:8px; padding-left:25px; font-size:16px; font-weight:bold; color:#007eff; background:url("https://img1.kbcard.com/home_re/seo/common/noticeBullet03.png") no-repeat left top; background-size:auto 100%;}

.otherSite.coupang a {background:#ffeff9 url("https://img1.kbcard.com/home_re/seo/sub/subBnr02_mo.png") no-repeat right top; background-size:auto 100%;}