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

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

.visualArea {background:#fff;}
.visualArea .visual {width:960px; margin:0 auto; padding:120px 0 56px; background:url("https://img1.kbcard.com/home_re/seo/main/mainVisual.png") no-repeat right bottom; background-size:auto 100%}
.visualArea .visual h1 {font-size:36px; font-weight:bold;}
.visualArea h1 span {display:inline-block; width:257px; height:48px; margin-top:8px; text-align:center; background:#000; color:#fff}

.container {padding:40px 0 80px;}
.container .cardArea {width:880px; height:892px; margin:0 auto; padding:40px; border-radius:16px; box-shadow:0 1px 3px 0 #00000028; background:#fff}
.container .cardSet {overflow:hidden; position:relative; height:276px; margin-top:32px;}
.container .cardSet .bnrTit {float:left; width:344px;}
.container .cardSet .bnrList {float:left; width:528px; margin-left:8px;}
.container .cardSet .bnrTit h2 {display:inline-block; line-height:1.5;}
.container .cardSet .bnrTit h2 .sTit {display:inline-block; margin-top:8px; font-size: 24px; font-weight:bold;}
.container .cardSet .bnrTit h2 .num {display:block; font-size:16px; font-weight:bold; color:#5832bb}
.container .cardSet .bnrTit .sTxt {display:inline-block; font-size:16px; color:#696e76; line-height:1.5;}
.container .cardSet .bnrList li {float:left; width:160px; margin-left:16px; text-align:center;}
.container .cardSet .bnrList li span {display:block; height:180px; background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg01.png") no-repeat left 10px; background-size:100% auto;}
.container .cardSet .bnrList li span img {width:auto; height:100%;}
.container .cardSet:nth-child(2) .bnrList li span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg02.png") no-repeat left 10px; background-size:100% auto;}
.container .cardSet:last-child .bnrList li span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg03.png") no-repeat left 10px; background-size:100% auto;}
.container .cardSet .bnrList li h3 {display:inline-block; margin-top:16px; font-size:16px; line-height:1.5; font-weight:300;}
.container .cardSet .bnrBtn {position:absolute; left:0; bottom:68px; display:inline-block; padding:10px 24px; border-radius:4px; border:1px solid rgba(0,0,0,0.78); background:#fff;; font-size:18px; font-weight:600; line-height:1.56;}
.container .cardSet:last-child .bnrBtn {bottom:44px}

/* common */
.container .noticeArea {width:960px; margin:64px auto 0; padding-bottom:64px; font-size:14px; line-height:1.57;}
.container .noticeArea .tit {margin-bottom:12px; font-size:16px; font-weight:bold; line-height:1.5;}
.container .noticeArea.subNoti .tit {margin-bottom:16px;}
.container .noticeArea li {margin-top:4px; 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; color:#26282c}
.container .noticeArea.subNoti li {margin-top:8px;}
.container .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;}
.container .noticeArea li.point {font-weight:bold;}

/* trip */
.visualArea_sub {background:#efe9ff;}
.visualArea_sub .visual {width:960px; height:330px; padding:64px 0 54px; margin:0 auto; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01.png") no-repeat right 94px; background-size:380px auto}
.visualArea_sub .visual span {display:block; font-size:18px; line-height:1.44; color:#5832bb}
.visualArea_sub .visual h1 {display:block; margin-top:4px; font-size:36px; font-weight:bold; line-height:1.33;}
.visualArea_sub .visual h2 {display:block; margin-top:40px; font-size:18px; font-weight:bold; line-height:1.44;}
.visualArea_sub .visual div {margin-top:8px; font-size:16px; line-height:1.5;}

.container.subTrip {padding:0px;}
.contents {background:#fff;}
.contents .conSet01 {position:relative; width:520px; margin:0 auto; padding:112px 200px 64px 240px; border-bottom:1px solid #dde1e4; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01_01.png") no-repeat right 80px; background-size:160px 160px;}
.contents .conSet01 .num {position:absolute; top:64px; left:0; display:block; width:80px; height:32px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub01_01.png") no-repeat left top; background-size:80px 32px; text-indent:-9999px;}
.contents .conSet01 h2 {position:absolute; top:112px; left:0; font-size:24px; font-weight:bold; line-height:1.33;}
.contents .conSet01 .sTxt {font-size:18px; line-height:1.33;}

.contents .cardList {position:relative; width:720px; margin:64px auto 0; padding-left:240px;}
.contents .cardList:first-child {margin:40px auto 0;}
.contents .cardList .tit {font-size:24px; font-weight:bold; line-height: 1.33;}
.contents .cardList .tit span {display:block; margin-bottom:4px; font-size:18px; line-height:1.44; font-weight:400; color:#5832bb}
.contents .cardList .txt {margin-top:16px; font-size:16px; line-height:1.5;}

.contents .cardList .cardInfo {margin-top:32px; padding:16px 24px; background:#f7f7fa;}
.contents .cardList .cardInfo li {position:relative; padding-left:96px; margin-top:16px; font-size:16px; line-height:1.5;}
.contents .cardList .cardInfo li:first-child {margin-top:0;}
.contents .cardList .cardInfo li p {position:absolute; left:0; top:0; color:#5832bb}

.contents .cardList .btnArea {position:absolute; left:0; top:0; width:160px;}
.contents .cardList .btnArea span {display:block; background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg01.png") no-repeat left 10px; text-align:center; background-size:100% auto;}
.contents .cardList .btnArea span img {width:114px; height:auto;}
.contents .cardList .btnArea a {display:inline-block; margin-top:24px; width:160px; height:24px; padding:8px 0; border-radius:4px; border:1px solid rgba(0,0,0,0.28); background:#fff; font-size:15px; line-height:1.6; font-weight:600; text-align:center;}

.contents .conSet02 {position:relative; width:520px; margin:0 auto; padding:128px 200px 80px 240px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual01_02.png") no-repeat right 128px; background-size:160px auto;}
.contents .conSet02 .num {position:absolute; top:80px; left:0; display:block; width:80px; height:32px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub01_02.png") no-repeat left top; background-size:80px 32px; text-indent:-9999px;}
.contents .conSet02 h2 {position:absolute; top:128px; left:0; font-size:24px; font-weight:bold; line-height:1.33;}
.contents .conSet02 .sTxt li {padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #dde1e4; font-size:16px; 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:18px; font-weight:bold;}

.contents .conSet03 {position:relative; width:520px; margin:0 auto; padding:128px 200px 80px 240px; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03_02.png") no-repeat right 128px; background-size:160px auto;}
.contents .conSet03 .num {position:absolute; top:80px; left:0; display:block; width:128px; height:32px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_03.png") no-repeat left top; background-size:128px 32px; text-indent:-9999px;}
.contents .conSet03 h2 {position:absolute; top:128px; left:0; font-size:24px; font-weight:bold; line-height:1.33;}
.contents .conSet03 .sTxt li {padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #dde1e4; font-size:16px; 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:18px; font-weight:bold;}

.contents .cardQuick {position:relative; width:544px; padding:64px 0 64px 416px; margin:8px auto 0;}
.contents .cardQuick h3 {position:absolute; left:16px; top:64px; font-size:24px; font-weight:bold; line-height:1.33;}
.contents .cardQuick ul li {display:inline-block; margin-left:24px; width:160px;}
.contents .cardQuick ul li:first-child {margin-left:0;}
.contents .cardQuick ul li span {display:block; background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg01.png") no-repeat left 10px; background-size:160px auto; text-align:center;}
.contents .cardQuick ul li span img {width:114px; height:auto;}
.contents .cardQuick ul li a {display:inline-block; margin-top:24px; width:160px; height:24px; padding:8px 0; border-radius:4px; border:1px solid #00000028; background:#fff; font-size:15px; line-height:1.6; font-weight:600; text-align:center;}

.otherSite {width:960px; margin:0 auto; padding-bottom:64px;}
.otherSite a {display:block; height:62px; padding-left:40px; padding-top:34px; border-radius:12px; font-size:20px; font-weight:bold; line-height:1.4; background:#e5f5ff url("https://img1.kbcard.com/home_re/seo/sub/subBnr01_pc.png") no-repeat right top; background-size:auto 100%}
.otherSite a span {display:inline-block; padding-right:32px; background:url("https://img1.kbcard.com/home_re/seo/common/siteBullet01.png") no-repeat right 2px;}
.otherSite.coupang a {background:#ffeff9 url("https://img1.kbcard.com/home_re/seo/sub/subBnr02_pc.png") no-repeat right top; background-size:auto 100%}

/* voucher */
.visualArea_sub.subVoucher {background:#ffecf7;}
.subVoucher .visual {background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual02.png") no-repeat right 56px; background-size:380px auto}
.subVoucher .visual span {color:#d2155b;}

.container.subVoucher {padding:0px;}
.subVoucher .conSet01 {width:960px; height:96px; padding:144px 0 0 0; border-bottom:1px solid #dde1e4; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual02_01.png") no-repeat right 64px; background-size:360px auto}
.subVoucher .conSet01 h2 {top:64px;}
.subVoucher .conSet01 h2 span{color:#d2155b}
.subVoucher .cardList .tit span {color:#d2155b}
.subVoucher .cardList .cardInfo li p {color:#d2155b}
.subVoucher .cardList .btnArea span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg02.png") no-repeat left 10px; background-size:160px auto;}
.subVoucher .cardList .txt p {margin-top:24px; font-weight:bold;}
.subVoucher .cardList .txt ul {margin-top:8px;}
.subVoucher .cardList .txt li {padding-left:12px; background:url("https://img1.kbcard.com/home_re/seo/common/noticeBullet02.png") no-repeat left top;}
.subVoucher .cardQuick h3 {text-align:left;}
.subVoucher .cardQuick {text-align:right;}
.subVoucher .cardQuick ul li span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg02.png") no-repeat left 10px; background-size:160px auto;}
.subVoucher .contents:first-child {padding-bottom:80px;} 

/* college */
.visualArea_sub.subCollege {background:#e5f5ff;}
.subCollege .visual {background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03.png") no-repeat right 56px; background-size:380px auto}
.subCollege .visual span {color:#2952ae;}

.container.subCollege {padding:0px;}
.subCollege .conSet01 {width:720px; height:96px; padding:112px 0 64px 240px; border-bottom:none; background:none;}
.subCollege .conSet01 .num {width:128px; height:32px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_01.png") no-repeat left top; background-size:128px 32px; text-indent:-9999px;}

.subCollege .conSet02 {width:520px; padding:128px 200px 80px 240px; border-bottom:1px solid #dde1e4; background:url("https://img1.kbcard.com/home_re/seo/sub/subVisual03_01.png") no-repeat right 96px; background-size:160px auto}
.subCollege .conSet02 .num {width:128px; height:32px; background:url("https://img1.kbcard.com/home_re/seo/sub/numSub03_02.png") no-repeat left top; background-size:128px 32px; text-indent:-9999px;}
.subCollege .conSet02 .sTxt {font-size:18px; line-height:1.33;}

.subCollege .cardList .tit span {color:#2952ae}
.subCollege .cardList .cardInfo li p {color:#2952ae}
.subCollege .cardList .btnArea span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg03.png") no-repeat left 10px; background-size:100% auto;}
.subCollege .cardQuick ul li span {background:url("https://img1.kbcard.com/home_re/seo/common/cardList_bg03.png") no-repeat left 10px; background-size:100% auto;}

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