@charset "UTF-8";
/* color :root */
:root {
/* 대표 색상 */
--kb-yellow : #ffd338;
--error-red : #ff0000;
--positive-red : #ff200c;
--selection-blue : #086cfd;
--vip-navy : #202d40;
--yellow010 : #f76900;
--yellow040 : #ffbc00;
--yellow050 : #ffcc00;

/* 그레이 스케일 */
--gray000 : #121315;
--gray005 : #1c1d21;
--gray010 : #26282c;
--gray020 : #3d4046;
--gray030 : #484b51;
--gray040 : #696e76;
--gray050 : #8c949e;
--gray060 : #aab0b8;
--gray070 : #c6cbd0;
--gray080 : #dde1e4;
--gray090 : #eff2f7;
--gray100 : #f7f7fa;  
--gray110 : #fff;

/* color */ 
--yellow : #ffd743;     
--blue : #007eff; 
--dark-black : #222;
--black : #000;
}

/* 밑줄 공통 */
.text-underline {text-decoration: underline;}

/* 커머스 / 여행 공통 */
/* 폰트 KBFGTextL, KBFGTextB */
@font-face { font-family: "KBFGText"; font-style: normal; font-weight: 400; font-display: swap; src: url("/ubbcmc/webAppDesign/fonts/KBFGTextL_subset.woff2") format("woff2"), url("/ubbcmc/webAppDesign/fonts/KBFGTextL_subset.woff") format("woff"); } 
@font-face { font-family: "KBFGText"; font-style: normal; font-weight: 600; font-display: swap; src: url("/ubbcmc/webAppDesign/fonts/KBFGTextB_subset.woff2") format("woff2"), url("/ubbcmc/webAppDesign/fonts/KBFGTextB_subset.woff") format("woff"); } 

/* Reset */
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: baseline; box-sizing: border-box; outline: none; } 

html {  font-size: 10px; } 
body { height: 100%; background-color: var(--gray110); font-family: "KBFGText", sans-serif; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: var(--gray010); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, .3);} 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; } 
table {table-layout: fixed; width: 100%; border-collapse: collapse;  border-spacing: 0; } 
table caption { position: relative !important; opacity: 0; overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; margin: -1px; clip: rect(0 0 0 0); } 
body { position: relative; } 
a { text-decoration: none; color: inherit; } 
img { width:100%;height:auto; border: 0 none; vertical-align: top;} 
b, strong { font-weight: 600; } 
em { font-style: normal; } 
ul, ol, li { list-style: none outside; } 

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button, [type=date]::-webkit-inner-spin-button, [type=date]::-webkit-outer-spin-button, [type=month]::-webkit-inner-spin-button, [type=month]::-webkit-outer-spin-button { margin: 0; appearance: none; display: none; } 
[type=date]::-webkit-clear-button, [type=month]::-webkit-clear-button { display: none; } 
[type=date]::-webkit-calendar-picker-indicator, [type=month]::-webkit-calendar-picker-indicator { position: absolute; right: 0; opacity: 0; }  
[type=search]::-webkit-search-decoration { appearance: none; } 
[type=search]::-webkit-search-cancel-button { display: none; } 

button, input, optgroup, select, textarea { font: inherit; } 
button, [type=button], [type=reset], [type=submit], [role=button] { color: inherit; } 
select { appearance: none; } 
textarea { overflow: auto; width: 100%; resize: vertical; } 
.block { font-size: inherit; white-space: nowrap; } 
.hidden { display: none !important; visibility: hidden; } 
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; } 

/* 페딩 공통 24-07-19 */
.pt-0 {padding-top: 0 !important;}

/* 패딩 공통 25-06-13 */
.pt24 {padding-top:2.4rem !important;}

/* 마진 공통 25-06-13 */
.mb0 {margin-bottom:0 !important;}

/* 마진 공통 25-08-11 */
.mt0 {margin-top:0 !important;}

/* 마진 공통 25-08-14 */
.mt16 {margin-top:1.6rem !important;}

/* 글자정렬 공통 24-07-19 */
.t-l {text-align: left;}
.t-c {text-align: center;}
.t-r {text-align: right;}

/* 수정될 소스 */
.col2 { display: flex; flex-wrap: wrap; align-items: center; } 
.col2 > * { width: 50%; } 
.col2 > * { flex: 0 0 auto !important; } 
.col3 { display: flex; flex-wrap: wrap; align-items: center; } 
.col3 > * { flex: 0 0 auto !important; } 
.col3 > * { width: 33.33%; } 
.col4 { display: flex; flex-wrap: wrap; align-items: center; } 
.col4 > * { flex: 0 0 auto !important; } 
.col4 > * { width: 25%; } 
.col5 { display: flex; flex-wrap: wrap; align-items: center; } 
.col5 > * { flex: 0 0 auto !important; } 
.col5 > * { width: 20%; } 
/* 수정될 소스 */

/* display */
.flex{display:flex;}

/* Swiper */
.swiper-banner {position: relative;}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } 
.swiper-container.disabled .swiper-wrapper { transform: translate3d(0,0,0) !important;} 
.swiper-container.disabled + .swiper-control-wrap,
.swiper-container.disabled + .swiper-pagination { display: none;} 
.swiper-container-no-flexbox .swiper-slide { float: left; } 
.swiper-container-vertical > .swiper-wrapper { flex-direction: column; } 
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } 
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } 
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } 
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } 
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;} 
.swiper-slide > a { display: block; } 
.swiper-slide > a.banner-link img {vertical-align: top; width: 100%;} 
.swiper-slide .btn-alarm {position: absolute;right: 1.6rem; top: 1.6rem;}
.swiper-slide-invisible-blank { visibility: hidden; } 
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } 
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } 
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } 

.swiper-pagination { position: relative; width: 100%; margin-top: 1.6rem; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } 
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } 
.swiper-control-wrap {display:none;position: absolute;left: 0;right: 0; bottom:1.2rem;display: flex;align-items: center;justify-content: center;width:100%;padding: 0 1.6rem; z-index: 5;}
.swiper-control-wrap.type-left {justify-content: flex-start;}
.swiper-control-wrap.type-right {justify-content: flex-end;}
.swiper-control-wrap.type-center {justify-content: center;}

/* 24-06-10 공통 ios 스와이프 수정 */
.swiper-control-wrap__box {display: flex; align-items: center; padding: 0; width: auto; min-width: 5.4rem; border-radius: 1.2rem; background-color:rgba(0, 0, 0, .1); }

/* 재생정지 버튼 오른쪽 있을 시 24-08-16 */
.swiper-button-control {display: none; position:static; margin-right: .8rem; z-index: 10; width: 1.6rem; height: 1.6rem; vertical-align: top; background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-pause-02.svg) no-repeat center / 1.6rem auto;}
.swiper-button-control.play { background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-play-02.svg) no-repeat center / 1.6rem auto;}
/* //재생정지 버튼 오른쪽 있을 시 24-08-16 */

/* 재생정지 버튼 왼쪽 있을 시 24-08-16 */
.swiper-button-control--left {margin-left: .8rem; }
.swiper-button-control--left.play { background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-play-02.svg) no-repeat center / 1.6rem auto;}
/* //재생정지 버튼 왼쪽 있을 시 24-08-16 */

/* 네비게이션 오른쪽 있을 시 24-08-16*/
.swiper-pagination-fraction {display: inline-flex; align-items: center; justify-content: flex-start; min-width:auto; margin-top: 0; padding: 0rem .6rem 0rem .8rem; color: var(--gray010);font-size: 1rem; line-height: 2rem; border-radius:12px; transform:none;}
/* //네비게이션 오른쪽 있을 시 24-08-16*/
/* 네비게이션 왼쪽 있을 시 24-08-16 */
.swiper-pagination-fraction--left { padding: 0rem;}
/* // 네비게이션 왼쪽 있을 시 24-08-16 */

.swiper-pagination-fraction.type-gray {background-color: rgba(0,0,0, .1);}
.swiper-pagination-current,
.swiper-pagination-total {font-weight: 600;}
.swiper-control-wrap__all {position: relative; margin-left: .4rem; width: 2rem; height: 2rem; background-color:rgba(0, 0, 0, .1); border-radius: 5rem;}
.swiper-control-wrap__all button { padding: 0; width: 2rem; height: 2rem; background: none; border: 0; vertical-align: auto;}
.swiper-control-wrap__all button::before, .swiper-control-wrap__all button::after {content: ''; display: block; position:absolute; top: .7rem; left: .9rem; width: .2rem; height: .6rem; background: #000; }
.swiper-control-wrap__all button::after { top:.9rem; left:.7rem; width: .6rem; height: .2rem; }
/* //24-06-10 공통 ios 스와이프 수정 */

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } 
/* 25년 3분기 접근성 수정 13, 68 s */
.swiper-pagination-bullet {display: inline-block;width: .6rem; height: .6rem; background:#26282c; border-radius: .3rem; vertical-align: top; opacity:.6;}
.swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: .6rem;}
.swiper-pagination-bullet-active {width:1.2rem; opacity:1;}
/* 25년 3분기 접근성 수정 13, 68 e */
.swiper-container-initialized + .swiper-control-wrap .swiper-button-control {display: block;}
.swiper-container-initialized.disabled + .swiper-control-wrap .swiper-button-control {display: none;}
.swiper-pagination--inline {display: inline-block; width: auto;}
.text-white {color: var(--gray110) !important;}

/* Layout */
#skip a, 
#bodySkip a {display:none;} /* 25년 3분기 접근성 25 */

#wrap { position: relative; width: 100%; } 
.separate-page { padding-top: 0 !important; } 

/* 상단 해더 공통 */
#header { position: sticky; top: 0; left: 0; z-index: 90; width: 100%; height: 5.6rem; padding: 1.5rem 5.3rem; background-color: var(--gray110); } 
#header h1 { font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; text-align: center; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-top: .3rem; } 

#header h1 > a { display: inline-block; text-align: left; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } 
#header .header__logo { min-height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-kbcard-color.svg) no-repeat center; } 
#header .header__logo > span { overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; margin: -1px; clip: rect(0 0 0 0); } 
#header .header__btn { position: absolute; top: 0; width: 5.3rem; height: 100%; padding: 0; border: 0; background: var(--gray110); } 
#header .header__btn--back { left: 0; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-left.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; } 
#header .header__btn--cancel { top: 1.6rem; right: 1.6rem; width: auto; height: auto; padding: .1rem .7rem; border: 1px solid rgba(0, 0, 0, .16); border-radius: .4rem; background-color: var(--gray110); font-size: 1.4rem; line-height: 2rem; text-align: center; } 
#header .header__btn--close {right: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; } 
#header .header__btn--totalmn { right: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-menu-search.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; } 
#header .pop-home__btn { right: 4rem;  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-home.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; font-size: 1px; color: transparent;  } 
#header .pop-close { right: 0;  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; font-size: 1px; color: transparent;  }
/* 25-08-14 마이쇼핑 추가 s */
#header .pop-my__btn {right:0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-my.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; } 
/* 25-08-14 마이쇼핑 추가 e */ 

#container { min-height: calc(100vh - 5.6rem); } 
#container.is-fixed { min-height: calc(100vh - 12.8rem); } 
.cont-area, .pay-area { display: flex; flex-direction: column; min-height: calc(100vh - 5.6rem); padding: 2.4rem 1.6rem 5.6rem; } 
.cont-area > .article-full { margin-top: -2.4rem;} 
.cont-area.cont-area--card, .cont-area.p0 { padding: 0 !important; } 
.cont-area .cont__btm { margin-top: auto !important; padding-bottom:3.2rem;} 

.is-fixed .cont-area { padding-bottom: 12rem; }
.is-fixed .cont-area.vertical-center {display: flex;align-items: center;justify-content: center; height: 100%;padding-bottom: 0; }
.is-fixed .cont-area.vertical-center .no-data {margin:-5.5rem 0 0; }
.is-fixed--l .cont-area {padding-bottom: 19.2rem;}
.fixed-area { position: fixed; left: 0; bottom: 0; z-index: 50; width: 100%; padding: 0 1.6rem 2.4rem; background: var(--gray110); box-shadow: 0 -1.6rem 1.6rem 0 var(--gray110); } 
.fixed-area--shadow {border-radius: 1.6rem 1.6rem 0 0; box-shadow:0 -1.6rem 0.8rem 0 rgba(0, 0, 0, .08)}
.fixed-area--shadow .btn--l {height:4.8rem;}
.fixed-area__total {display:flex; align-items:center; justify-content:space-between; margin:2.4rem 0 2.5rem;}
.fixed-area__total dt em {font-weight: 600;}
.fixed-area__total dd {font-size:1.6rem; font-weight:bold; line-height:2.6rem;}
.fixed-area__total dd span {font-size:2rem; margin-right:0.2rem;}
.fixed-area--bottom-up { display: none; border-radius: 1.6rem 1.6rem 0 0; box-shadow: 0 -1.6rem 1.5rem 0 rgba(0, 0, 0, .08); } 
.is-bottom-up { padding-bottom: 16.5rem !important; } 
.is-bottom-up .fixed-area { padding-top: 2.4rem; border-radius: 1.6rem; box-shadow: 0 -.4rem 1.6rem 0 rgba(0, 0, 0, .08); background: var(--gray110); } 
.is-bottom-up .fixed-area .txt-alert { opacity: 1; margin-bottom: 3.6rem; font-size: 1.6rem; text-align: center;  } 
.locked { overflow: hidden; } 
.is-bg { position: relative; } 
.is-bg.pop-container { background-color: transparent !important; } 
.is-bg:before { content: ""; position: absolute; top: 0; left: 0;  z-index: -1; width: 100%; height: 100%; background-color: var(--gray100); /* background-repeat: no-repeat; background-image: linear-gradient(to bottom, white 0%, var(--gray100) 20.4rem, var(--gray100) 20.5rem, var(--gray100) 100%); */ } 
.is-bg .fixed-area { background: transparent !important; box-shadow: none; } 

