@charset "utf-8";

/* 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, button, input{margin:0;padding:0;border:0;outline:unset;user-select:none;-webkit-touch-callout:none;}
ol, ul {list-style:none}
html {display:block;height:100%;font-size:62.5%;line-height:normal;-webkit-text-size-adjust:none;}
/* [s] 230811 ios 확대방지 추가 */
body{touch-action:pan-x pan-y;position:relative;height:100%;min-height:100%;font-size:1.4rem;color:#333;-webkit-text-size-adjust:none;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
/* [e] 230811 ios 확대방지 추가 */
html, body,input,textarea,select,button,table{font-family:'Pretendard',sans-serif;font-weight:400}
:lang(zh),html:lang(zh), body:lang(zh), input:lang(zh), textarea:lang(zh), select:lang(zh), button:lang(zh), table:lang(zh){font-family:'Noto Sans SC',sans-serif;}
/* [s] 230922 추가 */
:lang(jp),html:lang(jp), body:lang(jp), input:lang(jp), textarea:lang(jp), select:lang(jp), button:lang(jp), table:lang(jp){font-family:'Noto Sans JP',sans-serif;}
/* [e] 230922 추가 */
html:lang(en){word-break:break-all;}
a{text-decoration:none}
button{border:0;background-color:transparent;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);}
table{border-collapse:collapse;width:100%;background:#fff}
input[type='text'], input[type='email'], input[type='password'], input[type='search'], input[type='number'],input[type='tel']{border:0;width:100%;height:5.6rem;color:#111;background:#fff;box-sizing:border-box;-webkit-tab-highlight-color:rgba(0,0,0,0);}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}
/* [s] 230811 ios 버튼 영역 차단 */
input[type=text], input[type=button], button{border-radius:0; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-tap-highlight-color : transparent !important;}
button:hover, button:focus, button:active{-webkit-tap-highlight-color : transparent !important;}
/* [e] 230811 ios 버튼 영역 차단 */
button:disabled{background:#E1E1E1;;color:#fff}
img,fieldset{border:0}
img{max-width:100%;vertical-align:top}
em,address{font-style:normal}
a{color:#111;text-decoration:none}
input::-webkit-input-placeholder {color:#a9a9a9}
input:focus{outline:none}
strong, b {font-weight:700;}
select{border-radius:0;margin:0;padding:0;outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.hide,legend,caption{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
caption{display:none;}
.a11y-hidden,.hidden{overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;}
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active{outline:visible;clip:auto;position:static;width:auto;height:auto;margin:0;}
.skip{display:block;overflow:hidden;position:absolute;width:1px !important;height:1px;font-size:1px;line-height:0;color:transparent;opacity:0}

/* font */
/* [s] 240717 폰트 관련 구글참조 삭제 */
/*
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
*/
/* [e] 240717 폰트 관련 구글참조 삭제 */

@font-face {
  font-style:normal;
	font-family:'Pretendard';
	font-weight:100;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Thin-1095c717674530e8a42bd9d4c4aede43.otf') format('opentype'),
	url('/fonts/Pretendard-Thin.subset-510ab3341bdb3d1626b720dc1ff2cc49.woff2') format('woff2'),
	url('/fonts/Pretendard-Thin.subset-2693931ff8f2ca88052cc844480951e3.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:200;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-ExtraLight-fc5c7c8047bbdaf09f8813d1fe3165ac.otf') format('opentype'),
	url('/fonts/Pretendard-ExtraLight.subset-f6f605f950a2258c78c4eb367e725eb2.woff2') format('woff2'),
	url('/fonts/Pretendard-ExtraLight.subset-5398a87c9513897a1e7cc9bbc24bcad4.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:300;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Light-d39b4dd5b80382ea3b767f805de6ee92.otf') format('opentype'),
	url('/fonts/Pretendard-Light.subset-d0c3f3d8904de2155b7c17319ad10ece.woff2') format('woff2'),
	url('/fonts/Pretendard-Light.subset-c57d2a74ff43f0207b8df247d14f7ccd.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:400;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Regular-d1e2411be87335a335df2d824eacf3f0.otf') format('opentype'),
	url('/fonts/Pretendard-Regular.subset-478cde23e58c32b4b4af9aa5c907f486.woff2') format('woff2'),
	url('/fonts/Pretendard-Regular.subset-59724a9aa5cd152cc2867186e1cd3584.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:500;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Medium-c40957def7f8380b7ab0aa28e594ab1d.otf') format('opentype'),
	url('/fonts/Pretendard-Medium.subset-e386e7ed11f865c02c2aa109abc7a3d0.woff2') format('woff2'),
	url('/fonts/Pretendard-Medium.subset-976b314321355ae6330b3c501c5f3f58.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:600;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-SemiBold-5c328494b7eabdb6942b76d5fb4d48e0.otf') format('opentype'),
	url('/fonts/Pretendard-SemiBold.subset-57688871ab4a4c6e182299ffeed2de03.woff2') format('woff2'),
	url('/fonts/Pretendard-SemiBold.subset-d710ba0f850078fce138092deb77a12e.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:700;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Bold-0c28c1f5ba0bcdfb02688cc77186c89d.otf') format('opentype'),
	url('/fonts/Pretendard-Bold.subset-22cb3910b5d8e309d28bc9ef104a49a6.woff2') format('woff2'),
	url('/fonts/Pretendard-Bold.subset-65ccdf7e6ca5fc564ed2f5405a24ed28.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:800;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-ExtraBold-44ba46bad2096044f462bc5ec1d28915.otf') format('opentype'),
	url('/fonts/Pretendard-ExtraBold.subset-a1385aa9dd9f93dddf0391e5ab5262d9.woff2') format('woff2'),
	url('/fonts/Pretendard-ExtraBold.subset-850baabf786d8e3109aa665bf4cee5d6.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:900;
	unicode-range: U+AC00-D7A3, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039;
	src:url('/fonts/Pretendard-Black-a0dae583b0afcf6f07f170fe75c07642.otf') format('opentype'),
	url('/fonts/Pretendard-Black.subset-b7402fcc8ae0e042db70b6de3180ed09.woff2') format('woff2'),
	url('/fonts/Pretendard-Black.subset-7ba58060d3a3a15bdf392ede5fefc62d.woff') format('woff');
}

/* [s] 230922 추가 */
@font-face {
	font-family:'Noto Sans JP';
	src: local('Noto Sans JP');
	unicode-range: U+4E00–9FBF, U+3040–309F, U+30A0–30FF;
}
/* [e] 230922 추가 */

/* 숫자 */
.roboto {font-family:'Pretendard', 'Roboto', sans-serif !important;letter-spacing:0 !important;}

/*radio, checkbox*/
.checkbox-wrap label{display:flex;flex-direction:row;align-items:center;}
.aside{color:#cccccc;}
.label-text{margin-left:1rem;vertical-align:middle}
input[type="radio"], input[type="checkbox"]{position:relative !important;appearance:none;margin:.2rem;box-sizing:border-box;overflow:hidden;vertical-align:middle;top:-0.1rem}
/* [s] 240710 수정 */
input[type="radio"]:before{content:'';display:block;box-sizing:border-box;width:1.6rem;height:1.6rem;border:.1rem solid #0F9EE1;transition:0.2s border-color ease;}
/* [e] 240710 수정 */
/* [s] 240510 회원가입 수정 */
input[type="checkbox"]:before{content:'';display:block;box-sizing:border-box;width:1.6rem;height:1.6rem;transition:0.2s border-color ease;}
input[type="radio"]:checked:before, input[type="checkbox"]:checked:before{width:1.6rem;height:1.6rem;transition:0.5s border-color ease;background:#0F9EE1;border:0.5s border-color ease}
/* [e] 240510 회원가입 수정 */
input[type="radio"]:disabled + .label-text, input[type="checkbox"]:disabled + .label-text{color:#D0D0D0}
input[type="radio"]:after, input[type="checkbox"]:after{content:'';display:block;position:absolute;box-sizing:border-box;top:50%;left:50%;transform-origin:50% 50%;background-color:#fff;transform:translate(-50%, -50%) scale(1);}
input[type="radio"]{min-width:1.6rem}
input[type="radio"]:before{border-radius:100vh;}
input[type="radio"]:after{width:.7rem;height:.7rem;border-radius:100vh;}
/* [s] 240710 수정 */
input[type="radio"]:checked:after{border-color:#0F9EE1;background:#fff;}
/* [e] 240710 수정 */
/* [s] 240510 회원가입 수정 */
input[type="checkbox"]:before{border-radius:4px;width:1.6rem;height:1.6rem;transition:0.5s border-color ease;background:#EFEFEF;border:0.5s border-color ease}
input[type="checkbox"]:after{width:6.6px;height:11px;border-radius:0;transform:translate(-50%, -85%) scale(0.8) rotate(45deg);background-color:transparent;box-shadow: 3px 3px 0px 0px #fff;}
/* [e] 240510 회원가입 수정 */
input[type="checkbox"]:checked:after{animation:toggleOnCheckbox 0.2s ease forwards;}
input[type="checkbox"].filled:before{border-radius:4px;transition:0.2s border-color ease, 0.2s background-color ease;}
input[type="checkbox"].filled:checked:not(:disabled):before{background-color:#12cbc4;}
input[type="checkbox"].filled:not(:disabled):after{box-shadow:4px 4px 0px 0px white;}
@keyframes toggleOnCheckbox{
  0%{
    opacity:0;
    transform:translate(-50%, -85%) scale(0) rotate(45deg);
  }
  70%{
    opacity:1;
    transform:translate(-50%, -85%) scale(0.9) rotate(45deg);
  }
  100%{
    transform:translate(-50%, -85%) scale(0.8) rotate(45deg);
  }
}
@keyframes toggleOnRadio{
  0%{
    opacity:0;
    transform:translate(-50%, -50%) scale(0);
  }
  70%{
    opacity:1;
    transform:translate(-50%, -50%) scale(0.9);
  }
  100%{
    transform:translate(-50%, -50%) scale(0.8);
  }
}

/* gnb */
#gnb{z-index:29;position:fixed;left:0;bottom:0;width:100%;background:transparent;box-sizing:border-box;}
/* [s] 240809 GNB 하단 현재 클레모 GNB로 수정 */
#gnb ul{position:relative;display:table;width:100%;padding:0.8rem 0 1rem;background:#fff;box-sizing:border-box;box-shadow:0 .8rem 1.6rem rgba(0, 0, 0,.2);border-top:0.1rem solid #e5e5e5}
#gnb ul li{position:relative;display:table-cell;width:25%;text-align:center;font-size:1.4rem;color:#383838;font-weight:400;white-space:nowrap;}
#gnb ul li.charge-area{font-size:1.4rem;font-weight:400;color:#383838}
#gnb ul li span{display:inline-block;width:2.2rem;height:2.2rem;box-sizing:border-box;text-indent:-9999px;}
#gnb ul li .ico{display:block;width:2.6rem;height:2.6rem;margin:0 auto 0.8rem;}
[class^="ico"]{display:inline-block;position:relative;width:2.4rem;height:2.4rem;background-size:99%;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.ico.home{background-image:url(/images/ico_bot_home-76dd5d216061a222aae752aa09794075.png)}
.ico.recharge{background-image:url(/images/ico_bot_receipt-e935299f5c3605b302f7dfeaba352f93.png);border-radius:50%;margin:0 auto 0.8rem;}
.ico.customerService{background-image:url(/images/ico_bot_headset-6897fe2b157b124ee4b9eda021cbc897.png)}
.ico.usageDetails{background-image:url(/images/ico_gnb_receipt-8b79f1b0da86ce6aef941d064c31954d.png)}
.ico.discount{width:2.8rem;height:2.8rem;background-image:url(/images/ico_bot_tag-0b0433bac83c4cf25a6922ece46fe352.png)}
#gnb ul li.on .ico.home{background-image:url(/images/ico_bot_home_on-a4f395446975297bc77b5537b3d4240e.png)}
#gnb ul li.on .ico.recharge{background-image:url(/images/ico_bot_receipt_on-932fb20ddaf162f03006b306cd265234.png);border-radius:50%;margin:0 auto 0.8rem;}
#gnb ul li.on .ico.customerService{background-image:url(/images/ico_bot_headset_on-3d51e17ac79c31513f2b034b8115e899.png)}
#gnb ul li.on .ico.usageDetails{background-image:url(../images/ico_gnb_receipt_on.png)}
#gnb ul li.on .ico.discount{width:2.8rem;height:2.8rem;background-image:url(/images/ico_bot_tag_on-49a5148694b2c11d30e35eb15c48d2b0.png)}
/* [e] 240809 GNB 하단 현재 클레모 GNB로 수정 */
#gnb .charge-box{position:relative;margin:0 0.8rem;padding:1.6rem 2rem;height:8rem;background:#6563E3;box-sizing:border-box;border-radius:2.4rem 2.4rem 0 0;transition:all 0.3s ease-out;}
#gnb .charge-box.on{height:11.5rem;}
#gnb .charge-box .clemo-no{font-size:1.2rem;font-weight:400;color:#C3C2FA;margin-bottom:1rem;}
#gnb .charge-box .clemo-no span{display:block;font-weight:700;margin:0 0.4rem 0.6rem 0;color:#D7D4E3}
#gnb .charge-box.on .clemo-no span{display:inline-block;color:#C3C2FA;margin:0}
#gnb .charge-box .charge-price{position:absolute;top:1.6rem;right:2rem;display:flex;justify-content:flex-end;border-bottom:0.1rem solid #BBBEE9;padding-bottom:0.1rem;}
#gnb .charge-box .charge-price .coin{font-size:1.6rem;font-weight:700;color:#fff;position:relative;height:2.4rem;}
#gnb .charge-box .charge-price .price{margin-left:1rem;font-size:1.8rem;font-weight:800;color:#fff}
#gnb .charge-box .charge-price .refresh{content:"";display:none;margin-left:2rem;width:3.2rem;height:3.2rem;background:url(/images/ico_refresh-a3ebd2faabb9c60cf865f81b567d8d80.png) no-repeat 0 / 3.2rem 3.2rem;}
#gnb .charge-box.on .charge-price{position:relative;top:0;right:0;}
#gnb .charge-box.on .charge-price .coin{font-size:2rem;top:0.6rem;}
#gnb .charge-box.on .charge-price .price{font-size:3.2rem;font-weight:800;color:#fff}
#gnb .charge-box.on .charge-price .refresh{display:block;}
#gnb .charge-box .balance{font-size:1.2rem;font-weight:400;color:#C3C2FA;position:absolute;right:2rem;top:4.5rem}
#gnb .charge-box .thru{position:relative;top:-1rem;font-size:1rem;font-weight:400;color:#C3C2FA;}
#gnb .charge-box.on .balance{position:relative;top: 0.2rem;right:inherit;color:#fff;}
#gnb .charge-box.on .thru{top: 0.2rem;float: right;}
header .btn-prev{position:relative;top:0.7rem}
/* [s] 230919 : 추가수정 */
#gnb .qrscan-box{display:none;width:31rem;height:7.2rem;border-radius:3.6rem;border:0.2rem solid #fff;background:#6563E3;text-align:center;position:relative;left:50%;transform:translate(-50%,-3.2rem);}
#gnb .qrscan-box.on{display:block;}
#gnb .qrscan-box .qrscan-no{color:#fff;font-size:1.8rem;font-weight:700;margin-top:1.4rem}
#gnb .qrscan-box .validity{color:rgba(255, 255, 255, 0.5);font-size:1.4rem;font-weight:400;margin-top:0.3rem}
/* [e] 230919 : 추가수정 */
/* [s] 230920 : 추가수정 */
:lang(us) #gnb .qrscan-box .qrscan-no{font-size:1.4rem;margin-top:1.8rem}
:lang(us) #gnb .qrscan-box .validity{font-size:1.2rem}
/* [e] 230920 : 추가수정 */
/* layer-popup */
.ani{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
/* [s] 231221 : min-width 추가 */
.overlay-layer {visibility:hidden;z-index:120;position:fixed;min-width:28rem;width:100%;height:100%;border-top-left-radius:2rem;border-top-right-radius:2rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:#fff;}
/* [e] 231221 : min-width 추가 */
.overlay-layer.on{visibility:visible}
.overlay-layer.full{border-radius:0;background:#fff}
.overlay-layer.dark{background:#333841;}
/* [s] : 230829 날짜선택 수정 */
.overlay-layer.dates{height:auto;bottom:-100%;transition:all 0.4s ease-in-out;}
.overlay-layer.dates.on{height:auto;bottom:0;}
/* [e] : 230829 날짜선택 수정 */
.overlay-layer.dark .layer-cont{color:#fff;background:#333841}
.overlay-layer.dates .sub-title{z-index:2;position:fixed;left:2rem;width:calc(100% - 8rem);padding:2.3rem 0 1.7rem;color: #222;background:#fff;font-size: 1.6rem;font-weight: 700;line-height: 2.4rem;}
.overlay-layer.dark .sub-title{background:#333841}
.overlay-layer.dates .form-underline.search{z-index:2;position:fixed;top:50%;width:calc(100% - 4rem);padding-top:5rem;padding-left:4rem;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.overlay-layer.dates .layer-cont{position:relative;padding:6.4rem 2rem 0;}
.overlay-layer.dates .layer-top{z-index:2;position:fixed;top:50%;width:calc(100% - 8rem);padding:4.4rem 4rem 0 4rem;border-top-left-radius:2rem;border-top-right-radius:2rem;background:#fff}
.overlay-layer.dates .round-close{z-index:2;position:fixed;top:calc(50% + 1rem);right:1.6rem}
.overlay-layer.dates .round-close:before,.overlay-layer.dates .round-close:after{width:1.4rem;background:#828282;}
.overlay-layer.full .form-underline.search{position:static;top:2rem;left:0;width:calc(100% - 4rem);padding:5rem 0 0 4rem;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.overlay-layer.email .layer-cont{padding:3.2rem 0 3.2rem 2rem}
.overlay-layer.email .layer-cont .inp-box{padding-left:0}
.overlay-layer.email .sub-title{z-index:2;position:fixed;left:2rem;width:calc(100% - 8rem);padding:2.3rem 0 1.7rem;color: #222;background:#fff;font-size: 1.6rem;font-weight: 700;line-height: 2.4rem;}
.overlay-layer.email-export{margin-top:2rem;padding:3.2rem 4rem;border-top-left-radius:2rem;border-top-right-radius:2rem;overflow-y:scroll;box-sizing:border-box}
.overlay-layer.email-export .text-area{font-size:2.2rem;padding: 5.4rem 0 0;height:9.4rem;letter-spacing:-0.05rem;text-align: center;line-height: 3rem;color:#17171B}
.overlay-layer.email-export .imgs-box{margin:8rem 0 2.4rem 0}
.overlay-layer.email-export .btn-full{position:absolute;bottom:20px;left:0;z-index:9;}
.overlay-layer.on .form-underline.search{position:fixed;z-index:2}
.overlay-layer.on .form-underline.search .btn-search{top:4.8rem;}
.overlay-layer.dates .search + .layer-cont{padding-top:8.8rem;}
.overlay-layer.full .search + .layer-cont{padding-top:8rem}
.overlay-layer .btn-close{position:absolute;top:2.3rem;right:2rem;width:2.4rem;height:2.4rem;z-index:2;}
.overlay-layer .btn-close:before,.overlay-layer .btn-close:after{content:'';position: absolute;top:0.1rem;left:1.1rem;height:2.4rem;width:0.2rem;background-color:#313131;}
.overlay-layer .btn-close:before{transform:rotate(45deg);}
.overlay-layer .btn-close:after{transform:rotate(-45deg);}
.overlay-layer.full .btn-close{z-index:2;position:fixed;top:3rem;}
.overlay-layer.dark .btn-close::after{background:#636973}
.overlay-layer.sticky .sub-title,.overlay-layer.sticky .form-underline.search,.overlay-layer.sticky .layer-top
,.overlay-layer.sticky .country-search,.overlay-layer.sticky .btn-close,.overlay-layer.sticky .round-close{position:relative !important;top:0 !important;}
.overlay-layer.sticky .layer-cont{padding-top:0 !important;}
.overlay-layer .account-list li{padding-left:0}
.layer-cont{padding:3.2rem 2rem 3.2rem;background:#fff;}
.overlay-layer.charge-progress .layer-cont{padding:6rem 2rem 3rem}
/* [s] 231018 : 추가수정 */
.layer-cont .charge-price{display:flex;flex-wrap:wrap;margin:0 3.6rem;padding-bottom:0.7rem;border-bottom:0.1rem solid #7D76F3;justify-content:space-between;align-items: center;line-height: 3rem;}
/* [e] 231018 : 추가수정 */
.layer-cont.dark{background:#333841}
.layer-cont h3{font-size:1.2rem;color:#898989;font-weight:400;line-height:3.2rem}
.layer-list{color:#222;line-height:4.8rem;}
.layer-cont .sub-title{padding-left:0;color:#BBC0C9;}
.layer-cont .recipient-list li{padding-left:0}
.layer-cont .text-list li{padding-left:0}
.layer-cont .form-underline{padding-left:0}

/* [s] 240724 공통팝업 type01 */
.overlay-layer.layer-type01{text-align:center;bottom:50% !important;transform:translate(0, 30%);border-radius:2.4rem;margin:0 2.8rem;box-sizing:border-box;width:calc(100% - 5.6rem);height:215px !important}
.overlay-layer.layer-type01 .sub-tit{font-size:1.6rem;font-weight:400;color:#212323;margin-top:3.2rem}
.overlay-layer.layer-type01 .sub-tit.error{color:#DE5353;font-size:1.8rem;font-weight:500;margin-top:0}
.overlay-layer.layer-type01 .sub-txt{margin-top:2.4rem;font-size:1.6rem;font-weight:400;color:#212323}
.overlay-layer.layer-type01 .layer-cont{padding:3.2rem 2rem 1.6rem}
.overlay-layer.layer-type01 .layer-cont .btn-con{position:absolute;bottom:2.4rem;left:2.4rem;margin-top:3rem;width:calc(100% - 4.8rem);height:4.6rem;border-radius:2.8rem;background:#0F9EE1;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.layer-type01 .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.layer-type01 .btn-close:before,.overlay-layer.non-card .btn-close:after{background-color:#fff}
/* [e] 240724 공통팝업 type01 */
/* [s] 240724 공통팝업 type02 */
.overlay-layer.layer-type02{text-align:center;bottom:50% !important;left:50%;transform:translate(-50%, 50%);border-radius:1.6rem;margin:0;box-sizing:border-box;width:29.8rem;}
.overlay-layer.layer-type02 .sub-tit{font-size:1.8rem;font-weight:500;color:#212323;margin:0 0 1.2rem 0;}
.overlay-layer.layer-type02 .sub-txt{min-height:5.2rem;font-size:1.6rem;font-weight:400;margin:0 3.2rem 10.3rem;color:#212323;line-height:2.5rem;}
.overlay-layer.layer-type02 .sub-tit + .sub-txt{margin:2.4rem 0 6rem;letter-spacing: -.1rem;}
.overlay-layer.layer-type02 .layer-cont{padding:3.2rem 1.8rem 2.4rem;}
.overlay-layer.layer-type02 .layer-cont .btn-wrap{position:absolute;left:50%;bottom:2.4rem;width:calc(100% - 4.8rem);display:flex;justify-content: center;transform:translate(-50%, 0);}
.overlay-layer.layer-type02 .layer-cont .btn-wrap [class*="btn-50p"]{width:13.5rem;height:4.5rem;box-sizing:border-box;border-radius:2.8rem;}
.overlay-layer.layer-type02 .layer-cont .btn-wrap [class*="btn-50p"]:first-child{background:#383838;margin-right:1rem}
/* [e] 240724 공통팝업 type02*/

/* table-type */
.table-type{width:100%}
.table-type thead th{background:#E3E5F4;font-size:1.4rem;color:#222;font-weight:600;height:5rem;text-align:center;}
.table-type tbody td{color:#222;border-bottom:0.1rem solid #E3E5F4;height:4.8rem;text-align:center;}

.table-type tbody td .num{font-size:1.3rem;font-weight:600;}
.table-type tbody td .sta{font-size:1.4rem;color:#3944E2;}
.table-type tbody td span{display:block;}

/* [s] 240115 리뉴얼 */
.table-type3{width:100%;}
.table-type3 + .subt1{margin-top:3rem}
.table-type3 thead th{font-size:1.2rem;color:#383838;background:#f3f3f3;font-weight:700;min-height:4.2rem;text-align:center;border:0.1rem solid #F4F4F4;padding:1.2rem 0.4rem;line-height:1.6rem;word-break:keep-all;}
.table-type3 thead th span{font-size:1rem}
.table-type3 thead th:first-child{background:#f3f3f3;font-size:1.2rem;color:#383838;font-weight:700;min-width:6rem;padding:1.4rem 0;border-bottom:0.1rem solid #fff;}
.table-type3 tbody th{background:#f3f3f3;font-size:1.2rem;color:#383838;font-weight:700;padding:1.4rem 0.4rem;border-bottom:0.1rem solid #fff;border-right:0.1rem solid #fff;word-break:keep-all;}
.table-type3 tbody th span{font-weight:400;}
.table-type3 tbody th:first-child{border-top:0.1rem solid #f3f3f3}
.table-type3 tbody td{font-size:1.2rem;color:#383838;font-weight:400;min-height:4.2rem;text-align:left;border:0.1rem solid #F4F4F4;padding:1.2rem 0.4rem;line-height:1.6rem;word-break:keep-all;text-align:center;}
.table-type3 tbody td span{font-size:0.8rem;}
.guide-txt h5.tplus.mt4 + p{margin-bottom:3rem;}
.etc_info .guide-txt .cont-info p.badt1{font-size:1.2rem;font-weight:600;color:#383838;word-break:keep-all;margin-top:0.4rem;line-height:1.8rem;}
.table-type2{width:100%;}
.table-type2 tbody th{background:#F3F3F3;font-size:1.2rem;color:#383838;font-weight:700;min-width:6rem;padding:1.4rem 0;border-bottom:0.1rem solid #fff;}
.table-type2 tbody th:first-child{border-top:0.1rem solid #f3f3f3}
.table-type2 tbody td{font-size:1.2rem;color:#383838;font-weight:400;min-height:4.2rem;text-align:left;border:0.1rem solid #F4F4F4;padding:1.2rem 1rem;line-height:1.6rem;}
.table-type2 tbody td span{font-size:1.2rem;font-weight:600;}
.table-type2 tbody td .sta{font-size:1.4rem;color:#3944E2;}
/* 링크 수정 */
a{text-decoration:none;outline:none;border:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;outline:none;}
a:hover, a:active{text-decoration:none;}
/* [e] 240115 리뉴얼 */

/*layout*/
body.gray{background:#F4F4F4}
/* [s] 240724 딤드레이어 수정 */
body #wrap.dim{overflow:hidden}
/* [s] 240801 딤드 z-index 수정 */
body #wrap[class*="dim"]:before{z-index:31;content:"";display:block;position:fixed;width:100%;height:100%;background:#000;opacity:.7;}
/* [e] 240801 딤드 z-index 수정 */
body #wrap.dim2:before{opacity:0}
/* [e] 240724 딤드레이어 수정 */
/* [s] 231010 폴드수정 */
#wrap{position:relative;width:100%;height:100%;min-width:28rem;
padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);}
/* [e] 231010 폴드수정 */
#container{position:relative;}
#container > article{position:relative;}
.logo{position:relative;}
.bg-dark{background:#333841 !important;}
.bg-dark *{color:#fff}
.bg-blue{background:linear-gradient(166.59deg, #004ECD 0%, #0086E8 100%);}
.bg-blue2{background:linear-gradient(166.59deg, #004ECD 0%, #0086E8 60%, #0086E8 100%);}
[class*="bg-"] header.title{background:transparent;}
/* [s] 240724 추가 */
.bg-gray{background:#f4f4f4}
#wrap.bg-gray{min-height:100%;height:auto}
/* [e] 240724 추가 */

/* title */
header.title{position:relative;min-height:6.4rem;line-height:2.4rem;background:#fff;}
header.title h1{min-height:6.4rem;padding:2rem 6.4rem;font-size:1.6rem;font-weight:500;text-align:center;box-sizing:border-box}
header.title button{position:absolute;top:0;height:100%;}
header.title button.btn-prev{left:0;width:6.5rem;padding:0 2rem;}
header.title button.btn-cancel{right:2rem;width:auto;font-size:1.2rem;color:#333}

/*icon*/
[class^="ico"]{display:inline-block;position:relative;width:2.4rem;height:2.4rem;background-size:99%;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.ico.prev{background-image:url(/images/ico_back-38bbba16954a42abf86d585147819e81.png)}
[class*="arrow"]{display:inline-block;width:1rem;height:1rem}
.arrow{border:0.1rem solid #8A8A8A;border-width:0 0.1rem 0.1rem 0;display:inline-block;transform:rotate(135deg);-webkit-transform:rotate(135deg);opacity:0.4;}
.btn-next .arrow{transform:rotate(315deg);-webkit-transform:rotate(315deg);}
.btn-prev.on .arrow,.btn-next.on .arrow{border:0.1rem solid #8A8A8A;border-width:0 0.1rem 0.1rem 0;opacity:1;}

/* 간격 */
.mt{margin-top:1.6rem !important;}
/* [s] 240510 회원가입 추가 */
.mb2{margin-bottom:2rem !important;}
.mt0{margin-top:0 !important;}
/* [e] 240510 회원가입 추가 */
.mb10{margin-bottom:10rem !important;}
/* [s] 240418 메인레이어 추가 */
.mt1{margin-top:1rem !important;}
.mt2{margin-top:2rem !important;}
.mt3{margin-top:3rem !important;}
.mt4{margin-top:4rem !important;}
.mt5{margin-top:5rem !important;}
/* [e] 240418 메인레이어 추가 */
.pb{padding-bottom:1.6rem}
.pr0{padding-right:0 !important}
.pr2{padding-right:2rem}
.txtl{text-align:left !important;}
.pb20{padding-bottom:20rem}
.before-border::before{content:"";display:block;width:100%;height:.8rem;background:#F4F4F4;}
.after-border::after{content:"";display:block;position:absolute;left:0;bottom:-.8rem;width:100%;height:.8rem;background:#F4F4F4;}
.none-border{border:0 !important;}

/* btn */
/* [s] 240806 수정 */
[class*="btn-full"]{width:100%;font-size:1.8rem;font-weight:700;color:#FFFFFF;background:#0F9EE1;height:5.6rem;}
[class*="btn-full"]:disabled{background:#D4EEF5;color:#fff;}
[class*="btn-full"]:disabled > span{color:#fff}
[class*="btn-full"].disbtn{background:#D4EEF5;color:#fff;cursor: not-allowed;pointer-events:none;}
.btn-full-blue{background:#0F9EE1;color:#fff}
.btn-full-blue:disabled{background:#D4EEF5;}
.btn-full-gray{background:#212323;color:#fff}
[class*="btn-full"].round{border-radius:1.2rem;box-shadow:0 .4rem .6rem rgba(0, 67, 176, 0.1);}
/* [e] 240806 수정 */
[class*="btn-full"].fixed{z-index:2;position:fixed;bottom:0;left:0}
[class*="btn-full"].float{width: calc(100% - 40px); height: 4.8rem; left: 50%; bottom: 40px; transform: translateX(-50%);}
[class*="btn-full"] > span{display:block;font-size:1.1rem;color: #CBEFFF;}
[class*="btn-round"]{min-width:20rem;min-height:4rem;padding:0.9rem 3rem;background: #5355DE;border-radius:10rem;color:#fff;font-size:1.6rem;letter-spacing:-0.1rem;}
[class*="btn-round"].fixed{z-index:2;position:fixed;left:50%}
[class*="btn-round"].btn-email{margin-left:-10rem;bottom:2rem;text-align:left;}
[class*="btn-round"].btn-email::after{content:"";position:absolute;top: 1.3rem;right: 2.5rem;width:1.5rem;height:1.4rem;background:url(/images/ico_download-dd772b45490857fd02e2005300adb2e2.png) no-repeat 0 / 1.5rem 1.4rem}
/* [s] 230926 수정 */
[class*="btn-round"].btn-charge{background:#0F9EE1;font-size:1.4rem;font-weight:400;color:#FFFFFF;margin-left: -11.8rem;bottom:2rem;text-align:center;padding:1rem 3.2rem;min-width: 23.6rem;letter-spacing: 0;z-index:99;}
/* [e] 230926 수정 */
/* [s] 230911 전환하기 수정 */
[class*="btn-round"].btn-switch{background:#383838;font-size:1.4rem;font-weight:400;color:#fff;margin-left: -11.8rem;bottom:2rem;text-align:center;padding:1rem 3.2rem;min-width: 23.6rem;letter-spacing: 0;z-index:130;}
/* [e] 230911 전환하기 수정 */
/* [s] 231127 수정 */
[class*="btn-round"].btn-chcancel{background:#0F9EE1;font-size:1.4rem;font-weight:400;color:#FFFFFF;margin-left: -11.8rem;bottom:2rem;text-align:center;padding:1rem 3.2rem;min-width: 23.6rem;letter-spacing: 0;z-index:99;}
/* [e] 231127 수정 */
/* [s] 231215 공통버튼 추가 */
[class*="btn-round"].btn-complete{background:#0F9EE1;font-size:1.4rem;font-weight:400;color:#FFFFFF;margin-left: -11.8rem;bottom:2rem;text-align:center;padding:1rem 3.2rem;min-width: 23.6rem;letter-spacing: 0;z-index:99;}
/* [e] 231215 공통버튼 추가 */
/* [s] 240104 토스트팝업 추가 */
[class*="btn-round"].btn-ceiling{background:#383838;font-size:1.4rem;font-weight:400;color:#fff;bottom:3rem;text-align:center;padding:1.5rem 2rem;min-width:23.6rem;letter-spacing:0;z-index:99;width:calc(100% - 3.2rem);transform:translate(-50%, 0);word-break:keep-all;}
/* [e] 240104 토스트팝업 추가 */
.btn-more{position:relative;display:block;width:13.8rem;height:4rem;margin:0 auto;padding-left:1rem;border-radius:.6rem;background:#F4F4F4}
.btn-more .ico.plus{display:block;position:absolute;top:50%;left:1.5rem;width:1.6rem;height:1.6rem;margin-top:-.8rem;}
.btn-search{display:block;position:absolute;top:1.7rem;right:2rem;width:2.4rem;height:2.4rem;background:url(../images/ico_search.png) no-repeat center / contain}
.btn-list{position:relative;width:auto;height:3rem;padding:0 1.2rem;font-size:1.1rem;color:#004ECE;border-radius:.6rem;border:.1rem solid #E7E7E7;background:#fff;box-sizing:border-box;}
.btn-list .ico.recent{width:1.6rem;height:1.6rem;margin-right:.2rem;background-size:cover;background-position:0 -.1rem;}
.btn-list .ico.search{width:1.6rem;height:1.6rem;margin-right:.2rem;background-size:cover;background-position:0 -.1rem;}
.btn-wrap{display:block;width:100%;height:auto;padding:0;box-sizing:border-box;}
.btn-wrap.fixed{z-index:2;position:fixed;bottom:0;left:0}
.btn-wrap [class*="btn-50p"]{float:left;font-size:1.6rem;color:#FFFFFF;font-weight:700;height:5.6rem;width:50%;box-sizing:border-box;border-radius:0;letter-spacing:-0.05rem;}
.btn-wrap [class*="btn-50p"]:first-child{background:#212323;}
.btn-wrap [class*="btn-50p"]:last-child{background:#0F9EE1;}
.btn-line{position:absolute;top:0.9rem;right:2rem;width:auto;height:3.2rem;padding:0 1.5rem;color:#fff;font-size:1.4rem;border-radius:.4rem;background:#5355DE;box-sizing:border-box;letter-spacing:-0.1rem;}

/* [s] 240724 추가 */
/* 토스트팝업 */
.toast{position:fixed;bottom:6.4rem;left:50%;transform:translate(-50%, 0);opacity:0;box-sizing:border-box;background:#73E2F5;font-size:1.6rem;font-weight:400;color:#383838;width:calc(100% - 3.2rem);height:5rem;line-height:5rem;border-radius:2.5rem;text-align:center;letter-spacing:0;z-index:99;}
/* 즐겨찾기 아이콘 */
.btn-star{background-image:url(../images/ico_star.png);background-repeat:no-repeat;background-position:center;background-size:1.8rem}
.btn-star.on{background-image:url(../images/ico_star_on.png)}
/* SNS 계정연동 */
.sns-account ul{display:flex;justify-content:flex-end;padding-top:2rem}
.sns-account ul li{width:4.4rem;height:4.4rem;margin-left:1.6rem;border-radius:10rem }
.sns-account ul li button{width:4.4rem;height:4.4rem;}
.sns-account ul li.kakao{background:url(../images/sns_kakao.png) no-repeat center / cover}
.sns-account ul li.google{background:url(../images/sns_google.png) no-repeat center / cover}
.sns-account ul li.wechat{background:url(../images/sns_wechat.png) no-repeat center / cover}
/* SNS 로그인버튼 */
.sns-login ul li{margin-bottom:.8rem}
.sns-login ul li a{display:block;width:100%;height:4.4rem;border-radius:0.8rem;position:relative;}
.sns-login ul li a span.sns-log{display:flex;justify-content:center;align-items:center;height:100%;font-weight:500;font-size:1.8rem}
.sns-login ul li a span.recent-log{position:absolute;top:-2rem;left:50%;padding:0.6rem 0.8rem;background:#383838;font-size:1.2rem;font-weight:700;color:#D4EEF5;border-radius:1.2rem;transform:translate(-120%, 0);}
.sns-login ul li a span.recent-log::after{content: '';display:inline-block;position:absolute;left:50%;bottom:-0.9rem;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #383838;transform:translate(-50%, 0px);}
.sns-login ul li a.sns-naver{background:#03C75A url(../images/ico_log_naver.png) no-repeat 1.4rem center / 1.5rem 1.5rem}
.sns-login ul li a.sns-naver span{color:#fff}
.sns-login ul li a.sns-naver span.recent-log{color:#73E2F5;}
.sns-login ul li a.sns-kakao{background:#FEE500 url(../images/ico_log_kakao.png) no-repeat 1.4rem center / 1.9rem 1.7rem}
.sns-login ul li a.sns-google{background:#ffffff url(../images/ico_log_google.png) no-repeat 1.4rem center / 1.6rem 1.6rem;border:0.1rem solid #c6c6c6;box-sizing:border-box;}
.sns-login ul li a.sns-wechat{color:#fff;background:#3FAB35 url(../images/ico_log_wechat.png) no-repeat 1.4rem center / 2.4rem 2rem;}
/* [e] 240724 추가 */

/* [s] 240710 bank 가이드 추가 */
.bank-list,.stock-list{display:flex;flex-wrap:wrap;}
.bank-list li{display:flex;align-items:center;width:50%;color:#212323;font-weight:500;font-size:1.6rem}
.company-box .bank-list li{color:#212323}
.bank-list li.name{letter-spacing:-0.1rem;height:3.6rem}
.stock-list li{display:flex;align-items:center;width:50%;color:#212323;font-weight:500;font-size:1.6rem}
.stock-list li.name{letter-spacing:-0.1rem;height:3.6rem}
.bank{display:inline-block;margin:0 1.5rem 0 0.5rem;width:2.4rem;height:2.4rem;background-size:100%;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.bank._032{background-image:url(../images/bank/bnk.png)}
.bank._039{background-image:url(../images/bank/bnk.png)}
.bank._061{background-image:url(../images/bank/bnp.png)}
.bank._060{background-image:url(../images/bank/boa.png)}
.bank._290{background-image:url(../images/bank/bookook.png)}/*부국증권*/
.bank._027{background-image:url(../images/bank/citi.png)}
.bank._267{background-image:url(../images/bank/daisin.png)}
.bank._279{background-image:url(../images/bank/db.png)}
.bank._055{background-image:url(../images/bank/deutsche.png)}
.bank._031{background-image:url(../images/bank/dgb.png)}
.bank._265{background-image:url(../images/bank/ebest.png)}
.bank._280{background-image:url(../images/bank/eugene.png)}
.bank._294{background-image:url(../images/bank/fok.png)}
.bank._081{background-image:url(../images/bank/hana.png)}
.bank._269{background-image:url(../images/bank/hanhaw.png)}
.bank._263{background-image:url(../images/bank/hmc.png)}
.bank.hmsec{background-image:url(../images/bank/hmsec.png)} /*현대차증권*/
.bank._054{background-image:url(../images/bank/hsbc.png)}
.bank._003{background-image:url(../images/bank/ibk.png)}
.bank._225{background-image:url(../images/bank/ibk.png)}
.bank._062{background-image:url(../images/bank/icbc.png)}
.bank._057{background-image:url(../images/bank/jpmorgan.png)}
.bank._089{background-image:url(../images/bank/k.png)}
.bank._090{background-image:url(../images/bank/kakao.png)}
.bank._004{background-image:url(../images/bank/kb.png)}
.bank._218{background-image:url(../images/bank/kb.png)}
.bank._002{background-image:url(../images/bank/kdb.png)}
.bank._243{background-image:url(../images/bank/kinvestment.png)}
.bank._264{background-image:url(../images/bank/kiwoom.png)}
.bank._034{background-image:url(../images/bank/kj_jb.png)}
.bank._037{background-image:url(../images/bank/kj_jb.png)}
.bank._227{background-image:url(../images/bank/ktb.png)} /*ktb투자증권*/
.bank._261{background-image:url(../images/bank/kyobo.png)}
.bank._287{background-image:url(../images/bank/mesitz.png)}
.bank._045{background-image:url(../images/bank/mg.png)}
.bank._238{background-image:url(../images/bank/miraeasset.png)}/*미래에셋대우*/
.bank._011{background-image:url(../images/bank/nh.png)}
.bank._247{background-image:url(../images/bank/nh.png)}
.bank._012{background-image:url(../images/bank/nhinvestment.png)}
.bank._071{background-image:url(../images/bank/post.png)}
.bank._240{background-image:url(../images/bank/samsung.png)}
.bank._050{background-image:url(../images/bank/sb.png)}
.bank._023{background-image:url(../images/bank/sc.png)}
.bank._035{background-image:url(../images/bank/shinhan_jeju.png)}
.bank._088{background-image:url(../images/bank/shinhan_jeju.png)}
.bank._048{background-image:url(../images/bank/sinhyup.png)}
.bank._291{background-image:url(../images/bank/sinyoung.png)}
.bank._064{background-image:url(../images/bank/sj.png)}
.bank._266{background-image:url(../images/bank/sk.png)}
.bank._048{background-image:url(../images/bank/suhyup.png)}
.bank._007{background-image:url(../images/bank/suhyup_n.png)}
.bank._020{background-image:url(../images/bank/woori.png)}
.bank._209{background-image:url(../images/bank/younta.png)}
.bank._270{background-image:url(../images/bank/hana.png)}/*하나금융투자*/
.bank._278{background-image:url(../images/bank/shinhan_jeju.png)}/*신한금융투자*/
.bank._262{background-image:url(../images/bank/dgb.png)}/*하이금융투자*/
.bank._271{background-image:url(../images/bank/toss.png)}/*토스증권*/
.bank._092{background-image:url(../images/bank/toss.png)}/*토스은행*/

.account-list{position:relative;display:flex;padding:0.8rem 0;width:100%;align-items:center;border-bottom:.1rem solid #EDEDED}
.account-list .info-top{padding:0 1.5rem 0 0}
.account-list div:first-child{width:2.9rem;}
.account-list div .bank{display:block}
.account-list div span{display:block;font-size:1.4rem;color:#212323;font-weight:500;line-height:2rem}
.account-list div span.roboto{margin-top:.4rem;;color:#666;font-size:1.2rem;line-height:1.2rem}
.btn-delete{position:absolute;top:1.8rem;right:2rem;width:1.5rem;height:1.5rem;background-image:url(../images/ico_close.png);background-position:center 0;background-repeat:no-repeat;background-size:1.5rem;}
/* [e] 240710 bank 가이드 추가 */

/* [s] 230922 수정 */
/*  일본어 */
:lang(jp) {
	font-family: 'Noto Sans JP', sans-serif;
}
/* [e] 230922 수정 */