@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-text-size-adjust: none;}

/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd,
form, fieldset, input, select, label, textarea,
table, caption, thead, tfoot, tbody, tr, th, td,
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup {margin:0;padding:0;}
/*body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;}*/
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family: 'Noto Sans KR', sans-serif;}

html {  font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, body {}
/*body {font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;  -webkit-tap-highlight-color: transparent; line-height:1.2; color:#333;}*/
body {font-family: 'Noto Sans KR', sans-serif; font-size:16px;  -webkit-tap-highlight-color: transparent; line-height:1.2; color:#333;}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
button { background:transparent; border:none;}
ul,ol, li {list-style:none;}
address,em {font-style:normal;}
fieldset,img{border:0}
mark{color:inherit;font-weight:700;background:0 0}
img {max-width:100%;}
table{border-collapse:collapse; border-spacing:0}
table > caption {font-size:1px; line-height:0; height:0; color:transparent;} /* 2020 웹접근성 2차결함 : vos */
button {background:transparent;}
button::-moz-focus-inner {border:0; padding:0;}
input { -webkit-appearance: none; -moz-appearance: none; }
select {background: #fff;appearance: none;}
button,input{-webkit-border-radius:0;border-radius:0;background:0 0; margin:0; padding:0;}
textarea::placeholder{color: #999;}

input[type=text], input[type=password], input[type=number], input[type=tel] {border:1px solid #d0d0d0; border-radius:4px; height:40px; line-height:40px; color:#333; font-size:16px; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus {border:1px solid #555;}
input:focus,button:focus,select:focus,textarea:focus{/* 2020 웹접근성 개선 : 버튼의 초점 시각적 인지 불가 outline:none; */}
select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled {border-color:#ddd; background-color:#eee; color:rgba(51,51,51,0.4);}
button:disabled{border:none; background-color:#ddd!important;  color:rgba(51,51,51,0.5)!important;}
/*명의자 생년월일 input disable*/
input:disabled{border:none; background-color:#ddd!important;  color:rgba(51,51,51,0.5)!important;}

/*layout*/
header {position:fixed; top:0; left:0; width:100%; height:52px;  background:#19A1B5; z-index:50;} /* 2023 웹접근성 : 컬러 코드 변경 */
header .logo {text-align:center; padding-top:16px;}
header .logo img {display:block; margin:0 auto; width:111px; height:21px;}
header .btn-lang {position: absolute;top: 15px;right: 18px;box-sizing: border-box;padding-top: 5px;width: 45px;height: 22px;
				  border: 1px solid #fff;border-radius: 11px;color: #fff;text-align: center;font-size: 10px;}

footer {position:fixed; left:0; width:100%; height:54px; background-color:#f4f6fe; z-index:50;}
footer.fixed{position:fixed; bottom:0;}
footer .btn-box {display:flex; padding:0 4% 20px;}
footer .btn-box button { border-radius:4px;  width:32.4%; height:38px; line-height:38px; color:#fff; font-size:15px; letter-spacing:-1px; text-align:center; }
footer .btn-box button + button {margin-left:1.4%;  }
footer .btn-box button::before {content:''; display:inline-block; vertical-align:top; margin:8px 6px 0 0; width:21px; height:21px; background:url('../img/bg-icon.png?version=20240110') no-repeat; background-size:200px 200px; }
footer .btn-box .start { background-image:linear-gradient(to right, #38afe7, #25cae2);  }
footer .btn-box .prev {background-image:linear-gradient(to right, #19c8ca, #36d9c0); }
footer .btn-box .exit {background-color:#86959b;}
footer .btn-box .start::before {background-position:-75px 0;}
footer .btn-box .prev::before {background-position:-100px 0;}
footer .btn-box .exit::before {background-position:-125px 0;}

.container {padding:60px 0 64px; background-color:#f4f6fe; min-height: 100%;}
.chat-contents {font-size:14px; padding:30px 0;}
.ofHidden {overflow:hidden; bottom:0;}
.pccn .ofHidden {overflow:visible; position:static;}/* 0129수정 pc 클래스 추가 */

/*display*/
.flex-box {display:flex;}
.fullImg{width: 100%;}

/*chatting*/
.chat-box {padding: 0 10px;}
.chat-box .flex-box {  align-items:flex-end;}
.chat-box .chat-time {padding-left:48px; color:#888; font-size:12px;}
.chat-box .chat-msg {position:relative; font-size:14px;  padding:10px 10px 9px; box-shadow:0px 1px 7px rgba(0,0,0,0.2); line-height:1.57; word-break:break-word; z-index:0;}
.chat-box .chat-msg::before {content:''; position:absolute;  background:url('../img/bg-icon.png?version=20240110') no-repeat; background-size:200px 200px; }
.chat-box.customer {}
.chat-box.customer .flex-box {justify-content:flex-end;}
.chat-box.customer .chat-time {flex:1; min-width:70px; text-align:right; }
.chat-box.customer .chat-msg {color:#fff; background-color:#119891; max-width:calc(100% - 48px ); border-radius:12px 0 12px 12px; margin-left:10px; margin-right:8px;} /* 2023 웹접근성 : 컬러 코드 변경 */
.chat-box.customer .chat-msg::before {top:0; right:-8px; width:8px; height:22px; background-position:-75px -70px;}
.chat-box.helper {}
.chat-box.helper .flex-box {justify-content:flex-start;margin-bottom: 10px;}
.chat-box.helper .thum-img {  align-self:flex-start;   width:48px;}
.chat-box.helper .thum-img > img {width:40px;}
.chat-box.helper .chat-msg {background-color:#fff; border-radius:0 12px 12px 12px;  max-width:calc(92% - 134px );}
.chat-box.helper .chat-msg::before {top:0; left:-8px; width:8px; height:18px; background-position:-25px -70px;}
.chat-box.helper .chat-msg > img {width:40px; height:40px; display:block;}
.chat-box.helper .chat-time {min-width:70px; flex:1; margin-left:10px;}
.chat-box.multi-box .chat-msg {flex:1; padding:16px 20px; max-width:none;}
.chat-box.multi-box .chat-time {padding-left:48px; margin-top:10px; margin-left:0;}
.chat-box.long-text .chat-msg {flex:1; padding:10px 10px 9px; max-width:none;}
.chat-box.long-text .chat-time {padding-left:48px; margin-top:10px; margin-left:0;}
.chat-box + .chat-box {margin-top:14px;}
.chat-box .btn-group-veritcal {margin-top:15px;}
.chat-box .btn-group-veritcal .btn {font-weight:bold;}
.chat-box * +.btn-group.tx-right {margin-top:7px;}
.chat-box * +.btn-group.tx-right .btn.gray {min-width:90px; padding:0 10px;}
.chat-box * +.btn-group2.tx-right {margin-left:10px;}
.chat-box * +.btn-group2.tx-right .btn.gray {min-width:90px; padding:0 10px;}
.chat-box .btn-group .btn.detail {line-height:28px;}
.chat-box * + .form-group {margin-top:18px;}
.chat-box .form-group + .form-group {margin-top:8px;}
.chat-box .form-group + .agree-box:not(.noline) {margin-top:21px; padding:14px 0 0; border-top:1px solid #eee;}
.chat-box .last-box {padding-bottom:9px;}
.chat-box .btn-group-veritcal + .btn-group.tx-right {margin-top:20px;}

.signkey-box {flex:1; width:100%; display:flex; justify-content:flex-start; align-items:center; border:1px solid #d0d0d0; border-radius:4px; padding:0px; }
.signkey-box input{border:none;}
.signkey-box .btn.lightgray {font-size:12px; letter-spacing:-1px;}
.signkey-box .count {color:#ff4f4f; font-size:12px;}

.tx-count {color:#ff4f4f;}

.pay-guide {border-top:1px solid #eee; border-bottom:0px solid #eee; padding:15px 0; margin-top:15px;}
.pay-guide .pay-box {margin-top: 8px; }
.pay-guide .pay-box + .text-box {border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.pay-guide .pay-box label {display:block; margin-bottom:4px;}
.pay-guide .pay-box .flex-box{justify-content:flex-start; align-items:center;}
.pay-guide .pay-box .btn {width:40px; margin-left:4px;}
.pay-guide .pay-box .signkey-box{margin-right:5px;}
.pay-guide .pay-box .signkey-box .btn {width:20px;height:20px;border-radius:20px; margin:0 6px 0 0;padding:1.5px 0 0 0;line-height:normal;}
.pay-guide .pay-box input {flex:1; width:100%; text-align:center;}
.pay-guide  .text-box {word-break:break-all;}
.pay-guide + .btn-group-veritcal {margin-top:15px;}
.pay-guide .error {border-color:#ff4f4f}

.pay-button-guide {border-bottom:1px solid #eee; padding:15px 0; /* margin:15px 0; */}

.bank-list {overflow:hidden;}
.bank-list .btn.half-size{width:50%; float:left; font-size:14px;}
.bank-list .btn.active {color:#fff; background-color:#119891} /* 2023 웹접근성 : 컬러 코드 변경 */
.bank-list .btn:nth-child(even) {border-left:none;}
.btn-group-veritcal.bank-list {margin-top:8px;}
.btn-group-veritcal.bank-list .btn:nth-child(1) {border-radius:4px 0 0 0;}
.btn-group-veritcal.bank-list .btn:nth-child(2) {border-top:1px solid #119891; border-radius:0 4px 0 0;} /* 2023 웹접근성 : 컬러 코드 변경 */
.btn-group-veritcal.bank-list .btn:nth-last-child(2) {border-radius:0 0 0 4px;}
.btn-group-veritcal.bank-list .btn:last-child {border-radius:0 0 4px 0;}

/*btn*/
.btn {display:inline-block; vertical-align:top; text-align:center; border:1px solid transparent; border-radius:4px; border-color:#119891; color:#119891; height:40px; /*line-height:40px;*/} /* 2023 웹접근성 : 컬러 코드 변경 */
.btn.full-size{width:100%; font-size:14px;}
.btnFull{width: 100%;}
.btn.round {border-radius:20px; padding:0 20px;}
.btn.sm {height:32px; line-height:32px; font-size:13px;}
.btn.sm.round {border-radius:16px; padding:0 16px;}
.btn.sm2 {height:26px; line-height:24px;}
.btn.sm2.round {border-radius:16px; padding:0 16px;}
.btn.xs {height:30px; line-height:30px; font-size:13px; border-radius:2px;}
.btn.cxs {height:30px; line-height:30px; font-size:13px; border-radius:15px;}
.btn.round {border-radius:20px; padding:0 20px;}
.btn.sm.round {border-radius:16px; padding:0 16px;}
.btn.sm2.round {border-radius:16px; padding:0 16px;}
.btnLg{height: 45px;font-size: 18px;border-radius: 8px;line-height: 47px;}
.btnBg1{border: 0 none;background-color: #002336;color: #fff;font-weight: 500;}
.btnBg1.btnOutline{border: 1px solid #002336;}
.btnBg1.chgPayAllSelectBtn{vertical-align: middle; width:55px; margin-left:5px; margin-right:1%; font-size:13px; height:25px;}

.btn.gray {color:#fff; background-color:#6c797f; border:none; font-size:14px;}
.btn.lightgray {color:#fff; background-color:#b1b2ba; border:none;}

/*btn-group*/
.btn-group-veritcal .btn + .btn {border-top:none; border-radius:0;}
.btn-group-veritcal .btn:first-child {border-radius:4px 4px 0 0;}
.btn-group-veritcal .btn:last-child {border-radius:0 0 4px 4px;}
.btn.detail::before {content:''; float:left;  width:8px; height:7px; background:url('../img/bg-icon.png?version=20240110') 0 -70px no-repeat; background-size:200px 200px; margin:10px 5px 0 0;}

/*checkbox*/
.checkbox {position:relative; display:inline-block; vertical-align:top; }
.checkbox input[type=checkbox] {position:absolute;top:0;left:0;width: 22px !important;min-height:22px;opacity:1;} /* vos 09 : 체크박스에 포커스 노출 *//* 20240214 체크박스에 포커스 노출 개선 : 크기 조정 */
.checkbox > label {display:inline-block; vertical-align:middle; min-height:22px; line-height:22px; }
.checkbox > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:15px;}
.checkbox input[type=checkbox]:disabled + label::before {background-position:-25px 0;}
.checkbox input[type=checkbox]:checked + label::before {background-position:-50px 0;}

.checkbox2 {position:relative; display:inline-block; vertical-align:top; }
.checkbox2 input[type=checkbox] {position:absolute; top:0; left:0; width:22px; min-height:22px; opacity:0;}
.checkbox2 > label {display:inline-block; vertical-align:middle; min-height:22px; line-height:22px; }
.checkbox2 > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:10px;}
.checkbox2 input[type=checkbox]:disabled + label::before {background-position:-25px 0;}
.checkbox2 input[type=checkbox]:checked + label::before {background-position:-50px 0;}

/*radio*/
.radio {position:relative; display:inline-block; vertical-align:top;}
.radio input[type=radio]{position:absolute;top:0;left:0;width:22px;min-height:22px;opacity: 1;z-index: -1;}/* 20240214 체크박스에 포커스 노출 개선 */
.radio > label {display:inline-block; vertical-align:middle;  min-height:22px; line-height:22px;}
.radio > label.new-pay-way {display:inline-block; vertical-align:middle;  min-height:22px; line-height:22px; margin-top: 5px;}
.radio > label.rcmdDshc {display:inline-block; vertical-align:middle;  min-height:22px; line-height:22px; margin-top: 5px;}

/* > label.new-pay-way::before와 같은 선택자 사용이 잘못됨, > 기호는 자식 선택자를 나타내므로 문법에러 (분리시킴) */
/* .radio > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:15px;} > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:15px;} */
.radio > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:15px;}
.radio > label::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:15px;}

/* .radio > label.new-pay-way::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:50px;} > label.new-pay-way::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;} */
.radio > label.new-pay-way::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:50px;}
.radio > label.new-pay-way::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;}

/* .radio > label.rcmdDshc::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:10px;} > label.rcmdDshc::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:10px;} */
.radio > label.rcmdDshc::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:10px;}
.radio > label.rcmdDshc::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px; margin-right:10px;}

/* .radio > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;} > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;} */
.radio > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;}
.radio > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;}

/* .radio > label.dshcLangType::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;} > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;} */
.radio > label.dshcLangType::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;}
.radio > label.pick-new-dueDate::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;}

/* .radio > label.pick-new-payBizrCd::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;} > label.pick-new-payBizrCd::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;} */
.radio > label.pick-new-payBizrCd::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 -25px no-repeat; background-size:200px 200px; margin-right:3px;}
.radio > label.pick-new-payBizrCd::before {content:''; display:inline-block; vertical-align:top; width:22px; height:22px;  background:url('../img/bg-icon.png?version=20240110') 0 0 no-repeat; background-size:200px 200px;}

.radio input[type=radio]:disabled + label::before {background-position:-25px -25px;}
.radio input[type=radio]:checked + label::before {background-position:-50px -25px;}

/*radio-group*/
.radio-group {display:flex;}
.radio-group .radio > label::before {display:none;}
.radio-group .radio label {width:100%; height:40px; line-height:40px; font-size:14px; color:#119891; border:1px solid #119891;text-align:center;} /* 2023 웹접근성 : 컬러 코드 변경 */
.radio-group .radio + .radio label {border-left:none; }
.radio-group .radio input[type=radio]:checked + label {background-color:#119891; color:#fff;} /* 2023 웹접근성 : 컬러 코드 변경 */
.radio-group .radio:first-child label {border-radius:4px 0 0 4px;}
.radio-group .radio:last-child label {border-radius:0 4px 4px 0;}

/*tx-align*/
.tx-left {text-align:left;}
.tx-right {text-align:right;}
.tx-center {text-align:center;}

/*width-size*/
.w-100 {width:100%;}
.w-50 {width:50%;}

/*text color*/
.txCol1{color: #000;}

/*form-group*/
.form-group .flex-box{width:100%; justify-content:flex-start; align-items:center}
.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=number],
.form-group input[type=tel] {flex:1; width:100%;}
.form-group .error {border-color:#ff4f4f}
.form-group select {border:1px solid #d0d0d0; border-radius:4px; height:40px; color:#333; font-size:16px; width:60px;}
.form-group select + input[type=text],
.form-group select + input[type=password],
.form-group select + input[type=number],
.form-group select + input[type=tel] {margin-left:4px;}
.form-group .flex-box .btn {display:inline-block;  margin-left:4px; width:78px;}
.form-group .flex-box > label {display:inline-block;  color:#666; font-size:14px; width:85px; line-height:1.2; /*letter-spacing:-1px;*/}
.form-group .flex-box > label{flex:none;position:relative;margin-right:28px;padding-left:12px;white-space:nowrap;}
.form-group .flex-box > label:before{content:"•";position:absolute;left:0;top:0;}
.form-group .flex-box > .prevEventAmount > label {display:inline-block;  color:#666; font-size:14px; width:85px; line-height:1.2; /*letter-spacing:-1px;*/}
.form-group .flex-box > .prevEventAmount > label{flex:none;position:relative;margin-right:28px;padding-left:12px;white-space:nowrap;}
.form-group .flex-box > .prevEventAmount > label:before{content:"•";position:absolute;left:0;top:0;}
.form-group .flex-box > span{display:block;}
.form-group .flex-box select{width:auto;}
.form-group .tx-notice {color:#ff4f4f; font-size:12px;margin:5px 0 12px;}
.form-group .radio-group {flex:1;}
.form-group .radio-group .radio{width:50%;}
.form-group .pass-blind {display:inline-block; vertical-align:middle; /* width:50%; padding-left:6px; */ } /* 20240207 */
.form-group .installment {overflow:hidden; }
.form-group .installment .btn {float:left; width:49%; margin-left:0; }
.form-group .installment .btn.active {color:#fff; background-color:#119891} /* 2023 웹접근성 : 컬러 코드 변경 */
.form-group .installment .btn:nth-child(even){margin-left:2%}
.form-group .installment .btn:nth-child(n+2){margin-bottom:4px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.form-group .installment + span {width:96px;}}/* 0131 ie10 */
.form-group .tx-sub {display:block; margin-bottom:-10px; font-size:12px; padding-left:60px; margin-top:7px; color:#888;}

.payInfo .form-group .flex-box > label{margin-right:10px;}

.mod_acts{position:relative;}
.mod_acts .btn_mor{width:24px;height:24px;background:url(../img/bg-icon.png?version=20240110) no-repeat 10px -93px;background-size:200px auto;cursor:pointer;text-indent:-9999px;overflow:hidden;}
.mod_acts .actLst{display:none;position:absolute;right:12px;top:31px;width:120px;background:#fff;border-radius:12px;border-top-right-radius:0;box-shadow:0px 3px 18px rgba(0,0,0,0.3);}
.mod_acts .actLst li a{display:block;padding:11px 0 8px;color:#00a7b3;font-size:15px;text-align:center;}

/*popup-layer*/
.layer-popup {display:none; position:fixed; top:90px; left:4%; height:calc(100vh - 180px); width:92%; padding:6%;  background-color:#fff; border-radius:16px; box-shadow:0px 1px 7px rgba(0,0,0,0.3); z-index:51;}
.layer-popup.active {display:block;}
.layer-popup h1 {display:inline-block; color:#333; font-size:18px; letter-spacing:-2px; margin-bottom:24px;}/* 1127 vos 결함 미조치 내용 4번  */
.layer-popup .layer-closed {position:absolute; top:0; right:0;  font-size:0; width:46px; height:46px;}
.layer-popup .layer-closed::before {content:''; display:inline-block; vertical-align:middle; width:14px; height:14px;  background:url('../img/bg-icon.png?version=20240110') -150px 0 no-repeat; background-size:200px 200px;}
/*.layer-popup .layer-contents {font-size:14px; color:#666; line-height:1.6; max-height:calc(100vh - 265px);overflow-y:auto; margin:0 -20px; padding:0 20px;-webkit-overflow-scrolling:touch; overflow: scroll;}*/
.layer-popup .layer-contents {font-size:14px; color:#666; line-height:1.6; max-height:calc(100vh - 265px);overflow: hidden;overflow-y:auto; margin:0 -20px; padding:0 20px;-webkit-overflow-scrolling:touch; }/* 0120 */
.layer-mask {display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.0); width:100%; height:100%; z-index:50;}
.layer-mask.active {display:block;}
.layer-mask.black {background:rgba(0,0,0,0.5)}
.layer-pop-mask {display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:50;}
.layer-pop-mask.active {display:block;}
.layer-pop-mask.black {background:rgba(0,0,0,0.5)}

.layer-popup-card {top: 100%;height: 0;position: fixed;overflow: scroll;left: 0;width: 100%;padding: 0 24px;background-color:#fff; border-radius:16px; box-shadow:0px 1px 7px rgba(0,0,0,0.3); z-index:51;}
.layer-popup-card.active {top: 52px;height: 100%;animation: slide-up .5s;}
@keyframes slide-up {
    0% {top: 100%;height: 0;}
    100% {top: 52px;height: 100%;}
}
.layer-popup-card.active-off{top: 100%;height: 0;animation: slide-down .5s;}
@keyframes slide-down {
    0% {top: 52px;height: 100%;}
    100% {top: 100%;height: 0;}
}
.layer-popup-card .layer-closed {display: none;position: absolute;z-index: 3;width: 44px;height: 44px;top: 20px;right: 18px;background: #fff url(../img/btn_close.png) 10px 10px no-repeat;background-size: 24px 24px;border-radius: 50px;box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);text-indent: -9999px;}
.layer-popup-card.active .layer-closed {display: block;}
.layer-popup-card .layer-contents {padding:174px 0 0;height:calc(100% - 54px);font-size:14px; color:#666; line-height:1.6;}
.layer-popup-card .layer-contents .scoreTotalWrap{position:absolute;top:0;z-index: 2;width: 100%;margin: 0 -24px;padding: 0 24px;background: #fff;border-radius: 16px;}
.layer-popup-card .layer-contents .scoreTotalWrap h2{padding: 24px 0 0;color: #333;font-size: 16px;font-weight: bold;}
.layer-popup-card .layer-contents .scoreTotal{padding: 16px 0 20px;border-bottom: 1px solid #e6e6e6;display: flex;}
.layer-popup-card .layer-contents .scoreTotal .info{width: 180px;margin-right: 40px;text-align: center;}
.layer-popup-card .layer-contents .scoreTotal .info .no{margin-bottom: 2px;color: #343434;font-size: 40px;line-height: 1;}
.layer-popup-card .layer-contents .scoreTotal .info .star>span{display: inline-block;width: 13px;height: 13px;background: url(../img/icon_star.png) no-repeat;background-size: 100% auto;}
.layer-popup-card .layer-contents .scoreTotal .info .star>span.on{background-position: 0 -13px;}
.layer-popup-card .layer-contents .scoreTotal .info .star>span.half{background-position: 0 -26px;}
.layer-popup-card .layer-contents .scoreTotal .info .rep{color: #666;font-size: 12px;}
.layer-popup-card .layer-contents .scoreTotal.nodata .no{color: #999;}
.layer-popup-card .layer-contents .scoreTotal.nodata .rep{color: #999;}
.layer-popup-card .layer-contents .distribution{width: 100%;}
.layer-popup-card .layer-contents .distribution li{position: relative;display: flex;margin-bottom: 4px;}
.layer-popup-card .layer-contents .distribution li span.num{width: 20px;color: #666;font-size: 13px;line-height: 1;}
.layer-popup-card .layer-contents .distribution li .graph{position: relative;margin-top: 2px;width: 100%;height: 6px;background: #f2f2f2;border-radius: 6px;}
.layer-popup-card .layer-contents .distribution li .graph .cur{position: absolute;left: 0;height: 6px;background: #1cc6d2;border-radius: 6px;}

.layer-toast{position: fixed;z-index: 99;top: 50%;left: 50%;margin: -80px 0 0 -120px;width: 240px;min-height: 165px;text-align: center;border-radius: 16px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);background-color: rgba(255, 255, 255, 0.98);}
.layer-toast .im_star{width: 56px;height: 56px;margin: 28px auto 13px;background: url(../img/icon_star.png) 0 -56px no-repeat;background-size: 100% auto;}
.layer-toast .tx1{margin-bottom: 8px;color: #333;font-size: 16px;}
.layer-toast .tx2{color: #666;font-size: 14px;}

.user-guide h3 {color:#333; font-size:16px; letter-spacing:-1px;}
.user-guide .dot-list > li::before{content:'•'; float:left; }
.user-guide .dot-list > li > div {padding-left:15px;}
.user-guide .dot-list + h3 {margin-top:26px;}
.user-guide table {width:100%; margin:15px 0;}
.user-guide table th,.user-guide table td  {border:1px solid #d7dde4; color:#333; font-size:14px; padding:9px 10px;}
.user-guide table th {background-color:#e3eaf2; font-weight:normal; text-align:center;}
.user-guide table tbody th {text-align:left;}


.terms-privacy table {width:100%; margin:15px 0;}
.terms-privacy table th,.terms-privacy table td  {border:1px solid #d7dde4; color:#333; font-size:14px; padding:9px 10px;}
.terms-privacy table th {background-color:#e3eaf2; font-weight:normal; text-align:center;}
.terms-privacy table tbody th {text-align:left;}


.passNum {width:70px}


/*margin*/
.mgt-8 {margin-top:8px;}
.mgt-10 {margin-top:10px;}
.mgt-15 {margin-top:15px;}
.mgt-20 {margin-top:20px;}
.mgt-25 {margin-top:25px;}

/*loading*/
.msg-layer{position:fixed;left:50%;top:50%;width:155px;height:110px;margin:-55px 0 0 -77px;padding:63px 0 25px;background:#fff url(../img/bg-msg-loading.gif) no-repeat center center;opacity:.9;font-size:13px;color:#222;border-radius:10px;box-shadow:5px 5px 10px rgba(1,1,1,.3);box-sizing:border-box;text-align:center;z-index:51;}
.msg-bubble-layer{padding:0px 0 0px;background:#fff url(../img/bg_msg_loading25.gif) no-repeat center center;opacity:.9;font-size:13px;color:#222;border-radius:10px;box-sizing:border-box;text-align:center;z-index:51;}

.container{background-color: #e6f5f4;}
.chat-msg .box-noti{margin: -6px -10px 5px;padding: 18px 0;text-align: center;border: 1px solid #ebebeb;border-radius: 6px 4px 0 0;}
.chat-msg .box-noti .text-noti{padding-bottom: 5px;font-size: 17px;}
.chat-msg .box-noti .icons span{position: relative;display: inline-block;width: 74px;padding-top: 50px;text-align: center;}
.chat-msg .box-noti .icons span::before{content:"";display: inline-block;position: absolute;top: 0;left: 12px;width: 50px;height: 50px;background: url(../img/icon_01.png?1) no-repeat;background-size: 100px auto;text-indent: -9999px;}
.chat-msg .box-noti .icons span.ic_1::before{background-position: 0 0;}
.chat-msg .box-noti .icons span.ic_2::before{background-position: 0 -50px;}
.chat-msg .box-noti .icons span.ic_3::before{background-position: 0 -262px;}
.chat-msg .btn-cert{margin: 0 -10px;}
.chat-msg .btn-cert button{width: 100%;height: 52px;color: #fff;font-size: 15px;font-weight: 500;border: 0px;background: #3B403F;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);border-radius: 5px;}
.chat-msg .btn-cert button::before{content: "";display: inline-block;margin-right: 4px;vertical-align: -11px;width: 32px;height: 33px;background: url(../img/icon_01.png) 0 -150px no-repeat;background-size: 100px auto;}

/*2025.02 타인납부*/
.chat-msg .box-myslf-noti{margin: -6px -10px 5px;padding: 18px 0;text-align: center;border: 1px solid #ebebeb;border-radius: 6px 4px 0 0;}
.chat-msg .box-myslf-noti .text-noti{padding-bottom: 5px;font-size: 14px;}
.chat-msg .box-myslf-noti .icons span{position: relative;display: inline-block;width: 74px;padding-top: 50px;text-align: center;}
.chat-msg .box-myslf-noti .icons span::before{content:"";display: inline-block;position: absolute;top: 0;left: 12px;width: 50px;height: 50px;background: url(../img/icon_01.png?1) no-repeat;background-size: 100px auto;text-indent: -9999px;}
.chat-msg .box-myslf-noti .icons span.ic_1::before{background-position: 0 0;}
.chat-msg .box-myslf-noti .icons span.ic_2::before{background-position: 0 -50px;}
.chat-msg .box-myslf-noti .icons span.ic_3::before{background-position: 0 -262px;}
.btn-myslf-cert { display: flex;align-items: center;gap: 10px; margin:20 0 0 0;}
.btn-myslf-cert input {width: 100%;text-align: center;font-size: 15px;font-weight: bold;border: 0px;box-shadow: 0px 2px 3px 0px #3B403F;border-radius: 5px; flex: 1;padding: 8px;}
.btn-myslf-cert button {white-space: nowrap; /* 버튼 텍스트 줄바꿈 방지 */}

.container.justPay .chat-msg .btn-layer{color: #007ae6;font-size: 13px;}
.container.justPay .chat-msg a.btn-layer-verification:focus {/* 2020 웹접근성 개선 : 버튼의 초점 시각적 인지 불가 outline:0 !important;*/}
.container.justPay .chat-msg .btn-layer-verification{color: #007ae6;font-size: 13px;}
.container.justPay .chat-msg .btn-layer-verification.disabled{pointer-events:none; cursor:default;}
.container.justPay .chat-msg .btn-layer-privacy{color: #007ae6;font-size: 13px;}
.noti-list h6{padding-bottom: 4px;color: #333;font-size: 14px;}
.noti-list h6::before{content:"";display: inline-block;vertical-align: -2px;width: 15px;height: 15px;margin-right: 4px;background: url(../img/icon_01.png) 0 -183px no-repeat;background-size: 100px auto;}
.noti-list ul li{padding: 0 0 2px 8px;color: #666;font-size: 13px;text-indent: -8px;line-height: 1.4;}
.noti-list2 h6{padding-bottom: 5px;color: #666;font-size: 14px;}
.noti-list2 h6::before{content:"";display: inline-block;vertical-align: -2px;width: 15px;height: 15px;margin-right: 4px;background: url(../img/icon_01.png) -18px -183px no-repeat;background-size: 100px auto;}
.noti-list2 ul{margin: 0 0 0 20px;}
.noti-list2 ul li{padding: 0 0 6px 8px;color: #666;font-size: 12px;text-indent: -8px;line-height: 1.4;}
.noti-list2 ul li:last-child{padding-bottom: 0;}
.container.justPay+footer{height: 54px;}
footer .btn-box-botfull{display: flex;box-shadow: 0px -3px 7px 0px rgba(10,179,170,0.08);}
footer .btn-box-botfull button{width: 50%;height: 54px;color: #119891;font-size: 15px;font-weight: bold;letter-spacing: -1px;border-right: 1px solid #dce6e5;border-bottom: 1px solid #dce6e5;background: #fff;}/* 20240129 vos 수정 */
footer .btn-box-botfull button:last-child{border-right: none;}
footer .btn-box-botfull button::before{content: "";display: inline-block;margin-right: 6px;width: 32px;height: 32px;background: url(../img/icon_01.png) no-repeat;background-size: 100px auto;vertical-align: -12px;}
footer .btn-box-botfull .btnHome::before{background-position: 0 -198px;}
footer .btn-box-botfull .btnClose::before{background-position: 0 -230px;}
button{font-size: 14px;}
.btn.gray{background-color: #343434;}
.chat-box.payment{margin-top: 8px;}
.chat-box.payment .flex-box {justify-content:flex-start;}
.chat-box.payment .thum-img {align-self:flex-start;width:48px;}
.chat-box.payment .thum-img > img {width:40px;}
.chat-box.payment .chat-msg {overflow: hidden;padding: 0;background-color:#fff; border-radius: 12px;}
.chat-box.payment .chat-msg > img {width:40px; height:40px; display:block;}
.chat-box.payment .chat-time {min-width:70px; flex:1; margin-left:10px;}
.chat-box.payment  ul.btn-payment{padding: 6px 0;}
.chat-box.payment .btn-payment li{border-bottom: 1px solid #eee;background: url(../img/icon_ar_right.png) center right no-repeat;background-size: 33px 14px;}
.chat-box.payment .btn-payment li:last-child{border-bottom: none;}
.chat-box.payment .btn-payment button{width: 100%; width:calc(100% - 4px); height: 46px;padding: 4px 0 0; margin-left:2px; color: #333;font-weight: bold;text-align: left;}/* 1127 vos 추가결함 1번 */
.eventTag{border: 1px solid; font-weight: normal; font-size:12px; border-radius: 4px; color:#119891; border-color:#119891; height:auto; padding-left:2px; padding-right:2px; margin-top:3px; padding-top:1px; padding-bottom:1px;} /* 2023 웹접근성 : 컬러 코드 변경 */
/*.chat-box.payment .btn-payment button span{display: inline-block;width: 48px;height: 36px;margin: 0 12px 0 17px;vertical-align: middle;background: url(../img/icon_01.png) no-repeat;background-size: 100px auto;}*/
.chat-box.payment .btn-payment button .iconBox{display: inline-block;width: 48px;height: 36px;margin: 0 12px 0 17px;vertical-align: middle;background: url(../img/icon_01.png) no-repeat;background-size: 100px auto;}
.chat-box.payment .btn-payment button span.ic_kakao{background-position: -50px -3px;}/* 바로납부 카카오 아이콘 수정 */
.chat-box.payment .btn-payment button span.ic_payco{background-position: -50px -148px;}/* payco */
.chat-box.payment .btn-payment button span.ic_toss{background-position: -50px -308px;}/* toss */
.chat-box.payment .btn-payment button span.ic_bank{background-position: -50px -52px;}
.chat-box.payment .btn-payment button span.ic_kakao-payco{display: inline-block;width: 48px;height: 36px;vertical-align: middle;background: url(../img/npay_item.png) no-repeat;background-size: 100%;}
.chat-box.payment .btn-payment button span.ic_kakao-payco-naver{display: inline-block;width: 48px;height: 36px;vertical-align: middle;background: url(../img/new_npay_item.png?version=20230921) no-repeat;background-size: 100%;}
.chat-box.payment .btn-payment button .iconBox2{display: inline-block;width: 48px;height: 36px;margin: 0 12px 0 17px;vertical-align: middle;background: url(../img/icon_01_npay.png?version=20230921) no-repeat;background-size: 100px auto;}
.chat-box.payment .btn-payment button span.ic_naver{background-position: -50px -280px;}/* 네이버 페이 */
.chat-box.payment .btn-payment button span.ic_credit{background-position: -50px -102px;}
.chat-box.payment .btn-payment button.btnPay_refresh{background-color: #fff;}
.chat-box.payment .btn-payment button span.ic_refresh1{background-position: -50px -150px;}
.chat-box.payment .btn-payment button span.ic_refresh2{background-position: -50px -200px;}
.chat-box.payment .btn-payment button:disabled{background-color: #fff !important;}
.chat-box.payment .btn-payment button:disabled>span{opacity: .5;}
.chat-box.payment .btn-payment button .pay_btn_text{vertical-align:sub; line-height:7px;}
.chat-box.payment .btn-payment button .pay_btn_div{width:85%; padding-top:3px;}

.chat-box.payment .btn-payment button span.ic_online_giro{display: inline-block;width: 48px;height: 36px;margin: 1px 12px 0 17px;vertical-align: middle;background: url(../img/icon_online_giro.png?version=v20240710) no-repeat;background-size: contain;}

.chat-box.payment .btn-payment button span.pay_btn_black_square{display: inline-block;width: 50px;height: 28px;margin: 0px 0px 0px 25px; background: url(../img/blackSquare.png) no-repeat;background-size: contain;}
.chat-box.payment .btn-payment button span.pay_btn_ar_left{display: inline-block;width: 35px;height: 20px; transform: rotate(180deg); background: url(../img/icon_ar_right_02.png) no-repeat;background-size: contain;}

/* 21.06.30 추가 */
/*.new-pay-method span.ic_kakao{display: inline-block;width: 48px;height: 36px;margin: 0 12px 0 17px;vertical-align: middle;background: url(../img/icon_01.png) no-repeat;background-size: 100px auto; background-position: -50px -3px;} */
.new-pay-method span.ic_kakao{display: inline-block;width: 50px;height: 30px;margin: 7px 0 0 0;background: url(../img/icon_kakaopay.png) no-repeat;background-size: contain;}
.new-pay-method span.ic_payco{display: inline-block;width: 50px;height: 30px;margin: 7px 0 0 0;background: url(../img/icon_payco.png) no-repeat;background-size: contain;}
.new-pay-method span.ic_naver{display: inline-block;width: 50px;height: 30px;margin: 7px 0 0 0;background: url(../img/icon_naverpay.png?version=20230921) no-repeat;background-size: contain;}
/* 2025.04 변경할 납부방법: 간편결제 Toss 추가 */
.new-pay-method span.ic_toss{display: inline-block;width: 70px;height: 30px;margin: 4px 0 0 0;background: url(../img/icon_tosspay.png?version=20250513) no-repeat;background-size: contain;}


.chat-box.noticeBanner{margin: 28px 0;}
.chat-box.noticeBanner .flex-box {justify-content:flex-start;}
.chat-box.noticeBanner .thum-img {align-self:flex-start;width:48px;}
.chat-box.noticeBanner .thum-img > img {width:40px;}
.chat-box.noticeBanner .chat-msg {overflow: hidden;padding: 0;background-color:#119891; border-radius:12px;} /* 2023 웹접근성 : 컬러 코드 변경 */
.chat-box.noticeBanner .chat-msg > img {width:40px; height:40px; display:block;}
.chat-box.noticeBanner .chat-msg .titleWrap{display: table;position: relative;width: 100%;height: 58px;background: #119891;} /* 2023 웹접근성 : 컬러 코드 변경 */
.chat-box.noticeBanner .chat-msg .titleWrap .txt{display: table-cell;height: 58px;padding: 0 72px 0 14px;color: #fff;font-size: 15px;line-height: 1.4;vertical-align: middle;}
.chat-box.noticeBanner .chat-msg .titleWrap img.ic_5g{position: absolute;top: 3px;right: 10px;width: 52px;}
.chat-box.noticeBanner .chat-msg .txtWrap{padding: 18px 16px;color: #666;font-size: 15px;background-color: #fff;}
.chat-box.noticeBanner .btn-wrap {border-top: 1px solid #eee;background-color: #fff;}
.chat-box.noticeBanner .btn-wrap button{width: 100%;height: 50px;color: #119891;font-weight: bold;}/* 20240129 vos 수정 */

/* 고객만족 */
.chat-box.cstmrStsfc{position: relative;margin-top: 12px;}
.chat-box.cstmrStsfc .flex-box {justify-content:flex-start;}
.chat-box.cstmrStsfc .thum-img {align-self:flex-start;width:48px;}
.chat-box.cstmrStsfc .chat-msg {overflow: hidden;padding: 0;background-color:#fff; border-radius: 12px;}
.chat-box.cstmrStsfc .balloon{position: absolute;z-index: 9;top: 0;left: 50px;width: 8px;height: 18px;background: url(../img/bg-icon.png?version=20240110) no-repeat;background-size: 200px 200px;background-position: -25px -70px;}
.chat-box.cstmrStsfc.helper .chat-msg {border-radius: 0 12px 12px 12px;}
.chat-box.cstmrStsfc .chat-msg .average{position: relative;height: 56px;padding: 18px 20px 0 0;text-align: right;}
.chat-box.cstmrStsfc .chat-msg .average .ic_5g{position: absolute;top: 7px;left: 15px;display: block;width: 38px;height: 38px;text-align: left;background: url(../img/ic_5Gflag.png) no-repeat;background-size: 100% auto;text-indent: -9999px;}
.chat-box.cstmrStsfc .chat-msg .average .ic_star{display: inline-block;height: 18px;text-align: left;color: #767676;font-size: 13px;line-height: 18px;padding-left: 22px;background: url(../img/icon_star.png) 0 -19px no-repeat;background-size: 18px auto;}
.chat-box.cstmrStsfc .chat-msg .average .btn_more{display: inline-block;width: 40px;color: #119891;font-size: 13px;line-height: 18px;}/* 20240129 vos 수정 */
.chat-box.cstmrStsfc .chat-msg .tx1{margin-bottom: 10px;padding: 2px 0 3px;color: #666;font-size: 15px;text-align: center;line-height: 1.5;letter-spacing: -1px;}
.chat-box.cstmrStsfc .chat-msg .starScore{margin-bottom: 12px;text-align: center;}
.chat-box.cstmrStsfc .chat-msg .starScore button{width: 36px;height: 36px;margin: 0 2px;background: url(../img/icon_star.png) no-repeat;background-size: 100% auto;text-indent: -9999px;}
.chat-box.cstmrStsfc .chat-msg .starScore button.on{background-position: 0 -36px;}
.chat-box.cstmrStsfc .chat-msg .starScore button:disabled{border:none; background-color:#fff!important;}
.chat-box.cstmrStsfc .chat-msg .starScore.myScore{margin-bottom: 0;padding: 20px 0 12px;border-bottom: 1px solid #d9d9d9;}
.chat-box.cstmrStsfc .chat-msg .starScore.myScore .mysc{padding-top: 6px;}
.chat-box.cstmrStsfc .chat-msg .opinion{position: relative;height: 100px;}
.chat-box.cstmrStsfc .chat-msg .opinion textarea{width: 100%;height: 100px;padding: 10px 18px;font-size: 14px;line-height: 1.4;border: none;}
.chat-box.cstmrStsfc .chat-msg .opinion .dataSize{position: absolute;z-index: 9;display: inline-block;height: 30px;line-height: 30px;padding: 0 16px;right: 4px;bottom: 2px;color: #666;background: radial-gradient(rgba(255,255,255,1) 35%,rgba(255,255,255,0) 95%);}
.chat-box.cstmrStsfc .chat-msg .opinion textarea[disabled]{background-color:#f5f5f5;color:#bfbfbf;}
.chat-box.cstmrStsfc .chat-msg .opinion textarea[disabled] + .dataSize{display:none;}
.chat-box.cstmrStsfc .chat-msg .txNotice {color:#ff4f4f; font-size:12px; padding-left:14px;}
.chat-box.cstmrStsfc .chat-msg .addSurveyTit{padding: 14px 18px 0;border-top: 1px solid #d9d9d9;color: #333;font-weight: bold;}
.chat-box.cstmrStsfc .chat-msg .addSurveyTit>span{color: #777;font-weight: normal;}
.chat-box.cstmrStsfc  ul.btn-reg{border-top: 1px solid #eee;}
.chat-box.cstmrStsfc  ul.btn-reg.ty2{padding: 7px 10px 12px;}
.chat-box.cstmrStsfc .btn-reg li{border-bottom: 1px solid #eee;}
.chat-box.cstmrStsfc .btn-reg li:last-child{border-bottom: none;}
.chat-box.cstmrStsfc .btn-reg button{width: 100%;height: 50px;color: #119891;font-weight: bold;}/* 20240129 vos 수정 */
.chat-box.cstmrStsfc .btn-reg button.btn_reg_complet{color: #fff;font-weight: bold;background: #3b4040;border-radius: 4px;}
.chat-box.cstmrStsfc .btn-reg button.btn_reg_complet:disabled{background-color: #ddd!important;color: rgba(51,51,51,0.5)!important;}
.chat-box.cstmrStsfc .btnAll{overflow: hidden;margin: 12px 0 0 48px;background-color:#fff; border-radius: 12px;box-shadow: 0px 1px 7px rgba(0,0,0,0.2);}
.chat-box.cstmrStsfc  ul.btn-payment{padding: 6px 0;}
.chat-box.cstmrStsfc .btn-payment li{border-bottom: 1px solid #eee;background: url(../img/icon_ar_right.png) center right no-repeat;background-size: 33px 14px;}
.chat-box.cstmrStsfc .btn-payment li:last-child{border-bottom: none;}
.chat-box.cstmrStsfc .btn-payment .btn_score_view{display: inline-block;width: 100%;height: 46px;color: #333;font-weight: bold;text-align: left;line-height: 46px;}
.chat-box.cstmrStsfc .btn-payment .btn_score_view>span{display: inline-block;width: 48px;height: 36px;margin: 0 12px 0 17px;vertical-align: middle;background: url(../img/icon_01.png) no-repeat;background-size: 100px auto;}
.chat-box.cstmrStsfc .btn-payment .btn_score_view>span.ic_score_view{background-position: -50px -250px;}
.chat-box.cstmrStsfc .chat-time {min-width:70px; flex:1; margin-left:10px;}

.opinionLoading{padding-top: 20px;text-align: center;}

.txtWrapAnswer{position: relative;margin-top: 16px;padding: 14px 16px 16px;background: #f5f5f5;border-radius: 8px;}
.txtWrapAnswer .nameManager{color: #333;margin-bottom: 4px;}
.txtWrapAnswer .date{position: absolute;top: 14px;right: 16px;color: #999;}
.txtWrapAnswer .cont{color: #333;}


/* 스와이프 */
.swiper-container{padding: 6px 0 36px;}
.swiper-slide.chat-msg{width: 320px;margin-bottom: 10px;padding: 12px 15px 8px;border-radius: 12px;border: solid 1px #d8d8d8;}
.swiper-slide .cont{min-height: 46px;margin-bottom: 14px;font-size: 15px;color: #333;}
.swiper-slide .btnWrap>button{min-width: 60px;height: 34px;margin: 0 3px 8px 0;padding: 0 14px;color: #00a7b3;font-size: 14px;border: solid 1px #00a7b3;border-radius: 50px;}
.swiper-slide .btnWrap>button.current{background: #f1fcfc;}
@media all and (max-width:414px) {.swiper-slide.chat-msg{width: 300px}}
@media all and (max-width:375px) {.swiper-slide.chat-msg{width: 260px}}
@media all and (max-width:360px) {.swiper-slide.chat-msg{width: 246px}}
@media all and (max-width:320px) {.swiper-slide.chat-msg{width: 240px}}
.swiper-pagination-bullet{width: 6px;height: 6px;background: #b3b3b3;border-radius: 10px;opacity: 1;transition: .3s;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.swiper-pagination-bullet-active{background: #333;}
.swiper-container .chat-msg .titleWrap{display: table;position: relative;width: 100%;height: 58px;background: #119891;} /* 2023 웹접근성 : 컬러 코드 변경 */
.swiper-container .chat-msg .titleWrap .txt{display: table-cell;height: 58px;padding: 0 72px 0 14px;color: #fff;font-size: 15px;line-height: 1.4;vertical-align: middle;}
.swiper-container .chat-msg .titleWrap img.ic_5g{position: absolute;top: 3px;right: 10px;width: 52px;}
.swiper-container .chat-msg .txtWrap{min-height: 105px;padding: 18px 16px;color: #666;font-size: 15px;background-color: #fff;}
.swiper-container .btn-wrap {display: flex;border-top: 1px solid #eee;background-color: #fff;}
.swiper-container .btn-wrap button{width: 100%;height: 50px;color: #119891;font-weight: bold;border-right: 1px solid #eee;}/* 20240129 vos 수정 */
.swiper-container .btn-wrap button:last-child{border-right: none;}
.swiper-container+.chat-time{padding: 0 0 38px 58px;color: #888;font-size: 12px;}
.swiper-slide.item{overflow: hidden;width: 90%;padding: 0 10px 6px;border: solid 1px #d8d8d8;border-radius: 12px;}
.swiper-slide.item{padding: 0 10px 6px;}
.swiper-slide.item .tit{margin-bottom: 6px;color: #333;font-size: 14px;}
.swiper-slide.item .tit>span{color: #777;}
.swiper-slide.item .cont{min-height: 52px;margin-bottom: 14px;padding: 14px 2px 0;}
.swiper-slide.item .btnWrap>button{min-width: 60px;height: 36px;margin: 0 3px 8px 0;padding: 0 14px;color: #00a7b3;border: solid 1px #00a7b3;border-radius: 50px;}
.swiper-slide.item .btnWrap>button.btn_maybe{}
.swiper-slide.item .btnWrap>button.current{background: #f1fcfc;}
.swiper-wrapper{height:fit-content !important;}
.swiper-slide{height:fit-content !important;}


/* 2019-11-28 add */
input::-ms-clear{display:none;}
.swiper-button-prev{/* 2020 웹접근성 개선 : 버튼의 초점 시각적 인지 불가 outline:0;left: 4px;*/margin-top: -34px;width: 29px;height: 29px;background: url(../img/btn_navi_prev.png);background-size: 100% 100%;text-indent: -9999px;}
.swiper-button-next{/* 2020 웹접근성 개선 : 버튼의 초점 시각적 인지 불가 outline:0;right: 4px;*/margin-top: -34px;width: 29px;height: 29px;background: url(../img/btn_navi_next.png);background-size: 100% 100%;text-indent: -9999px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.swiper-card-position .swiper-button-prev{left: 38px;}
.swiper-card-position .swiper-button-next{right: 38px;}
@media all and (min-width:415px) {
.swiper-card-position .swiper-button-prev{left: 50px;}
.swiper-card-position .swiper-button-next{right: 50px;}
}

/* 명세서 선택 */
.zinx {position:relative; z-index:9;} /* 0130 chat-box에 z-index 조절하도록 클래스 추가 */
.AmtBox {flex:1; width:100%; display:flex; justify-content:flex-start; align-items:center; }
/*.btnAmtList {display:inline-block; width:100%; height:40px; line-height:40px; text-indent:20px; font-size:16px; color:#333; border:1px solid #d0d0d0; border-radius:4px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:18px auto;}*/
/*.btnAmtList {display:inline-block; width:100%; height:40px; line-height:40px; text-indent:10px; font-size:16px; color:#333; overflow:hidden; border:1px solid #d0d0d0; border-radius:4px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:18px auto;} 0120 */
/* 임시 */
.btnAmtList {display:inline-block; width:100%; height:40px; line-height:40px; text-indent:10px; font-size:16px; color:#333; overflow:hidden; border:1px solid #d0d0d0; border-radius:4px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:18px auto;}/* 0129 */
.btnAmtList.disabled {cursor:default; background-color:rgba(0,0,0,0.1);}/* 0123 */
.eachAmtList {display:none; position:absolute; top:70px; left:20px; width:calc(100% - 40px); padding:20px; border-radius:4px; border:solid 1px #d0d0d0; background:#fff; z-index:9;}
.eachAmtList.active {display:block;}
.eachAmtList li {position:relative; line-height:30px; background:#fff;}
.eachAmtList li input[type=checkbox] {position:absolute; -webkit-appearance: checkbox; -moz-appearance: checkbox; z-index:-1; top: 6px;}
.eachAmtList li input[type=checkbox] + label {position:relative; padding-left:24px; display:inline-block;}
.eachAmtList li input[type=checkbox] + label:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border:solid 1px #333333; border-radius:1px; }
.eachAmtList li input[type=checkbox]:checked + label {background:url(../img/icon_checkbox.png?version=20240224) 3px 13px no-repeat; background-size:12px auto;}
.eachAmtList li input[type=checkbox]:focus + label {outline:dashed 1px #666;}

.changePayDayList {top:70px; left:20px; width:calc(100%); padding:20px; border-radius:4px; background:#fff; z-index:9;}
.changePayDayList li {position:relative; line-height:30px; background:#fff;}
.changePayDayList li input[type=checkbox] {position:absolute; -webkit-appearance: checkbox; -moz-appearance: checkbox; z-index:-1; top: 6px;}
.changePayDayList li input[type=checkbox] + label {position:relative; padding-left:24px; display:inline-block;}
.changePayDayList li input[type=checkbox] + label:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border:solid 1px #333333; border-radius:1px; }
.changePayDayList li input[type=checkbox]:checked + label {background:url(../img/icon_checkbox.png?version=20240224) 3px 13px no-repeat; background-size:12px auto;}
.changePayDayList li input[type=checkbox]:focus + label {outline:dashed 1px #666;}
.changeDshcList {top:70px; left:20px; width:calc(100%); padding:20px; border-radius:4px; background:#fff; z-index:9;}
.changeDshcList2 {top:70px; left:20px; width:calc(100%); padding:20px; border-radius:4px; background:#fff; z-index:9;}
.changeDshcList li {position:relative; line-height:30px; background:#fff;}
.changeDshcList li input[type=checkbox] {position:absolute; -webkit-appearance: checkbox; -moz-appearance: checkbox; z-index:-1; top: 6px;}
.changeDshcList li input[type=checkbox] + label {position:relative; padding-left:24px; display:inline-block;}
.changeDshcList li input[type=checkbox] + label:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border:solid 1px #333333; border-radius:1px; }
.changeDshcList li input[type=checkbox]:checked + label {background:url(../img/icon_checkbox.png?version=20240224) 3px 13px no-repeat; background-size:12px auto;}
.changeDshcList li input[type=checkbox]:focus + label {outline:dashed 1px #666;}

.changeDshcList2 li {position:relative; line-height:30px; background:#fff;}
.changeDshcList2 li input[type=checkbox] {position:absolute; -webkit-appearance: checkbox; -moz-appearance: checkbox; z-index:-1; top: 6px;}
.changeDshcList2 li input[type=checkbox] + label {position:relative; padding-left:24px; display:inline-block;}
.changeDshcList2 li input[type=checkbox] + label:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border:solid 1px #333333; border-radius:1px; }
.changeDshcList2 li input[type=checkbox]:checked + label {background:url(../img/icon_checkbox.png?version=20240224) 3px 13px no-repeat; background-size:12px auto;}
.changeDshcList2 li input[type=checkbox]:focus + label {outline:dashed 1px #666;}

.changePayWayList {top:70px; left:20px; width:calc(100%); padding:20px; border-radius:4px; background:#fff; z-index:9;}
.changePayWayList li {position:relative; line-height:30px; background:#fff;}
.changePayWayList li input[type=checkbox] {position:absolute; -webkit-appearance: checkbox; -moz-appearance: checkbox; z-index:-1; top: 9px; opacity:0;}
.changePayWayList li input[type=checkbox] + label {position:relative; padding-left:24px; display:inline-block;}
.changePayWayList li input[type=checkbox] + label:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; border:solid 1px #333333; border-radius:1px;  background: #fff; }
.changePayWayList li input[type=checkbox]:checked + label {background:url(../img/icon_checkbox.png?version=20240224) 3px 13px no-repeat; background-size:12px auto;}
.changePayWayList li input[type=checkbox]:checked + label:before {background:transparent;}
.changePayWayList li input[type=checkbox]:focus + label {outline:dashed 1px #666;}
.billInfoChgSelectList {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:13px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-position:right; background-origin: content-box;}/* 0120 */
.clsAmtList {display:none; position:absolute; top:84px; right:40px; width:20px; height:20px; overflow:hidden; background:url(../img/btn_layer.png) 50% 50% no-repeat; background-size:18px auto; z-index:9; transform:rotate(180deg);}
.clsAmtList span {color:transparent;}
.eachAmtList.active + .clsAmtList {display:block;}
.paymentSelectList {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:18px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; }/* 0120 */
.paymentSelectList2 {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:13px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-position:right; background-origin: content-box;}/* 0120 */
.domainSelectList {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:13px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-position:right; background-origin: content-box;}/* 0120 */
.vracnSelectList {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:13px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-position:right; background-origin: content-box;}
.dspVracnSelectList {padding-left:10px; background:url(../img/btn_layer.png) calc(100% - 20px) 50% no-repeat; background-size:13px auto; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-position:right; background-origin: content-box;}
select.paymentSelectList::-ms-expand {display:none}/* 0120 */
.eachAmtList .eachAmtNotiArea .tx-notice {line-height:1.4; margin:5px 0 0;}/* 0121 명세서선택안내추가 */

/* 카카오페이, PAYCO */
.text-box + .text-box {margin-top:15px;}
.mobilepay-box {position:relative; margin:15px 0;}
.mobilepay-box ul {}
.mobilepay-box ul::after {content:""; display:block; clear:both;}
.mobilepay-box ul li {float:left; width:50%; padding:0 5px 5px 0;}
.mobilepay-box ul li a {display:block; padding:10px 5px; border:solid 2px #757575; border-radius:3px; box-shadow:4px 4px 4px rgba(206, 206, 206, 0.4)}
.mobilepay-box ul li a {font-size:13px;}
.mobilepay-box ul li .prodpay {letter-spacing:-1px;}
.mobilepay-box ul li .prod-int {background-image:linear-gradient(transparent 50%, #79fff0 50%)}
.mobilepay-box ul li .prod-mbl {background-image:linear-gradient(transparent 50%, #ffb7b7 50%)}
.mobilepay-box ul li .prod-tv {background-image:linear-gradient(transparent 50%, #c8eda2 50%)}
.mobilepay-box ul li .prod-phn {background-image:linear-gradient(transparent 50%, #b8d9f1 50%)}
.mobilepay-box ul li .prod-etc {background-image:linear-gradient(transparent 50%, #cecece 50%)}
.mobilepay-box ul li .prodid {letter-spacing:-1px;}
.mobilepay-box ul li .prodamt {display:block; font-size:14px;}
@media screen and (max-width:400px) {.mobilepay-box ul li a {font-size:12px;}.mobilepay-box ul li .prodamt{font-size:13px;}}
@media screen and (max-width:360px) {.mobilepay-box ul li a {font-size:11px;}.mobilepay-box ul li .prodamt{font-size:12px;}}
@media screen and (max-width:340px) {.mobilepay-box ul li a {font-size:10px;}.mobilepay-box ul li .prodamt{font-size:11px;}}

.mobilepayqrcode-box {position:relative; height:160px; padding:20px;}
.mobilepayqrcode-box .mobilepay-qrcode {position:absolute; top:20px; left:20px; width:120px;}
.mobilepayqrcode-box .mobilepay-qrcode .tospan {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; text-align:center; font-weight:bold; font-size: 16px; color:#fff; background:rgba(0,0,0,0.7) url(../img/icon_reloadwht.png) 50% 70% no-repeat; background-size:30% auto;}
.mobilepayqrcode-box .mobilepay-qrcode .tospan2 {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; text-align:center; font-weight:bold; font-size: 16px; color:#fff; background:rgba(0,0,0,0.7) url(../img/icon_reloadwht.png) 50% 70% no-repeat; background-size:30% auto;}
.mobilepayqrcode-box .mobilepay-qrcode .tospan3 {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; text-align:center; font-weight:bold; font-size: 16px; color:#fff; background:rgba(0,0,0,0.7) url(../img/icon_reloadwht.png) 50% 70% no-repeat; background-size:30% auto;}
.mobilepayqrcode-box .mobilepay-qrcode .tospan4 {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; text-align:center; font-weight:bold; font-size: 16px; color:#fff; background:rgba(0,0,0,0.7) url(../img/icon_reloadwht.png) 50% 70% no-repeat; background-size:30% auto;}
.mobilepayqrcode-box .mobilepay-qrcode .tospan5 {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; text-align:center; font-weight:bold; font-size: 16px; color:#fff; background:rgba(0,0,0,0.7) url(../img/icon_reloadwht.png) 50% 70% no-repeat; background-size:30% auto;}
.mobilepayqrcode-box .mobilepay-qrtxt {padding:20px 0 0 140px;}
@media screen and (max-width:395px) {.mobilepayqrcode-box .btn.sm.round {border-radius:16px; padding:0 10px;}.mobilepayqrcode-box .btn.sm {font-size:11px;}}
@media screen and (max-width:377px) {.mobilepayqrcode-box .mobilepay-qrcode {width:100px;}.mobilepayqrcode-box .mobilepay-qrtxt {padding:20px 0 0 120px;}.mobilepayqrcode-box .btn.sm.round {border-radius:16px; padding:0 6px;}}
@media screen and (max-width:350px) {.mobilepayqrcode-box {padding:20px 10px;}.mobilepayqrcode-box .mobilepay-qrcode {width:80px;}.mobilepayqrcode-box .mobilepay-qrtxt {padding:10px 0 0 100px;}.mobilepayqrcode-box .btn.sm {font-size:10px;}}
.mobilepayqrcode-box .mobilepay-qrtxt .lmtm {margin-bottom:5px;}
.user-guide .dot-list > li > ol {padding-left:18px;}

.dot-list > li > ol > li > span .icon_npay_greendot {display: inline-block;width: 22px;height: 24px;vertical-align: middle;background: url(../img/icon_npay_greendot.png) no-repeat;background-size: 100%;}

.mobilepayqrcode-box.timeover {}
.mobilepayqrcode-box.timeover .mobilepay-qrcode .tospan {display:block;}
.mobilepayqrcode-box.timeover .mobilepay-qrcode .tospan2 {display:block;}
.mobilepayqrcode-box.timeover .mobilepay-qrcode .tospan3 {display:block;}
.mobilepayqrcode-box.timeover .mobilepay-qrcode .tospan4 {display:block;}
.mobilepayqrcode-box.timeover .mobilepay-qrcode .tospan5 {display:block;}
.mobilepayqrcode-box.timeover .lmtm span {color:#ef2a2a;}
.mobilepayqrcode-box.disabled {}/* 0123 */
.mobilepayqrcode-box.disabled .mobilepay-qrcode:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}/* 0123 */
/* #QRGuide {width:82%; height:auto; left:9%; top:50%; transform:translateY(-50%);}0123 */
#QRGuideKakao {width:86%; height:auto; left:7%; top:50%; transform:translateY(-50%);}/* 0131 */
#QRGuidePayco {width:86%; height:auto; left:7%; top:50%; transform:translateY(-50%);}/* 0131 */
#QRGuideNaverPay {width:86%; height:auto; left:7%; top:50%; transform:translateY(-50%);}/* 0131 */
#QRGuideToss {width:86%; height:auto; left:7%; top:50%; transform:translateY(-50%);}/* 0131 */

.eachkkpaylist {margin:15px 0; border-top:solid 1px #e9e9e9;}
.eachkkpaylist li {position:relative; border-bottom:solid 1px #e9e9e9;}
.eachkkpaylist li .acc {display:none;}
.eachkkpaylist li .linkable,
.eachkkpaylist li .linkdisable {display:block; padding:15px 0; font-weight:bold; }
.eachkkpaylist li .linkable::after {content:"";position:absolute; top:20px; right:20px; width:14px; height:14px; background:url(../img/btn_layer.png) 50% 50% no-repeat; background-size:14px auto;}
.eachkkpaylist li.current .linkable::after {transform:rotate(180deg);}
.eachkkpaylist li .linkdisable .finpay {position:absolute; height:22px; line-height:22px; top:15px; right:0; padding:0 4px; color:#fff; border-radius:3px; background:#7745af;}/* 0210 */
.eachkkpaylist li .linkdisable .failpay {position:absolute; height:22px; line-height:22px; top:15px; right:0; padding:0 4px; color:#fff; border-radius:3px; background:#F78181;}/* 0210 */
.eachkkpaylist li .linkdisable .proc {position:absolute; top:15px; right:0; padding:0 4px; font-weight:normal; }
.eachkkpaylist li .linkdisable .procwait {position:absolute; top:15px; right:0; padding:0 4px; font-weight:normal; border-radius:3px; border:1px solid #676a6c;}
.eachkkpaylist li .tab-contents {display:none; padding-bottom:15px; }
.eachkkpaylist li.current .tab-contents {display:block;}

/* @media 규칙이 잘못 중첩되어 있어서 "media query expected" 에러가 발생, @media 규칙은 중첩될 수 없고, 새로운 규칙으로 선언 해야 함 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { /* 0210 */
    .eachkkpaylist li .linkdisable .finpay { 
        line-height:24px;
    }
}
@media not all and (min-resolution:.001dpcm) {/* 0210 */
    .eachkkpaylist li .linkdisable .finpay { 
        line-height:24px;
    }
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {/* 0210 */
    .eachkkpaylist li .linkdisable .failpay { 
        line-height:24px;
    }
}
@media not all and (min-resolution:.001dpcm) {/* 0210 */
    .eachkkpaylist li .linkdisable .failpay { 
        line-height:24px;
    }
}

.redlink {text-decoration:underline; color:#ef2a2a;}
.greybdrbox {padding:10px; border:solid 1px #e9e9e9; border-radius:4px;}
.greybdrbox h3 {margin-bottom:5px; font-size:15px;}
.h_scs span {background-image:linear-gradient(transparent 50%, #79fff0 50%)}
.h_flt span {background-image:linear-gradient(transparent 50%, #ffb7b7 50%)}
.h_stn span {background-image:linear-gradient(transparent 50%, #b4ffb1 50%)}
.dot-list > li::before{content:'•'; float:left; }
.dot-list > li > p {margin-bottom:10px; padding-left:15px;}

/* ab test */
.startType2{margin: 0 -10px;}
.startType2 .visArea{position: relative;}
/*.startType2 .visArea .banImg img{max-width: 574px;}*/
.startType2 .visArea .banImg{margin: 0 0 8px;}
.startType2 .visArea .banImg img{vertical-align: top;}
.startType2 .visArea .rvBtn{position: absolute;/*top: 148px;*/top: 62.978723404%;/*left: 37px;*/left: 12.891986063%;/*width: 90px;*/width: 31.358885017%;/*height: 48px;*/height: 20.425531915%;background: #fff;border-radius: 1.866666667vw;box-shadow: 0 0.266666667vw 1.333333333vw 0 rgba(0,0,0,.4);overflow: visible;}
.startType2 .visArea .rvBtn:after{content: '';position: absolute;top: 97.916666667%;right: 7.777777778%;/*width: 22px;*/width: 26.666666667%;/*height: 16px;*/height: 31.25%;background:url(../img/arr_01.png) no-repeat 0 0;background-size: 100% auto;}
.startType2 .visArea .rvBtn:active{transform: translate(0, 0);}
.startType2 .visArea .rvBtn .ti{position: absolute;left: 0;right: 0;top: -22.916666667%;  height: 39.583333333%;z-index: 2;}
.startType2 .visArea .rvBtn .ti span{display: inline-flex;min-width: 51.111111111%;height: 100%;justify-content: center;align-items: center;padding: 1.15% 6.666666667% 0;background-color: #000;border-radius: 1.066666667vw;color: #fff;font-size: 3.2vw;}
.startType2 .visArea .rvBtn strong{position: relative;display: inline-block;padding: 4.166666667% 0 0;color: #19aff0;font-size: 4.8vw;}
.startType2 .visArea .rvBtn strong:before{content:"";display: inline-block;width:5.066666667vw;height: 5.066666667vw;margin-right: .8vw;background: url(../img/icon_star.png) no-repeat 0 -5.066666667vw;background-size: 100% auto;vertical-align: -.6vw;}
.startType2 .visArea .rvBtn strong:after{content:"";display: inline-block;width: 1.6vw;height: 2.4vw;margin-left: calc(2.4vw - 4px);background: url(../img/icon_ar_right_02.png) no-repeat 0 0;background-size:100% auto;vertical-align: .5vw;}
.startType2 .noti-list2{margin: 13px 6px 0;}
.startType2 .btn-group{margin-left: 6px;margin-right: 6px;}
.startType2 .btn-group a{color: #007ae6;font-size: 12px;text-decoration: underline;}

/* 2020.07.02 A/B테스트 수정건 */
.startType2 .type_b{width: 100%;height: 52px;color: #fff;font-size: 15px;font-weight: 500;border: 0px;background: #1C4A4A;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);border-radius: 5px;}
.startType2 .type_b::before{content: "";display: inline-block;margin-right: 4px;vertical-align: -11px;width: 32px;height: 33px;background: url(../img/icon_02.gif);background-size: 35px 35px;}

/* 간편납부 인증 페이지 - 영문 매뉴얼 기획안 (v1.3) */
.tx-floatleft {float:left; padding-left:18px; background:url(../img/icon_tip.png) 0 12px no-repeat; background-size:auto 13px;}
.chat-box * +.btn-group.tx-floatleft {padding-top:7px;}
.chat-box * +.btn-group.tx-floatleft + .btn-group.tx-right {float:right;}
.container.justPay.havzindex {position:relative; z-index:51;}
.guideLayer_ivm {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; z-index:50;}
.guideLayer_ivm h1 {padding:10px; text-align:center; letter-spacing:-1px; font-size:1.1rem; border-top:solid 1px #E3E4E6; border-bottom:solid 1px #E3E4E6;}
.guideLayer_ivm .guideLayer_ivmtab {border-bottom:solid 1px #E3E4E6;}
.guideLayer_ivm .guideLayer_ivmtab:after {content:""; display:block; clear:both;}
.guideLayer_ivm .guideLayer_ivmtab li {float:left; width:50%; text-align:center;}
.guideLayer_ivm .guideLayer_ivmtab li a {display:block; padding:8px; letter-spacing:-1px; font-size:1.1rem; font-weight:700; color:#000;}
.guideLayer_ivm .guideLayer_ivmtab li a.active {position:relative; color:#19A1B5; border-bottom:solid 3px #19A1B5;} /* 2023 웹접근성 : 컬러 코드 변경 */
.guideLayer_ivm .guideLayer_ivmtabcon {height:calc(100% - 167px); overflow-y:auto; overflow-x:hidden; padding:16px;}/* 2020 웹접근성 개선 : 길이수정 */
.guideLayer_ivm .guideLayer_ivmtabcon .guideLayer_ivm_conp {padding-bottom:6px; font-weight:600;}
.guideLayer_ivm .guideLayer_ivmtabcon .guideLayer_ivm_conol {}
.guideLayer_ivm_conol li {padding-bottom:16px; padding-left:14px; text-indent:-14px; font-weight:300; color:#222;}
.guideLayer_ivm_conol li .guideLayer_ivm_lno {font-weight:bold;}
.guideLayer_ivm_conol li .guideLayer_ivm_conimgno {position:relative; top:3px; height:16px; padding-right:2px;}
.guideLayer_ivm_conol li .guideLayer_ivm_conimg {width:calc(100% + 20px); padding-top:4px;}
.guideLayer_ivm_conol li .guideLayer_ivm_conopt {padding:4px 0; text-indent:0; color:#666;}
.guideLayer_ivm_conol li .guideLayer_ivm_conbtn {padding:6px 0; text-indent:0;}
.guideLayer_ivm_conol li .guideLayer_ivm_conbtn a {padding:4px 20px 6px 12px; border:solid 1px #999; border-radius:4px;}
.guideLayer_ivm_conol li:last-child {/* 2020 웹접근성 개선 : padding-bottom:147px;*/}
.guideLayer_ivm .guideLayer_ivm_btn {position:fixed; bottom:0; left:0; right:0; width:100%; padding:16px; background:#fff;}
.guideLayer_ivm .guideLayer_ivm_btn button {display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:4px; background:#343434;}
.tx-clear {display:block; clear:both; margin:0 0 7px; color:#fff; border-color:#fff; border-width:0; background-color:#fff;}

.msg-hiddentxt {position:absolute; color:transparent;}/* 2020 웹접근성 개선 : 숨김텍스트 스타일 추가 */

/* 변경안내 페이지 내 탭 css * end */
/* color */
.red { color:#d71826 !important;}
.gray6 { color:#666 !important;}
.gray2 { color:#222 !important;}

/* headings */
* + .h2 { margin-top:30px;}
* + .h2_2 { margin-top:12px; }
.btns + .h2_2  { margin-top:30px;}
.h2 { padding:0 0 14px; font-size:18px; font-weight:bold;}
.h2 .txt { padding:0 0 0 10px; font-size:14px; font-weight:normal;}
.h2_2 { padding:0 0 14px; font-size:14px; font-weight:bold; text-align:left;}
.h3 { padding:0 0 14px; font-size:18px; font-weight:bold;}
.h2_2 + .notice_txt { padding-top:0; margin-top:-4px;}
.h2.gray,
.h2_2.gray { background:#f2f2f2; padding-bottom:0; padding-top:30px; margin:0;}
.h2.gray2,
.h2_2.gray2 { background:#f2f2f2; padding-bottom:0; padding-top:15px; margin:0;}

/* List */
.notice_txt {clear:both;position:relative;padding:6px 0 8px}
.notice_txt > li { position:relative; padding:12.5px 0 0 7px;line-height:19px; font-size: 14px;}
.notice_txt > li:after { content:""; display:block; position:absolute; left:0; top:20px; width:2px; height:2px; background:#606060;}
.notice_txt > li.red:after { background:#d71826;}
.notice_txt > li:first-child { padding-top:0;}
.notice_txt > li:first-child:after { top:7px;}
.notice_txt ul { padding:5px 0 0;}
.notice_txt.line_top2 { padding-top:20px !important;}
.notice_txt2 {clear:both;padding:6px 0 8px}
.notice_txt2 > li { padding:12.5px 0 0 0;line-height:19px;}

ul.notice_txt li ul.in-notice li {position:relative;margin:10px 0 0 0;padding:0 0 0 10px;line-height:19px;}
ul.notice_txt li ul.in-notice li .link {color:#d71826;text-decoration:underline;}
ul.notice_txt li ul.in-notice li:first-child {margin:0;}
ul.notice_txt li ul.in-notice li:before {content:'-';position:absolute;top:0;left:0;}

ol.new-step-list {
    background:#fafafa;
    overflow:hidden;
    margin-bottom:14px;
}
ol.new-step-list li {float:left;width:33.3%;padding:14px 0;text-align:center;line-height:21px; font-size: 12px;}
ol.new-step-list li:first-child {float:left;width:33.4%;}
ol.new-step-list li.not {
    padding:25px 0 25px;
    background:url(../img/bg_step_auto.gif) no-repeat 0 0;
    background-size:100% 100%;
}

/* 명세서 샘플보기 탭 css start */
select.dshcSample {display:block;-webkit-appearance:none;-moz-appearance: none;appearance: none;width:100%;height:40px;padding:0 35px 0 15px;color:#000;font-size:14px;line-height:38px;letter-spacing:-1px;background:#fff url(../img/bt-form-select.png) no-repeat right 10px center;background-size:25px;border:1px solid #d9d9d9;border-radius:10px;}
/* 명세서 샘플보기 탭 css end */

/* mobile outline */
html.ua-ios input:focus,
html.ua-ios button:focus,
html.ua-ios select:focus,
html.ua-ios div:focus,
html.ua-ios h1:focus,
html.ua-ios textarea:focus {outline:none;}
html.ua-ios .container.justPay .chat-msg a.btn-layer-verification:focus {outline:0 !important;}
html.ua-ios .swiper-button-prev{outline:0;}
html.ua-ios .swiper-button-next{outline:0;}
html.ua-and input:focus,
html.ua-and button:focus,
html.ua-and select:focus,
html.ua-and div:focus,
html.ua-and h1:focus,
html.ua-and textarea:focus {outline:none;}
html.ua-and .container.justPay .chat-msg a.btn-layer-verification:focus {outline:0 !important;}
html.ua-and .swiper-button-prev{outline:0;}
html.ua-and .swiper-button-next{outline:0;}
*:focus {outline:dashed 1px #666;}/* 2020 웹접근성 개선 : 포커스 아웃라인 스타일 수정  */
.swiper-pagination, /* 1127 vos 결함미조치 내용 5번 */
.VivaldiWidgetHR-addSurvey .swiper-pagination.swiper-pagination-bullets {display:none;} /* vos 06 : IE만 나타나는 영역으로 크롬과 통일성 위해 영역 삭제 */

/*
 *  smallSpinner
 *
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.sk-spinner-wave div {
  background-color: #1ab394;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave div.smallSpinner {
  background-color: #1ab394;
  height: 50%;
  width: 3px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

/* 2023년 웹접근성 개선 */
.hidetxt {position:absolute; color:transparent;}
.chat-box.customer .hidetxt {margin-left:30vw;}/* 20240129 vos */

.opengiro_finpay {position:static; width:60px; height:22px; line-height:22px; top:15px; right:0; padding:0 4px; color:#fff; border-radius:3px; background:#7745af; float: right;}