@keyframes fade-in { 
 from { opacity: 0; } 
 to { opacity: 1; } 
 }

 /* loading */
 .loading {position: fixed;left: 0;right:0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center; z-index: 10001;background-color: rgba(0, 0, 0, .7);}
 .loading svg {width: 12.8rem !important;height: 12.8rem !important;}

 /* 폰트 */
 /* title 
.tit-dep1 {display: block;margin-bottom:1.6rem;font-size: 2.4rem; font-weight: 600;line-height: 3rem;}
.tit-dep2 {display: block;margin: 3.2rem 0 1.6rem;font-size: 2rem;font-weight: 600;line-height: 2.6rem;}
.tit-dep2:first-child {margin-top: 0;}
.tit-dep3 {display: block;margin: 0 0 1.6rem;font-size: 1.8rem;font-weight: 600;line-height: 2.6rem;}
.tit-dep4 {display: block;margin: 0 0 1.6rem;font-size: 1.6rem;font-weight: 600;line-height: 2.2rem;}
.tit-dep5 {display: block;margin: 0 0 1.6rem;font-size: 1.4rem;font-weight: 600;line-height: 2rem;}
.tit-dep6 {display: block;margin: 0 0 1.6rem;font-size: 1.2rem;font-weight: 600;line-height: 1.6rem;}
.tit-form {display: block;margin-top: 3.2rem;font-size: 1.6rem;line-height: 2rem;font-weight: normal;} */
.tit-dep-top {display: block;margin-bottom:1.2rem;font-size: 1.8rem; font-weight: 600;line-height: 2.4rem;}
.tit-dep1 {display: block;margin-bottom:1.2rem;font-size: 1.8rem; font-weight: 600;line-height: 2.6rem;}
.tit-dep1.center {text-align: center;}
.tit-dep2 {display: block;margin: 3.2rem 0 1.6rem;font-size: 1.6rem;font-weight: 600;line-height: 2.4rem;}
.tit-dep2:first-child {margin-top: 0;}
.tit-dep2 em {font-weight: normal;}
.tit-dep3 {display: block;margin: 0 0 1.6rem; font-size: 1.4rem; font-weight: 600; line-height: 2.2rem;}
.tit-dep4 {display:block; margin-bottom:1.6rem; font-size:2rem; line-height:2.6rem; font-weight:600;}
.tit-form {display: block;margin-top: 4rem;font-size: 1.6rem;line-height: 2.4rem;font-weight: normal;}
.tit-select {display: block;margin-top: 4rem;font-size: 1.6rem;line-height: 2rem;font-weight: normal;}
.tit-flex {display: flex;align-self: center;justify-content: space-between;}
.tit-flex span {font-size: 1.4rem;}

 /* 폰트끝 */
.tit-wrap { display: flex; justify-content: space-between; align-items: center; } 
.tit-wrap > * { flex: 0 0 auto; } 
.tit-wrap--top { align-items: flex-start; } 
.tit-wrap [class*=tit-dep],
.tit-wrap .tit-form { margin: 0; flex: 1; }
.tit-wrap .tit-form.tit-form--auto {flex:none;margin-right:16px;}
.tit-wrap .tit-form.tit-form--auto + div {flex:1;}
.tit-wrap .badge { margin-top: .2rem; } 

.article {position: relative;}
.article + .article {margin: 3.2rem -1.6rem 0;padding: 4rem 1.6rem 0;}
.article + .article:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: .7rem;border-top: 1px solid var(--gray080);background: #f9fafc;}
.article.cont__btm {padding-top: 7.2rem;}
.article.cont__btm:before {top: 3.2rem;}
.article--full {padding: 0 !important;}
.article--full + .article {margin-top: 0;}
.article + .article-bg {margin:3.2rem -1.6rem 0;}
.article + .article-bg::before {display: none;}
.article-wt {position: relative;margin:0 -1.6rem 0;padding:3.2rem 1.6rem;background-color: var(--gray110);}
.article-wt:first-child {padding-top:0;}
.article-wt + .article-wt {padding-top: 4rem;}
.article-wt + .article-wt:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: .7rem;border-top: 1px solid var(--gray080);background: #f9fafc;}
.article-wt + .article {margin-top:3.2rem;}

.article:first-child {margin-top:2.4rem;}
.article-wt:first-child {margin-top:2.4rem;}
.article-wt:first-child .box {margin-top:0.8rem;}
.article-full {margin:0 -1.6rem;}
.article-full + .article {margin-top: 0;}

.article-gray {position: relative;margin:0 -1.6rem 0;padding:2rem 1.6rem;background-color: var(--gray100);}
.article-gray + .article {margin-top:3.2rem;}
.article-gray + .items-info-txt {margin-top:2.4rem;}
.article + .article-gray {margin-top:2.4rem;}
.items-info + .article-gray {margin-top:2.4rem;}
.items-info-txt + .tabs {margin-top: 1.6rem;}

.article-info {padding: 1.3rem 1.6rem;background-color: var(--gray010);font-size: 1.6rem;line-height: 2.2rem;color: var(--gray110);}
.article-point {color: var(--yellow050);}

.color-black {color: var(--gray010) !important;}
.color-red {color: var(--error-red) !important;}
.color-blue {color: var(--blue) !important;}

/* 줄임말 */
.txt-line-one {overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;word-break:break-all;}
.txt-line-two { overflow: hidden; display: -webkit-box !important;text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break:break-all;} 
.txt-line-three { overflow: hidden; display: -webkit-box !important;text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break:break-all;} 

/* box */
.box { position: relative; width: 100%; padding: 1.6rem; background: var(--gray090); border-radius: .8rem; margin-bottom: 2.4rem; } 
.box--flex { display: flex; justify-content: space-between; } 
.box--l { padding-top: 2.4rem; padding-bottom: 2.4rem; } 
.box--xl { padding: 3.2rem 1rem; } 
.box--white { border: 1px solid rgba(0, 0, 0, .16); background: var(--gray110); } 
.box--gray { padding: 1.6rem; border: 1px solid var(--gray090); background: var(--gray090); } 
.box--yellow { border: 2px solid var(--yellow050) !important; background-color:transparent;} 
.box--red {background-color: #ffddd6;}
.box--shadow { padding: 2.4rem 1.6rem; background-color: var(--gray110); box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, .16); } 
.box--shadow2 { padding: 2.4rem 1.6rem; background-color: var(--gray110); box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .16); border-radius: 1.6rem; } 
.box--shadow3 { padding: 1.6rem; background-color: var(--gray110); box-shadow: .1rem .1rem .8rem 0 rgba(0, 0, 0, .1); border-radius: .8rem; } 

.box .tit-dep1 {margin-top:0.8rem;margin-bottom:1.2rem;}

.slt-box + .form-field {margin-top:0.8rem;}
.slt-box + .form-field--textarea {margin-top:1.6rem;}
.slt-box + .accordions--note {margin-top:1.6rem;}
.slt-box + .tit-dep1 {margin-top:5.6rem;}

/* txt 폰트 사이즈 */
.txt-s { font-size: 1.2rem; line-height: 2.2rem; } 
.txt { font-size: 1.4rem; line-height: 2.4rem; font-weight: 400 !important; } 
.txt-m { font-size: 1.6rem; line-height: 2.4rem; } 
.txt-l { font-size: 1.8rem; line-height: 2.6rem; } 
.txt-xl { font-size: 2rem; line-height: 2.8rem; } 
.txt-xxl { font-size: 2.4rem; line-height: 3.2rem; } 
.txt-point { font-size: 2.8rem; font-weight: 600; line-height: 3.6rem; } 
.txt-line { border-bottom: 1px solid var(--gray010); } 

/* Button */
.btn {position: relative; display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: .9rem; border: 1px solid rgba(0, 0, 0, .47); background-color: var(--gray110); font-size: 1.4rem; color: var(--gray010); border-radius: .8rem; vertical-align: middle; line-height: 2rem; cursor: pointer; } 
.btn:disabled, .btn.disabled { border-color: var(--gray080) !important; background: var(--gray080) !important; color:var(--gray050) !important; pointer-events: none; } 
.btn.bd-none {border: 0;}
.btn .tip-view {text-align: left;position: absolute;right: 0;bottom: 7.2rem;width: calc(100vw - 3.2rem); max-width: calc(100vw - 3.2rem);padding: .8rem 1.6rem;font-size: 1.4rem;line-height: 2.2rem;color: var(--gray110);font-style: normal;font-weight: 300;border-radius: .4rem; background-color: var(--gray010);box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.16);}
.btn .tip-view::after {display: block;content: '';position: absolute;right: 2rem;bottom: -0.3rem; width: .8rem;height: .8rem;background-color: var(--gray010);transform: rotate(45deg);box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.16);}
.btn .unit {font-size: 1.4rem;line-height: 2rem;}
.btn .sub-text {display: block;width:100%; margin-top: .4rem;font-size: 1.2rem;line-height: 1.2rem;font-weight: 400;}
.btn--radius-l { border-radius: 2.4rem !important; padding-left: 2.4rem; padding-right: 2.4rem; } 
.btn-wrap .btn--radius-l { /* padding-left: .5rem; padding-right: .5rem; */ padding-left: 0rem; padding-right: 0rem;}
/* 2025-01-14 'btn--xs' 좌우 패딩값 수정 및 'btn--gray-line' 보더 및 배경색 수정 [디자인 가이드 참고] s */
.btn--xs { height: 2.4rem; padding: 0 .8rem; font-size: 1.4rem; border-radius: .4rem; line-height: 2.2rem; } 
.btn--s { height: 3.2rem; padding: 0 1.2rem; font-size: 1.4rem; border-radius: .4rem; line-height: 2.2rem; } 
.btn--m { height: 4.8rem; font-size: 1.6rem; } 
.btn--l { height: 5.6rem; padding-left: .8rem; padding-right: .8rem; font-size: 1.8rem; line-height: 1; font-weight:bold;} 
.btn--full { width: 100%; } 
.btn--chips { border-radius: .4rem; } 
.btn--yellow { border-color: #fc0; background-color: #fc0; color: var(--gray010); } 
.btn--yellow.btn--full { font-weight: 600; } 
.btn--black { background-color: var(--gray010); color: var(--gray110); } 
.btn--light { border-color: #eee; background-color: #eee; color: rgba(0, 0, 0, .6); } 
.btn--gray { border-color: #ebebeb; background-color: rgba(0, 0, 0, .08); } 
.btn--gray-line { border-color: var(--gray080); } 
.btn--gray-line:disabled {background: var(--gray090) !important;border-color: var(--gray070) !important;}
/* 2025-01-14 'btn--xs' 좌우 패딩값 수정 및 'btn--gray-line' 보더 및 배경색 수정 [디자인 가이드 참고] e */
.btn--arr{display:flex;align-items:center}
.btn--arr:after, .btn--arr-b:after, .btn--arr-t:after, .btn--arr-span:after { content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-right.svg) no-repeat 0 calc(50% - 0.1rem) / 1.6rem auto; } 
.btn--arr.txt-s:after, .btn--arr-b.txt-s:after, .btn--arr-t.txt-s:after { width: 1.6rem; height: 1.6rem; margin-left: 0; background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg); } 
.btn--arr.btn--s { padding-left: .9rem !important; padding-right: .5rem !important; border-color: rgba(0, 0, 0, .16); } 
.btn--arr.btn--s:after { width: 1.6rem; height: 1.6rem; margin-left: 0; background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg); } 
.btn--arr-b:after { margin-left: .8rem; transform: rotate(90deg); } 
.btn--arr-b.on:after { transform: rotate(270deg); } 
.btn--arr-t:after { margin-left: .8rem; transform: rotate(270deg); } 
.btn--arr-t.on:after { transform: rotate(90deg); } 
.btn--arr-span::after { margin-left: .4rem; vertical-align: -.2rem; display: inline-block; } 
.btn--outlink:after { content: ''; display: block; width: 1.6rem; height: 1.6rem; margin-left: .4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-link.svg) no-repeat 0 0; background-size: 100% auto;  } 
.btn-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
.btn-wrap .btn { flex: 1; } 
.btn-wrap .btn.bold { font-weight: 600; } 
.btn-wrap .btn + .btn { margin-left: .8rem; } 
.btn-wrap .btn--w-s { flex: 0 0 auto; width: 36%; } 
.btn-wrap.col2 { width: auto; margin: -.4rem; } 
.btn-wrap.col2 > span { padding: .4rem; } 
.btn-wrap.col2 .btn { width: 100%; } 
.btn-wrap.col4 { width: auto; margin: -.2rem; } 
.btn-wrap.col4 > span { padding: .2rem; } 
.btn-wrap.col4 .btn { width: 100%; padding: 0 .4rem;  } 
.btn-wrap-right {margin-top:1.6rem;text-align:right;}
.btn-txt { display: inline-flex; align-items: center; position: relative; padding: 0; border: 0; background: none;} 
.btn-txt--line { padding-bottom:0; border-bottom: 1px solid var(--gray010); line-height: 2rem; } 
.btn-ico { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: .8rem 1.6rem; border: 1px solid rgba(0, 0, 0, .16); background-color: var(--gray110); font-size: 1.4rem; color: var(--gray010); border-radius: .4rem; vertical-align: middle; line-height: 2.2rem; cursor: pointer; } 
.btn-ico:before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .8rem; background-repeat: no-repeat; background-position: 0 0; background-size: 1.6rem; } 
.btn-ico--full { width: 100%; border-radius: .4rem;border-color: var(--gray080);} 
.btn-ico--half { flex: initial !important; width: calc(50% - .4rem); } 
.btn-ico--s { padding: .4rem; border-radius: .4rem; } 
.btn-icon { display: inline-flex; height:3.2rem; padding:0.3rem 0.7rem 0.3rem 0.5rem ; background-color:var(--gray110); font-size: 1.4rem; line-height: 2.4rem; border: 1px solid var(--gray080);border-radius: 0.4rem;color:var(--gray010);} 
.btn-icon:before {content:'';display:inline-flex;width:2.4rem;height:2.4rem; margin-right: 0.4rem;background-size:100% auto;}
.btn-title-link {display:flex; justify-content: space-between;}
.btn-title-link .tit-dep1 {margin:0;}
.btn-title-link .tit {font-size:1.6rem; font-weight:600; line-height:2.4rem;} 
.btn-title-more {font-size:1.6rem; font-weight:600; line-height:1.8rem; display:flex; align-items:center;}
.btn-title-more .btn--arr span {margin-right:0.4rem;}
.btn-box-bg {background-color:var(--gray100); border-radius:0.6rem; display:flex; justify-content:space-between; align-items:center; padding:0.8rem;}
.btn-more { display: block; width: 100%; height: 4rem; font-size: 1.6rem; color: rgba(0, 0, 0, .6); text-align: center; } 
.btn-more--arr { height: 3rem; border: 0; border-radius: 0; background-color: transparent; font-size: 1.4rem; line-height: 2.2rem; } 
.btn-more--arr > span { display: inline-block; font-size: 1.4rem;line-height: 2.6rem;font-weight: 400; padding-right: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg) right 50% no-repeat; background-size: 1.6rem; color: var(--gray010); line-height: 3rem; } 
.btn-more--arr.active > span { background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-up.svg); } 
.btn-more--next { height: 4.8rem; margin-top: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-next.svg) 50% no-repeat; background-size: 2.4rem auto; border: 0; border-radius: 0; } 
.btn-download { display: block; position: relative; padding: 1.5rem 4rem 1.5rem 1.5rem; border: 1px solid rgba(0, 0, 0, .16); background: var(--gray110); border-radius: .8rem; } 
.btn-download:after { content: ""; position: absolute; top: 50%; right: 1.6rem; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-download.svg) no-repeat; background-size: 100% auto; z-index: 10; transform: translateY(-50%); } 
.btn-download + .btn-download { margin-top: 1.6rem;  } 
.type-one {border-color: var(--gray080) !important; background: var(--gray080) !important; color: var(--gray050) !important;}

.btn-icon-s { display: inline-flex; border: 0; padding:0; background-color:transparent; font-size:0; line-height:0} 
.btn-icon-s:before {content:'';display:inline-flex;width:2.4rem;height:2.4rem;background-size:100% auto;}
.btn-icon-s.slct-on:before{content:'선택됨'; background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-wish-on.svg);}/* 2024-01-25 접근성 오류 수정 */

.badge { display: inline-block; padding:0 0.9rem; border: 1px solid rgba(0, 0, 0, .08); border-radius: .4rem; font-size: 1.2rem; color: var(--gray010); line-height:2.2rem;; vertical-align: top; } 
.badge--black { background-color: #dbdbdb; border-color: #dbdbdb; color: var(--dark-black); } 
.badge--blue-line { border-color: var(--selection-blue); color: var(--selection-blue); } 
.badge--green-line { border-color: #00b50e; color: #00b50e; } 
.badge--purple-line { border-color: #5d5af7; color: #5d5af7; } 
.badge--yellow {border-color: var(--yellow050); background-color: var(--yellow050); color: var(--gray010); }
.badge--round { padding: 0 1.1rem; border-radius: 1.6rem; font-size: 1.4rem; line-height: 2.2rem; } 
.badge--ico { font-size: 1.4rem; line-height: 2rem; } 
.badge--ico .btn-del { display: inline-block; margin-left: .8rem; vertical-align: middle; width: 1.6rem; height: 1.6rem; margin-top: -.4rem; border: 0; outline: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat 0 0; background-size: 1.6rem auto; } 
.badge--s {padding:.2rem 0.4rem;font-size:1.1rem;line-height:1.2rem;border-radius: .2rem;}

/* radiobox */
.radio-box { position: relative; display: inline-block; margin-right: 2rem; vertical-align: middle; -webkit-tap-highlight-color: transparent; } 
.radio-box > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; opacity: 0; } 
.radio-box > input:disabled + label { opacity: .5; cursor: default; } 
.radio-box label { display: flex; position: relative; align-items: flex-start; text-align: left; z-index: 1; cursor: pointer; } 
.radio-box label:before { content: ""; display: block; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; margin: 0 .8rem 0 0; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } 
.radio-box label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-off.svg); } 
.radio-box input[type="radio"]:checked + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-on.svg); } 
.radio-box input[type="radio"]:disabled + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-disabled.svg); } 
.radio-box input[type="radio"]:checked:disabled + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-disabled-checked.svg); } 
.chk--btn .radio-box input[type="radio"]:checked + label:after {content: ""; position: absolute;top:50%;right:1.5rem;margin-top:-0.8rem;width:1.6rem;height:1.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) !important; background-size: 1.6rem 1.6rem;}
.chk--btn .radio-box input[type="checkbox"]:checked + label:after {content: ""; position: absolute;top:50%;right:1.5rem;margin-top:-0.8rem;width:1.6rem;height:1.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) !important; background-size: 1.6rem 1.6rem;}

/* checkbox */
.check-box { position: relative; display: inline-block; margin-right: 4.6rem; vertical-align: middle; -webkit-tap-highlight-color: transparent; } 
.check-box + .chk { margin-top: 16px; } 
.check-box > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; opacity: 0; } 
.check-box > input:disabled + label { opacity: .5; cursor: default; } 
.check-box label { display: flex; position: relative; align-items: flex-start; text-align: left; z-index: 1; cursor: pointer; font-size: 1.4rem;line-height: 2.2rem;} 
.check-box label:before { content: ""; display: block; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; margin: 0 .8rem 0 0; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } 
.check-box label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg); } 
.check-box input[type="checkbox"]:checked + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg); } 
.check-box input[type="checkbox"]:disabled + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable.svg); } 
.check-box input[type="checkbox"]:checked:disabled + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable-checked.svg); } 
.check-box--link label { padding-right: 2rem !important; } 
.check-box__detail { display: block; position: absolute; top: 50%; right: 0; width: 4rem; height: 100%; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat center; background-size: 1.6rem auto; z-index: 10; transform: translateY(-50%);} 
.check-box--alone {display: block;margin-top:2.4rem;}
.check-box--alone label {font-size:1.6rem;}

/* chk */
.chk { margin-top: .8rem; } 
.chk::after { content: ""; display: table; clear: both; } 
.chk__link {display: block; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat 100% center; background-size: 1.6rem auto; } 
.chk__body {margin: 0 1.2rem 0 1.6rem;padding: 1.6rem 0 1.6rem 3.6rem;border-top: 1px solid rgba(0, 0, 0, .08); } 
.chk .radio-box,
.chk .check-box { margin: 0; } 
.chk--btn { margin: -.4rem -.25rem; display: flex; align-items: center; } 
.chk--btn .radio-box,
.chk--btn .check-box { flex: 1; padding: .4rem .25rem; } 
.chk--btn label { align-items: center; justify-content: flex-start; height: 4.8rem; padding: 0 1.6rem; border: 1px solid rgba(0, 0, 0, .16); border-radius: .4rem; background: #f9fafc; font-size: 1.4rem; color: var(--gray050); text-align: center; line-height: 1.2; } 
.chk--btn label:before { opacity: 0; width: 0; height: 0; margin: 0; border: 0 !important; } 
.chk--btn input:checked + label { background: var(--gray110); border-color: var(--gray010); color: var(--gray010); } 
.chk--btn.chk-col label { display: flex; font-size: 1.6rem; } 
.chk--btn.chk-col label:before { width: 0; height: 0; margin: 0; } 
.chk--btn-blt { margin-bottom: -.8rem; } 
.chk--btn-blt > .radio-box,
.chk--btn-blt > .check-box { width: 100%; margin-top: .8rem; margin-bottom: .8rem; } 
.chk--btn-blt > .radio-box:first-child,
.chk--btn-blt > .check-box:first-child { margin-top: 0; } 
.chk--btn-blt > .radio-box label,
.chk--btn-blt > .check-box label { display: block; position: relative; padding: 1.5rem 1.6rem 1.5rem 4.8rem; border: 1px solid rgba(0, 0, 0, .16); border-radius: .8rem; background: var(--gray110); font-size: 1.6rem; font-weight:600;} 
.chk--btn-blt > .radio-box label:before,
.chk--btn-blt > .check-box label:before { position: absolute; top: 1.5rem; left: 1.6rem; margin: 0; } 
.chk--btn-blt > .radio-box label .bar,
.chk--btn-blt > .check-box label .bar { color: rgba(0, 0, 0, .16); } 
.chk--btn-blt > .radio-box input:checked + label,
.chk--btn-blt > .check-box input:checked + label { border-color: var(--gray010); background: var(--gray110); } 
.chk--btn-blt > .radio-box input:disabled + label,
.chk--btn-blt > .check-box input:disabled + label { opacity: 1; } 
.chk--btn-blt > .radio-box .label__tit,
.chk--btn-blt > .check-box .label__tit { display: block; color: var(--gray010); font-weight: 600 !important; } 
.chk--btn-blt > .radio-box .label__txt,
.chk--btn-blt > .check-box .label__txt { display: block; margin-top: .4rem; font-size: 1.4rem; line-height: 2.2rem; color: rgba(0, 0, 0, .6); } 
.chk--btn-blt + .line-fullbold {margin: 4rem -1.6rem;}
.chk[class*=col] { align-items: flex-start; } 
.chk-all { margin:1.6rem 0 0; padding: 0 1.5rem; border: 1px solid var(--gray080); border-radius: .8rem; background-color: var(--gray110);} 
.chk-all + .list-blt {margin-top: 1.6rem;} 
.chk-all.on { border-color: var(--gray010); } 
.chk-all__head { padding: 1.6rem 0 1.5rem; } 
.chk-all__head--flex { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
.chk-all__head .check-box label {font-size:16px; font-weight: bold; line-height: 2.4rem;}
.chk-all__body { padding: 1.6rem 0 1.6rem; border-top: 1px solid var(--gray090); } 
.chk-all__body .check-box { display: block; margin-right: 0; } 
.chk-all__body .check-box label { padding-left: 2.4rem; padding-right: 3.2rem; font-size:1.6rem;} 
.chk-all__body .check-box label:before { position: absolute; top: .3rem; left: 0; width: 1.6rem; height: 1.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) !important; background-size: 1.6rem 1.6rem; opacity: .24; } 
.chk-all__body .accordions .accordions__tit {padding:1.6rem 2.4rem 1.6rem 0; border: 0; font-size: 1.4rem;}

.chk-all__body .check-box label .hidden { display: block !important; visibility: visible!important; } 
.chk-all__body .check-box input:checked + label:before { opacity: 1; } 
.chk-all__body .accordions__item .check-box label:before { position: absolute; top: .3rem; left: 0; width: 1.6rem; height: 1.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) !important; background-size: 1.6rem 1.6rem; opacity: .24; }
.chk-all__body .accordions__view .check-box label:before { position: absolute; top: .3rem; left: 0; width: 1.6rem; height: 1.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) !important; background-size: 1.6rem 1.6rem; opacity: .24; }
.chk-all__body .accordions__item span[aria-expanded="true"] label::before { opacity: 1; }
.chk-all__body .check-box__detail { overflow: hidden; width: 3.2rem; background-position: 100% center; font-size: 1px; line-height: 0; color: transparent; } 
.chk-all__body > li {position: relative; } 
.chk-all__body .check-box + .check-box,
.chk-all__body > li + li { margin: 0; } 
.chk-all__body .check-box--link + .check-box--link {margin-top: 1rem;}

.multi-deliv-chk .chk-block label:before { width: 2.4rem; height: 2.4rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) !important; background-size: 2.4rem 2.4rem; opacity: 1;} 
.multi-deliv-chk input[type="checkbox"]:checked + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg) !important; } 

/* 아코디언 전체 체크 */
.chk-all.on .chk-all__body {display: none;}
.chk-all .check-box {display:block;}
.chk-all .accordions__tit { padding: 0; border-bottom: 0;}
.accordions--note + .chk-all {margin-top: 3.2rem;}

/* rd__panel */
.rd__panel { display: none; } 
.rd__panel:before { content: ""; display: table; } 
.rd__panel.on { display: block;  } 
.rd__panel + .tit-dep1 {margin-top:5.6rem;}
.switch { display: inline-block; position: relative; vertical-align: middle; } 
.switch input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; opacity: 0; } 
.switch label { display: block; } 
.switch label:before { content: ""; display: block; width: 4rem; height: 2.4rem; border-radius: 1.2rem; background: #ddd; } 
.switch label:after { content: ""; display: block; position: absolute; top: 50%; left: .2rem; width: 2rem; height: 2rem; background: var(--gray110); border-radius: 50%; box-shadow: -1px 0 .1rem 0 rgba(0, 0, 0, .06); transform: translateY(-50%); } 
.switch input:checked + label:before { background: #fc0; } 
.switch input:checked + label:after { left: auto; right: .2rem; } 
.switch input:disabled + label:before { background: #ddd; } 
.switch input:disabled + label:after { background: rgba(255, 255, 255, .47); box-shadow: .1rem 0 .1rem 0 rgba(0, 0, 0, .04);  } 
.slt-box { position: relative; min-height: 4.8rem; } 
.slt-box__link { display: block; position: relative; padding: 1.6rem 3.2rem 1.6rem 1.6rem; box-sizing: border-box; } 
.slt-box__link::before { content: ''; position: absolute; top: 50%; right: .8rem; z-index: 10; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down2.svg) no-repeat 100% 50%; background-size: 100% auto; transform: translateY(-50%); transition: all .3s; } 
.slt-box [type=date], .slt-box [type=month] { border-bottom: 0; background-color: transparent; } 
.slt-box__label { overflow: hidden; position: absolute; top: 0; left: 0; width: calc(100% - 3.8rem); height: inherit; padding: 1rem 0; color: rgba(0, 0, 0, .24); font-size: 1.8rem; line-height: 2.8rem; text-overflow: ellipsis; white-space: nowrap; } 
.slt-box select { width: 100%; height: 4.8rem; opacity: 0; } 
.slt-box .slt-box__target { opacity: 0; } 
.slt-box .btn-select { overflow: hidden; display: block; position: relative; height: 4.8rem; padding-right: 3.2rem; border-bottom: .2rem solid var(--gray070); font-size: 1.8rem; line-height: 4.6rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } 
.slt-box .btn-select.disabled { background-color: #eee; opacity: .4; } 
.slt-box .btn-select:before { content: ''; position: absolute; top: 50%; right: 0; z-index: 10; width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 100% 50%; background-size: 2.4rem 2.4rem; transition: all .3s; } 
.slt-box .btn-select.on::before { transform: rotate(-45deg); } 
.slt-box .btn-select.stl-select_target {font-weight: 600; color: var(--gray010) !important;}
.slt-box .option.disabled { background-color: #eee; opacity: .4; outline: 0; } 
.slt-box .bs-slt__tg { visibility: visible; } 
.slt-box--inline { display: inline-block; max-width: 100%; min-height: auto; max-height: 2.6rem; border-bottom: none; background: none; vertical-align: middle;} 
.slt-box--inline > div { display: inline-block; max-height: inherit; } 
.slt-box--inline select + .btn-select { display: inline-block; height: auto;min-width: 6.4rem; padding-right: 2.4rem; border-bottom: 0 none; font-size: 1.8rem; line-height: 2.6rem; } 

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="time"],
input[type="date"],
input[type="search"],
input[type="month"], .form-field .form-address { display: block; width: 100%; height: 4.8rem; padding: 1rem 0; border-width: 0 0 2px; border-style: solid; border-color: var(--gray070); border-radius: .4rem .4rem 0 0; color: var(--gray010); font-size: 1.8rem; line-height: 2.8rem; outline: none; box-sizing: border-box; appearance: none; -webkit-appearance: none; font-weight: 600; } 
.slt-box .btn-select.placeholder, input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="time"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder, 
input[type="search"]::placeholder, 
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder, 
input[type="search"]::-webkit-input-placeholder, 
.form-field--textarea textarea::placeholder { color: var(--gray050); font-weight:600;} 
input:focus { z-index: 1; border-color: var(--gray010); background: rgba(0, 0, 0, .04); } 
input:disabled { background: rgba(0, 0, 0, .02); border-color: rgba(0, 0, 0, .04); color: rgba(0, 0, 0, .47); } 
input:read-only { background: var(--gray110); border-color: var(--gray070); color: var(--gray040); font-weight: 600; } 

/* 핸드폰 입력 input */
.form-field--prepare {position: relative; display: flex;flex-wrap: wrap; border-bottom: .2rem solid var(--gray070);}
.form-field--prepare .form-field__obj {flex: 1; margin-top: 1.4rem;}
.form-field--prepare .form-field__obj input {border: 0;}
.form-field--prepare .btn-select {line-height: 1.6rem !important;}
.form-field--prepare .js-select {margin-top: 1.2rem; padding-bottom: .8rem; font-weight: 600; }
.form-field--prepare .slt-box--inline {width: 7rem;}
.form-field--prepare .form-field__obj {margin-top: 0;width: calc(100% - 7rem);}
.form-field--prepare .slt-box--inline + .form-field__obj .form-field__reset {top: 3.4rem}
.form-field--prepare .slt-box--inline .blind + .js-select {margin-top: 1.8rem;}
.form-field--prepare .form-field__error {position: absolute;left: 0;bottom: 0;transform: translateY(100%);}


/* form-field */
.form-field { position: relative; z-index: 1; } 
.form-field::after { content: ""; display: table; clear: both; } 
.form-field .tit-form {margin-top:0;}
/* 25-04-16 공통 간격 수정 s */
.form-field .tit-form:not(.blind) {margin-bottom:0.4rem;}
/* 25-04-16 공통 간격 수정 e */
.form-field + .form-field { margin-top: 3.2rem; } 
.form-field + .form-field--sub {margin-top:1.6rem;}
.form-field + .form-field--sub .form-field__reset {top:1.2rem}
.form-field + .form-field--textarea {margin-top:1.6rem;}
.form-field input { width: 100%; } 
.form-field input[type=file] { position: absolute; top: 1.2rem; right: .8rem; z-index: 2; /* width: 6.6rem; height: 2.7rem;*/ opacity: 0; } 
.form-field.type-blind .form-field__btn {top:1rem;}

.form-field--txt-btn .form-field__obj { position: relative; display: block;} 
.form-field--txt-btn .form-field__reset { right: 8.6rem; top: auto; bottom:1.4rem;} 
.form-field--txt-btn .form-field__btn { position: absolute; top: 4rem; right: .8rem; width: auto; min-width: 4.1rem; padding: .3rem 1rem; border: 1px solid rgba(0, 0, 0, .16); border-radius: .4rem; background-color: var(--gray110); font-size: 1.4rem; line-height: 2rem; text-align: center; } 
.form-field--txt-btn .form-field__btn:disabled {color:var(--gray050);}
.form-field--txt-btn .form-field__txt {position:absolute; bottom:1.2rem; right:7.5rem; font-size:1.6rem; line-height:2.2rem; color:var(--yellow010);}
.form-field--search .form-field__obj input { padding-right: 7.2rem; } 
.form-field--search .form-field__obj input:focus { border-color: var(--gray010); background: var(--gray110); } 
.form-field--search .form-field__obj input:disabled { border-color: rgba(0, 0, 0, .08); background: rgba(0, 0, 0, .02); } 
.form-field--search .form-field__obj ~ [class^=form-field__btn] { overflow: hidden; position: absolute; top:.5rem; right: 0rem; width: 4rem; height: 4rem; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-size: 2.4rem; border: 0 none; opacity: 1; } 
.form-field--search .form-field__obj:has(.tit-form) + [class^=form-field__btn] {top:3.2rem;}
.form-field--search .form-field__obj.clear input { padding-right: 9rem; } 
.form-field--search .form-field__reset { right: 4.2rem; } 
.form-field--search .form-field__btn--search { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg); } 
.form-field--line .form-field__obj input { padding-left: 1.6rem; border-width: 1px; border-radius: .8rem; font-size: 1.8rem; line-height: 2.4rem; } 
.form-field--textarea { margin-top: .8rem; } 
.form-field--textarea .form-field__obj { position: relative; overflow: hidden; display: block; padding: 1.6rem 1.6rem 4rem 1.6rem; border: 1px solid rgba(0, 0, 0, .16); border-radius: .8rem; } 
.form-field--textarea .form-field__count { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; padding: .8rem 1.6rem; color: rgba(0, 0, 0, .32); font-size: 1.4rem; line-height: 2.2rem; text-align: right; } 
.form-field--textarea textarea { display: block; max-height: 22.4rem; min-height: 7.8rem; height: 100%; border: 0; box-sizing: border-box; resize: none; font-size: 1.6rem; line-height: 2.4rem; } 
.form-field--textarea textarea:focus { outline: none; } 
.form-field--textarea textarea:disabled { background: rgba(0, 0, 0, .02); color: rgba(0, 0, 0, .47); } 
.form-field__chk-num { color: var(--gray010); font-size: inherit; } 
.form-field__obj .blind ~ .form-field__btn--search { top: 0; } 
.form-field__obj--error input { border-color: #f00; } 
.form-field__obj.clear input { padding-right: 4rem; } 
.form-field__obj.clear .form-field__reset { visibility: visible; opacity: 1; z-index: 10;} 
.form-field__obj.clear .blind ~ .form-field__reset {top: 1.2rem;}
.form-field--search .form-field__obj.clear .form-field__reset {top: 1.2rem;} 
.form-field__error { display: none; margin-top: .8rem; color: #f00; font-size: 1.4rem; line-height: 2.2rem; } 
.form-field__error:before { content: ''; display: inline-block; width: 1.4rem; height: 2.2rem; margin-right: .4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/14/ico-error.svg) no-repeat center; background-size: 100% auto; vertical-align: top; } 
.form-field__reset { visibility: hidden; opacity: 0; overflow: hidden; position: absolute; top: 4rem; right: .8rem; width: 2.4rem; height: 2.4rem; border: 0 none; background: url(https://img1.kbcard.com/home_re/mo/ico/20/ico-reset.svg) no-repeat 0 0; background-size: 2rem 2rem; background-position:center;} 
.form-field__reset.on {visibility: visible; opacity: 1;}
.tit-form.clear .form-field__reset.on {top: 3rem;}
.form-field--flex .form-field__obj { display: flex; align-items: center; justify-content: space-between; border-width: 0 0 2px; border-style: solid; border-color: var(--gray070); } 
.form-field--flex .form-field__obj input { flex: 1; border: 0; height: 4.6rem; } 
.form-field--flex .form-field__obj input.back-num { background: url(https://img1.kbcard.com/home_re/mo/img/common/img-security.svg) no-repeat 0 50%, url(https://img1.kbcard.com/home_re/mo/img/common/img-security-on.svg) no-repeat 0 50%; background-size: auto .9rem, 0; } 
.form-field--flex .form-field__obj input.back-num.on { background-size: auto .9rem; color: transparent; } 
.form-field--flex .form-field__obj input.back-num-readonly { background: url(https://img1.kbcard.com/home_re/mo/img/common/img-security-readonly.svg) no-repeat 1.4rem 50%; background-size: auto .9rem; } 
.form-field--flex .form-field__obj input + input,
.form-field--flex .form-field__obj .slt-box + input { margin-left: 2.4rem; } 
.form-field--flex .form-field__obj.disabled { background: rgba(0, 0, 0, .02); } 
.form-field--flex .form-field__obj.disabled input:disabled { background-color: transparent; } 
.form-field--flex .form-field__obj .form-field__tit, .form-field--flex .form-field__obj .form-field__unit-txt { display: block; height: 100%; margin-bottom: 0; font-size: 2rem; line-height: 2.8rem; white-space: nowrap; } 
.form-field--flex .form-field__obj .form-field__unit-txt { padding-left: .8rem; } 
.form-field--flex .form-field__obj .divide { display: inline-block; padding: 0 .7rem; color: var(--gray070); font-size: 1.8rem; line-height: 2.8rem; text-align: center; } 
.form-field--flex .slt-box { flex: 1; height: 4.6rem; min-height: auto; border: 0; } 
.form-field--flex .slt-box .btn-select { height: 4.6rem; border-bottom: 0; } 
.form-field--flex input[type=date] { position: relative; border: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-2-calendar.svg) no-repeat 100% 50%; background-size: 2.4rem; line-height:2.6rem;font-size: 1.6rem;} 
.form-feild--calendar .form-field__obj .divide {font-size:2rem; line-height:2.8rem; color:var(--gray040); font-weight:600; margin:0 .8rem 0 .8rem; padding:0;}
.form-field +  .txt-info {margin-top:1.6rem;}

.chk-block .radio-box,
.chk-block .check-box { width: 100%; margin: .8rem 0 ; border-top: .1rem solid var(--gray080);} 
.chk-block .radio-box:first-child,
.chk-block .check-box:first-child { margin-top: 0; border-top: 0; } 
.chk-block .radio-box:first-child label,
.chk-block .check-box:first-child label { padding-top: 0;} 
.chk-block .radio-box:first-child label::before,
.chk-block .check-box:first-child label::before { top: 0;} 
.chk-block .radio-box label,
.chk-block .check-box label { display: block; position: relative; padding: 2.5rem 0rem 0rem 3.2rem; font-size: 1.6rem; } 
.chk-block .radio-box label:before,
.chk-block .check-box label:before { position: absolute; top: 2.4rem; left: 0; margin: 0; } 
.chk-block .radio-box input:checked + label,
.chk-block .check-box input:checked + label { border-color: var(--gray010); } 
.chk-block .radio-box .list-info,
.chk-block .check-box .list-info { margin-top: 1.6rem; } 
.chk-block .radio-box .list-info > li + li,
.chk-block .check-box .list-info > li + li { margin-top: .8rem; } 
.chk-title-wrap { display: flex; align-items: center; } 
.chk-title-wrap .badge { margin-left: .4rem; } 
.chk-block__title { display: inline-block; font-size: 1.6rem; line-height: 2.2rem; } 

[class*=tit-dep] + .chk:not(.chk--btn),
.tit-form + .chk { margin-top: .4rem; } 
[class*=tit-dep] + .chk--btn-blt,
.tit-form + .chk--btn-blt { margin-top: .8rem; } 
.bs-slt__item.on .bs-slt__link { background: var(--gray100) url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-check2.svg) no-repeat calc(100% - 1.6rem) 50%; background-size: 3.2rem 3.2rem; } 
.bs-slt__item.placeholder { display: none; } 
.bs-slt__item .bar { display: inline-block; width: 1px; height: 1.4rem; margin: 0 1rem; background-color: rgba(0, 0, 0, .16); } 
.bs-slt__link { display: block; position: relative; padding: 2.4rem 5.6rem 2.4rem 1.6rem; font-size: 1.6rem;} 

/* 팝업 */
.pop-wrap { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4);  } 
.pop-container { overflow: hidden; position: relative; top: 50%; width: calc(100% - 3.2rem); height: auto; max-height: 95%; margin: auto; background-color: var(--gray110); transform: translate(0, calc(-50% + .5px));  } 
.pop-header { padding: 3.2rem 1.6rem 0 1.6rem; text-align: center;  } 
.pop-header .txt-left { text-align: left;  } 
.pop-header h1,
.pop-header strong {margin-bottom: 0; font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; text-align: center;} 
.pop-header .tit-dep1.pop-header__logo { min-height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-kbcard-color.svg) no-repeat center;  } 
.pop-header .tit-dep1.pop-header__logo > span { overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; margin: -1px; clip: rect(0 0 0 0);  } 
.pop-inner .cont-area {overflow-x:hidden; padding: 2.4rem 1.6rem 4rem;min-height:auto;} 
/* 2024.3.12 리뷰 신고하기 팝업 버튼 미노출로 주석처리 */
/* .pop-container .fixed-area {position: absolute !important;  }*/
.pop-container .btn-wrap span { flex: 1;  } 
.pop-container .btn-wrap span.btn--w-s { flex: 0 0 auto;  } 
.pop-container .btn-wrap span .btn { width: 100%;  } 
.pop-container .btn-wrap span + span { margin-left: .8rem;  } 
.pop-wrap--full .pop-container { position: relative; top: 0; width: 100%; height: 100%; max-height: none; transform: initial;  } 
.pop-wrap--full .pop-container > .pop-close { position: absolute; top: 0; right: 0; width: 5.3rem; height: 5.6rem; z-index: inherit;  } 
.pop-wrap--full .pop-container > .pop-close .pop-close__btn { display: block; width: 100%; height: 100%; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; font-size: 1px; color: transparent;  } 
.pop-wrap--full .pop-container > .pop-home { position: absolute; top: 0; right: 3.6rem; width: 5.3rem; height: 5.6rem; z-index: inherit;  } 
.pop-wrap--full .pop-container > .pop-home .pop-home__btn { display: block; width: 100%; height: 100%; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-home.svg) no-repeat 1.6rem 1.6rem; background-size: 2.4rem 2.4rem; font-size: 1px; color: transparent;  } 
.pop-wrap--full .pop-container > .pop-download { position: absolute; right: 1.6rem; top: 1.6rem; z-index: inherit;  } 
.pop-wrap--full .pop-container > .pop-download .btn-download-pdf { display: block; width: 2.4rem; height: 2.4rem; background: red url() no-repeat center; background-size: 2.4rem 2.4rem;  } 
.pop-wrap--full .pop-header { width: 100%; height: 5.6rem; padding: 1.6rem 5.3rem; text-align: center;  } 
.pop-wrap--full .pop-header__logo { min-height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-logo-kbcard-color.svg) no-repeat center;  } 
.pop-wrap--full .pop-header__logo > span { overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; margin: -1px; clip: rect(0 0 0 0);  } 
.pop-wrap--full .pop-inner { overflow-y: auto; height: calc(100vh - 5.6rem); -webkit-overflow-scrolling: touch;  } 
.pop-wrap--full .pop-inner.is-fixed { height: calc(100vh - 5.6rem - 8.8rem); padding-bottom: 0;  } 
.pop-wrap--full .pop-inner.type2 {height: calc(100% - 5.6rem) !important;}

.pop-wrap--bottom-up .pop-container { display: flex; flex-direction: column; justify-content: flex-start; position: absolute; top: auto; bottom: 0; width: 100%; height: auto; max-height: calc(100vh - 5.6rem); border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem; background-color: var(--gray110); transform: initial; box-shadow: 0 -1.6rem 1.5rem 0 rgba(0, 0, 0, .08);  } 
.pop-wrap--bottom-up .pop-container > .pop-close { position: absolute; top: 0; right: 0; width: 6.8rem; height: 6.8rem;  } 
.pop-wrap--bottom-up .pop-container > .pop-close .pop-close__btn { display: block; position: relative; width: 100%; height: 100%; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat 50% 50%; background-size: 2.4rem 2.4rem; font-size: 1px; color: transparent;  } 
.pop-wrap--bottom-up .pop-header {display: flex;align-items: center;justify-content: center; width: 100%; min-height: 6.8rem; padding: 1.6rem 1.6rem; text-align:center;} 
.pop-wrap--bottom-up .pop-inner { overflow-y: auto; height: auto !important; max-height: calc(100vh - 5.8rem); -webkit-overflow-scrolling: touch;  } 
.pop-wrap--bottom-up .pop-inner .cont-area { padding-top: 1.6rem;} 
.pop-wrap--bottom-up .pop-inner .btn-wrap { margin-top: 4rem;  } 
.pop-wrap--bottom-up .pop-inner.is-fixed { max-height: calc(100vh - 5.8rem - 8.8rem);  } 
.pop-wrap--bottom-up .pop-inner.is-fixed .btn-wrap { margin-top: 0;  } 
.pop-wrap--bottom-up .pop-inner + .fixed-area { box-shadow: none; } 
.pop-wrap--bottom-up[data-type='fixed'] .pop-container { height: 45rem;  } 
.pop-wrap--bottom-up[data-type='fixed'] .pop-inner .cont-area { padding: 0;  } 
.pop-wrap--bottom-up[data-type='fixed'] .pop-inner .cont-area--pd { padding: 0 1.6rem 2.4rem !important;  } 
.pop-wrap--bottom-up[data-type='fixed'] .tabs__menu--full { margin: 0;  } 

.pop-wrap--gap .pop-header {padding:1.6rem 1.6rem; min-height:6.8rem;}
.pop-wrap--gap .pop-container > .pop-close {height:6.8rem}

.pop-wrap--center .pop-container{max-width:500px;left:50%;transform:translateX(-50%);}
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .pop-container { border-radius: 1.6rem;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .pop-header + .pop-inner .cont-area { padding-top: 3.2rem !important;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up):not(.pop-wrap--top-down):not(.pop-wrap--alert) .pop-inner .cont-area { overflow-y: auto; max-height: calc(100vh - 6.4rem - 7.2rem - 2.4rem); min-height: auto; padding: 2.4rem 1.6rem !important; -webkit-overflow-scrolling: touch;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .pop-inner.is-fixed { padding-bottom: 7.2rem;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .btn-wrap { position: absolute; padding: 0 1.6rem 2.4rem;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .btn-wrap .btn { padding: 1.1rem .8rem; font-size: 1.6rem; line-height: 2.4rem;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .fixed-area .btn-wrap {position: relative;padding: 0;  } 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .fixed-area .btn-wrap svg {position: absolute;right: 0;top: -7.4rem;width: 9.6rem !important;height: 9.6rem !important;} 
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .fixed-area .btn-wrap .btn.btn--yellow {font-weight: 600;}
.pop-wrap--top-down .pop-container { display: flex; flex-direction: column; justify-content: flex-start; position: absolute; top: 0; bottom: auto; width: 100%; height: auto; max-height: calc(100vh - 5.6rem); border-radius: 0 !important; background-color: var(--gray110); transform: initial; box-shadow: none;  } 
.pop-wrap--top-down .cont-area.is-bg {background-color: var(--gray100);}
.pop-wrap--top-down .pop-inner { overflow-y: auto; height: auto !important; max-height: calc(100vh - 5.8rem); -webkit-overflow-scrolling: touch;  } 
.pop-wrap--top-down .pop-inner .btn-wrap { margin-top: 4rem;  } 
.pop-wrap--top-down .pop-inner .cont-area { min-height: auto; max-height: calc(100vh - 10.4rem); padding:0;} 
.pop-wrap--top-down .pop-dim {position: fixed; top:0;bottom:0;left:0;right:0;z-index: -1;}
.pop-wrap--top-down .form-field__obj .form-field__reset {top:1.2rem;}

.pop-wrap--alert .pop-container > .pop-header + .pop-inner .cont-area {font-weight:300; text-align:left;}
.pop-wrap--alert .pop-container > .pop-inner .cont-area {padding:3.2rem 1.6rem 4.8rem !important; text-align:center; font-size:1.6rem; font-weight:600;}

/* 텍스트 중앙정렬 */
.text-center {text-align: center !important;}

/* 메인 bottom 팝업 */
.main-pop-banner {overflow: hidden;}
.main-pop-banner .swiper-container {border-radius: 1.6rem 1.6rem 0 0;}
.main-pop-banner .img-box img {vertical-align: top; width: 100%;}
.pop-container .btn-area {display: flex;align-items: center;justify-content: space-between;padding:16px;}
.pop-container .btn-area .pop-view {font-size: 1.4rem;line-height: 2rem;text-decoration: underline;color: var(--gray010);}
.pop-container .btn-area .btn-close {display: inline-flex;align-items: center; font-size: 1.4rem;line-height: 2rem;border: 0;background-color: transparent;}
.pop-container .btn-area .btn-close::after {content: '';width: 1.6rem;height: 1.6rem;margin-left: .4rem;background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-pop-close.svg) no-repeat 50% 50% / 1.6rem auto;}

.pop-ani { animation: slide-in .3s;  } 
.pop-ani-up { animation: slide-up .3s; } 
.pop-ani-down { animation: slide-down .3s; } 
.pop-wrap--center .pop-ani-up{animation: slide-center .3s;}

@keyframes slide-in { 
    0% { opacity: 0; transform: translate(0, -40%); } 
    100% { opacity: 1; transform: translate(0, calc(-50% + .5px)); } 
}

@keyframes slide-up { 
    0% { opacity: 0; transform: translateY(100%);} 
    100% { opacity: 1; } 
}
@keyframes slide-center { 
    0% { opacity: 0; transform: translate3d(-50%,100%,0);} 
    100% { opacity: 1; } 
}
 @keyframes slide-down { 
    0% { opacity: 0; transform: translateY(-5.2rem); } 
    100% { opacity: 1; } 
}

/* toast popup */
.toast-popup {position: fixed;bottom: 0;left: 50%;display: flex;align-items: center;text-align: center;justify-content: center; padding: 1.6rem; font-weight: normal !important;width: calc(100% - 3.2rem);clip: rect(0 0 0 0);font-size: 1.4rem;color: var(--gray110); line-height: 2.2rem;border-radius: .8rem;transform: translateX(-50%);background-color: rgba(0 ,0,0,0.8);z-index: 10000;}
.toast-popup.show {bottom: 4rem;clip:unset;}

/* 라인 */
.line-fullbold {background-color:var(--gray090); border-top:0.1rem solid var(--gray080); border-left: 0; border-right: 0; box-sizing:border-box; height:0.8rem; margin:2.4rem -1.6rem;}
.line-fullbold.space-type1 {margin-top: 4rem;margin-bottom: 4rem;}
.line-fullbold + .affiliate {margin-top: 1.6rem;}
.line-normal {border: 0; border-top:.1rem solid var(--gray080); margin:2.4rem 0rem;}

/* List */
.list-blt > li { position: relative; padding-left: 1.2rem; font-size: 1.4rem; color: var(--gray010); line-height: 2.4rem; text-align: left; text-indent:0;  } 
.list-blt > li:before { content: ""; display: block; position: absolute; top: .9rem; left: 0; width: .4rem; height: .4rem; border-radius: 50%; background-color: currentColor;  } 
.list-blt > li strong {font-size: 1.4rem;}
.list-blt > li + li { margin-top: .8rem;  } 
.list-blt > li > ul { margin: .8rem 0 1.6rem;  } 
.list-blt > li .ul_star { margin-top: .8rem; margin-bottom: 0;  } 
.list-blt > li .ul_star > li { color: rgba(0, 0, 0, .6); font-size: 1.6rem; line-height: 2.4rem;  } 
.list-blt > li .ul_star > li + li { margin-top: .4rem;  } 
.list-blt > li .ul_num { margin-top: .8rem; margin-bottom: 0;  } 
.list-blt > li .ul_num > li { color: var(--gray010); font-size: 1.6rem; line-height: 2.4rem;  } 
.list-blt > li .ul_num > li + li { margin-top: .4rem;  } 
.list-blt > li .ul_dash { margin-top: .8rem; margin-bottom: 0;  } 
.list-blt > li .ul_dash > li { color: rgba(0, 0, 0, .6); font-size: 1.4rem; line-height: 2.4rem;  } 
.list-blt > li .ul_dash > li + li { margin-top: .4rem;  } 
.list-blt.no-bullet li {padding-left: 0;line-height: 2rem;}
.list-blt.no-bullet li::before {display: none;}
.list-blt--dash > li { padding-left: 1.6rem;  } 
.list-blt--dash > li:before { top: 1.1rem; width: .8rem; height: 1px;  } 
.list-blt--dash > li span { font-size: 1.4rem; color: var(--gray010); text-decoration: underline;  } 
.list-blt--s li { font-size: 1.4rem; line-height: 2.2rem;  } 
.list-blt--s li + li { margin-top: .8rem;  } 
.list-blt--xs > li {font-size:1.2rem;line-height:1.6rem;color:var(--gray010);}
.list-blt--xs > li + li {margin-top:0.8rem;}
.list-info + .list-blt--xs {margin-top:1.6rem;}
.list-blt--s + .list-blt--xs {margin-top:0.8rem;}
.list-link__item > a { display: block; padding: 1.6rem 2.4rem 1.6rem 0; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat 100% 50%; background-size: 2.4rem;  } 
.list-link .list-link__tit { flex-basis: 70%; text-overflow: initial; white-space: initial;  } 
.list-link--line-btm .list-link__item { border-bottom: 1px solid rgba(0, 0, 0, .08);  } 
.list-link__title { overflow: hidden; display: block; color: var(--gray010); text-overflow: ellipsis; white-space: nowrap; font-weight: 600;  } 
.list-link--brd .list-link__item > a {border-bottom:1px solid var(--gray080);}
.list-link--brd .list-link__title {font-size:1.6rem; margin-bottom:0.8rem;}
.list-link--brd .list-link__date {font-size:1.6rem; line-height:2.4rem;}
.txt-wrap .list-blt + .tit-dep3 {margin-top: 2.4rem;}
.txt-wrap .tit-dep3 {margin-bottom: .4rem;}
.txt-wrap .txt {margin-bottom: .4rem;}
.text-blt {position: relative; padding-left: 1rem;}
.text-blt::before {content: ""; display: block; position:absolute; top: .9rem; left: 0; width: .4rem; height: .4rem; border-radius: 50%; background-color: currentColor;  }


.ico-list a{text-decoration: underline;}
.ico-list__cont{position:relative;display:block;margin-bottom: 0.8rem; padding-left: 3.2rem; line-height: 2.4rem;font-weight: 400;}
.ico-list__cont:before{content:'';position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;}
.ico-time:before{background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-time.svg)}
.ico-call:before{background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-cs.svg)}

/* Accordions */
.accordions::after { content: ""; display: table; clear: both;  } 
.accordions .accordions__item {position: relative;}
.accordions__item.active .accordions__view {border-bottom:0.1rem solid rgba(0, 0, 0, .08);}
#footer .accordions__view,
.accordions.menu-shop .accordions__view,
.accordions.accordions--note .accordions__view {border-bottom:0;}
.accordions__tit { display: block; position: relative; width: 100%; padding: 2.4rem 3.2rem 2.4rem 0; border-bottom: 1px solid rgba(0, 0, 0, .08); color: var(--gray010); font-size: 1.6rem; text-align: left;  } 
/* .accordions__tit:focus { z-index: 9; } */ /* [25-06-09] 카테고리 오류 수정으로 제거 */
.accordions__tit::before,
.accordions__tit::after {content: ''; position: absolute; top: 50%; right: 12px; width: 1px; height: 10px; margin-top: -7px; background: #26282c; border-radius: 1px; transform-origin: 50% 99%; transition: transform 300ms;}
.accordions__tit::before {transform: translate3d(0,0,0) rotate(-45deg);}
.accordions__tit::after {transform: translate3d(0,0,0) rotate(45deg);} 
.accordions__tit.accordions__tit--bdn {border:none;}
.accordions__view { display: none; padding: 2.4rem 1.6rem 4rem 1.6rem;} 
.accordions:not(.accordions) .accordions__tit::before { display: none;  } 
.accordions:not(.accordions) .accordions__view { display: block;  } 
.accordions--multi .accordions__tit {font-weight:600;}
.accordions--multi .accordions__tit::before,
.accordions--multi .accordions__tit::after {right:12px;height:17px;margin-top:-9px;transform-origin:50%;} 
.accordions--multi .accordions__tit::before {transform:rotate3d(0, 0, 1, 0deg)} 
.accordions--multi .accordions__tit::after{transform:rotate3d(0, 0, 1, 90deg)}
.accordions--multi .active .accordions__tit::before {transform: rotate3d(0, 0, 1, -90deg);} 
.accordions--multi .active .accordions__tit::after {transform:rotate3d(0, 0, 1, 90deg)} 
.accordions--note {border:1px solid var(--gray080);border-radius: 0.8rem;}
.accordions--note .accordions__tit { display: inline-block;padding: 1.6rem 4.4rem 1.6rem 1.6rem;border: 0;background: none; font-size: 1.6rem; line-height: 2.4rem; text-align: left; } 
/* .accordions--note .accordions__tit:focus { z-index: 10;  } */ /* [25-06-09] 카테고리 오류 수정으로 제거 */
.accordions--note .accordions__tit::before,
.accordions--note .accordions__tit::after {right: 2.4rem;} 
.accordions--note .accordions__view { display: none; margin:0 1.6rem; padding:0 0 1.6rem; background-color: transparent;  } 
.accordions--note .list-blt--dash li::before { top: .6rem; } 
.accordions + .form-field--textarea {margin-top: 2.4rem;}
.accordions .accordions__agree {position: relative;display: flex; align-items: center; height: 5.6rem;padding-right: 5.2rem;}
.accordions .accordions__agree .check-box {display: block;position: absolute;left: 1.6rem;top: 50%; margin-right: 0;transform: translateY(-50%);z-index: 1;}
.accordions .accordions__agree .check-box label {font-size: 1.6rem;font-weight: 600;line-height: 2.4rem;}
.accordions .accordions__agree + .accordions__tit {position: absolute;right: 0;top: 0;width: 5rem;height: 5.6rem;}

.accordions--note.no-line {border: 0;}
.accordions--note.no-line .accordions__tit {display: inline-flex;align-items: center; padding-left: 0;width: auto;}
.accordions--note.no-line .accordions__view {border-top: 0;margin: 0;}

.active .accordions__tit::before,
.on .accordions__tit::before { transform: translate3d(0,-7px,0) rotate(-135deg) } 
.active .accordions__tit::after,
.on .accordions__tit::after { transform: translate3d(0px,-7px,0) rotate(135deg) } 

.help { padding-top: .9rem;  } 
.help li { position: relative; margin-left: 3.2rem; padding-bottom: .9rem; font-size: 1.4rem; line-height: 2.4rem; color: rgba(0, 0, 0, .6);  } 
.help li.time-ico::before { position: absolute; top: 0px; left: -32px; content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-time.svg) no-repeat 0 0; background-size: 100% auto;  } 
.help li.servicecenter-ico:before { position: absolute; top: 0px; left: -32px; content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-cs.svg) no-repeat 0 0; background-size: 100% auto;  } 
.help li.servicecenter-ico a { border-bottom: 1px solid rgba(0, 0, 0, .6);  } 
.help__tit { display: inline-block; width: 11.2rem; margin-right: .4rem; font-size: 1.4rem;  } 
.list-info { width: 100%; word-break: keep-all;  } 
.list-info + .list-info { margin-top: 1.6rem; padding-top:1.6rem; border-top: 1px solid var(--gray090);  } 
.list-info > li { display: flex; justify-content: space-between; align-items: flex-start;  } 
.list-info > li + li { margin-top: 2.4rem;  } 
.list-info > li > .list-info--ss { width: 100%;  } 
.list-info > li > .list-info--ss > li + li { margin-top: .8rem;  } 
.list-info > li > .list-info--ss .list-info__tit { font-size: 1.4rem;  } 
.list-info > li > .list-info--ss .list-info__desc { font-size: 1.4rem;  } 
.list-info__item .list-info__tit,
.list-info__item .list-info__desc { color: #f00; font-size: 1.4rem !important; line-height: 2rem !important;  } 
.list-info__tit { display: block; max-width: 70%; margin-right: .8rem; font-size: 1.6rem; color: var(--gray010); line-height: 2rem;  } 
.list-info__tit .badge { margin-top: .2rem;  } 
.list-info__desc { display: block; max-width: 70%; text-align: right; font-size: 1.6rem; color: var(--gray010); font-weight: 600; line-height: 2.4rem;  } 
.list-info__desc .btn--arr::after { margin-left: .4rem;  } 
.list-info__desc .btn { vertical-align: top;  } 
.list-info--s > li + li { margin-top: 0.8rem; } 
.list-info--s .badge { margin-right: .4rem; vertical-align: text-bottom;  } 
.list-info--s .list-info__tit,
.list-info--s .list-info__desc {font-size:1.4rem !important;}
.info-list dl {display: flex; line-height:2.2rem;}
.info-list dl:nth-child(1) {align-items: center;}
.info-list dl + dl {margin-top:1.2rem;}
.info-list dl dt {width: 12.8rem;margin-right:1.6rem;color:var(--gray040);}
.info-list dl dd {width: calc(100% - 14.4rem);}
.info-list dl dd.point-area {display: flex;align-items: center;}
.info-list dl dd .btn-renew {display: inline-flex;align-items: center;justify-content: center; margin-left: .8rem;min-width: 8.6rem; height: 3.2rem;border: .1rem solid var(--gray070);border-radius: .4rem;background-color: var(--gray110);}
.info-list dl dd .btn-renew::before{width: 1.6rem;height: 1.6rem;background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-renew.svg) no-repeat 50% 50% / cover;transform: rotate(0);transition:all .5s ease-in;}
.info-list dl dd .btn-renew span {font-size: 1.4rem;line-height: 2rem;}
.info-list dl dd .btn-renew.off {border-color: var(--gray070);}
.info-list dl dd .btn-renew.off::before {opacity: .6;transform: rotate(180deg);}
.info-list dl dd .btn-renew.off span {color: var(--gray050);}

.list-step { position: relative;  } 
.list-step__item { position: relative; padding: 0 0 2.4rem 2.3rem;  } 
.list-step__item:before { content: ''; position: absolute; top: .7rem; left: .4rem; bottom: -.7rem; z-index: 0; width: 1px; border-left: 1px dotted var(--dark-black);  } 
.list-step__item:after { content: ''; position: absolute; top: .7rem; left: 0; width: 1rem; height: 1rem; background: var(--gray110); border: .2rem solid var(--dark-black); border-radius: 50%; box-sizing: border-box;  } 
.list-step__item:last-child { padding-bottom: 0 !important;  } 
.list-step__num { display: block; margin-bottom: .8rem; color: var(--gray010); font-size: 1.6rem; line-height: 2.4rem;  } 

.tbl-view table { table-layout: fixed; word-wrap: break-word; word-break: break-all; text-align: center; position: relative;  } 
.tbl-view table caption { text-align: left;  } 
.tbl-view table th, .tbl-view table td { vertical-align: middle; padding: 1.5rem; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; color: var(--gray010); font-size: 1.4rem; line-height: 2.2rem; text-align: left;  } 
.tbl-view table th:last-child, .tbl-view table td:last-child { border-right: 0;  } 
.tbl-view table th { background: #f9fafc;  } 
.tbl-view--center table th, .tbl-view--center table td { text-align: center; } 

/* 관리자 등록 */
.view-ui img {display:block; width:100%; }
.view-ui a {text-decoration:underline; display:block;}
.view-ui a + a {margin-top:0.8rem;}

/* tabs */
.tabs__menu::after { content: ""; display: table; clear: both;  } 
.tabs__menu > li { float: left; position: relative; width: auto;  } 
/* 25년 3분기 접근성 수정 26 s */
.tabs__menu > li button, 
.tabs__menu > li a { display: block; position: relative; margin:0; font-size: 1.6rem; line-height: 2.4rem; padding:0 1.6rem 1.4rem 1.6rem; color: var(--gray040);font-weight: 400; text-align: center; background: none; border: 0; height: auto;  }/* 24.1.17 접근성 */
/* 25년 3분기 접근성 수정 26 e */
.tabs__menu > li.active button,
.tabs__menu > li.active a {color: var(--gray010); font-weight: 600; background: none;  } 
.tabs__menu--m > li + li { padding-left: 1.6rem;  } 

/* .tabs__panel { padding-top: 3.2rem;  }  */
.tabs.js-flex > .tabs__panel { display: flex; flex-direction: column; width: 100%;  } 
.tabs__menu > li.active button:after, 
.tabs__menu > li.active a:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #191d21;  } 
.tabs__menu > li + li { padding-left: 0rem;  } 
.tabs__menu--full { display: flex; justify-content: space-between; margin: 0 -1.6rem 0; border-bottom: 1px solid rgba(0, 0, 0, .16);  } 
.tabs__menu--full > li { flex: 1; display: flex;  } 
.tabs__menu--full > li + li { padding-left: 0;  } 
.tabs__menu--full > li button, 
.tabs__menu--full > li a { flex: 1; display: flex; align-items: center; justify-content: center; padding: 1.6rem 0 1.5rem; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem;  } 
.tabs__menu--full.type-sticky {position: sticky;left: 0;top: 0;background-color: var(--gray110);z-index: 11;}

/* .tabs__여행 신규 2024-02-19 */
.tabs__menu--interval {display: flex; justify-content: left; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, .16);}
.tabs__menu--interval li { flex: none; margin-bottom:0; width: auto;}
.tabs__menu--interval > li + li { padding-left: 2.4rem;  } 
.tabs__menu--interval > li button, 
.tabs__menu--interval > li a { flex: none; display: flex; align-items: center; justify-content: left; padding: 1.6rem 0 1.5rem; font-size: 1.6rem; line-height: 2.4rem;} 
/* //.tabs__여행 신규 2024-02-19 */

.tabs__menu--radius { margin: -.8rem 0;  } 
.tabs__menu--radius > li { margin: .8rem .8rem .8rem 0;  } 
.tabs__menu--radius > li button, 
.tabs__menu--radius > li a { padding: .3rem 1.2rem; font-size: 1.4rem; line-height: 2.2rem; color: rgba(0, 0, 0, .6); background: var(--gray090); border-radius: 1.6rem; border: 2px solid var(--gray090);  } 
.tabs__menu--radius > li + li { padding-left: 0;  } 
.tabs__menu--radius > li.active button { color: var(--gray010); border-color: var(--gray010); background: var(--gray110);  } 
.tabs__menu--radius > li.active a { color: var(--gray010); border-color: var(--gray010); background: var(--gray110);  }
.tabs__menu--radius > li.active button:after,
.tabs__menu--radius > li.active a::after { display: none;} 
.tabs__menu--rblack, .tabs__menu--rblack-s { margin: -.8rem 0;  } 
.tabs__menu--rblack > li, .tabs__menu--rblack-s > li { margin: .8rem .8rem .8rem 0;} 
.tabs__menu--rblack > li button, .tabs__menu--rblack-s > li button, 
.tabs__menu--rblack > li a, .tabs__menu--rblack-s > li a { padding: .8rem 1.6rem; font-size: 1.4rem; line-height: 2.2rem; color: rgba(0, 0, 0, .6); background: var(--gray090); border-radius: 1.9rem; border: 0;  } 
.tabs__menu--rblack > li + li, .tabs__menu--rblack-s > li + li { padding-left: 0;  } 
.tabs__menu--rblack > li.active button, .tabs__menu--rblack-s > li.active button,
.tabs__menu--rblack > li.active a, .tabs__menu--rblack-s > li.active a { color: var(--gray110); background: var(--gray010);  } 
.tabs__menu--rblack > li.active button:after, .tabs__menu--rblack-s > li.active button:after,
.tabs__menu--rblack > li.active a:after, .tabs__menu--rblack-s > li.active a:after { display: none;  }

/* tabs__menu--rblack 스크롤 가이드 추가 24-08-13 */
.scroll-wrap .tabs__menu--rblack {border: 0 !important;}

.tabs__menu--rblack-s > li button { padding: .5rem 1.6rem; border-radius: 1.6rem;  } 
.tabs__menu--center { display: flex; justify-content: center;  } 
.tabs__panel { padding-top: 3rem;  } 
.scroll-wrap { position: relative;} 
.scroll-wrap .tabs__menu { overflow-x: auto; overflow-y: hidden; display: flex; white-space: nowrap; border-bottom: 0.1rem solid var(--gray070);} 
.scroll-wrap .tabs__menu > li { float: none; flex-direction: column; } /* 탭메뉴 css 수정 24-08-13 */
.scroll-wrap .tabs__menu > li:first-child { /* padding-left: 1.6rem; */ padding-left: 0;  } 
.scroll-wrap .tabs__menu > li:last-child { /* padding-right: 1.6rem; */ padding-right:0; } 
.scroll-wrap .tabs__menu > li a { padding-top: 1.6rem; font-size: 1.6rem; line-height: 2.4rem;  } 
.scroll-wrap .tabs__menu > li.on a:after { bottom: 0;  } 
.scroll-wrap--default { margin: 0 -1.6rem;  } 
.scroll-wrap--default:after { display: none;  } 
.scroll-wrap--default .tabs__menu > li a { padding: .3rem 1.4rem; font-size: 1.4rem; line-height: 2.2rem;  } 
.scroll-section + .scroll-section {margin-top: 1.6rem;}
.tabs.js-flex > .tabs__panel { display: flex; flex-direction: column; width: 100%; } 

.commerce-main .tabs--slide {top: 0;}
.locked .tabs--slide {position: static;}
.tabs--slide {position: sticky;top:0rem;overflow-x:auto;overflow-y: hidden; height:5.4rem;margin:0 -1.6rem;padding:0.8rem 0.8rem 0.8rem 1.6rem;z-index: 100;background-color: var(--gray110);}
.tabs--slide .tabs__menu {display: flex;flex-wrap: nowrap; height:5.4rem;margin-right: 0.8rem;font-size: 0;white-space:nowrap;}
.tabs--slide .tabs__menu li {display: inline-block; width: auto;text-decoration: none;margin:0;}
.tabs--slide .tabs__menu li a {margin: 0.8rem 0.8rem 0.8rem 0;}
.tabs--slide + .items--full {margin-top: 1.6rem;}

.tab-wrap {position: sticky;top: 0;margin:0 -1.6rem;background-color: var(--gray110);z-index: 12;}
.tab-wrap::after {content: '';position: absolute;right: 0;top: 0; width: 3.8rem;height: 5.4rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--gray110) 5.4rem);}
.tab-wrap.end::after {display: none;}
.tab-list {display: flex;flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;padding:.8rem 0 .8rem 1.6rem; }
.tab-list li {width: auto;}
.tab-list li + li {margin-left: .8rem;}
.tab-list li:nth-last-child(1) {padding-right: 1.6rem;}
.tab-list li a {display: inline-flex;align-items: center; height: 3.8rem;padding: 0 1.6rem; color: var(--gray040);font-size: 1.4rem;line-height: 2.2rem; border-radius: 1.9rem; background: var(--gray090);}
.tab-list li a.active {color: var(--gray110);font-weight: 600; background-color: var(--gray010);}

/* tooltip */
.tooltip { overflow: hidden; display: inline-block; position: relative; width: 2rem; height: 2rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-info.svg) no-repeat center; background-size: 2rem auto; border: none; font-size: 0.1rem; color: transparent; vertical-align: top;  } 
.tooltip-starshop { background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-starshop.png) no-repeat 0 0; background-size:cover;  } 
.tooltip__inner { color: rgba(0, 0, 0, .6);  } 
.tooltip__inner .tit-dep2 { margin-bottom: 1.6rem;  } 
.tooltip__head { position: relative; margin-bottom: 1.6rem; padding-right: 4rem;  } 
.tooltip__head strong { font-size: 1.6rem; line-height: 2.4rem; color: var(--gray010);  } 
.tooltip__arr { display: block; position: absolute; top: -.6rem; width: 1.1rem; height: 1.1rem; border-style: solid; border-width: 0 0 1px 1px; border-color: rgba(0, 0, 0, .16); background: var(--gray110); transform: rotate(135deg);  } 
.top .tooltip__arr { top: auto; bottom: -.6rem; transform: rotate(-45deg);  } 

.num-form {display: flex;justify-content: space-between; position: relative; width:10.4rem; height:3.2rem; border:0.1rem solid var(--gray080); box-sizing: border-box; border-radius: 0.4rem;overflow: hidden; } 
.num-form input { position: absolute; left: 3.1rem; top:0; text-align: center; width:4rem; height: 3rem; font-size: 1.6rem; border:0.1rem solid var(--gray080); color: var(--gray010) !important; border-width: 0 .1rem; border-radius: 0; opacity: 1;} 
.num-form input:disabled , .num-form input:read-only{color: var(--gray040);}
.num-form button {width:3rem;height:3rem; background-color: var(--gray110);border:0;border-radius: 0.4rem;} 
.num-form button.btn-minus {background:var(--gray110) url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-minus.svg) no-repeat 50% 50% / 1.6rem 1.6rem;}
.num-form button.btn-plus {background:var(--gray110) url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-plus.svg) no-repeat 50% 50% / 1.6rem 1.6rem;}

/* 아이콘 */
.btn__plus::before {content: ""; display:inline-flex; margin-right: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-plus.svg) no-repeat 0 0 / 1.6rem auto;}
.btn-downloads::after {content: ""; display:inline-flex; vertical-align: text-top; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-download.svg) no-repeat 0 0 / 2.4rem auto;}
.btn-refresh-view::after {content: ""; display:inline-flex; margin-left: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-renew.svg) no-repeat 0 0 / 1.6rem auto;}
.btn-more-view::after {content: ""; display:inline-flex; margin-left: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat right 50% / 1.6rem auto;}

.arr-top-ico::before {content: ""; display:inline-flex; margin-right: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-2-up.svg) no-repeat 0 0 / 1.6rem auto;}
.arr-bottom-ico::before {content: ""; display:inline-flex; margin-right: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg) no-repeat 0 0 / 1.6rem auto;}
.arr-left-ico::before {content: ""; display:inline-flex; margin-right: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-left.svg) no-repeat 0 0 / 1.6rem auto;}
.arr-right-ico::before {content: ""; display:inline-flex; margin-right: .6rem; vertical-align: text-top; width: 1.6rem; height: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat 0 0 / 1.6rem auto;}

.ico {display: flex;align-items: center;}
.ico:before {content:'';display:inline-flex;width:2.4rem;height:2.4rem; margin-right: 0.4rem;background-size:100% auto;}
.ico-delivering:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-delivering.svg);}
.ico-download:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/ico_1_download.svg);}
.ico-coupon:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-coupon.svg);}

.ico-delivery::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-check.svg);}
.ico-point::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-point.svg);}
.ico-wish::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-1-wish.svg);}
.ico-search::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-menu-search.svg);}
.ico-cart::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-cart.svg);}
.ico-clipheart::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-clipheart.svg);}
.ico-my::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-prifile.svg);}
.ico-wish-24::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-wish.svg);}
.ico-share::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-share.svg);}
.ico-benefits::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-benefits3.svg);}

.ico-my-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-my-shopping.svg);}
.ico-cart-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-cart.svg);}
.ico-event-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-benefit.svg); background-size: 3.2rem auto;}
.ico-cs-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-cs.svg);}
.ico-carrier-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-my-tour.svg);}
/* 25-08-14 최근본상품 추가 s */
.ico-product-32::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-product.svg);}
/* 25-08-14 최근본상품 추가 e */
.box-yellow-ico {position: relative;;min-height:3.2rem;padding:0.9rem 1.2rem 0.9rem 5.4rem;border-radius: 0.6rem;background-color: rgba(255,224,90,.3);line-height: 2.2rem;}
.box-yellow-ico::before {content:'';position:absolute;top:50%;left:1.6rem;margin-top:-1.6rem;width:3.2rem;height:3.2rem;background-size: 100% auto;}

.box-yellow-text {position: relative; margin: 1.6rem 0 3.2rem !important; min-height:3.2rem; padding:1.6rem;border-radius: 0.6rem;background-color: rgba(255,224,90,.3);line-height: 2.2rem;}
.box-yellow-text em {font-weight: 600;}
.box-yellow-text a {margin-top: .4rem;}

.bottom_nav {position: fixed; border: 1px solid var(--black); left: 0; bottom: 0; /* padding: .8rem .8rem;*/ width: 100%; height: 6.4rem; line-height: 6.4rem;  background:var(--gray110); font-weight: bold;}
.bottom_nav--icon ul {display: flex; }
.bottom_nav--icon ul li a { display: block; position: relative; width: 4.8rem; height: 6.4rem; text-align: center;}
.bottom_nav--icon li.active a .Plus-icon { display:inline-block; background: url(https://img1.kbcard.com/home_re/mo/ico/28/ico-plus-on.svg) no-repeat; width: 2.8rem; height: 2.8rem;}
.bottom_nav--icon li.active a span {display: block; position: absolute; top:0; color: var(--gray010); font-weight: bold;}
.bottom_nav--icon ul li span { font-size: 1.2rem; color: #8c9492;}
.scroll-down .bottom_nav {bottom: -6.4rem; background:var(--gray110); transition:bottom .3s;}

/* 인풋 레이블 버튼 간격 */
.tit-form.blind + input + .form-field__reset {top: 1.2rem;}

/* 셀렉트 공통 */
.delivery-select {display: flex;align-items: center;} 
.delivery-select .slt-box {position: relative; width: 12rem; min-height: 3.6rem; font-size: 1.4rem; z-index: 10;}
.delivery-select .slt-box .btn-select { height: auto; line-height: 3.6rem; font-size: 1.4rem; color: var(--gray010);}

/* 약관 */
/* KB Pay css - html확인용 */
/* color */
/* .color-01 {color:purple !important; font-size:15px; line-height:24px; font-family:"KBFGTextB";} */
.color-01 {color:purple !important; font-size:15px; line-height:24px;}
.color-01 .bul {line-height:24px;}
.color-01.tit-sub1,
.color-01 .tit-sub1 {font-size:22px;}
.color-01.tit,
.color-01 .tit {font-size: 16px;}
.color-01 *, .color-01::before, .color-01 ::before {color:purple !important;}
.area-terms .color-01 .list-bul .bul {line-height:24px}
/* TERMS
/********************************/
.tit-terms {display:block; padding: 20px 20px 0 20px; font-size: 20px; color:#000;}
.area-terms {padding:20px; line-height:20px; color:#444; font-size:14px;}
.area-terms .tit-main {display:block; margin-bottom:20px; font-size: 18px; color:#000;}
.area-terms .tit-sub1 {margin:20px 0 10px; font-size:16px; color:#222;}
.area-terms div>div {margin:10px 0;}
.area-terms li {padding-left:15px;}
.area-terms p + ol {margin-top: 2.4rem;}
.area-terms p + p {margin-top: 1.6rem;}
.area-terms ol li {position: relative; padding-left:2.4rem; padding-bottom: .6rem;}
.area-terms ol li li {padding-top: .3rem;}
.area-terms ol li ul li {padding-left:0rem;}

.area-terms .tit {display:block;}
.area-terms h2.tit, .area-terms h3.tit, .area-terms h4.tit {margin-top:10px;}
.area-terms .list-bul li {position:relative; padding-left:20px;}
.area-terms .list-bul li + li {margin-top:3px;}
.area-terms .list-bul li ul,
.area-terms .list-bul li ol {margin-top:3px;}
.area-terms  ol li:before {
    content: attr(data-num);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.area-terms .list-bul:not(.custom):not(.bul-decimal):not(.bul-dash):not(.bul-dot) > li::before {content:"■"; display:block; position:absolute; font-size:10px !important; left:0; top:0; line-height:20px;}
.area-terms .list-bul li li li {margin-top:0 !important;}
.area-terms .list-bul li li ul,
.area-terms .list-bul li li ol {margin-top:0 !important;}
.area-terms .list-bul.bul-decimal>li{margin-left:20px; padding-left:0; list-style:decimal;}
.area-terms .list-bul.bul-dash li {padding-left:15px;}
.area-terms .list-bul.bul-dot li {padding-left:15px;}
.area-terms .list-bul .bul,
.area-terms .list-bul.bul-dash>li::before,
.area-terms .list-bul.bul-dot>li::before {position:absolute; display:block; left:0; top: 0px; line-height:18px; width:15px; text-align:center;}
.area-terms .list-bul .bul.bul2 {width:20px; text-align: left;}
.area-terms .list-bul.bul-dash>li::before {content:"-"; width:10px;}
.area-terms .list-bul.bul-dot>li::before {content:""; top:8px; left:5px; width:3px; height:3px; border-radius:50%; background:#666;}
.area-terms a, .area-terms a:hover, .area-terms a:active {color:#26d; text-decoration:underline;}
.area-terms ul+a, .area-terms ol+a {display:block; margin:20px;}
.area-terms .color-01 .custom li,
.area-terms .color-01.custom li {padding-left:26px;}
.tab-terms {display:flex; flex-flow: column; flex: auto; position: relative;}
.tab-terms .menu-tab {display:block; padding:0 15px; z-index:1;}
.tab-terms .menu-tab::after {content:""; display:block; clear:both;}
.tab-terms .menu-tab li {display:block; float:left;}
.tab-terms .menu-tab button {height:50px; padding:0 15px; border:none; background:transparent; box-sizing:border-box; outline: none;}
.tab-terms .menu-tab button span {display:block; padding:13px 0; border-bottom:1px solid transparent; font-size:16px; color:#bbb; line-height:22px;}
.tab-terms .menu-tab button.active span {border-bottom-color:#222; color:#222;}
.tab-terms .conts-tab {display:none;}
.tab-terms .conts-tab.active {display: block;}
.area-terms .txt-under {text-decoration:underline;}
.terms .selType1 {position: relative;}
.terms .selType1 select {padding-right: 2rem; border: 0;}
.terms .selType1::before {position: absolute; top:0rem; right: 0;}
.tit-dep2 + .radio-wrap .radio-box {margin-right: 5.4rem;}


/********************************/
/* TABLE
/********************************/

.area-terms .tbl-data {padding:1rem 0;}
.area-terms .tbl-data table {width:100% !important;}
.view-ui table {width:100% !important; border-top: .2rem solid var(--kb-yellow);}
.area-terms .tbl-data thead th, .view-ui thead th {padding:10px; border-top:2px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.area-terms .tbl-data thead th+th, .view-ui thead th+th {border-left:1px solid #eee;}
.area-terms .tbl-data colgroup+tbody tr:first-child {border-top:2px solid #ddd;}
.area-terms .tbl-data tbody th,
.area-terms .tbl-data tbody td,
.view-ui tbody th, .view-ui tbody td {padding:5px 10px; border-bottom:1px solid #eee; border-right: 1px solid #eee; text-align:left; vertical-align:top;}
.area-terms .tbl-data tbody td:last-child, .view-ui tbody td:last-child {border-right: 0;}
.area-terms .tbl-data tbody td.br {border-right: 1px solid #eee;}

/* 210223 3depth bullet 추가 */
.area-terms .list-bul .bul.kor{line-height:20px;}
/* // 210223 3depth bullet 추가 */
/* // KB Pay css - html확인용 */

.terms .radio-wrap {margin-bottom:0.8rem;}
.terms p + p {margin-top:0.8rem;}
.terms p.conIn_tip {margin-top:1.6rem;}
.terms-list {margin-top:1.2rem;}
.terms-list li {position: relative; padding-left: 1.6rem;}
.terms-list li:not(:last-child) {margin-bottom:1.6rem;}
.terms-list li::before {content: ""; position: absolute; top:.8rem; left:0rem; display: block; background-color: var(--gray010); width: .3rem; height: .3rem; border-radius: 5rem; }
.terms-list .tit-dep2 {margin-bottom:0.8rem;}
.terms-list strong + p {margin-top:0.4rem;}
.terms-list li p + p:not(:first-child) {margin-top:0.4rem;}
.terms-list p a {width:100%; height:3.6rem; line-height:3.6rem; text-align:center;border:0.1rem solid #c6cbd0; border-radius:0.8rem; display:block; margin-top:0.8rem;}
.terms-list__sub {margin:0.8rem 0 1.6rem; padding-left:1.4rem;}
.terms-list__sub li:not(:last-child) {margin-bottom:0.4rem;}
.list-blt__emp {font-size:16px; line-height:24px; font-weight:600;}
.terms .list-blt__sub li {margin:0.4rem 0 0; padding-left:1.2rem;}
.terms-list ol li > ol {margin:0.8rem 0; padding-left:1.4rem;}
.terms-list li > ol > li {margin-top:0.4rem; margin-bottom:0;}
.terms-footer {margin-top:2.4rem; color:var(--gray040);}
.terms .link-emp {text-decoration:underline; color:blue;}
.terms .tbl-view {margin-top:1.6rem;}
.terms .tbl-view.row-span tr:nth-child(2) td {border-right:0.1rem solid #d1d1d1;}
.terms-section .list-bul li + li {margin-top:12px;}
.terms-section .list-bul li p + p {margin-top:4px;}
.terms-section ~ .terms-section {border-top:1px solid #c6cbd0; margin-top:24px; padding-top:24px}

/* 휴대폰 본인 확인 서비스 이용약관 */
.mall_terms_wrap .div_tit{margin-bottom:1.6rem; font-size:2rem; color:var(--gray020); letter-spacing:-.08em;}
.mall_terms_wrap .top_tit{margin-bottom:3.2rem; font-size:2rem; color:var(--gray020); letter-spacing:-.08em;}
.mall_terms_wrap .seq_tit{margin-bottom:2.4rem; font-size:1.8rem; color:var(--gray020); letter-spacing:-.08em;}

.mall_terms_wrap {padding: 1.6rem;}
.mall_terms_wrap .terms_dl{margin-bottom:4rem}
.mall_terms_wrap .terms_dl:last-child{margin-bottom:0}
.mall_terms_wrap .terms_dl dt{margin-bottom:1.6rem; font-size:1.6rem; color:var(--gray020); font-weight:700; line-height:1.5;}
.mall_terms_wrap .terms_dl dd{margin-bottom:.7rem; font-size:1.4rem; color:var(--gray060); line-height:1.5;}
.mall_terms_wrap .terms_dl dd:last-child{margin-bottom:0;}
.mall_terms_wrap .terms_dl dd ol li,
.mall_terms_wrap .terms_dl dd ul li{margin-bottom:.7rem;}
.mall_terms_wrap .terms_dl dd ol li:last-child,
.mall_terms_wrap .terms_dl dd ul li:last-child{margin-bottom:0;}
.mall_terms_wrap .paragraph{margin-bottom:1.6rem; font-size:1.4rem; color:var(--gray060); line-height:1.5;}

/* 별점 */
.rating-box {display: flex; flex-direction: column; margin-top: 3.2rem; padding-top: 3.2rem; border-top: 1px solid rgba(0, 0, 0, .08);}
.rating-box__list {display: flex; align-items: center; justify-content: center;}
.rating-box__item {position: relative; height: 4rem;}
.rating-box__item + .rating-box__item {margin-left: .5rem;}
.rating-box__item input[type=radio] {position: absolute; top: 0; left: 0; width: 4rem; height: 4rem; margin: 0; z-index: 10;opacity: 0;}
.rating-box__item label {display: inline-block; width: 4rem; height: 4rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-star-off.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 4rem auto;}
.rating-box__item .selected {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-star-on.svg);}
.rating-box__msg {font-weight: 400; text-align: center;}

/* 메인 플로팅 메뉴 */
.floating-menu {visibility: hidden; position: fixed; right: 1.6rem; bottom: 0; z-index: 1000;opacity: 0;transition: all .3s ease-in-out;}
.floating-menu a {position: relative; display: block; margin-bottom: 1.2rem; width: 4.8rem; height: 4.8rem; border-radius: 50%; box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, 0.16);pointer-events: none;}
.floating-menu .counting {left: 50%; top: 0.6rem;}
.floating-menu__shopping a { background:rgba(18 ,19,21,0.8) url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-cart-w.svg) no-repeat center / 2.4rem auto;}
.floating-menu__search a { background:rgba(18 ,19,21,0.8) url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-menu-search-w.svg) no-repeat center / 2.4rem auto;}
.floating-menu.active {visibility: visible;opacity: 1;bottom: 1.6rem;}
.floating-menu.active a {pointer-events: initial;}

/* 공통 전체메뉴 */
.all-menu-box {padding: 0rem 1.6rem 0rem;}
.all-menu-box .totalsch__fixed {padding-top:.4rem;}
.all-menu-box .paging-none + .totalsch__fixed {margin-top: 2.4rem;}
.all-menu-box .tabs {margin: 0 -1.6rem 0; }
.all-menu-box .tabs .wrap-tab-contents {padding: 0 1.6rem 0;}

.menu {display: flex; align-items: center; justify-content: space-around; margin: 4rem 0 2.4rem ; width:100%; height:6rem;}
.menu li {position: relative;}
.menu button,.menu a { display: flex; flex-direction: column;align-items: center;justify-content: flex-start; width: 8rem;height:6.8rem; border: 0; padding:0.7rem 0 0 0; background-color:transparent; font-size:1.4rem; line-height:2rem; color:var(--gray010);box-sizing: border-box;} 
.menu button:before, .menu a:before {content:'';display:block;width:3.2rem;height:3.2rem;margin-bottom:0.8rem;}
.counting {display: inline-flex;align-items: center;justify-content: center; position: absolute;left: calc(50% + .5rem);top: .2rem;min-width: 1.6rem;height: 1.6rem;padding: 0 .4rem;border-radius: .8rem;font-size: 1.1rem;font-weight: 600;color: var(--gray110); background-color: #f76900;}

.menu-special li {border-bottom: 0.1rem solid var(--gray090);}
.menu-special .menu-special__tit {display: block; position: relative; width: 100%; padding:1.6rem 2.9rem 1.6rem 0;font-weight: 600; color: var(--gray010); font-size: 1.6rem; text-align: left;}
.menu-shop, .menu-special {margin-top:0.8rem;}
.menu-shop .accordions__view {padding:0  0 1.4rem;background-color: transparent;}
.menu-shop .accordions__tit {padding:1.6rem 2.9rem 1.6rem 0;font-weight: 600;}
.menu-shop .accordions__tit {border-bottom: 0;}
.menu-shop .accordions__item {border-bottom: 0.1rem solid var(--gray090)}
.menu-shop__list {display: flex; flex-wrap: wrap; padding-top:1.6rem;}
.menu-shop__list > li {width:50%;}
.menu-shop__list > li a {display: inline-block; margin-bottom:2rem; line-height: 2rem;}
.menu-shop-link .list-link__title {font-size:1.6rem;font-weight: 600;}
.all-menu-footer { display: flex; justify-content: center; margin:4rem 0 5.6rem; }
.all-menu-footer li {position: relative; padding:0 1.6rem;}
.all-menu-footer li:nth-child(1)::after { width: 0;} 
.all-menu-footer li::after {content: '';position: absolute; top:0.3rem; left:0; width:0.1rem; height:1.2rem; background-color: rgba(38,40,44,.2);}
.all-menu-footer .btn--arr:after {width: 1.6rem;height: 1.6rem;margin-left: 0;background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg);}
.all-menu-box .swiper-banner {margin-top: 2.4rem; }
.all-menu-box .swiper-banner .swiper-slide a {border-radius: .8rem; overflow: hidden;}
.all-menu-box .swiper-banner .swiper-slide img {width: 100%; height: 9.6rem; }
.swiper-banner__pag {margin-top: .8rem; text-align: center;}
.swiper-banner__pag .swiper-pagination {position:relative; top:1rem }
.brand-tab {position: relative;margin:1.6rem -1.6rem 0.8rem;height:3.8rem;padding-left:0.4rem;}
.brand-tab::before {content: '';position: absolute;top:0;left:0;width:1.6rem;height:3.8rem;background:linear-gradient(90deg, rgba(255,255,255,1) 50%,  rgba(255,255,255,0) 100%) ; z-index: 1;}
.brand-tab::after {content: '';position: absolute;top:0;right:0;width:1.6rem;height:3.8rem;background:linear-gradient(90deg, rgba(255,255,255,0) 0,  rgba(255,255,255,1) 50%) ; z-index: 1;}
.brand-tab__inner {white-space: nowrap;overflow: auto;font-size:0;}
.brand-tab .tabs {white-space: nowrap;display: inline-block; margin:0 0.8rem 0 0.4rem;}
.brand-tab .tabs__menu {white-space: nowrap;display: inline-block;}
.brand-tab .tabs__menu li {float: none;display: inline-block;margin:0 0.8rem 0 0;}
.brand-tab__item {position: relative;display:inline-block;padding:0 1.2rem;height:3.8rem;font-size:1.4rem;line-height: 3.8rem;}
.brand-tab__item.active {font-weight: 600;}
.brand-tab__item + .brand-tab__item::before {content: '';position: absolute;top:1.3rem;left:0;display: inline-block;width:0.1rem;height:1.2rem;background-color:rgba(38,40,44,.2);}
.banner-row {display: flex; justify-content: center;}
.banner-row a {border-radius: 0.8rem; overflow: hidden;}
.banner-row a + a {margin-left:1.2rem;}
.banner-row a img {width: 100%;height:100%;object-fit: cover;}
.ico-traval01::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-travel.svg);}
.ico-traval02::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-car.svg);}
.ico-traval03::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-travel2.svg);}
.menu-travel {margin-top:1.6rem; }
.menu-travel ul {margin:0;}
.menu-travel ul li {padding:0rem; box-sizing: border-box;}
.menu-travel ul li + li {margin-top: 1.6rem;}
.menu-travel ul li a {display: block; padding:0;line-height: 2rem;}
.menu-travel__div {display:flex; padding: 2.4rem 0 2.4rem;  border-bottom: 0.1rem solid var(--gray090);}
.menu-travel__div:nth-last-child(1) {border-bottom: 0;  padding: 2.4rem 0 0rem;}
.menu-travel__div .tit-dep2 {margin: 0rem; width: 35%;min-width: 12rem;}
.line-fullbold-menu {margin: 1.6rem -1.6rem;}
.menu-travel + .line-fullbold-menu {margin: 4rem -1.6rem;}


.menu-text-box {padding: 1.2rem 1.2rem 1.2rem; background: var(--gray100);}
.menu-text-box a {display: flex; }
.menu-text-box .box-img {margin-right: 1.2rem; width: 4.8rem; height: 4.8rem; border-radius: .4rem;}
.menu-text-box .box-img img {width: 4.8rem; height: 4.8rem; border-radius: .4rem;}
.menu-text-box .box-text .box-text {display: flex;}
.menu-text-box .box-text .btn--arr {margin-bottom: .4rem; font-weight: 600;}
.menu-text-box .box-text .btn--arr::after {margin-left: .4rem;}

/* 여행매뉴 */
.menu-swiper {position: relative;}
.menu-swiper .swiper-container {box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, 0.16); border-radius: .8rem;}
.menu-swiper .swiper-wrapper img {width: 100%; height: 9.6rem; border-radius: .8rem;}
.travel-search-bg a:nth-child(1) {width: 50%; text-align: center; background-color:#FFF1EF ;}
.travel-search-bg a:nth-child(2) {width: 50%; text-align: center; background-color:#E8F6FF ;}
.travel-search-bg a img {width: 16rem; height: 6.4rem; vertical-align: bottom;}
.menu-swiper .swiper-pagination {top:1rem; width:auto; margin-top: 0rem;}
.menu-swiper .swiper-button-control {margin-top: .8rem;}
.menu-swiper .swiper-control-wrap {position: relative; width: auto; bottom: 0rem;}
.menu-swiper .swiper-control-wrap.type-left {justify-content:center;}
.menu-form-field {margin-top: 2.4rem;}
.menu-form-field + .menu {margin-top: 3.2rem;}

/* 풋터 */
#footer {overflow:hidden;margin: 5.5rem 0 0; padding: 0 2.4rem 0; background: var(--gray090);}
.footer-list {padding: 2.4rem 0 0;}
.footer-list ul {display: flex; flex: 1; justify-content: space-around;}
.footer-list ul li {text-align: center; line-height: 2rem; font-size: 1.3rem; font-weight: 600; color: var(--gray040);}
.footer-list ul li + li {margin-left: .4rem;}
.footer-list p {margin-top:2.4rem; color: var(--gray040);font-size: 1.2rem;line-height: 1.8rem;}
#footer .accordions {padding-bottom: 4rem;}
#footer .accordions__tit {margin: 0 auto; padding: 2.4rem 2.4rem 1.6rem 0;  font-size: 1.4rem; font-weight: 600; width: 10rem; border: 0; background: var(--gray090); color: var(--gray040);}
#footer .accordions__tit::after, 
#footer .accordions__tit::before { top: 57%; right: 1.8rem;height: .8rem;color: var(--gray040);}
#footer .accordions__view {padding: 0; background-color:var(--gray090); color: var(--gray040); font-size: 1.2rem;}
#footer .accordions__view h2 {margin: 1.6rem 0 .4rem; font-size: 1.2rem;}
#footer .accordions__view li img {width: 10.4rem; height: 1.7rem;}
#footer .accordions__view li:nth-last-child(1) {margin-top: .8rem;}

/* 에러 메시지 */
.error {text-align: center;}
.error:before {content: ''; display: inline-block; width: 13.6rem; height: 13.6rem; margin: 0 auto; background-repeat: no-repeat; background-size: 13.6rem; background-position: 0 0;}
.error--check:before {background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-check-system.png);}
.error--disconnected:before {background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-disconnected.png);}
.error--prepare:before {background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-prepare.png);}
.error__tit {margin-top: 2.4rem; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600 !important;}
.error__desc {margin-top: 1.6rem; font-weight: 300 !important;}
.error__code {margin-top: 3.2rem; font-size: 1.4rem; line-height: 2.2rem; color: rgba(0, 0, 0, .6);}
.error-list {margin-top: 4.8rem;}
.error-pop {text-align: center; width: calc(100% - 8rem);}
.error-pop p {margin-top: 1.2rem; font-size: 1.6rem;}
.error-pop .txt-error {margin-top: 1.6rem; margin-bottom: .8rem; font-size: 1.4rem; line-height: 2.2rem; color: rgba(0, 0, 0, .6);}

/* 랜딩페이지 */
.cont-area.landing {align-items:center; justify-content:center;}
.landing-logo {background:url(https://img1.kbcard.com/home_re/mo/logo/80/logo-app-kbpay.png)no-repeat center / 8rem; display:block; width:8rem; height:8rem;}
.landing-txt {margin-top:1.6rem; line-height:2rem; text-align:center;}
.landing-img {margin-top:9.6rem; width:26.2rem;}
.landing-img img {display:block; width:100%;}

/* 공지사항 상세 */
.noti-dtl {margin-bottom:2.4rem; padding-bottom:2.4rem; border-bottom: .1rem solid var(--gray090);}
.noti-dtl .tit-dep1 {margin-bottom:0.8rem;}
.view-ui + a.btn--gray-line {margin-top: 2.4rem;}

/* 인기 검색어 공통 */
.sch-keyword {margin-top:3.2rem; position:relative;}
.sch-keyword::after {content: '';position: absolute;bottom:0;right:-1.6rem;width:3.2rem;height:3.2rem;background:linear-gradient(90deg, rgba(255,255,255,0) 0,  rgba(255,255,255,1) 50%) ; z-index: 1;}
.sch-keyword ul {overflow: auto;white-space: nowrap; margin-top:1.6rem;}
.sch-keyword ul li {display: inline-block;vertical-align: top;}
.sch-keyword ul li + li {margin-left:0.8rem;}
.btn-keyword {position: relative;display:flex;align-items: center;height: 3.2rem;padding: 0 .8rem 0 0.8rem;border-radius: 1.6rem;background-color: var(--gray090);}
.btn-keyword__del { vertical-align: middle; width: 2rem; height: 1.6rem; border: 0; outline: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat .4rem 0; background-size: 1.6rem auto; }
.sch-popular, .sch-connect {margin-top:2.4rem; counter-reset: list-number;}
.sch-popular li {counter-increment: list-number; font-size:1.6rem; line-height:2.4rem; padding:0.8rem 0;}
.sch-popular li::before{display: inline-block;width:2.4rem;content:counter(list-number);font-weight: 600;margin-right:0.8rem;text-align: center;}
.sch-keylist li {padding:0.8rem 1.2rem; line-height: 2.4rem;font-size:1.6rem;}
 /* 2025-01-14 검색결과 타이틀 2줄 일 경우 정렬 깨짐 수정 s */
.sch-exhibition .tit-wrap {align-items: flex-start;}
.sch-exhibition .tit-wrap .txt-m {flex: 0 1 100%;}
 /* 2025-01-14 검색결과 타이틀 2줄 일 경우 정렬 깨짐 수정 e */
.sch-exhibition .tit-wrap .txt-m strong {color: var(--selection-blue);}
.sch-exhibition .evt-list li ~ li {margin-top:1.6rem;}


/* no-data */
.no-data { display: block; position: relative; margin: 20.8rem 0 41.2rem;text-align: center;  } 
.no-data svg {position: absolute;left: 50%;top: 1.6rem; width: 6.4rem !important;height: 6.4rem !important;transform: translateX(-50%) !important;} 
.no-data svg + svg {display: none !important;} 
.no-data p {padding-top: 8.8rem;font-size: 1.6rem; line-height: 2.2rem; color: var(--gray040); font-weight: 600; } 
.no-data__title { display: block;padding-top: 8.8rem;  font-size: 1.6rem; line-height: 2.2rem; color:var(--gray040)} 
.no-data__title + p {margin-top:1.2rem;}
.no-data__btn {margin-top:4rem;}
.basket-area {margin: 8rem 0 8rem;}

/* feedback */
.feedback {position: relative; margin:8rem 0 8rem;padding-top: 7.2rem;text-align: center;word-break: keep-all;}
.feedback svg {position: absolute;left: 50%;top: 0; width: 6.4rem !important;height: 6.4rem !important;transform: translateX(-50%) !important; }
.feedback--success:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-check.svg);}
.feedback--error:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-error-line.svg);}
.feedback--error p {margin-top: 1.2rem; font-size: 1.6rem;}
.feedback--error button {margin-top: 4rem; padding: 1rem 1.6rem;}
.feedback--error .feedback__tit {color:var(--gray040);}

.feedback .feedback__tit {margin-bottom: 0; font-size: 1.6rem;line-height: 2.2rem; }
.feedback + hr {width: 100%;height:0.1rem;margin:0 0 3.2rem 0;background-color: var(--gray080);border:0;}
.product-no-data {margin: 8rem 0 8rem;}


/* 280 대응 */
@media screen and (max-width:280px) {
    .form-field--flex input[type=date] {font-size: 1.4rem;}
    #footer {padding: 0 1.6rem 0;}
    #footer-list ul li a {font-size: 1.2rem;}
}
/* 320 대응 */
@media screen and (max-width:320px) {
    #footer {padding: 0 1.6rem 0;}
}

/* 로티 간격 css */
@media screen and (max-height:1004px) {
    .no-data {margin: 12.8rem 0 33.6rem;}
    .basket-area, 
    .feedback, .product-no-data {margin: 8rem 0 8rem;}
}

@media screen and (max-height:800px) {
    .no-data {margin: 10.8rem 0 22.6rem;}
    .basket-area, 
    .feedback, .product-no-data {margin: 7.2rem 0 7.2rem;}
}

/* [25-07-17] 민생회복 지원 안내 플로팅 버튼 */
.chatbot-btn {position: fixed; right: 2.4rem; bottom: 2.4rem; width: 4.8rem; height: 4.8rem; z-index: 201}
.chatbot-btn__open {display: block; position: relative; width: 100%; height: 100%; border-radius: 50%; background: #ffcc00 url(https://img1.kbcard.com/home_re/mo/ico/48/ico-floating-mail.png) 50% 50% no-repeat; background-size: 4.8rem; box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, 0.24);}
.chatbot-btn__open span {position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: .8rem 3.8rem .8rem 1.4rem; background-color: #2952ae; white-space: nowrap; font-size: 1.4rem; line-height: 2rem; font-weight: bold; color: #fff; border-radius: 10rem; z-index: -1; animation: chatbotAni 9s infinite ease-in-out;}
@keyframes chatbotAni {
    0% { right: 2.4rem; opacity: 1;}
    44.44% { right: 2.4rem; opacity: 1; }
    55.55% { right: 0; opacity: 0; pointer-events: none;}
    88.88% { right: 0; opacity: 0; pointer-events: none;}
    100% { right: 2.4rem; opacity: 1; }
}
.chatbot-btn__close {position: absolute; right: -1.2rem; top: -1.2rem; display: block; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 50%; background: #696e76 url(https://img1.kbcard.com/home_re/mo/ico/14/ico-1-close-white.svg) 50% 50% no-repeat; background-size: 1.4rem;}
.pop-wrap--bottom-up .pop-inner .cont-area .chatbot-info {margin: 1.6rem 0 .8rem; text-align: center; font-size: 1.6rem; line-height: 2.4rem}
.pop-wrap--bottom-up .pop-inner .cont-area .chatbot-info strong {display: block}
.pop-wrap--bottom-up .pop-inner .cont-area .chatbot-info p {margin-top: .8rem}