@charset "utf-8";
/* 세모장부 semo_cont.css Ver 9 */
/* ========== 2020-01-22 리뉴얼 폰트 ========== */
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../font/NotoSansKR-Regular-Hestia.woff') format("woff");} 
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('../font/NotoSansKR-Bold-Hestia.woff') format("woff");} 
@font-face {font-family: 'Pretendard'; font-style: bold; font-weight: 700; src: url('../font/Pretendard-Bold.woff2') format("woff2");} 
@font-face {font-family: 'Pretendard'; font-weight: 500; src: url('../font/Pretendard-Medium.woff2') format("woff2");} 
@font-face {font-family: 'Pretendard'; font-weight: 450; src: url('../font/Pretendard-Regular.woff2') format("woff2");} 
@font-face {font-family: 'Pretendard'; font-style: lighter; font-weight: 400; src: url('../font/Pretendard-Light.woff2') format("woff2");} 

/* ========== //2020-10-22 리뉴얼 폰트 ========== */
html, body {background-color: #fff;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;} 
fieldset, img {border:0; vertical-align:middle;} 
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} 
li {list-style:none;} 
caption, th {text-align:left;} 
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;} 
q:before, q:after {content:'';} 
abbr, acronym {border:0; font-variant:normal;} 
sup {vertical-align:text-top;} 
sub {vertical-align:text-bottom;} 
input, textarea, select {font-family:inherit; outline: 0; font-size:inherit; font-weight:inherit;} 
input, textarea, select {font-size:100%; border: none;} 
legend {color:#000;} 

/* Global */
html {height:100%;} 
body {height:100%; font-weight: 400; font-family:"Noto Sans KR" sans-serif; font-size:16px; color:#595757;} 
button {font-family:"나눔바른고딕", Nanum Barun Gothic, Dotum, Gulim, sans-serif;} 
textarea,
select {-webkit-appearance:none; outline-style:none; color:#000;} 
select::-ms-expand {opacity: 0;} 
textarea {overflow:auto;} 
input[type=checkbox] {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url(../img/img_check_off.png) no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
input[type=checkbox]:checked {background-image:url(../img/img_check_on.png);} 
input[type=checkbox].on {background-image:url(../img/img_check_chk.png);} 
input[type=radio] {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url(../img/img_radio_off.png) no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
input[type=radio].on {background-image:url(../img/img_radio_on.png);} 
a {color:inherit; text-decoration:none;} 
.blind {text-indent:-999999px; visibility:hidden; left:-100000px; top:-100000px;} 

/* 수정 font-weight */
/* Webkit */
input::-webkit-input-placeholder {color: #a9adb5; font-weight: normal !important;} 
textarea::-webkit-input-placeholder {color: #a9adb5; font-weight: normal !important;} 
/* Firefox 4-18 */
input:-moz-placeholder {color: #a9adb5; font-weight: normal !important;} 
textarea:-moz-placeholder {color: #a9adb5; font-weight: normal !important;} 
/* Firefox 19+ */
input::-moz-placeholder {color: #a9adb5; font-weight: normal !important;} 
textarea::-moz-placeholder {color: #a9adb5; font-weight: normal !important;} 
/* IE10+ */
input:-ms-input-placeholder {color: #a9adb5; font-weight: normal !important;} 
textarea:-ms-textarea-placeholder {color: #a9adb5; font-weight: normal !important;} 

/* Chrome Field Outline = None */
input:focus {outline:none;} 
textarea:focus {outline:none;} 
select:focus {outline:none;} 
button:focus {outline:none;} 

/* Height */
.h65 {height: 18.055vw !important;} 

/* Align */
.t_right {text-align:right !important;} 
.t_left {text-align:left !important;} 
.t_center {text-align:center !important;} 
.v_top {vertical-align:top !important;} 
.b_line {text-decoration:underline !important;} 

/* 포지션 초기화 */
.pos_static {position: static !important;} 
.pos_absolute {position: absolute !important;} 

/* 글자 위아래 여백 초기화 */
.lh_unset {line-height: unset !important;} 

/* margin */
.mgt5 {margin-top:5px !important;} 
.mgt10 {margin-top:10px !important;} 
.mgb10 {margin-bottom:10px !important;} 
.mgb5 {margin-bottom:5px !important;} 
/* background-color */
.b_white {background-color: #ffffff !important;} 

/* color */
.c_blue {color:#357ee7 !important;} 
.c_red {color:#f75155 !important;} 
.c_ff3d3d {color:#ff3d3d !important;} 
.c_point {color:#d4364a !important;} 
.c_bl {color:#000 !important;} 
.c_0095ff {color: #0095ff !important;} 
.c_0090db {color: #0090db !important;} 
.c_084a80 {color: #084a80 !important;} 
.c_000000 {color: #000000 !important;} 
.c_ff3d23 {color: #ff3d23 !important;} 
.c_0eff9d {color: #0eff9d !important;} 
.c_a9adb5 {color: #a9adb5 !important;} 
.c_ff9900 {background-color: #ff9900 !important;} 
.c_sig {color: #17bf98 !important;} 
.bg_sig {background-color: #17bf98 !important;} 
.c_b1 {color: #000 !important;} 
.c_b2 {color: #222 !important;} 

/* iscroll css */
#container2 {position:relative; width:100%; height:100%; z-index:998; overflow:auto;} 
#wrapper {position:relative; z-index:1; width:100%; height:100%; overflow:auto;} 
#scroller {position:absolute; z-index:1; /*-webkit-touch-callout:none; */
-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; padding:0;} 

/* layout */
.content {position:relative; height:100%;} 
.m_cont_pd {padding-bottom:65px;} 
.cont_pd {padding:0 15px;} 
.top_cn_bx {padding:0 15px;} 
body.bg_g {background-color:#ecedf0;} 
.bg_w {background-color:#fff;} 
.cont_pd2 {padding:0 26px;} 

/* 말줄임표 */
.elipsis {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 

/* 타이틀 */
.top_tit_wrap {position:relative; padding-top:35px; height:31px;} 
.top_tit_wrap h1 {font-size:13px; letter-spacing:-0.5px; color:#000;} 
.top_cn_bx.fix .top_tit_wrap {padding-top:28px; height:auto; min-height:47px;} 
.top_cn_bx.fix .top_tit_wrap .btit {font-size:17px; font-weight:bold; line-height:21px; color:#000; text-align:center; letter-spacing:-0.5px;} 
.top_cn_bx.fix .top_tit_wrap h1 {margin-top:17px; line-height:20px;} 
.tit_wrap {position:relative; margin-bottom:8px;} 
.tit_wrap h2 {font-size:13px; letter-spacing:-0.5px;} 
.fix_tit_wrap {position:relative; padding-top:34px; height:44px;} 
.fix_tit_wrap h1 {font-size:14px; font-weight:bold; color:#000;} 
.fix_tit_wrap h2 {margin-top:3px; font-size:12px; letter-spacing:-0.5px;} 
.bg_unset {background-color: unset!important;} 
.essential::after {content: "(필수)"; font-size: 0.875rem; color: #ff684a; margin-left: 0.9375vw;} 
/* 텍스트 */
.info_txt {font-size:13px; color:#000;} 
.info_txt2 {margin-top:2px; font-size:12px; line-height:17px; letter-spacing:-0.5px;} 
.info_txt2.add_ico {padding-left:12px;} 
.info_txt2.add_ico .ico {display:inline-block; width:12px; margin-left:-12px;} 
.b_list ul li {padding-left:12px; font-size:13px; line-height:19px;} 
.b_list ul li .ico {display:inline-block; width:12px; margin-left:-12px;} 
.set_text14 {font-size: 14px!important;} 
.set_text_underline {text-decoration: underline;} 
.font_w_n {font-weight: normal !important;} 
.font_w_sb {font-weight: 500 !important;} 
.font_w_b {font-weight: bold !important;} 

/* 검색영역 */
.sch_bx {padding:8px 10px 7px; background-color:#fff; border-bottom:1px solid #c8c6c6;} 
.sch_bx .sch_bx_in {position:relative; padding:0 13px 0 29px; border:1px solid #000; border-radius:26px; -webkit-border-radius:26px; -moz-border-radius:26px; background-color:#fff; height:26px; line-height:26px; font-size:13px; font-weight:bold; color:#b6b5b5; text-align:left;} 
.sch_bx .sch_bx_in .right {position:absolute; top:0; right:11px;} 
.sch_bx .sch_bx_in .right a {display:block; padding:2px 18px 0 0; font-size:13px; color:#333; background:url(../img/ico_sch_opt_v.png) no-repeat 100% 50%; background-size:10px 6px; letter-spacing:-0.5px;} 
.sch_bx .sch_bx_in .ico {position:absolute; top:0; left:0; display:block; width:26px; height:26px; background:url(../img/ico_input_sch_s.png) no-repeat 70% 50%; background-size:15px 15px;} 
.sch_bx .sch_bx_in input[type=text] {width:100%; font-size:13px; border:0; background:#fff; color:#333; vertical-align:-1px; letter-spacing:-0.5px;} 
.sch_bx.ipt {position:relative; padding-right:42px;} 
.sch_bx.ipt .sch_r {position:absolute; top:0; right:0;} 
.sch_bx.ipt .sch_r a {display:block; width:42px; height:43px; line-height:44px; color:#333; font-size:14px; text-align:center; letter-spacing:-0.5px;} 
.sch_bx.ipt .sch_bx_in {position:relative; padding:0 25px 0 29px;} 
.sch_bx .btn_sch_del {position:absolute; top:0; right:0; width:26px; height:26px; background:url(../img/btn_sch_del.png) no-repeat 50% 50%; background-size:18px 18px;} 
.sch_bx.top_fix {position:absolute; top:0; left:0; right:0;} 
.sch_bx.b_no {border-bottom:0;} 

/* 버튼영역 */
.ico_n {display:inline-block; width:12px; height:12px; background:url(../img/ico_n_s.png) no-repeat 0 0; background-size:12px 12px;} 
.btn_01 {display:block; padding:0 5px; height:39px; line-height:40px; background-color:#357ee7; font-size:16px; color:#fff; text-align:center; letter-spacing:-0.5px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} 
.btn_01.off {background-color:#babcbf;} 
.btn_s01 {display:block; padding:0 5px; height:33px; line-height:34px; background-color:#fff; border:1px solid #357ee7; font-size:15px; color:#357ee7; text-align:center; letter-spacing:-0.5px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px;} 
.btn_s01 .ico_plus {padding-left:25px; background:url(../img/ico_btn_plus.png) no-repeat 0 0; background-size:16px 16px; vertical-align:middle;} 
.btn_add {padding:0 25px;} 
.btn_s02 {display:inline-block; padding:0 14px; height:23px; line-height:24px; background-color:#fff; border:1px solid #e33654; font-size:13px; color:#e33654; text-align:center; letter-spacing:-1px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;} 
.btn_s02 .arr {padding-right:12px; background:url(../img/ico_btn_arr_r.png) no-repeat 100% 1px; background-size:6px 11px; vertical-align:middle;} 
.btn_t01 {display:inline-block; padding:0 9px; height:19px; line-height:20px; border:1px solid #5a5a5a; font-size:11px; color:#5a5a5a; text-align:center; letter-spacing:-0.5px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} 
.btn_t01.on {border:1px solid #e33654; color:#e33654;} 

/* 2019-06-07 */
.btn_t01.type1 {border:1px solid #fff; color:#fff; margin-right:5px;} 
.btn_t01.type2 {border:1px solid #548bdb; background-color:#548bdb; color:#fff; margin-right:5px;} 
.btn_t01.type3 {border:1px solid #357ee7; background-color:#fff; color:#357ee7; margin-right:5px;} 
/* //2019-06-07 */

/* 하단fix버튼 */
.btn_fix_botm {z-index:10; position:fixed; bottom:0; left:0; width:100%; height:50px; display:-webkit-box; display: -moz-box; display:-ms-box; display: -webkit-flex; display: flex;} 
.btn_fix_botm .inner {width:100%; text-align:center;} 
.btn_fix_botm .inner a {display:block; width:100%; height:50px; line-height:51px; font-size:16px; font-weight:bold; color:#000; text-align:center; background:#71fbc8;} 
/* 2019-02-25 */
.btn_fix_botm .inner a.off {background-color:#babcbf; color:#fff;} 
.btn_fix_botm .inner a.dis {background-color:#92989f; color:#fff;} 
/* //2019-02-25 */
.btn_fix_botm .inner a.no {background-color:#e33654; color:#fff;} 
.btn_fix_botm.btn_both:after {content:""; display:block; clear:both;} 
.btn_fix_botm.btn_both a {float:left; box-sizing:border-box; width:50% !important;} 

/* 2019-08-16 */
.btn_fix_botm.btn_both2:after {content:""; display:block; clear:both;} 
.btn_fix_botm.btn_both2 .inner a {float:left; box-sizing:border-box; width:60%; background-color:#a8a7a7;} 
.btn_fix_botm.btn_both2 .inner a:first-child {width:40%;} 
.btn_fix_botm.btn_both2 .inner a.off {background-color:#7a7979;} 
.btn_fix_botm.btn_both2 .inner a.on {background-color:#357ee7;} 

/* 레이어 버튼영역 */
.ly_btn_fix_botm a {display:block; height:48px; background-color:#71fbc8; font-size:16px; color:#000; line-height:48px; text-align:center; vertical-align:middle;} 
.ly_btn_fix_botm a.off {background-color:#868585;} 
.ly_btn_fix_botm.btn_both:after {content:""; display:block; clear:both;} 
.ly_btn_fix_botm.btn_both a {float:left; box-sizing:border-box; width:50%;} 

/* 토스트팝업 */
.toast_pop {position:fixed; left:0; bottom:113px; width:100%; text-align:center;} 
.toast_pop.top {bottom: unset; top: 2vh;} 
.toast_pop .inner {padding:0 30px;} 
.toast_pop span {display:flex; justify-content: center; align-items: center; padding:0 15px; height:37px; line-height:31px; border-radius:31px; -webkit-border-radius:31px; -moz-border-radius:31px; background-color:rgba(0, 0, 0, 0.6); color: #ffffff; font-size:14px;} 
.toast_pop.row2 span {padding:8px 0 7px; height:auto; line-height:17px;} 
/* //2019-08-16 */

.toast_pop2 {position:fixed; top:50%; width:100%; margin-top:-20px; text-align:center; left: 0;} 
.toast_pop2 .inner {padding:0 20px;} 
.toast_pop2 span {display:inline-block; padding:0 15px; height:40px; line-height:41px; min-width:208px; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; background-color:#000; opacity: 0.6; filter: alpha(opacity = 60); /* IE6,7 */
-ms-filter: "alpha (opacity=60)"; /* IE8 */
-moz-opacity: 0.60; /* Firefox 1.5 */
-khtml-opacity: 0.60; /* Safari 1.x */
zoom: 1; color:#fefefe; font-size:13px; letter-spacing:-0.5px; color:#fefefe;} 
.toast_pop2 span .ico {display:inline-block; width:18px; height:18px; margin-right:7px; background:url(../img/ico_toast_pop2.png) no-repeat 0 0; background-size:18px 18px; vertical-align:-5px;} 

/* modal layer */
.modaloverlay {position:fixed; left:0px; top:0px; z-index:1000; width:100%; height:100%;} 
.modaloverlay:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #000; opacity: 0.75;} 
.pop_wrap {position:absolute; left:0; top:50%; box-sizing:border-box; width:100%; padding:0 20px;} 
.loading_section {text-align:center; margin-top:-43px;} 
.loading_section .loading {display:inline-block; margin-bottom:21px; width:35px; height:35px; background: url(../img/loading.gif) no-repeat 0 0; background-size:35px 35px; text-indent: -9999px;} 
.loading_section .tit {display:block; margin-bottom:10px; font-size:18px; color:#fff;} 
.loading_section .txt {display:block; font-size:15px; color:#fff;} 
.lytb {z-index:11000; position:relative; display:table; width:100%; height:100%;} 
.lytb_row {display:table-row;} 
.lytb_td {display:table-cell; padding:0 15px; height:100%; vertical-align:middle;} 
.layer_po {position:relative;} 
.layer_style1 {z-index:11000; width:100%; margin:0 auto; background:#fff;} 
.layer_style1 .layer_po {position:relative; display:table; width:100%;} 
.layer_style1 .cont {padding:30px 0 34px; text-align:center; background:#fff;} 
.layer_style1 .cont2 {padding:27px 18px 15px; text-align:left; background:#fff;} 
.layer_style1 .lyp_tit {font-size:18px; font-weight:bold; color:#000; letter-spacing:-0.5px;} 
.layer_style1 .lyp_txt {margin-top:18px; font-size:14px; font-weight:bold; line-height:18px;} 
.layer_style1 .lyp_txt2 {margin-top:8px; font-size:16px; font-weight:bold; color:#000;} 
.layer_style1 .lyp_txt3 {margin-top:16px; font-size:14px; line-height:18px; letter-spacing:-0.5px;} 
.layer_style1 .lyp_txt4 {margin-top:14px} 
.layer_style1 .lyp_txt4 p {margin-top:7px;; font-size:13px; line-height:18px; letter-spacing:-1px;} 
.layer_style1 .lyp_txt4 p:first-child {margin:0;} 
.layer_style1 .lyp_stxt {margin-top:8px; font-size:12px;} 
.layer_style1 .select_list {margin-top:9px;} 
.layer_style1 .select_list ul {overflow:hidden; max-height:300px;} 
.layer_style1 .select_list ul li {height:30px; line-height:30px; font-size:16px; color:#888;} 
.layer_style1 .select_list ul li.on {color:#000; font-weight:bold;} 
.layer_style1 .select_list ul li input {margin-right:6px;} 
.layer_style1 .lyp_left_fix {margin:18px auto -8px; width:240px; font-size:14px; line-height:20px; color:#000; text-align:left; letter-spacing:-0.5px;} 
.layer_style1 .txt_chk {margin-top:10px;} 
.layer_style1 .txt_chk label {margin:0 5px; font-size:14px;} 
.layer_style1 .txt_chk label input {margin-right:4px;} 
.layer_style1 .lyp_txt_fix {margin:18px auto 0; padding:0 10px; width:270px; text-align:left;} 
.layer_style1 .lyp_txt_fix p {font-size:14px; line-height:18px; letter-spacing:-0.5px;} 
.layer_style1 .lyp_txt_fix p.fix_w {margin-top:10px; padding-left:68px; text-indent:-68px;} 

/* 2019-06-14 */
/* 입출내역 계좌선택 */
.opt_acc_slt {margin:-9px -14px -4px; overflow:hidden; overflow-y:auto; max-height:220px;} 
.opt_acc_slt .tit {display:block; height:26px; padding:0; color:#333; font-size:14px; line-height:27px; letter-spacing:-0.5px; text-align:center;} /* 2019-06-19 */
.opt_acc_slt .list {margin-top:5px;} 
.opt_acc_slt .list ul li {margin-top:2px; padding:4px 20px 5px; color:#333;} 
.opt_acc_slt .list ul li.on {background-color:#d3e3fa; color:#000;} 
.opt_acc_slt .list ul li:first-child {margin-top:0;} 
.opt_acc_slt .list ul li a {display:block; height:26px; font-size:14px; line-height:27px; letter-spacing:-0.5px;} 
.opt_acc_slt .list ul li a .ico_logo_s {display:inline-block; width:26px; height:26px; margin-right:9px; background-size:26px 26px; vertical-align:middle;} 
.opt_acc_slt .list ul li a .nm {display:inline-block; margin-right:10px;} 
/* //2019-06-14 */

/* 2차 개발 */
/* 출금계좌 등록_은행선택 */
.tbl_bchk {margin:-8px 0 -8px; padding:0 3px;} 
.tbl_bchk table td a {display:block; padding:10px 0 6px; text-align:center;} 
.tbl_bchk table td a .ico_logo_s {display:block; height:34px; background-position:50% 50%;} 
.tbl_bchk table td a .bnm {display:block; margin-top:8px; font-size:14px; color:#000;} 
.tbl_bchk table td.on a {background-color:#d3e3fa;} 
/* //2차 개발 */

/* 조회기간 직접설정 */
.date_setbx {height:35px; margin-top:15px; border:1px solid #333;} 
.date_setbx .inner {margin:0 auto; width:300px; text-align:center;} 
.date_setbx .inner .date_in {display:inline-block; width:123px; height:35px;} 
.date_setbx .inner .date_in .bg {display:inline-block; padding-top:9px; height:26px; vertical-align:middle;} 
.date_setbx .inner .date_in .bg input {width:70px; border:0; vertical-align:middle; letter-spacing:-0.5px; color:#0f0f0f;} 
.date_setbx .inner .date_in .btn_cal {display:inline-block; width:28px; height:35px; border:0; background:url(../img/btn_cal.png) no-repeat 50% 50%; background-size:18px 18px; vertical-align:middle;} 
.date_setbx .inner .dash {display:inline-block; width:46px; text-align:center; color:#333; vertical-align:middle;} 

/* 선택박스 */
.slt_bx {position:relative;} 
.slt_bx .tit {display:block; border:1px solid #d3d5d8; padding:0 0 0 12px; height:36px; font-size:14px; color:#000; line-height:37px; background:url(../img/btn_slt_bx.png) no-repeat 95% 50%; background-size:9px 5px;} 
.slt_bx .tit.on {border:1px solid #333; background:url(../img/btn_slt_bx_on.png) no-repeat 95% 50%; background-size:9px 5px;} 
.slt_bx .slt_bx_list {position:absolute; top:38px; left:0; right:0; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333; background-color:#fff;} 
.slt_bx .slt_bx_list ul {overflow:hidden; overflow-y:auto; max-height:125px; padding:4px 0;} 
.slt_bx .slt_bx_list ul li a {display:block; padding:0 9px; height:25px; font-size:12px; line-height:26px; color:#595757;} 
.slt_bx .slt_bx_list ul li.on a {background-color:#dee0e1; color:#000;} 

/* 입력박스 */
.input_type {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #e1e3e6; background-color:#fff; padding:0 0 0 15px; height:37px; line-height:37px;} 
.input_type input {width:100%; background-color:transparent; border:0; letter-spacing:-1px;} 
.input_type.on {background-color:#f6f6f6;} 
.input_type.on input {color:#595757;} 
.input_type.right {position:relative;} 
.input_type.right .time {position:absolute; top:10px; right:15px; display:inline-block; height:16px; padding-left:23px; color:#595757; font-size:12px; line-height:19px; vertical-align:middle; background:url(../img/ico_input_time.png) no-repeat 0 0; background-size:16px 16px;} 
.input_type.add_btn {position:relative; padding-right:30px;} 
.input_type .input_btn {display:inline-block; width:22px; height:37px; background:url(../img/btn_slt_type.png) no-repeat 50% 50%; background-size:9px 5px; vertical-align:middle;} 
.input_type.add_btn .input_btn {position:absolute; top:0; right:9px;} 
.input_type.right .input_txt {position:absolute; top:0; right:15px; display:inline-block;} 
/* Webkit */
.input_type.right input.t_right::-webkit-input-placeholder {text-align:left;} 
.textarea_type {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #e1e3e6; background-color:#fff; padding:10px 15px; height:auto;} 
.textarea_type textarea {width:100%; background-color:transparent; border:0; letter-spacing:-1px;} 

/* 아이콘 */
i.gray_info {background-image: url(../img/ico_bg_gray.png); width: 16px; height: 16px; background-size: contain;} 
.ico_bg {display:inline-block; width:45px; height:45px; color:#fff; font-size:14px; line-height:46px; font-weight:bold; text-align:center; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px;} 
.ico_bg span {display:inline-block; padding-top:1px; line-height:16px; vertical-align:middle;} 
.ico_bg.ico_bg1 {background:#0277bd;} /* 입금내역 */
.ico_bg.ico_bg1_1 {background:#ee382f;} /* 출금내역 */
.ico_bg.ico_bg2 {background:#707efd;} /* 계좌잔액 */
.ico_bg.ico_bg3 {background:#274787;} /* 현금손익보고서 */
.ico_bg.ico_bg4 {background:#40b2c9;} /* 지급예정 */
.ico_bg.ico_bg5 {background:#f9a825;} /* 카드경비 */
.ico_bg.ico_bg6 {background:#e47422;} /* 부가세환급 */
.ico_bg.ico_bg7 {background:#8bc24a;} /* 카드 매출 */
.ico_bg.ico_bg8 {background:#2ed15f;} /* 계산서매출 */
.ico_bg.ico_bg9 {background:#00cfa1;} /* 현금영수증매출 */
.ico_bg.ico_bg10 {background:#327d40;} /* 증빙손익 */
.ico_bg.ico_bg11 {background:#8fb0c2;} /* 문의,정보 */
.ico_bg.ico_bg12 {background:#e63c2e;} /* 카드보류 *//* 2019-07-19 */
.ico_bg.ico_bg13 {background:#a84200;} /* 부가세 예상 *//* 2019-12-05 */

/* 탭영역 */
.c_tab {overflow:hidden; border-bottom:1px solid #e5e5e5; font-size:0; line-height:0;} 
.c_tab a {display:inline-block; width:33%; height:50px;} 
.c_tab a:first-child {width:34%;} 
.c_tab a .bg {display:block; border-bottom:4px solid #fff; font-size:16px; line-height:46px; color:#000; font-weight:bold; text-align:center; height:46px;} 
.c_tab a.on .bg {border-bottom:4px solid #357ee7; color: #357ee7;} 
.c_tab_s {overflow:hidden; border:1px solid #d3d5d8; font-size:0; line-height:0;} 
.c_tab_s a {display:inline-block; height:36px; width:25%; font-size:14px; line-height:37px; text-align:center;} 
.c_tab_s a .bg {display:block; border-left:1px solid #d3d5d8;} 
.c_tab_s a:first-child .bg {border:0;} 
.c_tab_s a.on {background-color:#357ee7; color:#fff;} 
.c_tab_s.row3 a {width:33.3%;} 
.c_tab_s.row2 a {width:50%;} 

/* 간편송금 탭 */
.c_tab2 {width:100%; height:39px; border-top:1px solid #e1e3e6; border-bottom:1px solid #e3e3e3; background-color:#eceeef; display:-webkit-box; display: -moz-box; display:-ms-box; display: -webkit-flex; display: flex;} 
.c_tab2 a:not(.zcxv) {display:block; width:100%; height:39px; line-height:39px; font-size:15px; font-weight:bold; color:#000; text-align:center; border-left:1px solid #e1e3e6; background:#eceeef; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; flex:1;} 
:root .c_tab2 a:not(.zcxv) {display:inline-block\9; width:auto\9;} 
.c_tab2 a:first-child {border-left:none;} 
.c_tab2 a .ico {padding-right:20px; background:url(../img/ico_ctab.png) no-repeat right 40%; background-size:5px 9px;} 
.c_tab2 .on {background-color:#c1c7d0 !important;} 

/* 회원가입 */
.acc_setbx_con {padding:0 15px 15px;} 

/* 최초계좌 등록 */
.f_int_fix {position:relative; height:103px; padding:0 15px;} 
.step_wrap {position:relative; padding-top:15px; height:66px;} 
.step_box {position:relative; margin:0 auto; width:200px;} 
.step_box .line {position:absolute; top:0; left:30px; width:140px; height:10px; border-bottom:1px solid #ddd; z-index:-1;} 
.step_box div {float:left; width:33%; text-align:center;} 
.step_box div span {display:inline-block; width:21px; height:21px; background: url(../img/step_default.png) no-repeat 0 0; background-size:21px 21px;} 
.step_box div.on span {display:inline-block; width:21px; height:21px; background: url(../img/step_on.png) no-repeat 0 0; background-size:21px 21px;} 
.step_box div.off span {display:inline-block; width:21px; height:21px; background: url(../img/step_off.png) no-repeat 0 0; background-size:21px 21px;} 
.step_box div p {margin-top:-1px; font-size:13px; display:none; color:#000; letter-spacing:-0.5px;} 
.step_box div.on p {display:block;} 
.f_int_wrap.step1 .f_int_fix {height:142px;} 
.f_int_wrap.step1 .f_int_fix .step_wrap {height:73px;} 
.f_int_wrap.step2 .f_int_fix {height:87px;} 
.f_int_wrap.no .f_int_fix {height:111px;} 

/* 입력테이블 */
.input_wrap table {width:100%;} 
.input_wrap table th {font-size:15px; color:#000; vertical-align:middle; letter-spacing:-1px;} 
.input_wrap table td {padding:4px 0; height:39px; color:#000; vertical-align:middle;} 
.slt_type {position:relative; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #e1e3e6; background-color:#fff; height:37px; line-height:37px; font-weight:normal; letter-spacing:-1px; vertical-align:middle;} 
.slt_type .inner {padding:0 15px;} 
.slt_type .inner .input_type {padding:0; border:0;} 
.slt_type .tit {display:block; color:#000; background:#fff url(../img/btn_slt_type.png) no-repeat right 50%; background-size:11px 7px; height:37px;} 
.slt_type .tit.off {color:#c6c6c6;} /* 2019-08-16 */
.slt_type.on {background:#548bdb; border:1px solid #548bdb;} 
.slt_type.on .tit {background:#548bdb url(../img/btn_slt_type_on.png) no-repeat right 50%; background-size:11px 7px; color:#fff;} 
.slt_type.type2.click {background-color:#fff; border:1px solid #357ee7; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;} 
.slt_type.type2.click .tit {background:#fff url(../img/btn_slt_type2_click.png) no-repeat right 50%; background-size:11px 7px;; color:#444;} 
.slt_type.type2.on {background-color:#548bdb;} 
.slt_type.type2.on .tit {background-color:#548bdb;} 
.slt_type .ly_slt_type {position:absolute; top:37px; left:-1px; right:-1px; z-index:1; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border:1px solid #357ee7; background-color:#fff;} 
.slt_type .ly_slt_type ul li {height:30px; line-height:31px; padding:0 15px; color:#595757; border-top:1px solid #e1e3e6;} 
.slt_type .ly_slt_type ul li:first-child {border:0;} 
.slt_type .ly_slt_type ul li.on {background-color:#dee0e1; color:#3b3c3c;} 
.slt_type_txt {padding:10px 15px 10px; margin-bottom:7px; border-bottom:1px solid #e1e3e6; font-size:13px; color:#000; letter-spacing:-0.5px;} 
.slt_type .ly_slt_type ul.type2 li {position:relative; padding-right:115px;} 
.slt_type .ly_slt_type ul.type2 li .nm {display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} 
.slt_type .ly_slt_type ul.type2 li .no {display:inline-block; position:absolute; top:0; right:18px;} 

/* 2019-08-16 */
/* 은행선택 */
.slt_type.ico_b .tit .ico_logo_s {display:inline-block; width:26px; height:37px; margin-right:8px; background-size:26px 26px !important; background-position:0 50%; vertical-align:middle;} 

/* 영업점정보 검색 */
.view_bx dl dt {position:relative; padding:0 15px; height:32px; background-color:#eceeef;} 
.view_bx dl dt .tit {padding-top:9px; font-size:13px; font-weight:bold; color:#000;} 
.view_bx dl dd .view_cn ul li {position:relative; height:60px; padding:0 15px; border-bottom:1px solid #e1e3e6; font-size:15px; font-weight:bold; color:#000; line-height:61px;} 
.view_bx dl dd .view_cn ul li label {display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} 
.view_bx dl dd .view_cn ul li input {margin-right:11px;} 
.view_bx_none {margin-top:126px; text-align:center;} 
.view_bx_none .tit {font-size:15px; font-weight:bold; color:#000; letter-spacing:-0.5px;} 
.view_bx_none .txt {margin-top:8px; font-size:13px; letter-spacing:-0.5px;} 

/* 메세지 영역 */
.notibx_wrap .inner {padding-top:139px; text-align:center;} 
.notibx_wrap .inner .ico {display:block; margin-bottom:27px; height:60px; background: url(../img/ico_point01.png) no-repeat 50% 0; background-size:60px 60px;} 
.notibx_wrap .inner .ico2 {background: url(../img/ico_point02.png) no-repeat 50% 0; background-size:60px 60px;} 
.notibx_wrap .inner .ico3 {background: url(../img/ico_point03.png) no-repeat 50% 0; background-size:60px 60px;} 
.notibx_wrap .inner .ico4 {background: url(../img/ico_point04.png) no-repeat 50% 0; background-size:60px 60px;} 
.notibx_wrap .inner .noti_tit {font-size:18px; line-height:23px; color:#000;} 
.notibx_wrap .inner .noti_tit2 {font-size:21px; line-height:25px; color:#666;} 
.notibx_wrap .inner .noti_txt {margin-top:18px; font-size:15px; color:#000;} 
.notibx_wrap .inner .noti_cn {margin-top:8px; font-size:14px; line-height:19px;} 
.notibx_wrap .inner .noti_cn2 {margin-top:10px; font-size:13px; line-height:19px; letter-spacing:-0.5px;} 
.notibx_wrap .inner .noti_line {margin-top:115px;} 
.notibx_wrap .inner .noti_line a {font-size:17px; color:#e33654; letter-spacing:-0.5px; text-decoration:underline;} 
.notibx_wrap.type3 .inner {padding:30px 0 0; min-height:174px;} 
.notibx_wrap.type3 .inner .ico {margin-bottom:10px;} 
.notibx_wrap.type3 .inner .noti_tit {font-weight:bold;} 
.notibx_wrap.type3 .inner .noti_cn2 {margin-top:9px;} 
.notibx_wrap .inner .noti_btit {font-size:20px; font-weight:bold; color:#000;} 
.notibx_wrap .inner .noti_btxt {margin-top:5px; font-size:17px; font-weight:bold; color:#000; letter-spacing:-0.5px;} 
.notibx_wrap .inner .noti_btxt2 {margin-top:16px; font-size:15px; line-height:20px; font-weight:bold; color:#000;} 
.notibx_wrap .inner .noti_btn {margin-top:63px; padding:0 40px;} /* 2019-06-17 */

/* 거래 상세내역 */
.gbox_acc_wrap {padding-top:15px;} 
.gbox_acc_wrap .inner {padding:12px 22px; background-color:#ebebeb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} 
.gbox_acc_wrap .inner table th {padding:8px 0 7px; font-size:15px; color:#666; letter-spacing:-0.5px;} 
.gbox_acc_wrap .inner table td {padding:8px 0 7px; font-size:15px; text-align:right; color:#000; letter-spacing:-0.5px;} 

/* 공지팝업 */
.pop_wrap_n {margin:0 auto; min-width:280px; width:100%; background:#fff;} 

.pop_tit {padding:17px 20px 16px;} 
.pop_tit h2 {font-size:18px !important; color:#000; font-weight:bold; letter-spacing:-1px !important;} 
.pop_gcont {background-color:#f6f6f6; color:#595757;} 
.pop_gcont .pop_gcont_in {padding:15px 20px 21px;} 
.pop_gcont .txt {font-size:13px; line-height:20px;} 
.pop_gcont .noti_top {margin-top:14px; font-size:12px; text-align:center;} 
.pop_gcont .noti_list {margin-top:12px;} 
.pop_gcont .noti_list ul li {font-size:13px; line-height:20px;} 
.pop_gcont .stxt {margin-top:19px; font-size:13px; line-height:20px;} 

/* 2019-06-11 */
/* 매출내역리스트 상세 */
.tbl_list {padding-top:13px; border-bottom:1px solid #e1e3e6;} 
.tbl_list table {width:100%;} 
.tbl_list table th {border-top:1px solid #e1e3e6; font-size:15px; color:#000; letter-spacing:-1px;} 
.tbl_list table td {border-top:1px solid #e1e3e6; font-size:15px; color:#000; letter-spacing:-1px;} 
.tbl_list table td.won {text-align:right; font-size:12px;} 
.tbl_list table td.won em {font-size:20px; margin-right:4px; letter-spacing:-1px;} 
.tbl_list table tr:first-child th {border-top:0;} 
.tbl_list table tr:first-child td {border-top:0;} 
.tbl_list table tr.row1 > td {padding:0 0 22px 0; height:auto;} 
/* 2019-06-27 */
.tbl_list.type2 {padding:0; border-bottom:0;} 
.tbl_list.type2 table th {height:54px; border:0; vertical-align:middle;} 
.tbl_list.type2 table td {height:54px; border:0; vertical-align:middle;} 
/* //2019-06-27 */

.tbl_list table tr.row1 td .tbl_list.type2 {padding-top:21px; margin-bottom:-5px;} 
.tbl_list table tr.row1 .tbl_list.type2 table th {padding:4px 0 3px; height:auto; vertical-align:middle;} 
.tbl_list table tr.row1 .tbl_list.type2 table td {padding:4px 0 3px; height:auto; vertical-align:middle;} 
.tbl_list table tr.row1:first-child td .tbl_list.type2 {padding-top:16px;} 

/* 2019-08-16 */
.pacc_rbx {position:relative; margin:-96px auto 0; width:305px; height:169px; border:1px solid #357ee7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#fff; z-index:1;} 
.pacc_rbx .pacc_link {display:block; width:100%; height:100%;} 
.pacc_rbx .pacc_link .ico {display:block; padding-top:38px; height:48px; background:url(../img/ico_pacc_link.png) no-repeat 50% 100%; background-size:47px 48px;} 
.pacc_rbx .pacc_link .txt {display:block; margin-top:22px; font-size:17px; font-weight:bold; color:#000; text-align:center;} 
.pacc_btm {margin:41px 0 0 0; font-size:15px; font-weight:bold; line-height:21px; color:#333; text-align:center; letter-spacing:-0.5px;} 

/* 하단 고정버튼 */
.fix_btm_bn {position:fixed; bottom:0; left:0; right:0; width:100%; height:58px; background-color:#357ee7;} 
.fix_btm_bn .inner p a {display:block; line-height:60px; text-align:center; font-size:17px; color:#fff; letter-spacing:-0.5px;} 
/* //2019-07-19 */
.blbx_wrap .pacc_rbx {margin-top:-38px !important;} 
.wrbx_w {margin-top:30px;} 
.wrbx_w dl dt {margin-top:19px; position:relative; height:26px; font-size:14px; color:#000; letter-spacing:-0.5px; text-align:left;} 
.wrbx_w dl dt:first-child {margin:0; text-align:left;} 

/* 2019-08-22 */
/* 세모사 수임동의,대납이슈 */
.btm_txt {padding:72px 0 0 0; text-align:center;} 
.btm_txt .txt {font-size:17px; font-weight:bold; color:#000; letter-spacing:-0.5px;} 
.btm_txt .link {margin-top:10px;} 
.btm_txt .link a {font-size:16px; font-weight:bold; color:#357ee7; text-decoration:underline;} 

/* 2019-09-10 */
/* 알림 원천세 납부안내 */
.pay_imgbx {position:absolute; top:0; left:0; width:100%; height:100%;} 
.pay_imgbx .pay_inner {position:relative; height:100%;} 
.pay_imgbx .pay_inner .pay_img {position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background:url(../img/pay_img.png) no-repeat 50% 0; background-size:cover;} 

/* 2019-09-24 */
/* 알림 원천세 납부안내 */
.pay_semo_b {position:absolute; width:100%; height:100%;} 
/* 2019-12-12 */
.pay_semo_w {width:100%; margin-top:67px;} 
.pay_semo_crt {margin: auto; background:url(../img/semo_crt2.png) no-repeat; background-size:contain; width:85px; height:106px;} 
/* //2019-12-12 */
.pay_noti_tit {margin-top:45px; font-size:23px; font-weight:bold; color:#2e2e2e; letter-spacing:-1.09px; text-align: center;} 
.pay_noti_tit span {margin:0 3.26px;} 
.pay_noti_txt {margin:auto; margin-top:32px; font-size:16px; font-weight:300; line-height: 1.5; text-align: center; color:#000000;} 
.pay_noti_txt .bold {font-weight:bold;} 
.pay_guide_bg {padding:27px 0 26px 0; margin-top:55px; background-color:#ecedf0;} 
.pay_guide_bg .tit {font-size:19px; letter-spacing:-1.9px; font-weight:bold; color:#333333; text-align: center;} 
.pay_guide_bg .line {margin:auto; margin-top:10px; margin-bottom:12px; width:134px; height:1px; background-color:#cdced0;} 
.pay_guide_bg div:nth-child(3) {margin-bottom:10px;} 
.pay_guide_bg .txt {margin:auto; width:134px;} 
.pay_guide_bg .txt .dot {margin-right:8px; display:inline-block; width:5px; height:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#000000; vertical-align: middle;} 
.pay_guide_bg .txt span {font-size:14px; letter-spacing:-1.33px; color:#333333;} 
.pay_guide_bg .txt .bold {font-weight:bold;} 
.pay_guide_bg .txt .thin {font-weight:normal;} 

/* 2019-09-26 */
/* 매출내역_비활성화유도_신용카드 */
.gbox_list .inner ul li a.on {background:#ffffff; border: 1px solid #e2e2e2; color:#b7b7b7;} 
.gbox_list .inner ul li a.on::before {content:"등록하기"; position:absolute; right:30px; font-size: 14px; letter-spacing: -0.65px; text-align: left; color: #595757; font-weight: normal;} 

/* 2019-09-26 */
/* 매입내역_현금영수증_표기변경 */
.item_listvbx dl dd table th .ico.cash {border:none; background:url(../img/ico_money_1.png) no-repeat; background-size:cover;} 
.item_listvbx dl dd table th .ico.acc {border:none; background:url(../img/ico_money_2.png) no-repeat; background-size:cover;} 
.item_listvbx dl dd table th .ico.etc {border:none; background:url(../img/ico_money_3.png) no-repeat; background-size:cover;} 
.item_listvbx dl dd table th .ly_item_b {display:flex; position:fixed; left:50%; margin-left:-141px; top:100px; z-index: 99999;} 
.item_listvbx dl dd table th .ly_item_b > div {padding:25px 20px; text-align:center; background:#ffffff;} 
.item_listvbx dl dd table th .ly_item_b > div > div {background-repeat:no-repeat; background-size:cover; display:block; width:54px; height:54px;} 
.item_listvbx dl dd table th .ly_item_b > div > div.cash_ly {background-image:url(../img/ico_money_1.png);} 
.item_listvbx dl dd table th .ly_item_b > div > div.acc_ly {background-image:url(../img/ico_money_2.png);} 
.item_listvbx dl dd table th .ly_item_b > div > div.etc_ly {background-image:url(../img/ico_money_3.png);} 
.item_listvbx dl dd table th .ly_item_b > div > span {display:inline-block; margin-top:6px; font-weight: bold;} 

/* 2019-09-27 */
/* 공인(공동)인증서_제출완료 */
.notibx_wrap.type4 .inner {padding-top:115px;} 
.notibx_wrap.type4 .inner .noti_tit {font-size:15px;} 
.notibx_wrap.type4 .inner .noti_txt {font-size:18px; font-weight:bold; line-height:1.47;} 
.notibx_wrap.type4 .inner .noti_txt span {color:#357ee7;} 
.notibx_wrap.type4 .inner .noti_cn2 {margin-top:9px;} 

/* 회원정보_계정등록결과 / 회원정보_계정등록결과_추가 입력 */
.notibx_wrap.type5 .inner {padding-top:30px; padding-bottom:9px;} 
.notibx_wrap.type5 .inner .noti_tit {font-size:16px; color:#357ee7; font-weight:bold;} 
.notibx_wrap.type5 .inner .noti_cn2 {margin-top:9px; font-size:11px;} 
.tbl_acc_list.type2 dl .acc_r {margin-right: 5px;} 
.tbl_acc_list.type2 dl .btn_add {display:inline-block; width:41px; padding:7px 10px; border-radius: 15px; border: solid 1px #357ee7; background-color: #ffffff; font-size: 12px; font-weight: normal; letter-spacing: -0.6px; text-align: center; color: #357ee7;} 
.tbl_acc_list.type2 dl .btn_add.on {background-color: #357ee7; font-size: 12px; font-weight: normal; letter-spacing: -0.6px; text-align: center; color: #ffffff;} 
.tbl_acc_list.type2 dl dt {padding:9px 15px; background-color:#e4e6e7; font-size:13px; color:#000000; font-weight:bold;} 
.tbl_acc_list.type2 table td {padding-right:13px;} 

.noti_acc {padding:27px 30px; background-color:#e4e6e7;} 
.noti_acc .noti_tit {margin-bottom:16px; font-size:16px; line-height:1; letter-spacing:-0.8px; color:#000000; font-weight:bold;} 
.noti_acc .noti_tit .ico_noti_w {display:inline-block; margin-right:6px; background: url(../img/ico_noti_w.png) no-repeat; background-size:cover; width:18px; height:18px; vertical-align:text-top;} 
.noti_acc .noti_txt {display:flex; font-size:11px; line-height:1.75; letter-spacing:-0.6px; color: #6b6b6b; word-break: keep-all;} 
.noti_acc .noti_txt:not(:last-child) {margin-bottom:17px;} 
.noti_acc .noti_txt span:first-child {margin-right:2px;} 
.noti_acc .noti_txt a {color:#0095ff;} 

/* 계정등록_따라하기_완료화면 / 계정등록_결과 실패화면*/
.notibx_wrap.type6 .inner {padding:30px 0 0; min-height:155px;} 
.notibx_wrap.type6 .inner .ico {margin-bottom:16px;} 
.notibx_wrap.type6 .inner .noti_tit {font-weight:bold;} 
.notibx_wrap.type6 .inner .noti_cn2 {margin-top:18px;} 
.notibx_wrap.type7 .inner {padding:75px 0; min-height:155px;} /* 계정_조회결과_실패 */

/* 더보기_main */
.m_info_bx ul li .btn.add_txt_r {width:195px; padding-right:37px; background-position:91% 50%; text-align:right; font-size:13px; color:#e63c2e;} 

/* 2019-10-02 */
/* 매입내역_현금영수증_표기변경 */
.ly_tab {position:relative; width:100%; height:100%;} 
.ly_tab .tab_box {display:flex; position:fixed; left:50%; margin-left:-141px; top:100px; z-index: 99999;} 
.ly_tab .tab_box > div {padding:25px 20px; text-align:center; background:#ffffff;} 
.ly_tab .tab_box > div > div {background-repeat:no-repeat; background-size:cover; display:block; width:54px; height:54px;} 
.ly_tab .tab_box > div > div.cash_ly {background-image:url(../img/ico_money_1.png);} 
.ly_tab .tab_box > div > div.acc_ly {background-image:url(../img/ico_money_2.png);} 
.ly_tab .tab_box > div > div.etc_ly {background-image:url(../img/ico_money_3.png);} 
.ly_tab .tab_box > div > span {display:inline-block; margin-top:6px; font-weight: bold;} 

/* 세무사 소개하기_휴대폰_발송내역 */
.blbx_wrap .cont_pd .intro_tit {padding: 30px 0 0 0; font-size: 17px; font-weight: bold; color: #000000;} 
.blbx_wrap .cont_pd .intro_tmp {padding: 30px; font-size: 13px; font-weight: bold; color: #666666; line-height: 1.51; letter-spacing: -0.66px; word-break: keep-all;} 
.blbx_wrap .cont_pd .intro_tmp > p {margin-bottom: 20px;} 
.blbx_wrap .cont_pd .intro_tmp > p > span {line-height: 1.66;} 

/* 2019-10-07 */
/* 세무대리인_관리번호_비밀번호_변경 */
.set_bx_wrap dl dd .right a.on {border:1px solid #357ee7; color:#fff; background: #357ee7;} 
.input_wrap .inner .txt {margin-top:11px; font-size:12px; line-height:1.5;} 
.input_wrap .inner .txt p {padding-left:10px;} 

/* 2019-10-10 */
/* 세무사 소개하기_이메일_발송내역 */
.m_cont.m_cont_h {height:calc(100% - 65px)} 

/* 2019-10-17 */
/* 공인(공동)인증서_제출완료 */
.notibx_wrap.type4 .inner .noti_cn2.noti_botm {margin-top: 141px;} 
.tbl_acc_list.type2 table td {border-top:1px solid #e1e3e6; border-bottom:1px solid #e1e3e6;} 

/* 계좌 등록결과 실패 */
.tbl_acc_list.type2 .noti_acc_n {border-top:1px solid #e1e3e6; border-bottom:1px solid #e1e3e6; text-align: center; height: 82px; line-height: 82px;} 

/* 2019-10-18 */
/* 더보기_계정관기_여신금융협회 */
.appdw_gbx.type2 .inner {width: 288px;} 
.appdw_gbx.type2 .inner .txt p {margin-bottom: 15px; line-height: 24px;} 
.appdw_gbx.type2 .inner .txt p .text_c_b {color: #357ee7;} 
.appdw_gbx.type2 .btn_s01 .ico_arr {background: url(../img/ico_btn_agree_on.png) no-repeat 0 0; background-size: 7px 14px; vertical-align: middle; display: inline-block; width: 100%; background-position-y: 10px; background-position-x: 210px;} 
.appdw_gbx.type2 .btn_s01 .ico_arr {background: url(../img/ico_btn_agree_on.png) no-repeat 0 0; background-size: 7px 14px; vertical-align: middle; display: inline-block; width: 100%; background-position-y: 10px; background-position-x: 210px;} 

/* 2019-10-30 SA0015최종 */

/* 증빙자료 메인 */
.evi_wrap .evi_list li .icon_box a.employee {background:#ffffff url(../img/ico_gate_employee.png) no-repeat; background-size:contain; width:33px; height:30px;} 

/* 직원 관리 최초화면 */
.employee_listbx table tr {border-bottom:1px solid #e7e7e7;} 
.employee_listbx table th {position:relative; padding-left:12px;} 
.employee_listbx table th .ico {display:inline-block;} 
.employee_listbx table th .ico.chart_w_d {background:url(../img/ico_woman_d.png) no-repeat; background-size:contain; width:40px; height:40px;} 
.employee_listbx table th .ico.chart_w_t {background:url(../img/ico_woman_t.png) no-repeat; background-size:contain; width:40px; height:40px;} 
.employee_listbx table th .ico.chart_m_d {background:url(../img/ico_man_d.png) no-repeat; background-size:contain; width:40px; height:40px;} 
.employee_listbx table th .ico.chart_m_t {background:url(../img/ico_man_t.png) no-repeat; background-size:contain; width:40px; height:40px;} 
.employee_
.employee_listbx table td {height:68px; padding:0;} 
.employee_listbx table td .name {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; font-weight:bold; letter-spacing:-0.5px;} 
.employee_listbx table td .birth {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:6px; font-size:13px; letter-spacing:-0.5px;} 
.employee_listbx table td.state {padding-right:14px; text-align:right;} 
.employee_listbx table td.state .con {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; letter-spacing:-0.5px;} 
.employee_listbx table td.state .comm {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:6px; font-size:13px; letter-spacing:-0.5px;} 
.employee_listbx .ly_item_v:before {content:""; display:block; position: fixed; left:0; top:0; width:100%; height:100%; background: #000; opacity: 0.75; z-index:99999;} 
.employee_listbx .ly_item_v .inner {position:absolute; top:30px; left:15px; border:1px solid #c8c6c6; background-color:#fff; z-index:1; min-width:222px; z-index:999999;} 
.employee_listbx .ly_item_v .inner p {border-top:1px solid #e1e3e6;} 
.employee_listbx .ly_item_v .inner p:first-child {border:0;} 
.employee_listbx .ly_item_v .inner p a {display:block; padding:25px 23px 0 63px; height:46px; font-size:15px; font-weight:bold; color:#000;} 
.employee_listbx .ly_item_v .inner p a.ico_v3 {background:url(../img/ico_ly_info_m.png) no-repeat 23px 50%; background-size:27px 27px;} 
.employee_listbx .ly_item_v .inner p a.ico_v4 {background:url(../img/ico_ly_info_d.png) no-repeat 23px 50%; background-size:27px 27px;} 
.employee_listbx .ly_item_v .inner p a.ico_v5 {background:url(../img/ico_ly_info_o.png) no-repeat 23px 50%; background-size:27px 27px;} 
.employee_listbx .ly_item_v .inner p a.ico_v6 {background:url(../img/ico_ly_info_r.png) no-repeat 23px 50%; background-size:27px 27px;}  
.employee_listbx .ly_item_v .inner p.on a {color:#357ee7;} 
.employee_listbx .ly_item_v .inner p.on a.ico_v3 {background-image:url(../img/ico_ly_info_m_on.png);} 
.employee_listbx .ly_item_v .inner p.on a.ico_v4 {background-image:url(../img/ico_ly_info_d_on.png);} 
.employee_listbx .ly_item_v .inner p.on a.ico_v5 {background-image:url(../img/ico_ly_info_o_on.png);} 
.employee_listbx .ly_item_v .inner p.on a.ico_v6 {background-image:url(../img/ico_ly_info_r_on.png);} 

/* 서류제출 만료 */
.notibx_wrap.type7 .noti_cn2 {margin-top: 220px;} 
.notibx_wrap.type7 .inner .ico5 {background: url(../img/ico_point01.png) no-repeat 50% 0; background-size:60px 60px;} 
.notibx_wrap.type7 .inner .noti_txt {margin-top:34px; font-size: 14px; font-weight:bold; line-height: 1.29; text-align: center; color: #000000;} 

/* 직원 관리 신규추가/조회/수정 */
.set_eylbx {padding:10px 18px;} 
.set_eylbx table th {padding:20px 0px; font-size:14px; font-weight:bold; color:#000; letter-spacing: -0.7px;} 
.set_eylbx table td {padding:20px 3px; font-size:14px; font-weight:bold; text-align:right; color:#000;} 
.set_eylbx table td p {font-size:14px; font-weight:bold;} 
.set_eylbx table td em {font-size:14px; font-weight:bold;} 
.set_eylbx table th.vtc_al {vertical-align: top;} 
.set_eylbx table th i {display: inline-block; width: 7px;} 
.set_eylbx table th i.c_tran {color:transparent;} 
.set_eylbx table td .rdbx.type1 {margin-top: 20px;} 
.set_eylbx table td .rdbx.type1 label:not(:last-child) {margin-right: 16px;} 
.set_eylbx table td .rdbx.type1 label span {margin-left: 5px; font-size: 14px; color: #000000; letter-spacing: -0.69px;} 
.set_eylbx table td .rdbx.type2 label:not(:last-child) {margin-right: 1px;} 
.set_eylbx table td .rdbx.type2 label span {margin-left: 1px; font-size: 14px; color: #000000; letter-spacing: -1px; vertical-align: middle;} 
.set_eylbx table td .rdbx.type3 label {display:inline-block; width:48%; text-align:left;} 
.set_eylbx table td .rdbx.type3 label:not(:last-child) {margin-right: 1px; margin-bottom: 5px;} 
.set_eylbx table td .rdbx.type3 label span {margin-left: 4px; font-size: 14px; color: #000000; letter-spacing: -1px; vertical-align: middle;} 
.set_eylbx table td .ckbox label:not(:last-child) {margin-right: 15px;} 
.set_eylbx table td .ckbox label span {margin-left: 5px; font-size: 14px; color: #000000; letter-spacing: -1px;} 
.set_eylbx table td input:not([type=checkbox]):not([type=radio]) {width:180px; font-size:13px; text-align:right; border: none; letter-spacing: -0.5px; padding: 0 5px 0 0;} 
.set_eylbx table td input[type='radio']:checked {background-image:url(../img/img_radio_on.png);} 
.set_eylbx table td input[type='checkbox']:checked {background:url(../img/btn_ck_on.png) no-repeat; background-size:24px 24px;} 
.set_eylbx table td input:disabled {background-color: #ffffff;} 
.set_eylbx table td textarea {padding:10px; width: 90%; height: 105px; border-radius: 6px; border: solid 1px #e1e3e6; resize: none; font-size: 14px; line-height: 1.36; letter-spacing: -0.7px; color: #000000;} 
.set_eylbx table td textarea:disabled {background-color: #ffffff;} 
.set_eylbx table td .att_camera {background: url(../img/ico_att_camera.png) no-repeat; background-size:110px 110px; display: inline-block; width:110px; height:110px;} 
.set_eylbx table td.reg input.reg_b {width: 78px; height: 34px; border: solid 1px #e7e7e7; text-align: center;} 
.set_eylbx table td.reg input.reg_s {width: 27px; height: 34px; border: solid 1px #e7e7e7; text-align: center;} 
.set_eylbx table td.arr {background: url(../img/btn_arr_b.png) no-repeat 100% 45%; background-size:9px 17px;} 
.set_eylbx table td.txt_l {display:block; text-align: left;} 

input:focus:required:invalid {color: red; border-color: red; box-shadow: 0 0 6px red;} 
input:focus:required:valid,
input:focus:required:placeholder-shown {border-color: green; box-shadow: 0 0 8px green;} 

/* 직원서류 요청 */
.req_eylbx table th {padding:10px 0px; font-size:14px; font-weight:bold; color:#000;} 
.req_eylbx table td {padding:10px 0px; font-size:14px; font-weight:bold; text-align:right; color:#000;} 
.req_eylbx table td input {width:160px; font-size:13px; text-align:left; border: none;} 
.req_eylbx table td .txt_r {display:block; text-align: left; color:#000;} 
.req_info {padding:10px 0; width: calc(95% - 30px); margin: auto;} 
.req_txt {text-align: center;} 
.req_txt textarea {padding:15px; width:calc(90% - 30px); height:73px; border-radius: 5px; border: solid 1px #e7e7e7; resize:none; font-size: 13px; line-height: 1.46; letter-spacing: -0.65px; color: #c6c6c6;} 
.req_doc {padding:10px 0;} 
.req_doc .tit {padding:14px 22px; font-size:14px; font-weight:bold; text-align:left; color: #000;} 
.req_doc .req_doc_ckbx {padding:5px 0; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7;} 
.req_doc .req_doc_ckbx > div {width: calc(95% - 30px); margin:auto; margin-top:10px; margin-bottom:10px;} 
.req_doc .req_doc_ckbx > div.fix_w {display: flex; justify-content: space-around; align-items: center;} 
.req_doc .req_doc_ckbx > div.fix_w > label {width:50%; display: inline-block;} 
.req_doc .req_doc_ckbx > div > label {width: 72px; display: inline-block;} 
.req_doc .req_doc_ckbx > div > label > span {margin-left: 5px; margin-right: 5px; padding:20px 0px; font-size:14px; font-weight:bold; color:#000;} 
.req_doc .req_doc_ckbx > div > label > input[type='checkbox']:checked {background:url(../img/btn_ck_on.png) no-repeat; background-size:24px 24px;} 
.req_doc .req_doc_ckbx > div > input {padding:0 11px; width: calc(100% - 30px - 72px); height: 32px; border-radius: 6px; border: solid 1px #e1e3e6; background-color: #ffffff; font-size: 13px; line-height: 1.46; letter-spacing: -0.65px; color: #333333;} 

/* 첨부서류 */
.aff_doc_li ul li {padding:21px 30px; border-bottom:1px solid #e7e7e7; display:flex; justify-content: space-between; align-items:center;} 
.aff_doc_li ul li > div {display: flex; align-items: center;} 
.aff_doc_li ul li .doc_ic {vertical-align: middle; display:inline-block; background: url(../img/ico_doc_off.png) no-repeat; background-size:35px 34px; width:35px; height:34px;} 
.aff_doc_li ul li .doc_name {vertical-align: middle; margin-left:15px; font-weight:bold; font-size: 15px; color: #c7c7c7;} 
.aff_doc_li ul li .doc_nav {background: url(../img/ico_add_doc.png) no-repeat; background-size:18px 18px; width:18px; height:18px;} 
.aff_doc_li ul li.on .doc_ic {background: url(../img/ico_doc_on.png) no-repeat; background-size:35px 34px; width:35px; height:34px;} 
.aff_doc_li ul li.on .doc_name {color: #000000;} 
.aff_doc_li ul li.on .doc_nav {background: url(../img/btn_arr_b.png) no-repeat; background-size:9px 17px; width:9px; height:17px;} 
.aff_doc_li ul li .doc_regi {margin-left:15px; font-weight:bold; font-size: 13px; line-height:13px; margin-top: 6px;} 
.btn_plus_b {position:fixed; bottom:14px; right:14px; width:60px; height:60px;} 
.btn_plus_b a {display:block; background: url(../img/ico_plus_b.png) no-repeat; background-size:60px 60px; width:60px; height:60px;} 

/* 서류체출 만료 */
.sub_info {padding:27px 30px; border-bottom:1px solid #e1e3e6;} 
.sub_info > div:first-child {margin-bottom: 14px;} 
.sub_info em {margin-left:12px; margin-right:10px;} 
.sub_info span {font-weight:bold; font-size: 14px; letter-spacing: -0.7px; color: #000000;} 
.sub_noti {margin-top:78px; font-size: 12px; letter-spacing: -0.6px; text-align: center; color: #595757;} 

/* 직원서류 요청 발송 */
.req_tmp {padding:20px 0;} 
.req_tmp dl dt {padding: 8px 21px; font-weight:bold; font-size: 14px; letter-spacing: -0.7px; color: #000000;} 
.req_tmp dl dd {padding:20px 0; text-align: center;} 
.req_tmp dl dd textarea {padding:15px; width:calc(100% - 42px - 30px); height: 72px; border: solid 1px #e7e7e7; resize: none;} 
.req_tmp dl dd .sample_tmp {display:inline-block; background: url(../img/sample_img.png) no-repeat; background-size:227px 348px; width:227px; height:348px;} 

/* 2019-11-04 */
/* 계정등록 결과 실패 */
.tbl_acc_list.type2 .noti_acc_n {display: flex; padding:20px; border-top: 1px solid #e1e3e6; border-bottom: 1px solid #e1e3e6; text-align: center; height:unset; min-height: 42px; line-height: unset; justify-content: center; align-items: center;} 

/* 2019-11-06 */
/* 더보기_main */
.m_info_bx ul li {position: relative; padding: 0 50px 0 20px; height: 50px; line-height: 51px; display: flex; align-items: center;} 
.m_info_bx ul li .btn.add_txt_r {width:195px; padding-right:37px; background-position:91% 50%; text-align:right; font-size:13px; color:#e63c2e; display: flex; justify-content: flex-end; align-items: center;} 
.m_info_bx ul li .btn.add_txt {width: 195px; padding-right: 37px; background-position: 91% 50%; text-align: right; font-size: 13px; display: flex; justify-content: flex-end; align-items: center;} 

/* 2019-11-15 */
/* 사진첨부 */
.set_attpht {padding: 10px 18px;} 
.set_attpht table th {padding: 20px 0px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -0.7px;} 
.set_attpht table .pht_bx {position: relative; display:flex; align-items: center; justify-content: center; width:100%; min-height: 200px; border: 1px #c7c7c7 dotted; border-radius: 7.5px; margin-bottom: 12px;} 
.set_attpht table .pht_bx .pht_con {background: url(../img/ico_camera.png) no-repeat; background-size: 44px 39px; width:44px; height:39px;} 
.set_attpht table .pht_bx.on .pht_con {position: absolute; right: 6px; top: 6px; background: url(../img/btn_att_del2.png) no-repeat; background-size: 25px 25px; width:25px; height:25px; z-index: 99;} 
.set_attpht table .pht_bx .att_pht {display:none;} 
/* 사진크기수정 */
.set_attpht table .pht_bx.on .att_pht {display:block; max-width: 100%; max-height: 190px; object-fit: contain;} 

/* 샘플알림 및 부가세예상금액 */
.gbox_wrap article dl dd table.type2 th {padding:5px 0; color:#000; font-size:14px; font-weight:normal !important; vertical-align:middle;} 
.gbox_wrap article dl dd table.type2 td {padding:5px 0; text-align:right; color:#000; font-size:14px; vertical-align:middle;} 
.gbox_wrap article dl dd table.type2 td em {font-size:14px; font-weight:normal !important; letter-spacing:-0.5px;} 
.gbox_wrap article dl dd table.type2 tr.bold th {padding:10px 0; color:#000; font-size:15px; font-weight:bold !important; vertical-align:middle;} 
.gbox_wrap article dl dd table.type2 tr.bold td {padding:10px 0; text-align:right; color:#000; font-size:15px; font-weight:bold !important; vertical-align:middle;} 
.gbox_wrap article dl dd table.type2 tr.bold td em {font-size:19px; font-weight:bold !important; letter-spacing:-0.5px;} 
.acc_view.type2 dl {margin-bottom: 0;} 
.acc_view.type2 dl:last-child {margin-bottom: 19px;} 
.acc_view dl dd .tbl_type2 {padding: 0; margin-top:18px; border-top:1px solid #e1e3e6;} 
.acc_view dl dd .tbl_type2:first-child {border:0; padding-top:0; margin:0;} 
.acc_view dl dd .tbl_type2 table th {padding:7px 0 7px 11px; vertical-align:middle; font-size:13px; color:#000;} 
.acc_view dl dd .tbl_type2 table td {padding:7px 0 7px 11px; vertical-align:middle; font-size:13px; color:#000;} 
.acc_view dl dd .tbl_type2 table tr td span {font-size:13px; color:#e63c2e; vertical-align:middle;} 
.acc_view dl dd .tbl_type2 table tr.bold th {padding: 14px 0; vertical-align:middle; font-size:15px; color:#000; font-weight: bold;} 
.acc_view dl dd .tbl_type2 table tr.bold td {padding: 14px 0; vertical-align:middle; font-size:15px; color:#000; font-weight: bold;} 
.acc_view dl dd .tbl_type2 table tr.bold td em {font-size:17px; color:#000; font-weight: bold !important;} 

/* 온라인 서류제출 */
.web_tit {width: 100%; height: 50px; line-height: 50px; background-color:#ededed; text-align: center;} 
.web_tit span {font-size: 20px; color: #000000;} 

/* 업그레이드 */
.upgrade_tit {padding-top: 26px; font-size: 17px; font-weight: 300; line-height: 1.35; letter-spacing: -0.43px; text-align: center; color: #ff684a;} 
.upgrade_txt {margin-top: 35px; padding: 0 15px; font-size: 11px; font-weight: 300; line-height: 1.36; letter-spacing: -0.28px; text-align: left; color: #595757;} 
.upgrade_btn {position: fixed; left: 50%; bottom: 63px; margin-left: -165px; border: 0; width: 330px; height: 42px; border-radius: 21px; background-color: #0256a2; font-size: 15px; line-height: 2.28; letter-spacing: -0.28px; text-align: center; color: #ffffff;} 
/* ========== 리뉴얼 ========== */
/* ========== 2020-04-14 ========== */
/*============ ios 초기화 명령========== */
input {-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0;} 
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} 

/* - layout */
.new_content * {font-family: 'Noto Sans KR'; -webkit-overflow-scrolling:touch;} 
.new_content.pretendard * {font-family: 'Pretendard' !important; -webkit-tap-highlight-color: transparent; user-select: none; font-weight: 500;} 
.new_content {position:relative; width: 100%; height:100%;} 
.new_content.mark {height: calc(100% - 27px);} 
.water_mark {position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 1000000000; color: #c8c8c8; width: 100%; height: 27px; background-color: #ffffff; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center;} 
.pretendard {font-family: 'Pretendard' !important; font-weight: 500;} 
.notosans {font-family: 'Noto Sans KR' !important;} 
.cont_bg {position: relative; height:100%; background-color: #ffffff; padding: 0 15px; overflow: auto; overflow-x: hidden;} 
.cont_bg.padding20 {padding: 0 20px;} 
.cont_bg.bg_top {padding: 0;} 
.cont_bg.cont_pd_hd {height:calc(100% - 105px);} 
.cont_bg.cont_pd {height:calc(100% - 50px);} 
.cont_bg.cont_hd {height:calc(100% - 55px);} 
.cont_bg.bg_gray {background-color: #f8f8f8;} 
.cont_bg.gray {background-color: #fafafa;} 
.cont_bg.b_gray {background-color: #f4f5f7;} 
.cont_bg.c_gray {background-color: #fcfcfc;} 
.cont_bg .progress_state_box {margin-bottom: 26px;} 
.cont_bg.ssm {padding: 0 25px;} 
.wrap {position: relative; margin-top: 10px; height: calc(100% - 58px);} 
.wrap.setting {position: relative; height: calc(100% - 58px);} 
.wrap.notice {position: relative; height: calc(100% - 58px);} 
.wrap.account {position: relative; height: calc(100% - 58px);} 
.wrap.certi {position: relative; height: calc(100% - 58px);} 
.wrap.document {position: relative; height: calc(100% - 58px);} 
.wrap.join {position: relative; height: calc(100% - 58px);} 
.wrap.join.type1 {height: calc(100% - 10px);} 
.wrap.join.type2 {height: calc(100% - 66px);} 
.wrap.join.type3 {height: unset;} 
.wrap.none {height: unset;} 
.wrap.purchase {position: relative; width: calc(100% + 30px); margin-left: -15px; margin-top: 0; background-color: #f8f8f8; padding: 30px 0; min-height: 395px; max-height: 100vh;} 
.wrap.purchase.height_auto {height: auto;} 
.wrap.zero_pay {width: calc(100% + 30px); height: unset;} 
.wrap.zero_pay_main {width: 100%;} 
.wrap.member {position: relative;} 
.wrap.reg {height: 100%; margin-top:0;} 
.wrap.jb_min1 {min-height: 485px;} 
.wrap.jb_min2 {min-height: 600px;} 
.wrap.jb_min3 {min-height: 500px;} 
.wrap.jb_min4 {min-height: 700px;} 
.wrap.posi_type1 {position: absolute; top: 76px; left: 0; height: calc(100% - 96px); width: calc(100% - 30px); padding: 0 15px;} 
.wrap.posi_type2 {position: absolute; top: 49px; left: 0; height: calc(100% - 64px); width: calc(100% - 30px); padding: 0 15px;} 
.wrap.posi_type3 {position: absolute; top: 72px; left: 0; height: calc(100% - 92px); width: calc(100% - 30px); padding: 0 15px;} 
.bg_sample_wrap {position: relative;} 
.bg_sample_wrap.type1 {height: 100%;} 
.bg_sample {position: absolute; left: -15px; top: -15px; background-image: url(../img/sample_w.png); background-position: center; background-repeat: no-repeat; background-size: 250px 250px; background-color: rgba(32, 32, 32, 0.25); width: calc(100% + 30px); height: calc(100% + 25px);} 
.bg_sample.type1 {top: -48px; height: calc(100% + 61px);} 
.title {padding: 3px 0; font-size: 17px; line-height: 1.48; letter-spacing: -0.44px; color: #5B5B5B; font-weight: bold;} 
.content .title {padding: 3px 15px;} 
.title.posi_zi {z-index: 2; position: absolute;} 
.title_sub {width: 90%; margin-bottom: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.title_sub.blod {font-weight: bold;} 
.title_sub_s {font-size: 20px; font-weight: bold; line-height: 1.47; letter-spacing: -0.38px; text-align: left; color: #000000;} 
.title_sub_b, .title_sub_b em {width: 90%; margin-bottom: 10px; font-size: 19px; font-weight: bold; line-height: 1.47; letter-spacing: -0.38px; text-align: left; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.title_sub_s + .title_sub_b {margin-top: 20px;} 
.title_center_b {display: block; margin: auto; font-size: 18px; font-weight: bold; line-height: 0.89; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.title_box {background-color: #06346c; width: 100%; margin-left: -15px; padding: 5px 15px 15px 15px;} 
.title_box span {display: block;} 
.title_box span.tit_big {font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.4px; color: #ffffff;} 
.title_box span.tit_middle {font-size: 17px; font-weight: bold; line-height: 1.48; letter-spacing: -0.4px; color: #ffffff;} 
.title_box span.tit_small {margin-top: 5px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #ffffff;} 
.tip_txt {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.tip_txt i {display: block; background-image: url('../img/ico_tip.png'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 134px; height: 39.5px; margin-top: 15px;} 
.text {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.text_center {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; display: block; margin: auto; text-align: center;} 
.new_blind {position: absolute; text-indent:-999999px; visibility:hidden; left:-100000px; top:-100000px;} 
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.c_semo {color: #17bf98 !important;} 
.bg_semo {color: #17bf98 !important;} 
.c_gray_y {color: #cfcfcf !important;} 
.c_gray {color: #a9adb5 !important;} 
.c_gray_l {color: #9a9fa8 !important;} 
.c_gray_lb {color: #595757 !important;} 
.c_blue_new {color: #0095ff !important;} 
.c_blue_d {color: #06346c !important;} 
.c_blue_i {color: #0090db !important;} 
.c_blue_c {color: #0872db !important;} 
.c_orange {color: #ff684a !important;} 
.c_darkgray {color: #595757 !important;} 
.c_green {color: #71fbc8 !important;} 
.c_d_green {background-color: #193034 !important;} 
.c_black {color: #000000 !important;} 
.c_a_gray {color: #8e939e !important;} 
.c_a_green {color: #00a748 !important;} 
.c_a_gold {color: #ffa31a !important;} 
.c_a_red {color: #d40000 !important;} 
.c_a_red_i {color: #ff3d23 !important;} 
.c_a_purple {color: #b14489 !important;} 
.c_a_navy {color: #06346c !important;} 
.c_navy {color: #0b5a9b !important;} 
.c_navy_d {color: #084a80 !important;} 
.c_yellow {color: #ffdc4e !important;} 
.c_white {color: #ffffff !important;} 
.c_yl {color: #78774f !important;} 
.c_bl {color: #389ba1 !important;} 
.c_rl {color: #9f4040 !important;} 
.c_ff684a {color: #ff684a !important;} 
.c_0095ff {color: #0095ff !important;} 
.bgc_yellow {background-color: #ffdf61 !important;} 
.bgc_navy {background-color: #0b5a9b !important;} 
.bgc_sky {background-color: #dbf4ff !important;} 
.bgc_purple {background-color: #838efe !important;} 
.bgc_gray {background-color: #e1e1e1 !important;} 
.bgc_gray02 {background-color: #dfdfdf !important;} /* 연한 회색 */
.bgc_gray03 {background-color: #fafafa !important;} /* 연한 회색2 */
.bgc_gray04 {background-color: #ebebeb !important;} 
.bgc_gray05 {background-color: #dddfe1 !important;} 
.bgc_none {background: none !important;} 
.bgc_navy01 {background-color: #070062 !important;} 
.set_mgl_unset {margin-left: unset!important;} 
.set_mgl4 {margin-left: 4px;} 
.set_mgl5 {margin-left: 5px !important;} 
.set_mgl75 {margin-right: 75px !important;} 
.set_mgl10 {margin-left:10px !important;} 
.set_mgr0 {margin-right: 0 !important;} 
.set_mgr4 {margin-right: 4px !important;} 
.set_mgr5 {margin-right: 5px !important;} 
.set_mgr6 {margin-right: 6px !important;} 
.set_mgr16 {margin-right: 16px !important;} 
.set_mgr50 {margin-right: 50px !important;} 
.set_mgr34 {margin-right: 34px !important;} 
.set_mgr109 {margin-right: 109.5px !important;} 
.set_mgr24 {margin-right: 24.5px !important;} 
.set_mgr10 {margin-right: 10px !important;} 
.set_mgr44 {margin-right: 44px !important;} 
.set_mgt_unset {margin-top: unset !important;} 
.set_mgt1 {margin-top: 1px !important;} 
.set_mgt2 {margin-top: 2px !important;} 
.set_mgt4 {margin-top: 4px !important;} 
.set_mgt5 {margin-top: 5px !important;} 
.set_mgt7 {margin-top: 7px !important;} 
.set_mgt8 {margin-top: 8px !important;} 
.set_mgt10 {margin-top: 10px !important;} 
.set_mgt11 {margin-top: 11px !important;} 
.set_mgt12 {margin-top: 12px !important;} 
.set_mgt13 {margin-top: 13px !important;} 
.set_mgt14 {margin-top: 14px !important;} 
.set_mgt15 {margin-top: 15px !important;} 
.set_mgt16 {margin-top: 16px !important;} 
.set_mgt17 {margin-top: 17px !important;} 
.set_mgt18 {margin-top: 18px !important;} 
.set_mgt19 {margin-top: 19px !important;} 
.set_mgt20 {margin-top: 20px !important;} 
.set_mgt21 {margin-top: 21px !important;} 
.set_mgt22 {margin-top: 22px !important;} 
.set_mgt25 {margin-top: 25px !important;} 
.set_mgt26 {margin-top: 26px !important;} 
.set_mgt28 {margin-top: 28px !important;} 
.set_mgt30 {margin-top: 30px !important;} 
.set_mgt31 {margin-top: 31px !important;} 
.set_mgt32 {margin-top: 32px !important;} 
.set_mgt35 {margin-top: 35px !important;} 
.set_mgt36 {margin-top: 36px !important;} 
.set_mgt38 {margin-top: 38px !important;} 
.set_mgt40 {margin-top: 40px !important;} 
.set_mgt44 {margin-top: 44px !important;} 
.set_mgt50 {margin-top: 50px !important;} 
.set_mgt65 {margin-top: 65px !important;} 
.set_mgt57 {margin-top: 57px !important;} 
.set_mgt72 {margin-top: 72px !important;} 
.set_mgt75 {margin-top: 75px !important;} 
.set_mgt80 {margin-top: 80px !important;} 
.set_mgt81 {margin-top: 81px !important;} 
.set_mgt82 {margin-top: 82px !important;} 
.set_mgb_unset {margin-bottom: unset!important;} 
.set_mgb1 {margin-bottom: 1px !important;} 
.set_mgb3 {margin-bottom: 3px !important;} 
.set_mgb4 {margin-bottom: 4px !important;} 
.set_mgb5 {margin-bottom: 5px !important;} 
.set_mgb6 {margin-bottom: 6px !important;} 
.set_mgb7 {margin-bottom: 7px !important;} 
.set_mgb8 {margin-bottom: 8px !important;} 
.set_mgb10 {margin-bottom: 10px !important;} 
.set_mgb11 {margin-bottom: 11px !important;} 
.set_mgb13 {margin-bottom: 13px !important;} 
.set_mgb15 {margin-bottom: 15px !important;} 
.set_mgb14 {margin-bottom: 14px !important;} 
.set_mgb16 {margin-bottom: 16px !important;} 
.set_mgb17 {margin-bottom: 17px !important;} 
.set_mgb18 {margin-bottom: 18px !important;} 
.set_mgb20 {margin-bottom: 20px !important;} 
.set_mgb21 {margin-bottom: 21px !important;} 
.set_mgb26 {margin-bottom: 26px !important;} 
.set_mgb28 {margin-bottom: 28px !important;} 
.set_mgb30 {margin-bottom: 30px !important;} 
.set_mgb31 {margin-bottom: 31px !important;} 
.set_mgb35 {margin-bottom: 35px !important;} 
.set_mgb36 {margin-bottom: 36px !important;} 
.set_mgb37 {margin-bottom: 37px !important;} 
.set_mgb40 {margin-bottom: 40px !important;} 
.set_mgb44 {margin-bottom: 44px !important;} 
.set_mgb48 {margin-bottom: 48px !important;} 
.set_mgb50 {margin-bottom: 50px !important;} 
.set_mgb60 {margin-bottom: 60px !important;} 
.set_mgb65 {margin-bottom: 65px !important;} 
.set_mgb78 {margin-bottom: 78px !important;} 
.set_mgb89 {margin-bottom: 89px !important;} 
.set_mgb89 {margin-bottom: 89px !important;} 
.set_mgt_unset {margin-top: unset !important;} 
.set_mgtb14 {margin: 14px 0 !important;} 
.set_mgtb20 {margin: 20px 0 !important;} 
.set_mgtb20a {margin: 20px auto !important;} 
.set_pd40 {padding: 40% 0 !important;} 
.set_pdl0 {padding-left: 0px !important;} 
.set_pdl3 {padding-left: 3px !important;} 
.set_pdl10 {padding-left: 10px !important;} 
.set_pdl16 {padding-left: 16px !important;} 
.set_pdl17 {padding-left: 17px !important;} 
.set_pdl18 {padding-left: 18px !important;} 
.set_pdl30 {padding-left: 30px !important;} 
.set_pdl33 {padding-left: 33px !important;} 
.set_pdr10 {padding-right: 10px !important;} 
.set_pdr18 {padding-right: 18px !important;} 
.set_pdr30 {padding-right: 30px !important;} 
.set_pdl20 {padding-left: 20px !important;} 
.set_pdr20 {padding-right: 20px !important;} 
.set_pdb_unset {padding-bottom: unset!important;} 
.set_pdb1 {padding-bottom: 1px !important;} 
.set_pdb2 {padding-bottom: 2px !important;} 
.set_pdb12 {padding-bottom: 12px !important;} 
.set_pdb15 {padding-bottom: 15px !important;} 
.set_pdb16 {padding-bottom: 16px !important;} 
.set_pdb18 {padding-bottom: 18px !important;} 
.set_pdb20 {padding-bottom: 20px !important;} 
.set_pdb22 {padding-bottom: 22px !important;} 
.set_pdb25 {padding-bottom: 25px !important;} 
.set_pdb90 {padding-bottom: 90px !important;} 
.set_pdb26 {padding-bottom: 26px !important;} 
.set_pdb50 {padding-bottom: 50px !important;} 
.set_pdb60 {padding-bottom: 60px !important;} 
.set_pdb65 {padding-bottom: 65px !important;} 
.set_pdt0 {padding-top: 0px !important;} 
.set_pdt1 {padding-top: 1px !important;} 
.set_pdt3 {padding-top: 3px !important;} 
.set_pdt18 {padding-top: 18px !important;} 
.set_pdt88 {padding-top: 88px !important;} 
.set_pdt8p {padding-top: 8% !important;} 
.set_pdt17p {padding-top: 17% !important;} 
.set_pdt25 {padding-top: 25px !important;} 
.set_pdt25p {padding-top: 25% !important;} 
.set_pdtb17_7 {padding: 17px 0 7px;} 
.set_pdtb17_8 {padding: 17px 0 8px;} 
.set_pdtb17_12 {padding: 17px 0 12px;} 
.set_pdtb15 {padding: 0 15px !important;} 
.set_pdtb20 {padding: 20px 0 !important;} 
.set_pdtb20p {padding: 20% 0 !important;} 
.set_pdtb25p {padding: 20% 0 !important;} 
.set_pdtb30p {padding: 30% 0 !important;} 
.set_pdtb40p {padding: 40% 0 !important;} 
.set_pdr20p {padding-top:20% !important; padding-bottom:20% !important;} 
.set_pdr30p {padding-top:30% !important; padding-bottom:30% !important;} 
.set_pdr40p {padding-top:40% !important; padding-bottom:40% !important;} 
.set_pdr50p {padding-top:50% !important; padding-bottom:50% !important;} 
.set_pdrl10 {padding: 0 10px !important;} 
.set_pdrl20 {padding: 0 20px !important;} 
.set_pdrl15 {padding: 0 15px !important;} 
.set_pdrl15n {padding: 0 15px !important;} 
.set_pdrl26 {padding: 0 26px !important;} 
.set_pdrl7 {padding: 0 7px !important;} 
.set_pdsi21 {padding: 0 21px !important;} 
.set_pdsi26 {padding: 0 26px !important;} 
.set_pdsi30 {padding: 0 30px !important;} 
.set_f8f8f8 {background-color: #f8f8f8!important;} 
.set_wd80 {width: 80% !important;} 
.set_ft18 {font-size: 18px !important;} 
.set_ft14 {font-size: 14px !important;} 
.fs_15 {font-size: 15px !important;} 
.fs_25 {font-size: 25px !important;} 
.set_mh {min-height: 245px !important;} 
.set_maxh150 {max-height: 150px !important;} 
.set_width100 {width: 100px !important;} 
.set_width170 {width: 170px !important;} 
.set_width125 {width: 120px !important;} 
.set_hg450 {height: 450px !important;} 
.fix_btm17 {bottom: 17px !important;} 
.fix_btm50 {bottom: 50px !important;} 
.set_full {margin-left: -15px; width: calc(100% + 30px);} 
.set_full_n {width: 100% !important;} 
.set_font12 {font-size: 12px!important;} 
.set_font13 {font-size: 13px!important;} 
.set_font14 {font-size: 14px!important;} 
.set_font15 {font-size: 15px!important;} 
.set_font16 {font-size: 16px!important;} 
.set_font18 {font-size: 18px!important;} 
.set_font19 {font-size: 19px!important;} 
.set_font21 {font-size: 21px!important;} 
.set_font22 {font-size: 22px!important;} 
.set_font25 {font-size: 25px!important;} 
.set_letter-082 {letter-spacing: -0.82px;} 
.set_letter-062 {letter-spacing: -0.62px;} 
.set_lineheight122 {line-height: 1.22;} 
.set_fontbold {font-weight: bold!important;} 
.set_fontligter {font-weight: lighter!important;} 

/* 텍스트 정렬 */
.nowrap {white-space: nowrap !important;} 
.text_a_l {text-align: left !important;} 
.text_a_r {text-align: right !important;} 
.text_a_c {text-align: center !important;} 

/* border 클래스 */
.border_top_n {border-top: 0 !important;} 
.border_left_n {border-left: 0 !important;} 
.border_right_n {border-right: 0 !important;} 
.border_bottom_n {border-bottom: 0 !important;} 

/* 아이콘 공통 클래스 */
i.del {background-image: url(../img/del.svg); width: 15px; height: 15px; background-size: 15px; padding: 10px;} 
.terms_pre_wrap {white-space: pre-wrap; letter-spacing: -0.24px; padding: 0 15px; color: #595757; font-size: 15px;} 
.terms_pre_wrap > b {color: #222222; font-size: 16px;} 
.ico_common {display: block; margin: auto; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.ico_common.fail {background-image: url('../img/ico_tr_fail.png');} 
.ico_common.success {background-image: url('../img/ico_tr_suc.png');} 
input {-webkit-appearance: none; -webkit-border-radius: 0;} 

/* header */
.header {width: 100%; height: 55px; background-color: #ffffff;} 
.header.hgbc_green {background-color: #71fbc8;} 
.header.hgbc_blue {background-color: #06346c;} 
.process_bar_box {width: 100%; height: 3px; background-color: #fafafa;} 
.process_bar_box .process_bar {display: block; height: 100%; background-color: #71fbc8;} 
.btn_back {position: absolute; left: 0px; padding: 15px 15px 15px 15px;} 
.process_bar_box + .btn_back {padding: 12px 15px 15px 15px;} 
.btn_back .ico_back {display: block; background-image: url('../img/ico_back.png'); width: 15px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.header.hgbc_green .btn_back .ico_back {background-image: url('../img/ico_back_w.png');} 
.header.hgbc_blue .btn_back .ico_back {background-image: url('../img/ico_back_w.png');} 

/* onoff */
div.onoffBox {display: flex; align-items: center; justify-content: flex-end;} 
div.onoffBox > div {margin-top: 0; height: 25px; display: flex; align-items: center;} 
div.onoffBox > div input {display: none;} 
div.onoffBox > div label.onoffCheck {display:inline-block; position: relative; width:60px; height:28px; border-radius:28px; background-color:#c9d4d8; cursor:pointer; -webkit-transition: backgroundColor .25s ease-in-out; -moz-transition: backgroundColor .25s ease-in-out; -o-transition: backgroundColor .25s ease-in-out; transition: backgroundColor .25s ease-in-out; border: 1px solid #c9d4d8;} 
div.onoffBox > div label.onoffCheck .slider {z-index: 1; display:inline-block; position:absolute; top: 50%; right:34.5px; transform: translateY(-50%); width:22px; height:22px; border-radius:24px; background-color:#fff; -webkit-transition: right .25s ease-in-out; -moz-transition: right .25s ease-in-out; -o-transition: .25s ease-in-out; transition: right .25s ease-in-out;} 
div.onoffBox > div label.onoffCheck .onoff {display:inline-block; position:absolute; top: 2px; left: 28px;} 
div.onoffBox > div label.onoffCheck .onoff::before {content: 'off'; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff; text-transform: uppercase;} 
div.onoffBox.on > div::before {color:#08c7a0;} 
div.onoffBox.on > div label.onoffCheck {background-color:#71fbc8; border: solid 1px #08c7a0;} 
div.onoffBox.on > div label.onoffCheck .slider {right:2px;} 
div.onoffBox.on > div label.onoffCheck .onoff {left:6.5px; top: 49%;} 
div.onoffBox.on > div label.onoffCheck .onoff::before {content: 'on'; color:#08c7a0;} 
.account_bank {display: flex; flex-direction: column; border: 1px solid #e1e1e1; border-radius: 8px; align-items: center; background-color: #fcfcfc; padding: 0px 8px 0 11px;} 
.account_bank:last-child {margin-bottom: 30px;} 
.account_bank_list {display: flex; width:100%; align-items: center; padding: 8px 0;} 
.account_bank_list:not(:last-child) {border-bottom: 1px solid #e9e9e9;} 
.account_bank_list ul {width: calc(100% - 50px); display: flex; flex-direction: column; gap: 9px; padding-right: 8px;} 
.account_bank_list li {display: flex; justify-content: space-between;} 
.account_bank_list ul li:nth-child(1) span {font-size: 14px; color: #000000; max-width: 55%;} 
.account_bank_list ul li:nth-child(1) span:last-child p:nth-child(1) {font-weight: bold;} 
.account_bank_list li span:nth-child(2) {display: flex;} 
.account_bank_list li:nth-child(2) span {color: #c1c1c1; font-size: 12px;} 
.total_con + p + div.onoffBox > div {margin-top: 0; height: 25px; display: flex; align-items: center;} 
.total_con + p + div.onoffBox > div label.onoffCheck {display:inline-block; position: relative; width:55px; height:25px; border-radius:25px; border: solid 1px #c9d4d8;} 
.total_con + p + div.onoffBox > div label.onoffCheck .slider {top: 50%; right:31.5px; width:22px; height:22px; border-radius:22px;} 
.total_con + p + div.onoffBox > div label.onoffCheck .onoff {top: 0; left: 24px;} 
.total_con + p + div.onoffBox.on > div::before {color:#08c7a0;} 
.total_con + p + div.onoffBox.on > div label.onoffCheck .slider {right:2px;} 
.total_con + p + div.onoffBox.on > div label.onoffCheck .onoff {left:7px; top: 1px;} 
.total_con + p + div.onoffBox.on > div label.onoffCheck .onoff::before {content: 'on'; color:#08c7a0;} 
/* noti */
.noti_box {position: absolute; bottom: 0; width: 100%; padding: 18px 0 18px 30px; left: -15px; background-color: #fafafa;} 
.noti_box.type2 {position: unset; width: 100%; padding: 21px 20px; margin-left: -15px; background-color: #fafafa;} 
.noti_box .nomal_noti span {font-size: 14px;} 
.noti_box.pd_set {padding: 20px 15px;} 
.noti_box.pd_set2 {padding: 15px 0 0 30px; width: calc(100% - 20px);} 
.noti_box.pd_set3 {padding: 0 0 18px 30px;} 
.noti_box.posi_defalt {position: unset; margin-left: -15px;} 
.noti_box.bgc_t {background-color: transparent;} 
.noti_box.c_t_set {background-color: #fafafa !important;} 
.noti_box p:not(.agree_txt) {width: 90%; display: flex; word-wrap: break-word; word-break: keep-all;} 
.noti_box p.none_w {width: 95%;} 
.noti_box p:not(:last-child) {margin-bottom: 10px;} 
.noti_box p.nb_mgs:not(:last-child):not(:first-child) {margin-bottom: 2.5px;} 
.noti_box p em {margin-right: 8px;} 
.noti_box .nb_tit {margin-bottom: 12px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_box .nb_tit2 {display: inline-block; margin-bottom: 15px; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.noti_box .nb_tit3 {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.noti_box .nb_txt {width: 90%; word-wrap: break-word; word-break: keep-all; margin-bottom: 12px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_box + .noti_star {margin: 20px 0;} 
.noti_box.fb_under + .noti_star {margin: 0;} 
.noti_box.fb_under + .noti_star + .noti_star {margin-top: 3px;} 
.noti_box.fb_under + .noti_star + .noti_star + .noti_star {margin-bottom: 22px; margin-top: 3px;} 
.noti_box.fb_under {margin-bottom: 15px;} 
.noti_box .nb_tit_bx {margin-top: -25px; margin-left: -30px; padding: 12.5px 15px; background-color: #06346c; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #ffffff;} 
.noti_box .nb_tit_ic span:first-child {display: flex; align-items: center; font-size: 17px; font-weight: bold; line-height: 1.46; letter-spacing: -0.34px; color: #000000;} 
.noti_box .nb_tit_ic span:first-child i {margin-right: 6px; display: block; width: 18px; height: 18px; background-image: url('../img/ico_tr_fail.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_box .nb_certi_tit {margin-top: 15px; padding-left: 12px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_box .img_nb_certi_pc {margin: 26px 0; margin-left: calc(50% - 104.75px - 15px); display: block; background-image: url('../img/img_certi_pc.png'); width: 209.5px; height: 67.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_box .img_nb_certi_medi {margin: 26px 0; margin-left: calc(50% - 110.75px - 15px); display: block; background-image: url('../img/img_certi_medi.png'); width: 221.5px; height: 67.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_box .img_nb_certi_medi {margin: 26px 0; margin-left: calc(50% - 110.75px - 15px); display: block; background-image: url('../img/img_certi_medi.png'); width: 221.5px; height: 67.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_box .link {color: #0095ff; text-decoration: underline;} 
.join_noti {display:flex; width: 90%; margin-top: 10px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ff684a; word-wrap: break-word; word-break: keep-all;} 
.join_noti.center {text-align: center; margin: auto; display: block;} 
.join_noti.nt_btm {position: absolute; bottom: 28px;} 
.join_noti .character {margin-right: 3px; font-style: unset;} 
.join_noti.center .character {margin-right: 0;} 
.nomal_noti {display:flex;} 
.nomal_noti.center {display:block; text-align: center; margin: auto;} 
.nomal_noti.al_center {display: flex; margin: auto;} 
.nomal_noti.al_center i {margin-right: 7px;} 
.nomal_noti.al_center span {text-align: left;} 
.nomal_noti.set_wd {width: 90% !important;} 
.nomal_noti.fw_bold {font-weight: bold;} 
.nomal_noti.fw_bold i {font-weight: bold;} 
.nomal_noti.fw_bold span {font-weight: bold;} 
.nomal_noti.posi_deco {position: absolute; top: 197px; left: 50%; margin-left: -105.9px;} 
.nomal_noti.nt_pd {padding: 0 15px;} 
.nomal_noti.nb_mgset {margin-left: 15px; width: 85%;} 
.nomal_noti.nb_mgset + .noti_star {width: 88%; margin-top: 37px;} 
.nomal_noti span {display: inline-block; font-size: 13px; line-height: 1.46; letter-spacing: -0.22px; color: #202020;} 
.nomal_noti u {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #0095ff;} 
.nomal_noti u em.app_name {margin-right: 0; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #0095ff;} 
.nomal_noti .character {font-style: unset;} 
.nomal_noti .character .noti_dot {margin-top: 9px; display: block; width: 5px; height: 5px; border-radius: 2.5px; background-color: #202020;} 
.nomal_noti.color {color: #ff684a;} 
.nomal_noti.color i {color: #ff684a;} 
.nomal_noti.color span {color: #ff684a;} 
.nomal_noti.set_mg {margin-bottom: 3px;} 
.nomal_noti.set_mg_last {margin-bottom: 21px;} 
.nomal_noti.set_mg_l {margin-left: 15px;} 
.noti_board .nb_tit {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_board .nb_txt {margin-bottom: 12px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_board .nb_list {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.noti_star {display:flex; width: 90%; margin-top: 10px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.noti_star.color {color: #ff684a;} 
.noti_star.color_b {color: #06346c;} 
.noti_star.color i {color: #ff684a;} 
.noti_star.color span {color: #ff684a;} 
.noti_star.center {justify-content: center;} 
.noti_star.center span {text-align: center;} 
.noti_star.wd_set {width: 100%;} 
.noti_star.mgb_set {margin-bottom: 15px;} 
.noti_star.mgt_set {margin-top: 20px;} 
.noti_star.mgl_set {margin-left: 15px;} 
.noti_star .character {margin-right: 3px; font-style: unset;} 
.noti_comm {display: flex;} 
.noti_comm i {margin-right: 3px; margin-top: 2px; width: 13px; height: 13px; min-width: 13px; min-height: 13px; background-image: url('../img/ico_info_gray.png'); background-size: contain;} 
.noti_comm span {font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
.noti_comm.red i {background-image: url('../img/ico_info_red.png');} 
.noti_comm.red span {color: #ff3d23;} 
.noti_comm.result {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.noti_comm.result i {margin-right: 0; margin-top: 0; margin-bottom: 11px; width: 30px; height: 30px; background-size: contain;} 
.noti_comm.result span {font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #ff684a;} 
.noti_comm.result.fail i {background-image: url('../img/ico_result_fail.png');} 
.noti_comm.result.undifinded i {background-image: url('../img/ico_bg_gray.png');} 
.noti_comm.result.fail span {color: #ff684a;} 
.noti_comm.result.time i {background-image: url(../img/ico_small_time_g.png); margin-bottom: 0px;} 
.noti_comm.result.success i {background-image: url('../img/ico_result_success.png');} 
.noti_comm.result.success span {color: #000000;} 
.pay_detail_result_wrap .noti_comm.set_mgt20 span {color: #cfcfcf; position: relative;} 
.pay_detail_result_wrap .noti_comm.set_mgt20 span::before {content: "ㆍ"; position: absolute; top: 0%; left: -12px; font-weight: bold;} 
.noti_comm .ico_cen + span.c_a9adb5::before {display: none;} 
.popup_bg .noti_comm.result {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.popup_bg .noti_comm.result i {margin-right: 0; margin-top: 0; margin-bottom: 15px; width: 40px; height: 40px; background-size: contain;} 
.popup_bg .noti_comm.result span {font-size: 20px; line-height: 1.23; letter-spacing: -0.4px; text-align: center; color: #ff684a;} 
.popup_bg .noti_comm.result.fail i {background-image: url('../img/ico_result_fail.png');} 
.popup_bg .noti_comm.result.fail span {color: #ff684a;} 
.popup_bg .noti_comm.result.success i {background-image: url('../img/ico_result_success.png');} 
.popup_bg .noti_comm.result.success span {color: #000000;} 
.noti_box_list {margin-top: 8px; width: 90%;} 
.noti_box_list li {font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
.noti_box_list li:not(:last-child) {margin-bottom: 8px;} 
.noti_box_list li a {color: #0090db;} 
.noti_box_list.type2 li {font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #202020;} 
.noti_box_list.type2 li u {font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #ff3d23;} 
.noti_box_list.type2 li:not(:last-child) {margin-bottom: 13px;} 

/* loading */
.loading_bg {display: flex; align-items: center; position: fixed; z-index: 99; background-color: rgb(0, 0, 0, 0.7); left: 0; top: 0; width: 100%; height: 100%;} 
.loading_bg .loading {width: 100%;} 
/* .loading_bg .loading.lt_top2 {top: 23%;} */
.loading_bg .loading .ico_loading {display: block; margin: auto; background-image: url('../img/ico_loading.png'); width: 60px; height: 74.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.loading_bg .loading .ico_loading_new {display: block; margin: auto; background-image: url('../img/ico_loading_new.png'); width: 81px; height: 81px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.loading_bg .loading .loading_tit {display: block; margin-top: 15px; font-size: 20.5px; font-weight: bold; line-height: 1.49; letter-spacing: -0.41px; text-align: center; color: #fafafa;} 
.loading_bg .loading .loading_txt {display: block; margin-top: 15px; font-size: 16px; line-height: 1.44; letter-spacing: -0.32px; text-align: center; color: #fafafa;} 

/* popup */
.popup_bg.light {background-color: rgb(0, 0, 0, 0.25); height: calc(100% - 50px);} 
.popup_bg.main {background-color: rgb(0, 0, 0, 0.25);} 
.popup_bg.posi_free {background-color: rgb(0, 0, 0, 0.25); align-items: unset; justify-content: center;} 
.popup_bg .popup {position: absolute; width: calc(100% - 30px); background-color: #ffffff; text-align: center;} 
.popup_bg .popup.scroll .popup_txt {height: 430px; overflow: scroll;} 
.popup_bill {position: relative; width: 100%; height: 80%; background-color: #ffffff; z-index: 100; top: 50%; left: 50%; transform: translate(-50%,-64%);} 

/* ==========================리뉴얼 팝업(2020-12-11)======================== */
.popup_bg {position: fixed; z-index: 101; display: flex; align-items: center; justify-content: center; background-color: rgb(0, 0, 0, 0.7); left: 0; top: 0; width: calc(100% - 30px); height: 100%; padding: 0 15px;} 
.popup_bg.Proof {height:100%; background-color: rgb(0, 0, 0, 0.25);} 
/* 정보 팝업 */
.popup_bg.alert {height:100%; background-color: rgb(0, 0, 0, 0.7); z-index: 10000000; overflow: hidden;} 
.popup_bg.img {height:100%; background-color: rgb(0, 0, 0, 0.7);} 
/* 알림 팝업 */
.popup_bg .popup_content {width: 100%; background-color: #ffffff; position: relative; padding: 15px 15px 15px 12.5px; border-radius: 8px; text-align: center;} 
.popup_bg.alert .popup_content {text-align: center;} 
.popup_bg.alert .popup_list {display: flex; flex-direction: column; overflow-y: auto; max-height: 156px; padding-bottom: 20px; margin-top: 20px; overflow-x: hidden;} 
.popup_bg.alert .popup_list span {display: flex; width: 100%; position: relative; height: 39px;} 
.popup_bg.alert .popup_list span div {display: flex; align-items: center; width: 100%; justify-content: center; height: 100%; position: absolute; left: 30%; display: flex; justify-content: flex-start;} 
.popup_bg.alert .popup_list span input[type=radio] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s; width: 24px; height: 24px; min-width: 24px; border-radius: 50%;} 
.popup_bg.alert .popup_list span input[type=radio]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.popup_bg.alert .popup_list span input[type=radio] + label {color: #222222; text-align: left; -webkit-tap-highlight-color: transparent;} 
.popup_bg.alert .popup_list span input[type=radio]:checked + label {font-weight: bold; -webkit-tap-highlight-color: transparent;} 
.new_em_plus {width: 100%; display: flex; justify-content: center; margin: 16px 0;} 
.popup_bg.alert .popup_list span input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s; width: 24px; height: 24px; min-width: 24px; border-radius: 4px;} 
.popup_bg.alert .popup_list span input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.popup_bg.alert .popup_list span input[type=checkbox] + label {color: #222222; text-align: left; -webkit-tap-highlight-color: transparent;} 
.popup_bg.alert .popup_list span label {display: flex; align-items: center;} 
.popup_bg.alert .popup_list span label > i.del {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: 18px; padding:5px;} 
.popup_bg.alert .popup_list span input[type=checkbox]:checked + label {font-weight: bold; -webkit-tap-highlight-color: transparent;} 
.new_em_plus {width: 100%; display: flex; justify-content: center; margin: 16px 0;} 
.popup_bg.alert .popup_list span input[type=input] {border:0; border-bottom: 1px solid #000000; width: 42%; font-size: 15px; color: #000000; text-align: left;} 
.popup_bg.alert .popup_list span input[type=input]::placeholder {color: #a9adb5;} 
.popup_bg.alert .popup_list span input[type=input] + i {background-image: url(../img/plus_oj.png); width: 20px; height: 20px; background-size: 20px; left: 74%; padding: 5px;} 
.popup_list.deduction span div {left: 30%;} 
.popup_bg.Proof .popup_text {text-align: left;} 
.new_em_plus p {padding: 9px 19px; width: fit-content; border-radius: 22.5px; border: 1px solid #d4d4d4; background-color: #fafafa; font-size: 15px; color: #818181;} 
.popup_subtitle {text-align: center; font-size: 14px; color: #a9adb5; margin-top: 11px;} 
.popup_list_wrap {display: flex; justify-content: center; flex-direction: column; align-items: flex-start;} 
.popup_bg .popup_content .popup_close_btn {padding: 10px 10px; background-size: 15px; position: absolute; right: 5px; top: 5px;} 
.popup_title {font-size: 0.750em; display: flex; flex-direction: column; color: #222222;} 
.popup_title > span {display: flex; flex-direction: column;} 
.popup_text {display: flex; flex-direction: column; margin-top: 9px; color: #222222;} 
.popup_title > span >b {display: flex; align-items: center;} 
.popup_title >b {font-size: 18px; color:#222222; text-align: left;} 
.popup_title > span i {background-image: url(../img/ico_info_g.png); width: 18px; height: 18px; background-size: 18px; padding: 5px;} 
.popup_text > span {display: flex;} 
.popup_text span p {font-size: 0.750em; margin-bottom: 5px;} 
.popup_text span p:first-child {margin-right: 3px;} 
.popup_bg.alert .popup_content {width: 100%; border-radius: 10px 10px 10px 10px; padding: 32px 0 0; display: flex; flex-direction: column;} 
.popup_bg.alert .popup_title {font-size: 1em; color: #000000; align-items: center; word-break: keep-all; padding: 0 15px;} 
.popup_center {text-align: center; margin: 21px 0;} 
.popup_center > b {font-size: 27.5px; text-align: center; padding: 9.5px 0; width: calc(100% - 48px); display: block; margin-left: 24px; color: #222222; background-color: #fafafa; border-radius: 8px;} 
.popup_bg.alert .popup_text {margin-bottom: 10vw; word-break: keep-all; padding: 0 15px;} 
.popup_bg.alert .popup_text span {justify-content: center;} 
.popup_bg.alert .popup_text span p {font-size: 0.875em;} 
.popup_bg.alert .btm_button {position: static; bottom: -50px; left: 0; border-radius: 0 0 10px 10px; overflow: hidden;} 
.popup_bg.alert .popup_text span p:first-child {margin-right: unset;} 
.popup_bg.alert .popup_text span p {margin-bottom: unset;} 
.popup_bg.img .popup_content {width: 100%; border-radius: 10px; padding:0 0 0; display: flex; flex-direction: column; overflow: hidden;} 
.popup_bg.img .popup_title {font-size: 1em; color: #000000; align-items: center; word-break: keep-all; padding: 0 15px;} 
.popup_bg.img .popup_text {margin-bottom: 32px; word-break: keep-all; padding: 0 15px;} 
.popup_bg.img .popup_text span {justify-content: center;} 
.popup_bg.img .popup_text span p {font-size: 0.875em;} 
.popup_bg.img .btm_button {position: unset; bottom: -50px; left: 0; border-radius: 0 0 10px 10px;} 
.popup_bg.img .popup_text span p:first-child {margin-right: unset;} 
.popup_bg.img .popup_text span p {margin-bottom: unset;} 
.popup_bg.img .btm_button > span {font-size: 16px;} 
.popup_bg.img .btm_button > span:first-child {background-color: #a9adb5;} 
.popup_bg.img .btm_button > span:last-child {background-color: #ffffff; color: #222222;} 
.popup_content.pay {align-items: center;} 
.popup_content.pay i.check {width: 40px; height: 40px; background-image: url(../img/check_white_b.png); background-size: 24px; background-color: #1bd9ac; border-radius: 50%;} 
.popup_content.pay .popup_title b {font-size: 17px; margin-top:15px;} 
.popup_content.pay .popup_text {width: calc(100% - 30px); background-color: #fafafa; padding: 15px 0; border-radius: 8px; margin-top: 21px;} 
.popup_content.pay .popup_text span {display: flex; align-items: center;} 
.popup_content.pay .popup_text span p {width: 50%; text-align: right; font-size: 16px; color:#a9adb5;} 
.popup_content.pay .popup_text span b {width: 50%; text-align: left; color: #000000; font-size: 16px;} 
.popup_text span p em.c_green {color: #17bf98 !important; font-weight: bold;} 
/* ========================//리뉴얼 팝업(2020-12-11)======================== */
.paper_top {background: url(../img/papertop.png); width: 100%; height: 10px; background-size: cover; position: absolute; top: -10px;} 
.paper_bottom {background: url(../img/paperbottom.png); width: 100%; height: 10px; background-size: cover; position: absolute; bottom: -1px;} 
.popup_bill_con {display: flex; flex-direction: column; padding-top: 20px;} 
.popup_bill_con p {font-size: 13px; color: #0090db; width: 70%;} 
.popup_bill_con:nth-child(2) {line-height: 0.98; color: #000000;} 
.popup_bill_con:nth-child(3) {line-height: 1.2; color: #000000;} 
.popup_bill_con:nth-child(4) {line-height: 0.98; color: #000000;} 
.popup_bill_cell {display: flex; align-items: center;} 
.popup_bill_cell span:nth-child(2) {margin-left: 4px; position: relative;} 
.popup_bill_con1 {position: relative; display: flex;} 
.popup_bill_text .popup_bill_cell_img {background-image: url(../img/ico_arrow_thin_b_right.png); width: 6.5px; height: 10px; margin-left: 10px; background-size: contain; margin-top: 2.5px;} 
.popup_bill_bg {background-image: url(../img/bill_bg.png); background-size: contain; width: calc(100% - 30px); height: 90%; position: absolute; z-index: 99;} 
.popup_bill_bg2 {background-image: url(../img/bill_bg_2.png); background-size: contain; width: calc(100% - 30px); height: calc(100% -10px); position: absolute; z-index: 99;} 
.popup_bill_con span:nth-child(3) {color: #000000!important;} 
.popup_bill_con span:nth-child(4) {color: #000000!important;} 
.popup_bill_cell2 {display: flex; align-items: center;} 
.popup_bill_cell .popup_bill_cell_img {background-image: url(../img/ico_arrow_thin_b_right.png); width: 6.5px; height: 10px; margin-left: 10px; background-size: contain; margin-top: 2.5px;} 
.popup_bill_con2 {display: flex; flex-direction: column; width: calc(100% - 36px); margin-left: 18px; padding-top: 21px; border-top: 1px solid #c8c8c8;} 
.popup_bill_con2_left {display: flex; align-items: center; justify-content: space-between;} 
.popup_bill_con2_left > p {display: flex; align-items: center;} 
.popup_icon_cell {display: flex; align-items: center;} 
.popup_icon_cell p {color: #000000; font-weight: bold;} 
.popup_bill_con2_right {display: flex; align-items: end; margin-bottom: 18px; margin-top: 15px;} 
.popup_bill_con2_right_img {background: url(../img/ico_list_buy_\ 2.png); width: 50px; height: 50px; background-size: contain;} 
.popup_bill_con2_right p {width: calc(100% - 50px); margin-left: 13px; font-size: 13px; position: relative; color: #a9adb5;} 
.popup_bill_con2_right_img p {color: #a9adb5;} 
.popup_bill_con2_right_img_cross {background-image: url(../img/ico_crossbox.png); background-size: contain;} 
.popup_bill_con2_right span {display: flex; align-items: center; color: #000000;} 
.popup_bill_con2_right span::after {content: ""; width: 21px; height: 21px; background: url(../img/pencil.png); display: block; background-repeat: no-repeat; background-size: cover; background-position: center; margin-left: 10px;} 
.popup_bill_con3 {display: flex; align-items: center;} 
.bill_con_circle {width: 24px; height: 24px; border-radius: 50%; border: 1px solid #c8c8c8; background: url(../img/btn_check_on_ibk.png); background-size: contain;} 
.popup_bill_con3 p {font-size: 14px;} 
input[type=checkbox].bill_con_circle {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
input[type=checkbox].bill_con_circle:checked, 
.terms_box.open.on input[type=checkbox].bill_con_circle, 
.terms_box.on input[type=checkbox].bill_con_circle {background-image:url('../img/btn_check_on.png');} 
.naver_store {border: 0; width: 225px;} 
.popup_bill_con1 {width: 80%;} 
.popup_bill_con3 span {color: #a9adb5; font-size: 14px; line-height: 1.14; margin-left: 8px;} 
.go_up {z-index: 200;} 
.popup_bg .popup_txt {padding: 26px 0;} 
.popup_bg .popup_txt span {display: block;} 
.popup_bg .popup_txt strong {display: block;} 
.popup_bg .popup_txt .popup_tit {font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.4px; color: #000000;} 
.popup_bg .popup_txt .popup_tit em {font-weight: bold;} 
.popup_bg .popup_txt .popup_tit.normal {font-weight: normal;} 
.popup_bg .popup_txt .popup_tit.normal em {font-weight: bold;} 
.popup_bg .popup_txt .popup_tit.set_fl {display: flex; align-items: center; justify-content: center;} 
.popup_bg .popup_txt .popup_sub {font-size: 16px; line-height: 1.5; letter-spacing: -0.3px; color: #595757;} 
.popup_bg .popup_txt .popup_sub.word_wrap {width: 90%; word-wrap: break-word; word-break: keep-all;} 
.popup_bg .popup_txt .popup_sub.ps_align {width: 260px; margin: auto; text-align: left;} 
.popup_bg .popup_txt .popup_sub.ps_flex {display: flex;} 
.popup_bg .popup_txt .popup_sub.ps_bold {font-weight: bold; color: #000000; margin-top: 23px;} 
.popup_bg .popup_txt .popup_sub.tx_bold {font-weight: bold;} 
.popup_bg .popup_txt .popup_sub .tx_bold {font-weight: bold;} 
.popup_bg .popup_txt .popup_sub.ta_left {margin: auto; width: 90%; text-align: left;} 
.popup_bg .popup_txt .popup_sub.pt_pd2 {margin-top: 22px;} 
.popup_bg .popup_txt .popup_sub.pt_pd3 {margin-top: 12px;} 
.popup_bg .popup_txt .popup_sub.pt_pd4 {margin-top: 14px;} 
.popup_bg .popup_txt .popup_sub.pt_pd5 {margin-top: 24px;} 
.popup_bg .popup_txt .popup_sub.pt_pd6 {margin-top: 16px;} 
.popup_bg .popup_txt .popup_sub.pt_pd7 {margin-top: 23.5px;} 
.popup_bg .popup_txt .popup_sub.pt_pd8 {margin-top: 27.5px;} 
.popup_bg .popup_txt .popup_sub.pt_pd9 {margin-top: 29px;} 
.popup_bg .popup_txt .popup_sub.pt_pd10 {margin-top: 26px;} 
.popup_bg .popup_txt .popup_sub.set_mg_tb {margin-top: 11px; margin-bottom: 11px;} 
.popup_bg .popup_txt .popup_sub.set_fw_n {font-weight: normal;} 
.popup_bg .popup_txt .popup_sub_m {font-size: 20px; line-height: 1.17; letter-spacing: -0.41px; text-align: center;} 
.popup_bg .popup_txt .popup_sub {font-size: 20px; line-height: 1.17; letter-spacing: -0.41px; text-align: center;} 
.popup_bg .popup_txt .popup_link {margin-top: 15px; display: block;} 
.popup_bg .popup_txt .popup_link u {font-size: 16px; line-height: 1.44; letter-spacing: -0.32px; text-align: center; color: #0090db;} 
.popup_bg .popup_box {width: 290px; margin: auto; text-align: left;} 
.popup_bg .popup_txt .ps_dot {margin-bottom: 3px; display: inline-block; width: 5px; height: 5px; border-radius: 2.5px; background-color: #202020;} 
.popup_bg .popup_txt .popup_bank_account {margin-top: 20px; margin-bottom: 6px; display: flex; align-items: center; justify-content: center;} 
.popup_bg .popup_txt .popup_bank {display: flex; align-items: center;} 
.popup_bg .popup_txt .popup_bank .logo_bank {width: 20px; height: 20px;} 
.popup_bg .popup_txt .popup_bank span {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.popup_bg .popup_txt .popup_account {margin-left: 6px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #a9adb5;} 
.popup_bg .popup_txt .certi_box .cbi_result_box {padding: 0 0 30px 0 !important;} 
.popup_bg.type2 {height: calc(100% - 30px); padding: 15px 15px;} 
.popup_bg.type2 .popup {height: calc(100% - 30px);} 
.popup_bg.type2 .popup_txt {overflow: scroll; height: calc(100% - 102px); font-size: 12px; margin:auto;} 
.popup_bg.type2 .popup_txt .popup_sub {margin:auto; margin-top: 20px; text-align: center;} 
.popup_bg.type2 .popup_txt .popup_sub > span {font-size: 14px; text-align: left;} 
.popup_bg.type2 .popup_txt .popup_sub > span > p {display: flex;} 
.popup_bg.type2 .popup_txt .popup_sub > span > p > em {margin-right: 10px;} 
.popup_bg .popup_btn {width: 100%; height: 50px; display: flex;} 
.popup_bg .popup_btn span {font-size: 18px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #a9adb5; color: #ffffff;} 
.popup_bg .popup_btn span.bgc_green {background-color: #71fbc8; color: #000000;} 
.popup_bg .popup_btn span.bgc_blue {background-color: #06346c; color: #000000;} 
.popup_bg .popup_btn.on span {width: 50%;} 
.popup_bg .popup_btn.on_unb span:first-child {width: 35%;} 
.popup_bg .popup_btn.on_unb span:last-child {width: 65%;} 
.popup_bg .popup_noti {width: 100%; background-color: #fafafa; padding: 15px 0;} 
.popup_bg .popup_noti p {display: flex; align-items: center; width: 80%; margin: auto;} 
.popup_bg .popup_noti p.pn_tit {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.popup_bg .popup_noti.type2 {width: 100%; background-color: #ffffff; padding: 0 0 26px 0;} 
.popup_bg .popup_noti.type2 p {display: flex; align-items: center; width: 225px; margin: auto;} 
.popup_bg .popup_noti p:not(:last-child) {margin-bottom: 5px;} 
.popup_bg .popup_noti p i.pn_dot {display: block; margin-top: 2px; margin-right: 8px; width: 5px; height: 5px; border-radius: 2.5px; background-color: #202020;} 
.popup_bg .popup_noti p span {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #202020; text-align: left;} 
.popup_bg .popup_noti p.posi_base {align-items: end;} 
.popup_bg .popup_noti p.posi_base i.pn_dot {margin-top: 9px;} 
.popup_bg .popup_fee_box .pfb_classify {margin-bottom: 12px; font-size: 24px; font-weight: bold; line-height: 1.48; letter-spacing: -0.48px; color: #000000;} 
.popup_bg .popup_fee_box .pfb_monthly {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #000000;} 
.popup_bg .popup_fee_box .pfb_monthly em {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #000000;} 
.popup_bg .popup_fee_box .pfb_monthly.default {margin-bottom: 17px; font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px; text-decoration: line-through; color: #a9adb5;} 
.popup_bg .popup_fee_box .pfb_monthly.default::after {content: ""; width: 102%; height: 1px;} 
.popup_bg .popup_fee_box .pfb_monthly.default em {font-size: 15px; font-weight: normal; color: #a9adb5;} 
.popup_bg .popup_fee_box .pfb_yearly {font-weight: bold; font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; color: #06346c;} 
.popup_bg .popup_fee_box .pfb_yearly em {font-weight: bold; font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; color: #06346c;} 
.popup_bg .popup_fee_box .pfb_percent {margin-top: 14px; font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #0095ff;} 
.bank_account_list .popup_toast_detail {display: flex; align-items: center;} 
.popup_toast_detail p {color: #000000;} 
.popup_toast_detail em {font-size: 13px; color: #a9adb5; margin-left: 5px;} 
.popup_bg .popup_img_box {position: relative; width: 90%; height: 90%; background-color: #ffffff;} 
.popup_bg .popup_img_box .pi_close {position: absolute; top: 15px; right: 15px;} 
.popup_bg .popup_img_box .pi_close i {display: block; background-image: url('../img/ico_pop_close.png'); width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.popup_bg .popup_img_box .pi_arr_left {position: absolute; padding: 5px; top: 50%; left: -30px; margin-top: -17.5px;} 
.popup_bg .popup_img_box .pi_arr_left i {display: block; background-image: url('../img/btn_arr_left_b_w.png'); width: 15px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.popup_bg .popup_img_box .pi_arr_right {position: absolute; padding: 5px; top: 50%; right: -30px; margin-top: -17.5px;} 
.popup_bg .popup_img_box .pi_arr_right i {display: block; background-image: url('../img/btn_arr_right_b_w.png'); width: 15px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.popup_bg .popup_img_box .popup_img {display: block; background-image: url('../img/img_sample2.png'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%;} 
.popup_bill .card_pay_bill {width: calc(100% - 30px); margin-left: 15px; padding-top: 18px; border-top: 1px solid #c8c8c8;} 
.popup_bill .card_pay_bill li {display: flex; justify-content: space-between; margin-bottom: 8px;} 
.popup_bill .card_pay_bill li p {font-size: 13px; color: #000000;} 
.popup_bill .card_pay_bill li p:nth-child(2) {text-align: right;} 
.popup_bill .card_pay_bill li:last-child {margin-bottom: 18px;} 
.card_scroll {overflow-y: auto; height: calc(50% - 10px); margin-top: 10px;} 
.info_popup {z-index: 999; position: fixed; padding: 15px 12.5px; border-radius: 8px; border: solid 1px #a9adb5; background-color: #ffffff; transform: translate(-50%, -50%); top: 50%!important; left: 50% !important; width: calc(100% - 60px); word-break: keep-all;} 
/* .info_popup.fix_btm {bottom: 20px;} */
.info_popup .btn_close {position: absolute; top: 15px; right: 15px;} 
.info_popup .btn_close i {width: 15px; height: 15px; background-size: contain; background-image:url('../img/ico_small_close_gray.png'); z-index: 1;} 
.info_popup .ip_tit {display: block; margin-bottom: 7.5px; font-size: 13px; font-weight: bold; line-height: 1.58; letter-spacing: -0.26px; text-align: left; color: #636363;} 
.info_popup .ip_list li {margin-bottom: 2.5px; font-size: 12px; line-height: 1.71; letter-spacing: -0.24px; text-align: left; color: #636363;} 
.info_popup .ip_info_list li {margin-bottom: 2.5px; font-size: 12px; line-height: 1.71; letter-spacing: -0.24px; text-align: left; color: #636363;} 
.info_popup.waiting {flex-direction: column;} 
.info_popup.pop_bottom {width:278px; display: flex; flex-direction: column; font-size: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.dth_tit .info_popup {left: -15px;} 
/* popup_toast */
.popup_toast_bg {z-index: 9999; position: fixed; background-color: rgb(0, 0, 0, 0.7); left: 0; top: 0; width: 100%; height: 100%;} 
.popup_toast {position: absolute; padding: 28px 30px; bottom: 0; width: calc(100% - 60px); background-color: #ffffff; border-radius: 20px 20px 0 0;} 
.popup_toast_bg.hide {display: none;} 
.popup_toast.set_pd_aus {width: calc(100% - 32px); padding: 25px 16px 13px;} 
.popup_toast.pd_set {width: calc(100% - 30px); padding: 25px 15px;} 
.popup_toast_head {display: flex; align-items: center; justify-content: space-between; padding: 0 7px;} 
.popup_toast_tit {display: block; font-size: 14px; line-height: 1.47; letter-spacing: -0.32px; color: #a9adb5;} 
.popup_toast_head.set_pdb15 > div {display: flex; align-items: center;} 
.popup_toast_tit + div .popup_toast_save {margin-right: 21px;} 
.popup_toast_save .popup_check_img {background-image: url(../img/ico_check_green.png); width: 18px; height: 18px; background-size: contain;} 
.popup_toast_close {width: 15px; height: 15px; background-image: url(../img/ico_small_close_gray.png); background-size: contain; margin-right: 12px;} .popup_toast_list_box {margin: 10px 0 0;} 
.popup_btn_cell {position: absolute; display: flex; align-items: center; justify-content: space-between; top: 12%; right: 30px; z-index: 101;} 
.popup_save_btn {font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; color: #000000; margin-right: 21px;} 
.popup_close_btn {width: 15px; height: 15px; background-image: url(../img/ico_small_close_gray.png); background-size: contain;} 
.popup_toast_list_box.set_mg_reset {margin: 0 0;} 
.popup_toast_list_box.dis_gray .popup_toast_list {padding: 7px 15px; font-size: 16px; line-height: 1.47; letter-spacing: -0.38px; color: #a9adb5;} 
.popup_toast_list_box.dis_gray .popup_toast_list.on {font-weight: bold; color: #000000;} 
.popup_toast_list {padding: 10px 0; font-size: 16px; line-height: 1.47; letter-spacing: -0.38px; color: #000000;} 
.popup_toast_list.on {font-weight: bold; color: #000000;} 
.popup_toast_btn {margin-top: 5px; width: 100%; border: 0; padding: 11.5px 0; border-radius: 10px; background-color: #06346c; font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #ffffff;} 
.popup_won {display: flex; flex-direction: column; font-size: 13px;} 
.popup_toast > div {overflow: auto;} 
.popup_toast_head + div {height: 277px;} 
.popup_won span:nth-child(2) {margin-left: 0; margin-top: 4px;} 
.popup_won_cell {font-size: 13px; display: flex; align-items: center; margin-top: 18px;} 
.popup_won_cell span:nth-child(2) {margin-left: 4px;} 
.popup_toast_bank_box {margin-top: 23px; overflow: hidden; height: 150px;} 
.popup_toast_bank_box > span {display: inline-block; width: 49%; margin-bottom: 15px;} 
.popup_toast_bank_box .plb_name {vertical-align: unset;} 
.popup_toast_bank_box.on {margin-top: 23px; overflow: scroll; height: 375px;} 
.popup_toast_bank_box.type2 {height: unset;} 
.popup_toast_bank_box.type2 > span {display: block; width: unset; margin-bottom: 15px;} 
.popup_toast_bank_box.type2 .ptb_bank .plb_name {color: #a9adb5;} 
.popup_toast_bank_box.type2 .ptb_bank .logo_bank {background-image: url('../img/ico_small_bank1_g.png');} 
.popup_toast_bank_box.type2 .ptb_bank.on .plb_name {color: #000000;} 
.popup_toast_bank_box.type2 .ptb_bank.on .logo_bank {background-image: url('../img/ico_small_bank1.png');} 
.popup_toast_accountant {margin-top: 13.5px; max-height: 148px; overflow: auto;} 
.popup_toast_accountant.set_all li {padding: 7.5px 15px 7.5px 0;} 
.popup_toast_accountant li {padding: 7.5px 15px; display: flex; align-items: center; justify-content: space-between;} 
.popup_toast_accountant li span {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.popup_toast_accountant li span:first-child {display: block; width: 50%; word-wrap: break-word; word-break: keep-all;} 
.popup_toast_accountant li.on span {font-weight: bold; color: #000000;} 
.popup_toast_accountant li.on span .pta_check {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #0095ff;} 
.bank_account_list {height: 245px; overflow: auto; overflow-x: hidden; margin-top: 10px; width: calc(100% + 52px); margin-left: -26px;} 
.bank_account_list li {padding: 10px 26px; display: flex; align-items: flex-start;} 
.bank_account_list li p {margin-left: 8px;} 
.bank_account_list li p span {display: block;} 
.bank_account_list li p span:first-child {margin-bottom: 7px; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.bank_account_list li p span:last-child {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.bank_account_list li i.logo_bank {width: 20px; height: 20px;} 
.bank_account_list li p.off span:last-child {color: #ff3d23;} 
.bank_account_list li p.off span:last-child::after {content: " (기존 등록 계좌)"; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; color: #ff3d23;} 
.link_list {margin-top: 10px; width: calc(100% + 52px); margin-left: -26px;} 
.link_list li {padding: 10px 26px; display: flex; align-items: flex-start;} 
.link_list li u {font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.pl_bank_wrap {overflow: auto; height: 390px;} 
.pl_bank_wrap .plb_name {vertical-align: middle;} 

/* popup_layer */
.popup_layer {width: calc(100% - 32px); z-index: 2; padding: 20px 10px 20px 20px; border-radius: 8px; box-shadow: 0 4px 7.5px 0 rgba(0, 0, 0, 0.16); border: solid 1px #202020; background-color: #ffffff;} 
.popup_layer.type1 {height: calc(100% - 338px);} 
.popup_layer.type2 {height: calc(100% - 40px);} 
.popup_layer.type3 {height: calc(100% - 56px);} 
.popup_layer.type4 {padding: 20px 10px; height: calc(100% - 56px); width: calc(100% - 22px);} 
.popup_layer .pl_tit {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.popup_layer .btn_pl_close {position: absolute; top:10px; right: 10px; padding: 10px;} 
.popup_layer .btn_pl_close i {display: block; background-image: url('../img/btn_pl_close.png'); width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.popup_layer .pl_list_box {overflow: auto; height: calc(100% - 27px); margin-top: 10px;} 
.popup_layer .pl_list_box.type2 {overflow: auto; height: calc(100% - 96px); margin-top: 10px;} 
.popup_layer .pl_list_box::-webkit-scrollbar {width: 0.31rem;} 
.popup_layer .pl_list_box::-webkit-scrollbar-track {background: #ffffff; border-radius: 0.25rem;} 
.popup_layer .pl_list_box::-webkit-scrollbar-thumb {background: #c8c8c8; border-radius: 0.25rem;} 
.popup_layer .pl_list_box ul {margin: 10px 0;} 
.popup_layer .pl_list_box .pl_list.dp_flex {display: flex; align-items: center;} 
.popup_layer .pl_list_box .pl_list:not(:last-child) {margin-bottom: 21px;} 
.popup_layer .pl_list_box .pl_list .pl_check {display: inline-block; padding: 10px 10px 10px 0;} 
.popup_layer .pl_list_box .pl_list .pl_check i {display: block; background-image: url('../img/btn_pl_check_off.png'); width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.popup_layer .pl_list_box .pl_list .pl_check.on i {background-image: url('../img/btn_pl_check_on.png');} 
.popup_layer .pl_list_box .pl_list > a {width: 12%;} 
.popup_layer .pl_list_box .pl_list > div {width: calc(88% - 10px);} 
.popup_layer .pl_list_box .pl_list p {display: flex; justify-content: space-between; padding: 0 10px 0 0;} 
.popup_layer .pl_list_box .pl_list p:not(:last-child) {margin-bottom: 3px;} 
.popup_layer .pl_list_box .pl_list p span {text-align: left;} 
.popup_layer .pl_list_box .pl_list p span:first-child {display: inline-block; width: 110px;} 
.popup_layer .pl_list_box .pl_list p span.pl_name {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.popup_layer .pl_list_box .pl_list p span.pl_branch {width: unset; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.popup_layer .pl_list_box .pl_list p span.pl_branch .pl_ceo {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.popup_layer .pl_list_box .pl_list p span.pl_bank_name {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.popup_layer .pl_list_box .pl_list p span.pl_date {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.popup_layer .pl_list_box .pl_list p span.pl_account {display: flex; width: 44%; justify-content: flex-end; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #202020;} 
.popup_layer .pl_list_box .pl_list p span.pl_bank {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #202020;} 
.popup_layer .pl_list_box .pl_list p span.pl_bank .logo_bank {vertical-align: middle; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;} 
.popup_layer .pl_search_box {position: relative; height: 46px; margin-top: 15px;} 
.popup_layer .pl_search_box input {position: absolute; left:0; width: calc(100% - 91.5px); padding: 11px 71.5px 11px 11px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.popup_layer .pl_search_box .btn_pl_search {position: absolute; padding: 12px; right: 8px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.popup_layer .pl_search_box .btn_pl_search i {display: inline-block; margin-left: 6px; background-image: url('../img/btn_pl_search.png'); width: 16px; height: 20.5px; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: top;} 
.popup_layer .pl_result {margin-top: -14px; margin-left: -5px; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.popup_layer .pl_result i {margin: unset; margin-bottom: 24px;} 
.popup_layer .pl_result span {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.popup_result_list_wrap {padding: 0 21px;} 
.popup_result_list_box {margin-bottom: 10px; max-height: 54vh; overflow: auto;} 
.popup_result_list {padding: 5px 0; margin-top: 10px; border-radius: 8px;} 
.popup_result_list.success {border: solid 1px #0090db;} 
.popup_result_list.fail {border: solid 1px #ff3d23;} 
.popup_result_list:not(:last-child) {margin-bottom: 8px;} 
.popup_result_list li {padding: 10px 18px; display: flex; align-items: flex-start; justify-content: space-between;} 
.popup_result_list li p.prl_state {width: 32px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: center;} 
.popup_result_list li p:nth-child(2) {width: calc(100% - 92px);} 
.popup_result_list li p span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.popup_result_list li p span:first-child {margin-bottom: 7px; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.popup_result_list li p span:last-child {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.popup_result_list li i.logo_bank {width: 20px; height: 20px;} 
.popup_result_list.success li p.prl_state {color: #0090db;} 
.popup_result_list.success li p.prl_state.suc {display: block;} 
.popup_result_list.success li p.prl_state.fail {display: none;} 
.popup_result_list.fail li p.prl_state {color: #ff3d23;} 
.popup_result_list.fail li p.prl_state.suc {display: none;} 
.popup_result_list.fail li p.prl_state.fail {display: block;} 

/* layer_popup */
/* toast */
.toast {position: fixed; bottom: 71px; border-radius: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% - 82px); left: calc(50% - calc(50% - 41px)); background-color: rgb(0, 0, 0, 0.8); text-align: center; z-index: 200000; height: 37px;} 
.toast.top {bottom: unset; top: 2vh;} 
.toast.hide {display: none;} 
.toast.set_posi_b {bottom: 105px;} 
.toast i {display: inline-block; margin-right: 14px; background-image: url('../img/ico_t_check.png'); width: 17.5px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.toast span {width: calc(100% - 35px); word-wrap: break-word; word-break: keep-all; display: inline-block; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ffffff;} 
.toast.top {z-index: 10000;} 
.toast.content_bottom {position: absolute; bottom: 25px;} 
.toast.content_top {position: absolute; top: -50px;} 

/* 하단 fix 버튼 */
.btm_fix {display: flex; position: fixed; bottom: 0px; width: 100%; height: 50px; left: 0;} 
.btm_fix.none {display: flex; position: unset; bottom: 0px; width: calc(100% + 30px); margin-left: -15px; height: 50px;} 
.btm_fix span {font-size: 18px; letter-spacing: -0.36px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #a9adb5; color: #ffffff;} 
.btm_fix span em {margin: 3px;} 
.btm_fix span.bgc_green {background-color: #71fbc8; color: #000000;} 
.btm_fix span.bgc_blue {background-color: #06346c; color: #ffffff;} 
.btm_fix span.bgc_gray {background-color: #c8c8c8; color: #ffffff;} 
.btm_fix span.bgc_orange {background-color: #ff684a; color: #ffffff;} 
.btm_fix.on span {width: 50%;} 
.btm_fix.onl span:first-child {width: 60%;} 
.btm_fix.onl span:last-child {width: 40%;} 
.btm_fix.onl span.on {background-color: #ff684a;} 

/* 2020-12-11 리뉴얼 하단 fix 버튼 */
.btm_button {display: flex; position: fixed; bottom: 0px; width: 100%; height: 50px; left: 0; z-index: 3;} 
.btm_button.none {display: flex; position: unset; bottom: 0px; width: calc(100% + 30px); margin-left: -15px; height: 50px;} 
.btm_button span {font-size: 18px; letter-spacing: -0.36px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #a9adb5; color: #ffffff;} 
.btm_button span.bgc_green {background-color: #1bd9ac; color: #ffffff;} 
.btm_button span.bgc_blue {background-color: #06346c; color: #ffffff;} 
.btm_button span.bgc_gray {background-color: #c8c8c8; color: #ffffff;} 
.btm_button span.bgc_orange {background-color: #ff684a; color: #ffffff;} 
.btm_button span.bgc_d_orange {background-color: #ff9900; color: #ffffff;} 
.btm_button span.bgc_yellow {background-color: #ffef0e; color: #000000 !important;} 
.btm_button span.bgc_d_green {background-color: #17bf98;} 
.btm_button span.bgc_white {background-color: #ffffff; color: #222222;} 
.btm_button span.bgc_d_gray {background-color: #a9adb5; color: #ffffff;} 
.btm_button.on span {width: 50%;} 
.btm_button.onl span:first-child {width: 60%;} 
.btm_button.onl span:last-child {width: 40%;} 
.btm_button.onl span.on {background-color: #ff684a;} 
.btm_button .bgc_yellow > i.kakao {background-image: url(../img/ico_account_shar.png); width: 25px; height: 25px; background-size: contain; margin-right: 5px;} 
.btm_button.zero span:first-child {width: 40%;} 
.btm_button.zero span:last-child {width: 60%; text-align: center; font-size: 16px;} 
/* 플로팅버튼 */
.flt_btn {position: fixed; right: 10px; bottom: 10px; display: flex; align-self: center; justify-content: center;} 
.flt_btn i {display: block; background-image: url('../img/btn_flt.png'); width: 82.5px; height: 82.5px; background-position: center; background-repeat: no-repeat; background-size: cover;} 
/* 라운드 버튼 */
.btn_round {margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 21px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round.c_bd_g {margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 21px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round span {font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.btn_round strong {font-size: 20px; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.btn_round i {background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round.type2 {margin: auto; display: flex; align-items: center; padding: 9px 18.5px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round.type2 span {font-size: 14px; line-height: 1.14; letter-spacing: -0.28px; color: #000000;} 
.btn_round.type3 {margin: auto; display: flex; align-items: center; padding: 11.5px 20px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round.type3 span {font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.btn_round.type3 i {background-image: url('../img/ico_m_plus.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round.type4 {margin: auto; margin-top: 29px; display: flex; align-items: center; padding: 13px 41px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round.type4 span {font-size: 20px; font-weight: bold; letter-spacing: -0.36px; color: #000000;} 
.btn_round.type4 i {background-image: url('../img/ico_m_plus.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round.type5 {margin: auto; display: flex; align-items: center; padding: 14px 32px; border: solid 1.5px #0a0a0a; border-radius: 30px; background-color: #ffffff;} 
.btn_round.type5 span {font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.btn_round.type5 i {background-image: url('../img/ico_m_plus.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 라운드 버튼2 */
.btn_round2 {width: 100%; height: 50px; border-radius: 25px; background-color: #06346c; font-size: 18px; line-height: 1.5; border: 0; letter-spacing: -0.36px; color: #ffffff;} 
.btn_round3 {position: relative; display: flex; align-items: center; margin: auto; padding: 11px 20px; border-radius: 25px; border: solid 1px #a9adb5; background-color: #ffffff; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #202020;} 
.btn_round3.set_width {width: 100%;} 
.btn_round3 i {display: block; margin-left: 22.5px; width: 7px; height: 14px; background-image: url('../img/ico_arrow_middle_n_right.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round3 i.arr_big {position: absolute; top: 17px; right: 14px; display: block; margin-left: 0; width: 6px; height: 9px; background-image: url('../img/ico_arrow_middle_n_right.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round3 i.ico_person {display: block; margin-left: 0; margin-right: 4.5px; width: 23.5px; height: 17.2px; background-image: url('../img/ico_c_p_g.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_round3 span.myb_tit {font-size: 11px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.btn_round3 span.myb_name {font-size: 15px; margin-left: 6px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.btn_round3 span.ellipsis {width: 50%;} 
/* 버튼 */
.btn_join_crefia {margin: auto; display: flex; align-items: center; padding: 17.5px 20px; border: solid 1.5px #0a0a0a; border-radius: 35px; background-color: #ffffff;} 
.btn_join_crefia strong {font-size: 20px; line-height: 0.89; letter-spacing: -0.4px; color: #000000;} 
.btn_join_crefia i {background-image: url('../img/btn_arr_right_b.png'); width: 12.5px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_address {width: 100%; padding: 11.5px 0; background-color: #06346c; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #ffffff; border: 0; border-radius: 8px; margin-top: 10px;} 
.btn_service {display: flex; align-items: center; border: none; padding: 7.5px 35.5px; border-radius: 30px; background-color: #06346c; font-size: 11px; line-height: 1.5; text-align: left; letter-spacing: -0.32px; color: #ffffff; margin: auto; margin-left: calc(50% - 121px); margin-top: 18px; justify-content: center;} 
.btn_service i {display: inline-block; background-image: url('../img/ico_bxs_phone.png'); width: 24px; height: 24px; margin-right: 14px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.btn_info_detail {margin-top: 16px; margin-right: 15px; border: none; background-color: transparent; text-decoration: underline; font-size: 13px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.btn_call {width: 140px; margin: 0 auto; padding: 5px 6.5px; border-radius: 8px; border: solid 1px #636363; background-color: #ffffff; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.btn_call::before {content:''; margin-right: 3.5px; background: url('../img/ico_call.png') no-repeat center; width: 21px; height: 21px; background-size: contain; display: block;} 

/* 요금 */
.fee_wrap {width: 100%;} 
.fee_wrap .fee_txt {margin: 18px; font-size: 13px; line-height: 1.07; letter-spacing: -0.3px; text-align: center; color: #a9adb5;} 
.fee_box {display: flex; justify-content: space-between; align-items: center; width: 85%; margin: auto;} 
.fee_box .fee {display: inline-block; width: 35%; padding: 15px; border-radius: 8px; background-color: #ffffff; border: solid 1px #a9adb5;} 
.fee_box .fee p {color: #a9adb5; text-align: center;} 
.fee_box .fee p em {color: #a9adb5;} 
.fee_box .fee p.fee_classify {display: flex; justify-content: center; align-items: center; font-size: 22px; margin-bottom: 11px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #a9adb5;} 
.fee_box .fee p.fee_mothly {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; color: #000000;} 
.fee_box .fee p.fee_mothly:not(:last-child) {margin-bottom: 7px;} 
.fee_box .fee p.fee_mothly em {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px;} 
.fee_box .fee p.fee_mothly.default {color: #a9adb5; text-decoration: line-through;} 
.fee_box .fee p.fee_mothly.promotion {color: #a9adb5; font-size: 16px; font-weight: bold;} 
.fee_box .fee p.fee_mothly.promotion em {color: #a9adb5; font-size: 16px; font-weight: bold;} 
.fee_box .fee p.fee_classify i {display: none; vertical-align: middle; margin-right: 6px; background-image: url('../img/ico_result_success.png'); width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.fee_box .fee .btn_fee {display: block; margin: auto; border: 0; padding: 0 10px; height: 33.5px; border-radius: 8px; background-color: #a9adb5; color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px;} 
.fee_box .fee.on {border: solid 1px #000000;} 
.fee_box .fee.on p.fee_classify {color: #000000;} 
.fee_box .fee.on p.fee_classify i {display: inline-block;} 
.fee_box .fee.on p.fee_mothly em {color: #000000;} 
.fee_box .fee.on p.fee_mothly.default {color: #a9adb5;} 
.fee_box .fee.on p.fee_mothly.default em {color: #a9adb5;} 
.fee_box .fee.on p.fee_mothly.promotion {color: #000000;} 
.fee_box .fee.on p.fee_mothly.promotion em {color: #000000; font-weight: bold;} 
.fee_box .fee.on p.fee_yearly {margin-bottom: 12px; font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: -0.32px; color: #06346c;} 
.fee_box .fee.on p.fee_yearly em {font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: -0.32px; color: #06346c;} 
.fee_box .fee.on .btn_fee {background-color: #71fbc8; color: #000000;} 
.fee_box2 {margin: auto; margin-bottom: 20px; padding: 15px 0; width: 85%; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.fee_box2 p {text-align: center;} 
.fee_box2 p.fee_classify {display: flex; justify-content: center; align-items: center; font-size: 22px; margin-bottom: 11px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #000000;} 
.fee_box2 p.fee_classify i {vertical-align: middle; display: inline-block; margin-right: 6px; background-image: url('../img/ico_result_success.png'); width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.fee_box2 p.fee_mothly {margin-bottom: 9px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; color: #06346c;} 
.fee_box2 p.fee_mothly em {font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: -0.26px; color: #06346c;} 
.fee_box2 p.fee_txt {margin: 0; line-height: 1.46;} 
.fee_box2 p.fee_change_date {margin-top: 8px; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #000000;} 

/* 정보입력 */
.input_info_box {width: 100%; margin-bottom: 20px;} 
.input_info_box.set_mg_last {margin-bottom: 10px;} 
.input_info_box .nomal_noti {margin-top: 10px; color: #ff684a; width: 90%; word-wrap: break-word; word-break: keep-all;} 
.input_info_box .nomal_noti.wd_reset {width: unset;} 
.input_info_box .nomal_noti span {color: #ff684a;} 
.input_info_box .info_tit {display: inline-block; margin-bottom: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.input_info_box .info_tit em {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #ff684a;} 
.input_info_box .info_tit em.app_name {display: inline-block; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.input_info_box .info_tit em.card_name {display: inline-block; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.input_info_box .info_input {position: relative; padding: 11px 16px; width: calc(100% - 34px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-weight: bold; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.input_info_box .info_input span {font-weight: bold; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.input_info_box .info_input + .info_input {margin-top: 8px;} 
.input_info_box .info_box {position: relative; width: 100%; height: 43.5px; display: flex; align-items: center; padding: 0 16px; width: calc(100% - 34px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.input_info_box .info_box em {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #c6c6c6;} 
.input_info_box .info_box .ib_bank {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #202020; display: flex; align-items: center;} 
.input_info_box .info_box a {position: absolute; top: 0; right: 0px; padding: 17px 14px;} 
.input_info_box .info_box i.ico_arr {display: block; background-image: url('../img/ico_arrow_small_d_down.png'); width: 15px; height: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.input_info_box .ib_account {font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px; color: #c6c6c6;} 
.input_info_box .ib_account span {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.input_info_box .ib_owner {font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px; color: #000000; font-weight: bold;} 
.input_info_box .pwd_dot_box .dot {vertical-align: middle; display: inline-block; width: 12px; height: 12px; border-radius: 6px; background-color: #000000;} 
.input_info_box .btn_change_pwd {position: absolute; top: 0; right: 0; display: block; padding:14px 16px;} 
.input_info_box .btn_change_pwd i {display: block; background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.input_info_box .btn_change_address {position: absolute; top: 0; right: 0; display: block; padding:17px 19.5px;} 
.input_info_box .btn_change_address i {display: block; background-image: url('../img/btn_arr_down_b.png'); width: 15px; height: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 인증서 */
.certi_pwd_box {padding: 0 11px; margin-top: 23px;} 
.certi_info_box {padding: 20px 18px 15px; display: flex; position: relative; justify-content: space-between; border-radius: 8px; background-color: #ffffff; border: solid 1px #0095ff; background-color: #ffffff;} 
.certi_info_box.set_mg {margin: 0 10px;} 
.certi_info_box.normal {border: solid 1px #dcdcdc; background-color: #fafafa;} 
.certi_info_box .ico_certi_m {display: block; background-image: url('../img/ico_certi_m.svg'); width: 35px; height: 34px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.certi_info_box .certi_info {width: calc(100% - 44px);} 
.certi_info_box .certi_info p:nth-child(1) {margin-bottom: 15px;} 
.certi_info_box .certi_info p:nth-child(2) {width: 85%; margin-bottom: 11px; word-wrap: break-word; word-break: keep-all;} 
.certi_info_box .certi_info p:nth-child(2) span {font-size: 15px; letter-spacing: -0.32px; color: #a9adb5;} 
.certi_info_box .certi_info p:nth-child(2) i {font-size: 15px; letter-spacing: -0.32px; color: #a9adb5;} 
.certi_info_box .certi_info p:nth-child(3) span,
.certi_info_box .certi_info p:nth-child(3) em {font-size: 13px; line-height: 1; letter-spacing: -0.36px; color: #000000; font-weight: bold;} 
.certi_info_box .certi_info p:nth-child(3) i {font-style: normal; display: none;} 
.certi_info_box .certi_info span.certi_cmp_name {width: 94%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.72px; text-align: left; color: #000000;} 
.certi_info_box .certi_info span.certi_cmp_number {min-width: 90px;} 
.certi_info_box .certi_info span.certi_cmp_number em {font-size: 14px; line-height: 1; letter-spacing: -0.28px; color: #000000;} 
.certi_info_box .certi_info span.certi_end {margin-right: 9px;} 
.certi_info_box .certi_info p:nth-child(3) em.certi_end_data {color: #0095ff;} 
.certi_info_box .certi_info p:nth-child(3) .certi_collect_data {color: #a9adb5; font-weight: 600;} 
.certi_info_box .btn_change_certi {position: absolute; top: 50%; margin-top: -20px; right: 0; display: block; padding:15px 16px;} 
.certi_info_box .btn_change_certi i {display: block; background-image: url('../img/ico_arrow_thin_g_right.png'); width: 10px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cbi_box + .noti_star {margin-left: 0 !important;} 
.certi_pwd_box + .noti_box {margin-top: 25px;} 
.certi_info_box.off {border-color: #a9adb5;} 
.certi_info_box.off .ico_certi_m {background-image: url('../img/ico_certi_m_off.png');} 
.certi_info_box.off .certi_info p span, 
.certi_info_box.off .certi_info p em,
.certi_info_box.off .certi_info em {color: #a9adb5;} 
.certi_info_box.off .certi_info p:nth-child(3) i {display: inline-block;} 
.certi_info_box.off .certi_info p:nth-child(3) em.certi_end_data {color: #a9adb5;} 
.certi_info_box.close {border-color: #ff684a;} 
.certi_info_box.close .ico_certi_m {background-image: url('../img/ico_certi_m_close.png');} 
.certi_info_box.close .certi_info p:nth-child(3) em.certi_end_data {color: #ff684a;} 

/* 이체계좌 목록 */
.account_list_wrap {margin-top: 20px; position: relative;} 
.account_total_box.atb_pdset {padding: 25px 0 0 0; margin-left: -15px; width: calc(100% + 30px); height: 112.5px; background-color: #fafafa;} 
.account_total_box p {display: flex; align-items: center; justify-content: center; margin: auto;} 
.account_total_box .ico_account {margin-right: 10px; display: block; background-image: url('../img/ico_account.png'); width: 25px; height: 19px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_total_box .ico_account.card {display: block; background-image: url('../img/ico_card.png'); width: 25px; height: 19px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_total_box .ico_account.hometax {display: block; background-image: url('../img/ico_hometax_g.png'); width: 15.5px; height: 19px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_total_box span {display: flex; align-items: center; font-size: 18px; font-weight: bold; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.account_total_box span span {margin-left: 3px; margin-right: 12px;} 
.account_total_box span em {font-size: 18px; font-weight: bold; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.account_total_box em.account_number {margin-left: 5px; font-size: 32px; font-weight: bold; line-height: 1.47; letter-spacing: -0.64px; color: #000000;} 

/* 홈텍스 */
.hometax_wrap {padding: 10px 15px;} 
.hometax_wrap.set_pd {padding: 10px 3px;} 
.hometax_wrap .btn_round {margin-bottom: 20px;} 
.hometax_wrap .bm_app_box {display: flex; justify-content: space-around; margin: 20px 0; padding: 0 30px;} 
.hometax_wrap .bm_app_box div:first-child {margin-right: 4px;} 
.hometax_wrap .bm_app_box div p:first-child {margin-bottom: 10px; display: flex; justify-content: center; align-items: center; width: 118px; height: 100px; border-radius: 15px; background-color: #ffffff;} 
.hometax_wrap .bm_app_box div p:first-child i {display: block; background-image: url('../img/ico_hometax.png'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.hometax_wrap .bm_app_box div p:last-child.bm_app_aos i {display: inline-block; background-image: url('../img/ico_app_store.png'); width: 118px; height: 29.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.hometax_wrap .bm_app_box div p:last-child.bm_app_ios i {display: inline-block; background-image: url('../img/ico_play_store.png'); width: 118px; height: 29.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.hometax_wrap .nomal_noti {width: 90%; margin: auto; word-wrap: break-word; word-break: keep-all;} 
.hometax_wrap.set_pd .nomal_noti {width: 95%;} 
.hometax_wrap .certi_info_box {margin-bottom: 15px;} 
.certi_pwd_wrap {margin-top: 15px;} 
.certi_pwd_wrap .certi_pwd {position: relative; padding: 11px 16px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.certi_pwd_wrap .certi_pwd .manage_number {vertical-align: middle; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.certi_pwd_wrap .certi_pwd em {font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.certi_pwd_wrap .certi_pwd .pwd_dot_box .dot {vertical-align: middle; display: inline-block; width: 12px; height: 12px; border-radius: 6px; background-color: #000000;} 
.certi_pwd_wrap .certi_pwd .btn_change_pwd {position: absolute; top: 0; right: 0; display: block; padding:15px 16px;} 
.certi_pwd_wrap .certi_pwd .btn_change_pwd i {display: block; background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 결과 */
.result_wrap.success {text-align: center; padding-top: 30%;} 
.result_wrap.success.pd_set {padding-top: 10%;} 
.result_wrap.fail {text-align: center; padding-top: 25%;} 
.result_wrap.tr_pd {text-align: center; padding-top: 55px;} 
.result_wrap .ico_rw {display: block; margin: auto; margin-bottom: 20px; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.result_wrap.success .ico_rw {background-image: url('../img/ico_tr_suc.png');} 
.result_wrap.fail .ico_rw {background-image: url('../img/ico_tr_fail.png');} 
.result_wrap.success span {font-size: 20px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.result_wrap.success span em {font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.result_wrap.fail span {font-size: 20px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #ff684a;} 
.result_wrap.fail span em {font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #ff684a;} 
.result_wrap + .nomal_noti {margin: 42px auto; width: 80%;} 
.result_wrap + .nomal_noti + .nomal_noti {margin: 53px auto;} 
.result_wrap + .nomal_noti + .nomal_noti span {display: inline-block; margin:auto; text-align: center;} 
.result_wrap_info {padding: 20px 0; width: calc(100% - 30px); margin: auto; margin-top: 20px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fafafa;} 
.result_wrap_info p {width: 80%; display: flex; justify-content: space-between; margin: auto;} 
.result_wrap_info p.set_fs {display: flex; align-items: center; justify-content: flex-start;} 
.result_wrap_info p.wd_set {width: 70%;} 
.result_wrap_info p:not(:last-child) {margin-bottom: 15px;} 
.result_wrap_info p span:first-child {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.result_wrap_info p span {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.result_wrap_info p em {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.result_wrap_info ul {padding: 0 15px;} 
.result_wrap_info ul li {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #636363;} 
.result_wrap_info ul li:not(:last-child) {margin-bottom: 5px;} 
.result_wrap_info + .nomal_noti.nt_pd {margin: auto; padding: 0 35px;} 
.result_box {padding: 0 11px;} 
.result_box .result_wrap {padding: unset;} 
.result_box .result_wrap_info {width: 100%;} 
/* B */
/* B0000_my_main */
.my_hd {width: calc(100% - 30px); padding: 17px 15px 11px 15px;} 
.my_hd span {display: inline-block; color: #000000;} 
.my_tit {font-size: 18px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px;} 
.my_user {font-size: 15px; line-height: 1.47; letter-spacing: -0.32px;} 
.my_user > strong {font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; display: flex; align-items: center;} 
.my_user > strong:after {content: ''; display: block; margin-left: 8px; width: 10px; height: 15px; background: url("../img/btn_arr_right_b.png") no-repeat center; background-size: contain;} 
.account_total_wrapper {height: 136px; display: flex; align-self: center; justify-content: center; flex-direction: column;} 
.account_total_wrapper.off .atwt_tit {display: none !important;} 
.account_total_wrapper.off .atwt_txt {display: none !important;} 
.account_total_wrapper.off .atw_btn {background-color: #f9f9f9 !important; border: transparent !important; color: #e9e9e9 !important;} 
.account_total_wrapper.detail .atwt_date {display: none !important;} 
.account_total_wrapper div {display: flex; align-items: center; justify-content: center;} 
.account_total_wrapper .atw_top strong.atwt_tit {height: 30px; font-size: 15px; line-height: 30px; letter-spacing: -0.3px; text-align: left; color: #747474;} 
.account_total_wrapper .atw_top strong.atwt_date {margin-left:30px; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #a4a4a4;} 
.account_total_wrapper .atw_top a.atwt_renew {padding: 5px; margin-left: 6px;} 
.account_total_wrapper .atw_top a.atwt_renew i {margin-bottom: 7px; width: 16.5px; height: 20px; background-size: contain; background-image: url("../img/ico_refresh_g.png");} 
.account_total_wrapper .atw_total {margin: 11px 0 22px;} 
.account_total_wrapper .atw_total strong {font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: right; color: #747474;} 
.account_total_wrapper .atw_total strong em {font-weight: bold; font-size: 27px; line-height: 1.22; letter-spacing: -0.54px; text-align: left; color: #2373e3;} 
.account_total_wrapper .atw_btns button.atw_btn {padding: 9px 29px; border-radius: 40px; border: 1px solid; font-size: 17.5px; line-height: 1.2; letter-spacing: -0.35px; color: #ffffff;} 
.account_total_wrapper .atw_btns button.atw_btn.on {border-color: #084a80; background-color: #084a80; color: #ffffff;} 
.account_total_wrapper .atw_btns button.atw_btn.off {margin-left: 21.5px; border-color: #084a80; background-color:#ffffff; color: #084a80;} 
.account_total_wrapper.hide .atw_btns button.atw_btn.off {display: none;} 
.account_wrapper .account_carousel {position: absolute; left: 0; top: 0; display: flex;} 
.my_result {display: flex; flex-direction: column; align-items: center; margin-top: 20px;} 
.my_result .my_c1 {display: flex; align-items: center;} 
.my_result .my_c1 span {font-size: 0.687rem; color: #a9adb5;} 
.my_result .my_c1_1 {color: #747474; margin-right: 13px;} 
.my_result .my_c1_1 em {font-weight: bold;} 
.my_c1_2 {font-size: 0.66em; color: #bebebe; display: flex; align-items: center; margin-right: 5px;} 
.my_c1_2.on {color: #00b981;} 
.my_c1_2.on::before {content: ""; width: 11px; height: 11px; background-image: url(../img/ico_time_green.png); background-size: contain; background-repeat: no-repeat; display: block; margin-right: 2.5px;} 
.my_c1_2::before {content: ""; width: 11px; height: 11px; background-image: url(../img/ico_small_time.png); background-size: contain; background-repeat: no-repeat; display: block; margin-right: 2.5px;} 
.my_c1 i {width: 25px; height: 25px; background-image: url(../img/my_refresh.png); background-size: contain; background-position: center; background-repeat: no-repeat;} 
.my_c1_3 {font-size: 0.66em; color: #a4a4a4;} 
.my_result .my_c2 {display: flex;} 
.my_result .my_c2 {display: flex; align-items: inherit; margin-top: 3.5px;} 
.my_result .my_c2_1 {font-size: 29px; color: #000000; letter-spacing: -1px;} 
.my_result .my_c2_2 {font-size: 1.37em; margin-left: 3px; color: #747474;} 
.my_cont {padding: 0 20px;}
.my_cont_list {display: flex; flex-direction: column; padding-top: 13px; position: relative; margin-top: 13px;} 
.my_cont_list:first-child {padding-top: unset;} 
.my_meun:first-child .my_cont_list {padding-top: unset;} 
.my_meun .my_cont_text > span > p {color: #000000;} 
.my_cont_list .my_alarm {width: 100%; height: 100%; position: absolute; background-color: #b7b7b7; top: 29px; z-index: 1; border-radius: 13px; display: flex; justify-content: center; align-items: flex-end;} 
.my_cont_list .my_alarm p {color: #ffffff; font-size: 13px; padding-bottom: 5px;} 
.my_alarm_img {width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; margin-right: 6px; padding-bottom: 5px;} 
.my_alarm_img.mai_1 {background-image: url(../img/mai_1.png);} 
.my_alarm_img.mai_2 {background-image: url(../img/mai_2.png);} 
.my_alarm_img.mai_3 {background-image: url(../img/mai_3.png);} 
.my_alarm_img.mai_4 {background-image: url(../img/mai_4.png);} 
.my_alarm_img.mai_5 {background-image: url(../img/mai_5.png);} 
.my_alarm.request {background-color: #ff876f;} 
.my_cont_text {display: flex; width: 60%; align-items: center; justify-content: space-between;} 
.my_cont_text span p:first-child {margin-bottom: 5px; margin-right: unset;} 
.my_cont_text span:first-child p:first-child {display: flex; align-items: center;} 
.my_cont_text b {color: #000000;} 
.my_info_ico {background-image: url(../img/ico_info_g.png); width: 18px; height: 18px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: 5px;} 
.my_cont_text > span:first-child > p:first-child {display: flex; align-items: center;} 
.my_cont_cell {display: flex; align-items: center; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); border-radius: 13px; padding: 13px 10px 13px 15px; position: relative; z-index: 15; background-color: #ffffff;} 
.my_cont_cell.ssm {padding: 20px 10px 20px 15px;} 
.my_cont_cell.sample::after {content: ""; width: 51px; height: 51px; background-image: url(../img/sample_mark.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: -1px; top: 0; z-index: 10;} 
.my_cont_text span:first-child p:first-child {font-size: 0.875em;} 
.my_cont_text span:first-child p:last-child {font-size: 0.81em;} 
.my_cont_cell span:last-child {display: flex; flex-direction: column; align-items: flex-end; position: relative;} 
.my_i_re {width: 1em; height: 1.188em; background-image: url(../img/ico_refresh_g.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 0.625em;} 
.my_i_re.hide {display: none;} 
.my_chevy {width: 8px; height: 5px; background-image: url(../img/btn_arr_down_b.png); background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;} 
.my_chevy.up {width: 8px; height: 5px; background-image: url(../img/btn_arr_up_b.png); background-size: contain; position: absolute; top: 50%; right: 10px;} 
.my_meun {position: relative; width: 100%;} 
.my_enrollment {position: absolute; width: 100%; height: 38%; background-color: #b7b7b7; z-index: 1; border-radius: 13px; display: flex; align-items: flex-end; justify-content: center; color: #ffffff; padding-bottom: 5px; top: 33%; left: 0;} 
.my_enrollment span {font-size: 13px;} 
.my_enrollment.hide {display: none;} 
.my_number {display: flex; padding: 20px 0 20px 0px; background-color: #fafafa; position: relative; left: -15px; width: calc(124vw + 100px);} 
.cont_bg.ssm .my_number {padding: 13px 20px 20px 20px; width: calc(100% - 60px);} 
.my_number.width310 {width: calc(124vw + 310px)!important;} 
.my_number.width160 {width: calc(124vw + 160px)!important;} 
.my_number_cell {display: flex; flex: 1; flex-direction: column; align-items: center; border-right: 1px solid #c8c8c8;} 
.my_number_cell:last-child {border-right: unset;} 
.my_number_cell p:nth-child(1) {font-size: 0.75em; color: #404040;} 
.my_number_cell b:nth-child(2) {font-size: 0.87em; color: #000000;} 
.my_number_cell p:nth-child(3) {color: #a9adb5; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between; margin-top: 8px;} 
.my_number_cell p:nth-child(4) {color: #a9adb5; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell p:nth-child(5) {color: #a9adb5; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell p:nth-child(6) {color: #a9adb5; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell > span {font-size: 0.81em; color: #a9adb5;} 
.my_number.on {margin-top: 29px;} 
.my_number.hide {display: none;} 
.my_alarm.hide {display: none;} 
.my_stat {display: flex; position: relative;} 
.my_title {width: calc(100% - 26px); padding: 7px 13px; display: flex; align-items: center; justify-content: space-between;} 
.my_title.sales {background-color: #0095ff;} 
.my_title.purchase {background-color: #ff684a;} 
.my_title.flow {background-color: #00b981;} 
.my_title p {color: white;} 
.my_title_l {display: flex; align-items: center;} 
.my_title_l p {font-size: 0.875em;} 
.my_title_l i {background-image: url(../img/ico_que_w.png); background-repeat: no-repeat; background-size: contain; width: 18px; height: 18px; margin-left: 5px;} 
.my_title_R {display: flex; align-items: center;} 
.my_title_R i {background-image: url(../img/ico_re_w.png); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; margin-left: 2px;} 
.account_indi_wrapper {margin-bottom: 48px;} 
.account_indi_wrapper .account_display {position: relative; width: 100%; height: 97px;} 
.account_indi_wrapper .account_carousel {position: absolute; left: 0; top: 0; display: flex;} 
.account_indi_wrapper .account_box {overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; margin-right: 5px; width: 100%; height: 95px; border-radius: 13px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); background-color: #ffffff;} 
.my_stat_wrapper {margin-bottom: 13px; display: none;} 
.my_stat_wrapper.show {display: block;} 
.my_stat_wrapper .my_stat_display {position: relative; width: 100%; height: 593px;} 
.my_stat_wrapper .my_stat {position: absolute; left: 0; top: 0; display: flex;} 
.my_stat_wrapper .my_stat_report {overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; margin-right: 5px; width: 100%; height: unset; border-radius: 13px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;} 
.my_stat_con {margin-top: 11px; padding: 0 11px 19.5px; height: 522px; overflow-y: auto;} 
.my_stat_report {position: relative;} 
.my_stat_report.hide {display: none;} 
.my_stat_report.sample {display: none;} 
.my_stat_report.sample.show {display: block;} 
.my_stat_report.sample::after {content: ""; position: absolute; content: ""; position: absolute; width: 60px; height: 65px; background-image: url(../img/sample_mark.png); background-size: contain; background-repeat: no-repeat; background-position: center; top: 0; right: 0;} 
.my_yesterday {margin-bottom: 13px; display: flex; justify-content: space-between;} 
.my_yesterday .my_yes_title_l {display: flex; flex-direction: column; width: 100%;} 
.my_yesterday .my_yes_title_l .my_yes_pur {font-size: 0.750em; color: #a9adb5;} 
.my_yesterday .my_yes_title_r {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;} 
.my_yesterday .my_yes_title_l span {display: flex; justify-content: space-between; align-items: baseline;} 
.my_yesterday .my_yes_title_l span p:first-child {font-size: 0.750em; color: #a9adb5;} 
.my_yesterday .my_yes_title_l span p:last-child {font-size: 0.750em; color: #000000;} 
.my_yesterday .my_yes_title_r span {font-size: 0.750em;} 
.my_yesterday > span {font-size: 0.750em; color: #a9adb5;} 
.my_yesterday .my_yes_num {margin-top: 3px; display: flex; width: 100%; justify-content: space-between; align-items: center;} 
.my_yesterday .my_yes_num b {font-size: 1em; color: #222222; margin-left: 5px;} 
.my_yesterday .my_yes_num b:first-child {font-size: 0.875em;} 
.my_top {margin-top: 15px;} 
.my_total {width: 100%; display: flex; flex-direction: column;} 
.my_stat_con .my_chart1 {width: 100%; height: 145px; margin-bottom: 11px; position: relative;} 
.my_stat_con .my_chart1::after {content: ""; width: 100%; height: 1px; background-color: #c8c8c8; position: absolute; bottom: -11px;} 
.my_stat_con {position: relative;} 
.my_stat_display.sample_img {height: 943px;} 
.my_stat_report.sample_img1 {height: 943px;} 
.my_stat_report.sample_img1::after {content: ""; background-image: url(../img/main_sample_img1.png); width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: top; position: absolute; left:50%; top: 39px; transform: translateX(-50%);} 
.my_stat_report.sample_img2 {height: 943px;} 
.my_stat_report.sample_img2::after {content: ""; background-image: url(../img/main_sample_img2.png); width: 100%; height: 943px; background-size: 100%; background-repeat: no-repeat; background-position: top; position: absolute; left:0; top: 39px;} 
.my_stat_report.sample_img3 {height: 943px;} 
.my_stat_report.sample_img3::after {content: ""; background-image: url(../img/main_sample_img3.png); width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: top; position: absolute; left:50%; top: 39px;; transform: translateX(-50%);} 
.my_total .my_chart2 {width: 100%; height: 145px; margin-bottom: 11px;} 
.my_total .my_chart3 {width: 100%; height: 145px; position: relative;} 
.my_total .my_chart3::after {content: ""; width: 100%; height: 1px; background-color: #c8c8c8; position: absolute; bottom: -11px;} 
.my_total .my_total_list {width: 100%; display: flex; flex-direction: column; justify-content: center;} 
.my_total .my_total_list > span {width: 100%; display: flex; font-size: 13px; color: #222222; justify-content: space-between;} 
.my_total_cell {display: flex; flex-direction: column; margin-top: 6px; border-bottom: 1px solid #c8c8c8;} 
.my_total_cell > span {display: flex; font-size: 0.813em; justify-content: space-between; color: #404040; margin-bottom: 8px;} 
.my_total_cell > span:last-child {margin-bottom: 15px;} 
.my_total_cell > span> span {display: flex; align-items: center;} 
.my_total_cell > span > span > div {display: none;} 
.my_rank {display: flex; flex-direction: column; width: 100%; padding-top: 11px;} 
.my_rank > p {font-size: 0.750em; color: #a9adb5; padding: 0 3px;} 
.my_rank > span {display: flex; justify-content: space-between;} 
.my_rank > span > p {font-size: 0.750em; color: #a9adb5;} 
.my_rank .my_rank_cell {display: flex; flex-direction: column; margin-top: 12px; padding: 0 8px;} 
.my_rank .my_rank_cell > span {display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px;} 
.my_rank .my_rank_cell span > p {width: 45%; font-size: 13px; text-align: right; margin-right: 5px;} 
.my_rank .my_rank_cell span > p:last-child {text-align: right;} 
.my_rank_con {display: flex; align-items: center; justify-content:space-between; margin-bottom: 9px; color: #404040;} 
.my_rank_con:last-child {margin-bottom: 15px;} 
.my_rank_con div {display: flex; align-items: center; width: 40%;} 
.my_rank_con div p {font-size: 0.813em; width: 100%;} 
.my_rank_con span {display: flex; align-items: center; width: 60%; justify-content: flex-end;} 
.my_rank_con span p,.my_rank_con span b {font-size: 0.813em;} 
.my_rank .my_rank_cell .my_rank_con > div > i {width: 15px; height: 20px; background-size: contain; background-repeat: no-repeat; margin-right: 6px; min-width: 15px;} 
.my_rank .my_rank_cell .my_rank_con > div > i.rank1 {background-image: url(../img/ico_rank1.png);} 
.my_rank .my_rank_cell .my_rank_con > div > i.rank2 {background-image: url(../img/ico_rank2.png);} 
.my_rank .my_rank_cell .my_rank_con > div > i.rank3 {background-image: url(../img/ico_rank3.png);} 
.my_rank .my_rank_cell .my_rank_con > div > i.rank4 {background-image: url(../img/ico_rank4.png);} 
.my_rank .my_rank_cell .my_rank_con > div > i.rank5 {background-image: url(../img/ico_rank5.png);} 
.my_favor_top {margin-top: 16px; display: flex; flex-direction: column;} 
.my_favor_top .my_favor_title {font-size: 1em; color: #000000;} 
.my_favor_top span {display: flex; align-items: center;} 
.my_favor_top span i {width: 13px; height: 13px; background-image: url(../img/ico_info_gray.png); background-size: contain; margin-bottom: 7px; margin-right: 3px;} 
.my_favor_top span p {font-size: 0.750em; color: #a9adb5; padding-top: 10px;} 
.my_favor_menu {margin-top: 16px; padding:0 10px;} 
.my_favor_menu .my_cont_cell {background-color: #fafafa; box-shadow: unset; border: solid 1px #efefef; padding: 13px 10px 13px 10px; word-break: keep-all;} 
.my_favor_menu .my_cont_cell.active {border: 1px solid #17bf98; background-color: #f3fff4; position: relative;} 
.my_favor_menu .my_cont_cell.active .my_i_mark {background-image: url(../img/ico_mark_green.png);} 
.my_favor_menu .my_i_mark {width: 23px; height: 23px; background-size: contain; background-image: url(../img/ico_mark_gray.png); min-width: 23px; position: absolute; right: 45px; top:50%; transform: translateY(-50%);} 
.my_favor_menu .my_up_down {display: flex; height: 61px; flex-direction: column; justify-content: space-between; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} 
.my_favor_menu .my_up_down i {width: 11px; height: 7px; background-repeat: no-repeat; background-size: 11px;} 
.my_favor_menu .my_up_down i:first-child {background-image: url(../img/btn_arr_up_b.png); padding: 10px;} 
.my_favor_menu .my_up_down i:last-child {background-image: url(../img/btn_arr_down_b.png); padding: 10px;} 
.my_unclass {line-height: 1.2; padding: 5px 10px 8px; border: 1px solid #e8e8e8; background-color: #fafafa; border-radius: 8px;} 
.my_unclass span {font-size: 0.688em; line-height: 1.2; color: #404040;} 
.my_stat_bottom {display: flex; flex-direction: column;} 
.my_stat_bottom .my_area {width: 100%; padding:11px 0 15px; border-bottom: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: space-between;} 
.my_stat_bottom .my_area:last-child {padding-bottom: unset;} 
.my_stat_bottom .my_area .my_area_cell {display: flex; flex-direction: column; align-items: baseline; padding-left: 3px;} 
.my_stat_bottom .my_area .my_area_cell > p {color: #a9adb5;} 
.my_stat_bottom .my_area:last-child {border-bottom: unset;} 
.my_stat_bottom .my_area span {font-size: 1.250em; font-weight: bold; color: #000000;} 
.my_stat_bottom .my_area span.percent_r::after {content: "%"; font-size: 20px; font-weight: bold; color: #ff684a;} 
.my_stat_bottom .my_area span.won_r::before {content: "￦"; font-size: 20px; font-weight: bold; color: #ff684a;} 
.my_stat_bottom .my_area span.percent_b::after {content: "%"; font-size: 20px; font-weight: bold; color: #0095ff;} 
.my_stat_bottom .my_area span.won_b::before {content: "￦"; font-size: 20px; font-weight: bold; color: #0095ff;} 
.my_stat_bottom .my_area > span.percent::after {content: "%"; font-size: 20px; font-weight: bold; color: #000000;} 
.my_stat_bottom .my_area > span.won::before {content: "￦"; font-size: 20px; font-weight: bold; color: #000000;} 
.my_stat_bottom .my_area p {font-size: 0.750em; color: #a9adb5;} 
.my_stat_bottom .my_area > div {margin-top: 3px; display: flex; justify-content: space-between; align-items: center;} 
.my_stat_bottom .my_area .my_area_text {font-size: 0.813em; color: #404040; line-height: 1.46; padding-left: 5px;} 
.my_stat_bottom .my_average p {font-size: 12px; color: #a9adb5; margin-left: 11px;} 
.my_stat_bottom .my_average b {font-size: 16px; color: #000000; margin-top: 6px;} 
.account_indi_wrapper .account_total {padding: 10px 0 5px; display: flex; align-items: center;} 
.account_indi_wrapper .account_total > div {display: flex; justify-content: center; align-items: flex-end; padding: 7.5px 0 13.5px; width: 50%;} 
.account_indi_wrapper .account_total > div:first-child {border-right: solid 1px #dcdcdc;} 
.account_indi_wrapper .account_total > div p {display: flex; flex-direction: column; align-items: center;} 
.account_indi_wrapper .account_total > div p .at_tit {margin-bottom: 14px; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #747474;} 
.account_indi_wrapper .account_total > div p .at_num {display: flex; align-items: inherit; font-size: 15px; letter-spacing: -0.44px; text-align: center; color: #343434;} 
.account_indi_wrapper .account_total > div p .at_num em {margin-right: 3px; font-size: 22px; letter-spacing: -0.44px; text-align: center; color: #343434;} 
.account_indi_wrapper .account_total > div a {padding: 4.5px; margin-bottom: 3.5px;} 
.account_indi_wrapper .account_total > div a i {width: 6.25px; height: 10px; background-size: contain; background-image: url('../img/ico_arrow_thin_g_right.png');} 
.account_indi_wrapper .account_detail {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding: 0 22px;} 
.account_indi_wrapper .account_detail p {display: flex; align-items: center;} 
.account_indi_wrapper .account_detail p span.ad_mark {width: 24px; text-align: center; margin-right: 11px; padding: 2.5px 5px; display: block; border-radius: 5px; border: solid 1px #ffffff; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #ffffff;} 
.account_indi_wrapper .account_detail p strong.ad_account {font-size: 1.12em; line-height: 1.19; letter-spacing: -0.36px; text-align: right; color: #ffffff;} 
.account_wrapper .account_display {position: relative; width: 100%; height: 187px; overflow: hidden;} 
.account_wrapper {width: calc(100% + 56px); margin-left: -28px; padding-top: 3px;} 
.account_wrapper .account_box {display: flex; flex-direction: column; justify-content: space-between; margin-right: 13px; width: 100%; height: 175px; border-radius: 13px; box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.1); border: solid 1px #a9adb5; background-color: #ffffff;} 
.account_wrapper .account_box:first-child {margin-left: 28px;} 
.account_wrapper .account_box .account_total {padding: 17.5px 19px 15.5px 19px; height: calc(100% - 33px); display: flex; flex-direction: column; justify-content: space-between;} 
.account_wrapper .account_box .account_detail {padding: 15px 12px 0 15px;} 
.account_indi_wrapper .account_detail.lb003 {background-color: #0090db;} /*ibk기업*/
.account_indi_wrapper .account_detail.lb004 {background-color: #595044;} /*국민*/
.account_indi_wrapper .account_detail.lb020 {background-color: #007bc6;} /*우리*/
.account_indi_wrapper .account_detail.lb088 {background-color: #011b6a;} /*신한*/
.account_indi_wrapper .account_detail.lb081 {background-color: #007f71;} /*하나*/
.account_indi_wrapper .account_detail.lb011 {background-color: #00a74d;} /*농협*/
.account_indi_wrapper .account_detail.lb023 {background-color: #00a439;} /*sc*/
.account_indi_wrapper .account_detail.lb027 {background-color: #126299;} /*씨티*/
.account_indi_wrapper .account_detail.lb002 {background-color: #013580;} /*산업*/
.account_indi_wrapper .account_detail.lb071 {background-color: #ed272c;} /*우체국*/
.account_indi_wrapper .account_detail.lb032 {background-color: #d71921;} /*부산*/
.account_indi_wrapper .account_detail.lb045 {background-color: #08376b;} /*새마을*/
.account_indi_wrapper .account_detail.lb034 {background-color: #011b6a;} /*광주*/
.account_indi_wrapper .account_detail.lb007 {background-color: #0068b6;} /*수협*/
.account_indi_wrapper .account_detail.lb031 {background-color: #0075c1;} /*대구*/
.account_indi_wrapper .account_detail.lb039 {background-color: #d71921;} /*경남*/
.account_indi_wrapper .account_detail.lb035 {background-color: #011b6a;} /*제주*/
.account_indi_wrapper .account_detail.lb037 {background-color: #011b6a;} /*전북*/
.account_indi_wrapper .account_detail.lb089 {background-color: #e8536e;} /*k*/
.account_indi_wrapper .account_detail.lb048 {background-color: #0057a7;} /*신협*/
.account_indi_wrapper .account_detail i {width: 122.5px; height: 25px; background-size: contain; margin-bottom: 14px;} 
.account_indi_wrapper .account_detail.lb003 i {background-image: url('../img/bank_logo_w_1.png');} /*ibk기업*/
.account_indi_wrapper .account_detail.lb004 i {background-image: url('../img/bank_logo_w_2.png');} /*국민*/
.account_indi_wrapper .account_detail.lb020 i {background-image: url('../img/bank_logo_w_4.png');} /*우리*/
.account_indi_wrapper .account_detail.lb088 i {background-image: url('../img/bank_logo_w_5.png');} /*신한*/
.account_indi_wrapper .account_detail.lb081 i {background-image: url('../img/bank_logo_w_7.png');} /*하나*/
.account_indi_wrapper .account_detail.lb011 i {background-image: url('../img/bank_logo_w_3.png');} /*농협*/
.account_indi_wrapper .account_detail.lb023 i {background-image: url('../img/bank_logo_w_6.png');} /*sc*/
.account_indi_wrapper .account_detail.lb027 i {background-image: url('../img/bank_logo_w_8.png');} /*씨티*/
.account_indi_wrapper .account_detail.lb002 i {background-image: url('../img/bank_logo_w_9.png');} /*산업*/
.account_indi_wrapper .account_detail.lb071 i {background-image: url('../img/bank_logo_w_10.png');} /*우체국*/
.account_indi_wrapper .account_detail.lb032 i {background-image: url('../img/bank_logo_w_13.png');} /*부산*/
.account_indi_wrapper .account_detail.lb045 i {background-image: url('../img/bank_logo_w_12.png');} /*새마을*/
.account_indi_wrapper .account_detail.lb034 i {background-image: url('../img/bank_logo_w_17.png');} /*광주*/
.account_indi_wrapper .account_detail.lb007 i {background-image: url('../img/bank_logo_w_19.png');} /*수협*/
.account_indi_wrapper .account_detail.lb031 i {background-image: url('../img/bank_logo_w_15.png');} /*대구*/
.account_indi_wrapper .account_detail.lb039 i {background-image: url('../img/bank_logo_w_14.png');} /*경남*/
.account_indi_wrapper .account_detail.lb035 i {background-image: url('../img/bank_logo_w_18.png');} /*제주*/
.account_indi_wrapper .account_detail.lb037 i {background-image: url('../img/bank_logo_w_16.png');} /*전북*/
.account_indi_wrapper .account_detail.lb089 i {background-image: url('../img/bank_logo_w_11.png');} /*k*/
.account_indi_wrapper .account_detail.lb048 i {background-image: url('../img/bank_logo_w_20.png');} /*신협*/
.account_indi_wrapper .account_add {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; height: 100%;} 
.account_indi_wrapper .account_add span {display: inline-block; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #c8c8c8;} 
.account_indi_wrapper .account_add i {display: block; margin: unset; margin-top: 10px; width: 18px; height: 18px; background-image: url("../img/ico_plus_b_g.png"); background-repeat: no-repeat; background-position: center; background-size: contain;} 
.my_report {width: calc(100% - 20px); display: flex; color: #000000; font-size: 0.87em; align-items: center; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); border-radius: 13px; padding: 10px 10px; position: relative; margin-bottom: 13px;} 
.my_report > span.hide {display: none;} 
.my_report .my_report_img {width: 30px; height: 30px; background-size: contain; margin-right: 10px;} 
.my_report .my_report_img.mr_i_1 {background-image: url(../img/mr_i_1.png)} 
.my_report .my_report_img.ssm_i_1 {background-image: url(../img/ssm_01.svg)} 
.my_report .my_report_img.ssm_i_2 {background-image: url(../img/ssm_02.svg)} 
.my_report .my_report_img.mr_i_2 {background-image: url(../img/mr_i_2.png)} 
.my_report .my_report_img.mr_i_3 {background-image: url(../img/mr_i_3.png)} 
.my_report .my_report_img.mr_i_4 {background-image: url(../img/mr_i_4.png)} 
.my_report .my_report_img.mr_i_5 {background-image: url(../img/mr_i_5.png)} 
.my_report span {font-size: 0.68em; color: #ff684a; border: 1px solid #ff684a; border-radius: 7px; padding: 0.5px 4px; margin-left: 6px;} 
.my_cont_cell .my_report_img {width: 30px; height: 30px; background-size: contain; margin-right: 10px; min-width: 30px;} 
.my_cont_cell .my_report_img.mr_i_1 {background-image: url(../img/mr_i_1.png)} 
.my_cont_cell .my_report_img.mr_i_2 {background-image: url(../img/mr_i_2.png)} 
.my_cont_cell .my_report_img.mr_i_3 {background-image: url(../img/mr_i_3.png)} 
.my_cont_cell .my_report_img.mr_i_4 {background-image: url(../img/mr_i_4.png)} 
.my_cont_cell .my_report_img.mr_i_5 {background-image: url(../img/mr_i_5.png)} 
.my_cont_cell .my_report_img.mr_i_m001 {background-image: url(../img/mr_i_m001.png)} 
.my_cont_cell .my_report_img.mr_i_m002 {background-image: url(../img/mr_i_m002.png)} 
.my_cont_cell .my_report_img.mr_i_m003 {background-image: url(../img/mr_i_m003.png)} 
.my_cont_cell .my_report_img.mr_i_m004 {background-image: url(../img/mr_i_m004.png)} 
.my_cont_cell .my_report_img.mr_i_m005 {background-image: url(../img/mr_i_m005.png)} 
.my_cont_cell .my_report_img.mr_i_m011 {background-image: url(../img/mr_i_m011.png)} 
.my_cont_cell .deli_report_img {width: 80px; height: 35px; margin-right: 10px; background-size: 100%; min-width: 80px;} 
.my_cont_cell .deli_report_img.logo_al_1 {background-image: url('../img/logo_app_1_on.png');} 
.my_cont_cell .deli_report_img.logo_al_2 {background-image: url('../img/logo_app_2_on.png');} 
.my_cont_cell .deli_report_img.logo_al_3 {background-image: url('../img/logo_app_3_on.png');} 
.my_cont_cell .deli_report_img.logo_al_4 {background-image: url('../img/logo_app_4_on.png');} 
.my_cont_cell .deli_report_img.logo_al_5 {background-image: url('../img/logo_app_8_on.png');} 
.my_cont {padding: 0 26px; width: calc(100% - 52px); z-index: 2;} 
.my_list {padding: 15px 0; margin-bottom: 16px; border-radius: 8px; border: solid 1px #efefef; background-color: #fafafa;} 
.my_list.ml_total {width: calc(100% - 30px); height: 126px; padding: 15px; box-shadow: none; border: 0; background-color: #06346c;} 
.my_list > div {padding: 0 15px;} 
.my_list > div:last-child {padding: 0 15px;} 
.my_list > div.mdt_delete {display: flex; justify-content: center; align-items: center; padding: 6px 0; margin-top: 20px; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; color: #a9adb5; border-top: 1px solid #a9adb5;} 
.my_list.ml_total > div {padding: 0;} 
.my_list > div > p {display: flex; justify-content: space-between; align-items: center;} 
.my_list > div > p > span {display: flex; align-items: center;} 
.my_list > div > div {display: flex; justify-content: space-between; align-items: center;} 
.my_list > div > div > span {display: flex; align-items: center;} 
.my_list span {color: #000000;} 
.my_list.ml_total span {color: #ffffff;} 
.my_list.ml_total .tth_tit > em {margin-left: 6px; margin-right: 2.5px; font-size: 18px; font-weight: bold; line-height: 1.49; letter-spacing: -1.1px; text-align: left; color: #71fbc8;} 
.my_list.ml_total .mtt_noti {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;} 
.my_list.ml_total .mtt_noti .mttn_tit {margin-bottom: 12px; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #ffffff;} 
.my_list.ml_total .mtt_noti .mttn_txt {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: center; color: #c8c8c8;} 
.my_list.ml_total .mtt_noti a {padding: 10px; position: absolute; right: -15px; top: calc(50% - 17.5px);} 
.my_list.ml_total .mtt_noti a i {width: 10px; height: 15px; background-size: contain; background-image: url("../img/ico_arr_right_w.png");} 
.my_list .date {display: inline-block; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.my_list .number {display: inline-block; margin-left: 6px; text-align: center; width: 20px; height: 20px; line-height: 18px; border-radius: 20px; font-size: 14px; font-weight: bold;} 
.my_list .number.n_tt {background-color: #71f3c3; color: #000000;} 
.my_list .number.n_in {background-color: #0095ff; color: #ffffff;} 
.my_list .number.n_out {background-color: #ff684a; color: #ffffff;} 
.my_list .number.n_on {background-color: #0095ff; color: #ffffff;} 
.my_list .number.n_off {background-color: #71fbc8; color: #000000;} 
.my_list .number.n_late {background-color: #ff684a; color: #ffffff;} 
.my_list .number.n_abt {background-color: #000000; color: #ffffff;} 
.my_list .mtt_h {margin-bottom: 8px;} 
.my_list .mtt_h > p {font-size: 18px; line-height: 1.47; letter-spacing: -0.38px;} 
.my_list .mtt_h .ico_re {margin-left: 8.5px; width: 28px; height: 28px; border-radius: 15px; border: solid 1px #ffffff; background-color: #ffffff; display: flex; align-items: center; justify-content: center;} 
.my_list .mtt_h .ico_re i {background-image: url(../img/ico_refresh_arr_n.png); width: 15px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.my_list .mtt_tt {margin-bottom: 8px;} 
.my_list .mtt_tt .mtt_tit {width: 30%; font-size: 18px; font-weight: bold; justify-content: flex-start; line-height: 1.48; letter-spacing: -0.48px; color: #ffffff;} 
.my_list .mtt_tt .mtt_won {width: 70%; font-size: 18px; font-weight: bold; justify-content: flex-end; line-height: 1.48; letter-spacing: -0.48px; color: #ffffff;} 
.my_list .mtt_tt .won {margin-right: 3px; margin-left: 10px; font-weight: bold; word-break: break-all; word-wrap: break-word;} 
.my_list .mdt_h {margin-bottom: 10px; position: relative;} 
.my_list .mdt_h .popup_bg {display: none;} 
.my_list .mdt_h .info_popup {display: none;} 
.my_list .mdt_h.on .popup_bg {display: block;} 
.my_list .mdt_h.on .info_popup {display: block;} 
.my_list .mdt_h.set_flex p {justify-content: flex-start} 
.my_list .mdt_h .dth_tit {position: relative; font-size: 18px; font-weight: bold; line-height: 1.48; letter-spacing: -0.48px; color: #000000;} 
.my_list .mdt_h .dth_tit a i.info {width: 18px; height: 18px; background-size: contain; background-image: url('../img/ico_info_g.png'); margin-left: 5px;} 
.my_list .mdt_h .ico_re {margin-left: 8.5px; width: 28px; height: 28px; border-radius: 15px; border: solid 1px #202020; background-color: #fafafa; display: flex; align-items: center; justify-content: center;} 
.my_list .mdt_h .ico_re i {background-image: url(../img/ico_refresh_arr_b.png); width: 15px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.my_list .mdt_h .btn_popup {padding: 2px 15px 2px 5px;} 
.my_list .mdt_h .btn_popup.type2 {padding: 2px 4px 2px 4px; margin-left: 5px;} 
.my_list .mdt_h .btn_popup i {display: block; background-image: url('../img/btn_menu.png'); width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px;} 
.my_list .mli_dt > p:not(:last-child) {margin-bottom: 4px;} 
.my_list .mli_dt > p > span:first-child {width: 47%; justify-content: flex-start; font-size: 15px; display: block; text-align: left;} 
.my_list .mli_dt > p > span:last-child {width: 53%; justify-content: flex-end;} 
.my_list .mli_dt > p > a.req_number {text-decoration: underline; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #0095ff;} 
.my_list .mli_dt.s_width > p > span:first-child {width: 25%;} 
.my_list .mli_dt.s_width > p > span:last-child {width: 75%;} 
.my_list .mli_dt.l_width > p > span:first-child {width: 50%;} 
.my_list .mli_dt.l_width > p > span:last-child {width: 50%;} 
.my_list .mli_dt span {font-size: 16px; line-height: 1.5; letter-spacing: -0.36px;} 
.my_list .mli_dt .won, .my_list .mli_dt .unit {margin-right: 4px; margin-left: 4px} 
.my_list .mli_dt > p.commute_state {display: flex; align-items: center; justify-content: space-between;} 
.my_list .mli_dt > p.commute_state span {width: unset; display: flex; align-items: center;} 
.my_list .mli_dt > p.commute_state i.number {margin-left: 3px;} 
.my_less {font-size: 0.875em; color: #656565;} 
.my_submit {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; color: #000000;} 
.my_submit b {font-size: 1em; display: flex; align-items: center; position: relative;} 
.my_submit b::after {content: ""; width: 6px; height: 10px; background-image: url("../img/btn_arr_right_b.png"); background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: 5px; margin-top: 3px;} 
.my_submit .my_name {font-size: 0.625em; background-color: #f3f3f3; padding: 5px 10px; border-radius: 30px; display: flex;} 
.ml_plus {margin: auto; margin-top: 17px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; width: 184px; padding: 12px 0; border-radius: 25px; border: solid 1px #202020; background-color: #ffffff; font-size: 16px; line-height: 1; letter-spacing: -0.36px; color: #000000;} 
.ml_plus .plus {background-image: url('../img/ico_m_plus.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover;} 
.my_number + .ml_plus {width: 100%; border-radius: 13px; background-color: #fafafa; border: 2px solid #e8e8e8; color: #a9adb5;} 
.my_number + .ml_plus .plus {background-image: url('../img/ico_thin_plus_gray.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover;} 
.my_all_list + .ml_plus {width: 100%; border-radius: 13px; background-color: #fafafa; border: 2px solid #e8e8e8; color: #a9adb5; box-sizing: border-box;} 
.my_all_list + .ml_plus .plus {background-image: url('../img/ico_thin_plus_gray.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover;} 
.flt_acc {position: fixed; display: flex; justify-content: center; align-items: center; width: 75px; height: 75px; border-radius: 37.5px; bottom: 16px; right: 25.5px; text-align: center; box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.15); background-color: #71fbc8;} 
.flt_acc span {display: inline-block; width: 29px; font-size: 16px; font-weight: bold; line-height: 1.2; letter-spacing: -0.32px; text-align: center; color: #000000;} 

/* C0000_장부_main / F0000_설정_main */
.menu_li {margin-top: 20px;} 
.set_intro + .menu_li {margin-top: 15px;} 
.menu_li > ul {display: flex; flex-wrap: wrap; justify-content: space-between;} 
.menu {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 16px 0; border-radius: 12.8px; width: calc(50% - 7px); height: 58px; border: solid 1px #000000; background-color: rgb(255, 255, 255, 0.87);} 
.menu .mn_tit {font-size: 19px; line-height: 1.48; letter-spacing: -0.38px; color: #000000;} 
.menu i {display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.menu .mn_ico.look {background-image: url('../img/ico_m_look.png'); width: 27.8px; height: 24.8px;} 
.menu .mn_ico.in {background-image: url('../img/ico_m_in.png'); width: 28px; height: 24.5px;} 
.menu .mn_ico.out {background-image: url('../img/ico_m_out.png'); width: 28px; height: 24.5px;} 
.menu .mn_ico.price {background-image: url('../img/ico_m_price.png'); width: 21.5px; height: 25.9px;} 
.menu .mn_ico.paper {background-image: url('../img/ico_m_paper.png'); width: 22px; height: 26px;} 
.menu .mn_ico.camera {background-image: url('../img/ico_m_camera.png'); width: 26px; height: 23.5px;} 
.menu .mn_ico.business {background-image: url('../img/ico_m_business.png'); width: 21px; height: 26px;} 
.menu .mn_ico.people {background-image: url('../img/ico_m_people.png'); width: 26px; height: 26px;} 
.menu .mn_ico.human {background-image: url('../img/ico_m_human.png'); width: 18px; height: 22px;} 
.menu .mn_ico.headphone {background-image: url('../img/ico_m_headphone.png'); width: 23.5px; height: 23.5px;} 
.menu .mn_ico.speaker {background-image: url('../img/ico_m_speaker.png'); width: 23.5px; height: 23.5px;} 
.menu .mn_ico.question {background-image: url('../img/ico_m_question.png'); width: 26px; height: 23.5px;} 
.menu .mn_ico.questions {background-image: url('../img/ico_m_questions.png'); width: 26.5px; height: 24.5px;} 
.menu .mn_ico.work {background-image: url('../img/ico_m_work.png'); width: 26px; height: 23.5px;} 

/* A 회원가입 */
.join_box {position: relative; top: 0; left: 0;} 
.join_box2 {position: absolute; bottom: 28px; width: 100%;} 
.join_box3 {margin-top: 20px;} 
.join_block {position: relative; width: 100%; margin-bottom: 10px;} 
.join_block.type2 {display: flex; justify-content: space-between; align-items: center;} 
.join_block .btn_apply {background-color: #a9adb5; border: none; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; color: #fff; padding: 6px 10px; border-radius: 4.444vw; font-size: 0.75rem;} 
.join_input {width: calc(100% - 34px); padding: 11px 16px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; font-weight: bold;} 
.join_input.type2 {width: calc(100% - 99.5px);} 
.join_input.type3 {width: calc(100% - 124.5px);} 
.join_input.type4 {width: calc(100% - 157px);} 
.join_input.type5 {width: calc(100% - 106.5px); padding: 11px 88.5px 11px 16px;} 
.join_input.type6 {border: 0; padding: 0; font-weight: normal; width: 43px;} 
.check_result_txt {display: flex; align-items: center; margin-top: 8px; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #636363;} 
.check_result_txt.none::before {display: none;} 
.check_result_txt::before {content:""; margin-right: 4px; display: block; background: url("../img/ico_ing.png") no-repeat center; width: 15px; height: 15px; background-size: contain; margin-top: 3px; -webkit-animation: rotating 1.5s linear infinite; -moz-animation: rotating 1.5s linear infinite; -ms-animation: rotating 1.5s linear infinite; -o-animation: rotating 1.5s linear infinite; animation: rotating 1.5s linear infinite;} 
.check_result_txt.fail::before {content:""; background: url("../img/ico_fail.png") no-repeat center; margin-right: 4px; width: 15px; height: 15px; background-size: contain; margin-top: 2px; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none;} 
.check_result_txt.success::before {content:""; background: url("../img/ico_check_suc.png") no-repeat center; margin-right: 4px; width: 15px; height: 15px; background-size: contain; margin-top: 3px; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none;} 
.join_select {position: relative; width: 58.5px; padding: 11px 12px; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.join_select span {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.join_select a {position: absolute; right: 0; display: block; padding: 18.5px 12px 18.5px 5.5px; line-height: 44.5px;} 
.join_select i {display: block; background-image: url('../img/btn_arr_down_b.png'); width: 12px; height: 7.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.join_radio {margin-bottom: 10px; border-radius: 8px; border: solid 1px #c8c8c8; display: flex; overflow: hidden;} 
input[class="agent"] + label {display: flex; justify-content: center; align-items: center; width: 25%; padding: 11px 0; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #c8c8c8; background-color: #ffffff;} 
input[class="agent"] + label:not(:last-child) {border-right: 1px solid #c8c8c8; width: calc(25% - 1px);} 
input[class="agent"] + label:nth-child(2) {border-radius: 7px 0 0 7px;} 
input[class="agent"] + label:last-child {border-radius: 0 7px 7px 0;} 
input[class="agent"]:checked + label {background-color: #06346c; color: #ffffff;} 
input[class="agent"] {display: none;} 
.auth_timer {position: absolute; right: 16px; top: 12px; display: flex; align-items: center;} 
.auth_timer i {display: inline-block; margin-right: 5px; background-image: url('../img/ico_timer.png'); width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.auth_timer span {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.btn_auth {width: 115.5px; padding: 11px 0; border: 0; border-radius: 8px; background-color: #71fbc8; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.btn_auth.off {background-color: #a9adb5;} 
.btn_reauth {width: 115.5px; padding: 11px 0; border: 0; border-radius: 8px; background-color: #a9adb5; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #ffffff;} 
.btn_branch {display: block; padding: 14px; border-radius: 8px; background-color: #71fbc8; border: 0; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; color: #000000;} 
.btn_detail {margin: auto; display: flex; align-items: center; padding: 13px; border-radius: 8px; background-color: #71fbc8; border: 0; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; color: #000000;} 
.btn_detail::before {content:''; display: block; margin-right: 5px; background: url("../img/ico_work_w.png") no-repeat center; background-size: contain; width: 10px; height: 12px; min-width: 10px; min-height: 12px;} 
.btn_info {padding: 5px;} 
.btn_info i {width: 13px; height: 13px; background-size: contain; background-image: url('../img/ico_info_g.png');} 
.btn_my_doc {width: calc(100% - 22px); margin: 16px 11px 0; display: flex; align-items: center; justify-content: space-between; padding: 10px 11px 10px 15px; border-radius: 30px; box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.16); border: solid 1px #a9adb5; background-color: #ffffff;} 
.btn_my_doc p {width: 90%; display: flex; align-items: center;} 
.btn_my_doc p::before {content: ''; margin-right: 5px; width: 24px; height: 24px; background: url("../img/ico_c_p.png") no-repeat center; background-size: contain;} 
.btn_my_doc p span {width: 110px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.btn_my_doc p strong {width:calc(100% - 125px); font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #a9adb5;} 
.btn_my_doc a {padding: 10px; margin-right: -10px;} 
.btn_my_doc a i {width: 5px; height: 8px; background-image: url("../img/ico_arrow_thin_g_right.png"); background-size: contain;} 
.btn_my_doc.on p::before {content: ''; margin-right: 5px; width: 24px; height: 24px; background: url("../img/ico_c_p_g.png") no-repeat center; background-size: contain;} 
.btn_my_doc.on p strong {color: #000000;} 
.my_person {background-image: url("../img/ico_c_p.png"); width: 15px; height: 15px; background-size: contain; background-position: center; margin-right: 5px;} 
.my_person.on {background-image: url("../img/ico_c_p_g.png"); width: 15px; height: 15px; background-size: contain; background-position: center; margin-right: 5px;} 
.join_result {margin-top: 25%; text-align: center;} 
.join_result span {display: block; margin: auto;} 
.join_result .ico_result {display: block; margin: auto; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.join_result .ico_result.fail {background-image: url('../img/ico_info_fail.png');} 
.join_result .ico_result.success {background-image: url('../img/ico_info_check.png');} 
.join_result .join_result_txt {margin-top: 24px; margin-bottom: 17px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.join_result .join_result_txt em {font-size: 18px; font-weight: bold; color: #000000;} 

/* 영업점 */
.branch_wrap {position: relative;} 
.branch_wrap .branch_box {display: none; position: absolute; width: 100%; top: 46px; left: 0;} 
.branch_wrap.on .branch_box {display: block;} 
.branch_box {margin-top: 6px; border: solid 1px #000000; z-index: 9999;} 
.branch_box > div {padding: 15px 20px 14.5px 20px; font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #ffffff; background-color: #06346c;} 
.branch_box > ul {padding: 8px 0; background-color: #ffffff;} 
.branch_box .branch_list {padding: 15px 30px; font-weight: normal; background-color: #ffffff; font-size: 18px; line-height: 0.89; letter-spacing: -0.36px; color: #000000;} 
.branch_box .branch_list.on {font-weight: bold;} 
.branch_box.type2 {display: none; position: absolute; width:100%; left: 0; top: 43px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c8c8c8; background-color: #ffffff;} 
.branch_box.type2 ul {padding: 8px 0; background-color: #ffffff;} 
.branch_box.type2 ul li {padding: 13px 26px; font-weight: normal; background-color: #ffffff; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; color: #000000;} 
.branch_box.type2 ul li.on {font-weight: bold;} 
.join_block.on .branch_box.type2 {display: block;} 

/* 약관동의 */
.terms_tit {margin-top: 16px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.check_noti_box {margin-bottom: 17px; padding: 10px 11px; border-radius: 8px; border: solid 1px #06346c; background-color: #ffffff; display: flex; align-items: center;} 
.check_noti_box p {width: calc(100% - 32px); margin-left: 8px; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.check_noti_box.on {background-color: #06346c;} 
.check_noti_box.on input[type=checkbox] {background-image: url("../img/btn_check_on.png");} 
.check_noti_box.on p {color: #ffffff;} 
.terms_box {margin-bottom: 10px;} 
.terms_box.terms_pd {margin-left: -11px;} 
.terms_box ul {display: none; margin-left: 16px;} 
.terms_box.open ul {display: block;} 
.terms_box .terms_li {position: relative; height: 44.5px; display: flex; align-items: center;} 
.terms_box .terms_li.set_top_cen {padding: 10px 0 0;} 
.terms_box .terms_li.set_top_cen input {top: 11px} 
.terms_box .terms_li input {position: absolute; left: 11px;} 
.terms_box .terms_li span {position: absolute; left: 44px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.terms_box .terms_li a {position: absolute; right: 0px; padding: 13.75px 10px 13.75px 15px;} 
.terms_box .terms_li i {display: block; background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.terms_box .terms_li.type2 {border-radius: 8px; border: solid 1px #06346c; background-color: #ffffff;} 
.terms_box .terms_li.type2 span {left:40px;} 
.terms_box .terms_li.type2 a {position: absolute; right: 0px; padding: 18.5px 13px 18.5px 13px;} 
.terms_box .terms_li.type2 i {background-image: url('../img/btn_arr_down_b.png'); width: 15px; height: 10px;} 
.terms_box .terms_li.type2 i.right {background-image: url('../img/ico_arrow_small_d_right.png'); width: 10px; height: 15px;} 
.terms_box.open .terms_li.type2 i {background-image: url('../img/btn_arr_up_b.png'); width: 15px; height: 10px;} 
.terms_box.on .terms_li.type2 {background-color: #06346c;} 
.terms_box.on .terms_li.type2 span {color: #ffffff;} 
.terms_box.on .terms_li.type2 a {position: absolute; right: 0px; padding: 18.5px 13px 18.5px 13px;} 
.terms_box.on .terms_li.type2 i {background-image: url('../img/btn_arr_down_w.png'); width: 13px; height: 8.5px;} 
.terms_box.open.on .terms_li.type2 i {background-image: url('../img/btn_arr_up_w.png'); width: 13px; height: 8.5px;} 
.terms_box.on .terms_li.type2 i.right {background-image: url('../img/ico_arrow_small_t_right.png'); width: 10px; height: 15px;} 
input[type=checkbox].check_terms {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
input[type=checkbox].check_terms:checked, 
.terms_box.open.on input[type=checkbox].check_terms, 
.terms_box.on input[type=checkbox].check_terms {background-image:url('../img/btn_check_on.png');} 

/* 계좌 등록 */
input[type=checkbox].check_enroll {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 35px; width: 35px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
input[type=checkbox].check_enroll:checked {background-image:url('../img/ico_result_success.png');} 

/* 핀번호 */
.join_pin .title_sub {margin-bottom: 27px;} 
.join_pin .join_noti {margin-bottom: 35px;} 
.join_pin .pin_wrap {margin: auto; display: flex; width: 214px;} 
.pin_box .pin_wrap {margin: 38px auto; display: flex; width: 214px;} 
.pin_wrap .pin_box {width: 20px; height: 20px; border-radius: 23px; border: solid 1.5px #202020; background-color: #ffffff;} 
.pin_wrap .pin_box:not(:last-child) {margin-right: 15px;} 
.pin_wrap .pin_box.on {background-color: #202020;} 

/* 로그인 정보 */
.join_login > .join_result {margin-top: 21%;} 
.login_info {margin-top: 42px; margin-bottom: 65px; display: flex; flex-direction: column; align-items: center; padding: 44px 0; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.login_info > p {margin: auto;} 
.login_info > p:not(:last-child) {margin-bottom: 23px;} 
.login_info > p > span {display: inline-block; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.login_info > p > span:first-child {width: 90px; margin-right: 20px; font-weight: bold; text-align: left;} 
.login_info > p > span:last-child {width: 118px; text-align: left; font-weight: normal;} 

/* 지문 */
.fp_ico .ico_finger {display: inline-block; background-image: url('../img/ico_finger.png'); width: 80px; height: 80px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.fp_ico .ico_finger_b {display: inline-block; background-image: url('../img/ico_finger_n.png'); width: 80px; height: 80px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.join_fingerprint {text-align: center;} 
.join_fingerprint .fp_txt {display: inline-block; font-size: 16px; margin-bottom: 30px; width: 65%; word-wrap: break-word; word-break: keep-all; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.join_fingerprint .fp_ico {margin-bottom: 30px;} 
.join_fingerprint .fp_info u {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #06346c;} 
.join_fingerprint_result {text-align: center;} 
.join_fingerprint_result .fp_ico {margin-top: 44px;} 
.join_fingerprint_result .fp_tit1 {display: inline-block; font-size: 16px; width: 65%; word-wrap: break-word; word-break: keep-all; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.join_fingerprint_result .fp_tit2 {margin-top: 42.5px; font-size: 18px; font-weight: bold; line-height: 0.89; letter-spacing: -0.36px; color: #06346c;} 
.join_fingerprint_result .fp_txt {width: 75%; margin: auto; margin-top: 28px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.join_fingerprint_noti {display: flex; justify-content: center; margin: auto;} 
.join_fingerprint_noti .fp_ico .ico_finger_p {margin-right: 14px; display: block; background-image: url('../img/ico_fp_p.png'); width: 69.5px; height: 91.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.join_fingerprint_noti .fp_info span {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 

/* 컨설팅 동의 */
.apply_wrap {overflow: auto; position: absolute; width: calc(100% + 30px); height: calc(100% + 68px); top: -20px; left: -15px; background: #06346c; margin: 0;} 
.apply_wrap .ap_tit {display: flex; justify-content: center; align-items: center; margin-top: 39px;} 
.apply_wrap .ap_tit i {margin-right: 22px; display: block; background-image: url('../img/ico_check_w.png'); width: 42px; height: 42px; background-position: center; background-repeat: no-repeat; background-size: 42px 42px;} 
.apply_wrap .ap_tit span {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #ffffff;} 
.apply_wrap .ap_img {margin: auto; margin-top: 28px; display: block; background-image: url('../img/img_apply.png'); width: 250px; height: 178.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.apply_wrap .ap_txt {margin: auto; margin-top: 23.5px; text-align: center; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #ffffff;} 
.apply_wrap .ap_terms {position: relative; display: flex; padding-left: 11px; align-items: center; margin: auto; margin-top: 21px; width: 290px; height: 44.5px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #06346c;} 
.apply_wrap .ap_terms span {margin-left: 5px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #ffffff;} 
.apply_wrap .ap_terms a {position: absolute; right: 7px; padding: 4.5px 8px;} 
.apply_wrap .ap_terms a i {display: block; background-image: url('../img/btn_arr_right_b_w.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.apply_wrap .ap_promo {margin: 21px auto; display: flex; align-items: center; justify-content: center; text-align: center; width: 278px; height: 51px; border-radius: 30.5px; background-color: #ffffff;} 
.apply_wrap .ap_promo span {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: center; color: #000000;} 

/* 약관동의 페이지 */
.terms_agent_box {margin-bottom: 19px; display: flex; justify-content: space-between; align-items: center;} 
.terms_agent {padding: 5.5px 0; text-align: center; width: 32%; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; font-size: 17px; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.terms_agent.on {background-color: #06346c; color: #ffffff;} 
.wrap.terms {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; word-break: break-all; word-wrap: break-word;} 
.terms_tit_m {display: block; margin-bottom: 11px; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.terms_tit_link {text-decoration: underline; color: #0095ff;} 
.terms_tit_s {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.terms_table {width: 100%;} 
.terms_top {background-color: #f3f3f3;} 
.terms_table > ul {width: 100%; display: flex;} 
.terms_table > ul > li {flex: 1; text-align: left; border-top: 1px solid #c8c8c8; display: flex; align-items: center; padding: 7px 7px;} 
.terms_table > ul > li:nth-child(1) {border-right: 1px solid #c8c8c8;} 
.terms_table > ul > li:nth-child(2) {border-right: 1px solid #c8c8c8; flex: 2;} 
.terms_table > ul > li:nth-child(3) {border-right: 1px solid #c8c8c8; border-right: unset;} 
.terms_table > ul:last-child {border-bottom: 1px solid #c8c8c8;} 
.terms_box.open .terms_li.type2 i.down {background-image: url(../img/btn_arr_down_b.png); position: absolute; right: 11.5px;} 
/* 공인인증 */
.ico_certi {margin: 36px auto; display: block; background-image: url('../img/ico_certi.png'); width: 223.5px; height: 72px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.certi_number_box .cn_tit {margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.certi_number_box .cn_number {margin: auto; width: 67%; display: flex; justify-content: space-between;} 
.certi_number_box .cn_number .certi_number {width: 29%; text-align: center; background-color: #fafafa; border: none; border-bottom: 2.5px solid #202020; font-size: 24px; font-weight: bold; line-height: 1.48; letter-spacing: -0.48px; color: #000000;} 

/* 인증서 한 번에 등록하기 */
.certi_box {position: relative; top: 0; left: 0;} 
.promo_box {padding: 26% 0;} 
.promo_tit .ico_sh_phone {display: block; margin:auto; margin-bottom: 28px; background-image: url('../img/ico_sh_phone.png'); width: 44.5px; height: 70.6px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.promo_tit p {font-size: 26px; font-weight: bold; text-align: center; line-height: 1.48; letter-spacing: -0.4px; color: #000000;} 
.promo_tit > span {font-size: 20px; color: #222222; text-align: center; display:block;} 
.promo_txt {margin-top: 28px; font-size: 19px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #000000;} 
.info_confirm_num {color: #084a80; font-size: 18px; letter-spacing: -0.68px;} 
.promo_wating_time {display: flex; flex-direction: column; align-items: center; margin-top: 23px;} 
.promo_wating_time > i {background-image: url(../img/alarm_bell.svg); width: 47.5px; height: 57.5px; background-size: contain;} 
.promo_wating_time > b {font-size: 17px; color: #000000; margin-top: 23px; letter-spacing: -0.65px;} 
.promo_wating_time > span {font-size: 15px; color: #ff684a; margin-top: 6px;} 
.certi_result {padding: 50% 0;} 
.certi_result i {margin: auto; margin-bottom: 11px; display: block; background-image: url('../img/ico_tr_suc.png'); width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.certi_result span {margin: auto; margin-bottom: 16px; display: block; font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.4px; text-align: center; color: #000000;} 
.certi_result p {font-size: 13px; line-height: 1.46; letter-spacing: -0.23px; text-align: center; color: #000000;} 
.certi_result p em {font-size: 13px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #ff684a;} 
.cr_add_txt {position: absolute; bottom: 93.5px; left: 0; width: 100%; font-size: 18px; font-weight: bold; line-height: 2.22; letter-spacing: -0.36px; text-align: center; color: #06346c;} 
.cr_add_txt + .noti_star {position: absolute; bottom: 53px; left: 0;} 
.cr_add_txt + .noti_star + .noti_star {position: absolute; bottom: 30px; left: 0;} 
.cbi_box {padding: 0 11px;} 
.cbi_alret {width: calc(100% + 30px); margin-left: -15px; background-color: #ff684a; margin-bottom: 18px;} 
.cbi_alret.hide {display: none;} 
.cbi_alret_con {display: flex; align-items: center; padding: 6px 12.5px;} 
.cbi_search {width: 36px; height: 36px; background-image: url(../img/cbi_search.png); background-size: contain; min-width: 36px; margin-right: 8px;} 
.cbi_alret span {color: #ffffff; font-size: 13px; line-height: 1.46;} 
.account_list_box .atlb_list3 {display: flex; position: relative; margin-bottom: 15px; background-color: #ffffff; color: #000000; border-radius: 8px; border: solid 1px #dcdcdc; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);} 
.account_list_box .atlb_list3.none {display: flex; padding: 35px; align-items: center; justify-content: center; position: relative; margin-bottom: 15px; background-color: #ffffff; color: #c8c8c8; border-radius: 8px; border: solid 1px #a9adb5; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px;} 
.account_list_box .atlb_list3 > div:nth-child(1) {padding: 23px 0 17px 15px; margin-right: 8px;} 
.account_list_box .atlb_list3 > div:nth-child(2) {padding: 18px 0 13px 0; margin-right: 8px; width: calc(100% - 124px);} 
.account_list_box .atlb_list3 > div.atlb_hometax {padding: 32px 0 32px 15px; margin-right: 8px;} 
.account_list_box .atlb_list3 > a.bk_arr {position: absolute; top: 50%; margin-top: -25px; right:0; padding: 15px;} 
.account_list_box .atlb_list3 > a.bk_arr i {display: block; background-image: url('../img/btn_arr_right_m.png'); width: 12.5px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_list_box .atlb_list3 .check_enroll {position: absolute; right: 12px; position: absolute; top: 50%; margin-top: -17.5px;} 
.account_list_box .atlb_list3 span {display: block;} 
.account_list_box .atlb_list3 > div.atlb_hometax span {display: inline-block;} 
.account_list_box .atlb_list3 > div:nth-child(2) span {margin-bottom: 7px;} 
.account_list_box .atlb_list3 span.bk_name {display: flex; align-items: center; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px;} 
.account_list_box .atlb_list3 span.bk_name i.ico_c_fail {margin-right: 6px; display: none; background-image: url('../img/ico_info_fail.png'); width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_list_box .atlb_list3 span.bk_class_busi {display: block; width: 24px; text-align: center; padding: 0.5px 9px; border-radius: 10px; background-color: #06346c; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #71fbc8;} 
.account_list_box .atlb_list3 span.bk_class_pers {display: block; width: 24px; text-align: center; padding: 0.5px 9px; border-radius: 10px; background-color: #71fbc8; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #06346c;} 
.account_list_box .atlb_list3 span.bk_class_trans {margin-top: 3px; display: block; width: 24px; text-align: center; padding: 0.5px 9px; border-radius: 10px; background-color: #0095ff; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #ffffff;} 
.account_list_box .atlb_list3 span.bk_acnt {font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000; word-wrap: break-word; word-break: break-all;} 
.account_list_box .atlb_list3 span.bk_fcn {display: none; align-items: center; font-weight: bold; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #ff3d23; word-wrap: break-word; word-break: break-all;} 
.account_list_box .atlb_list3 span.bk_cm {display: none; align-items: center; font-weight: bold; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; color: #2cd89e; word-wrap: break-word; word-break: break-all;} 
.account_list_box .atlb_list3 span.bk_cm:before {content:''; margin-right: 7px; display:block; background-image: url(../img/ico_modified.png); width: 25px; height: 12.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.account_list_box .atlb_list3 span.bk_fail {display: none; word-wrap: break-word; word-break: keep-all; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ff684a;} 
.account_list_box .atlb_list3 span.bk_acnt_class {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #000000; word-wrap: break-word; word-break: break-all;} 
.account_list_box .atlb_list3 span.bk_hometax {vertical-align: middle; padding-right: 11px; margin-right: 8px; border-right: 2px solid #c8c8c8; font-size: 22px; font-weight: bold; line-height: 1.2; letter-spacing: -0.44px; color: #000000;} 
.account_list_box .atlb_list3 span.bk_hometax_comp {vertical-align: middle; font-size: 22px; line-height: 1; letter-spacing: -0.44px; color: #000000;} 
.account_list_box .atlb_list3 div.bk_enroll {display: none; position: absolute; top: 50%; margin-top: -13px; right: 0; width: 48px; font-size: 18px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: left; color: #000000;} 
.account_list_box .atlb_list3 div.bk_enroll_fail {display: none; position: absolute; top: 50%; margin-top: -22px; right: 10px; width: 40px; font-size: 18px; font-weight: bold; line-height: 1.25; letter-spacing: -0.36px; text-align: left; color: #ff684a;} 
.account_list_box .atlb_list3 button.btn_atlb_add {position: absolute; top: 50%; margin-top: -23.25px; right: 15px; padding: 0; width: 53px; height: 46.5px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); background-color: #06346c; border: 0; font-size: 11.5px; font-weight: bold; line-height: 1.48; letter-spacing: -0.23px; color: #ffffff;} 
.account_list_box .atlb_list3 .user_mark.indi {margin-bottom: 6px !important;} 
.account_list_box .atlb_list3.off {border: solid 1px #a9adb5;} 
.account_list_box .atlb_list3.off span {color: #a9adb5;} 
.account_list_box .atlb_list3.off span.bk_class_busi {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list3.off span.bk_class_pers {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list3.off > div:last-child {padding-right: 0;} 
.account_list_box .atlb_list3.off .check_enroll {display: none;} 
.account_list_box .atlb_list3.off div.bk_enroll {display: block; color: #a9adb5;} 
.account_list_box .atlb_list3.fail {border: solid 1px #ff684a;} 
.account_list_box .atlb_list3.fail span {color: #a9adb5;} 
.account_list_box .atlb_list3.fail span.bk_class_busi {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list3.fail span.bk_class_pers {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list3.fail > div:last-child {padding-right: 0;} 
.account_list_box .atlb_list3.fail div.bk_enroll_fail {display: block; color: #ff684a;} 
.account_list_box .atlb_list3.force span.bk_fcn {display: flex;} 
.account_list_box .atlb_list3.force span.bk_name::before {content:''; display: block; margin-right: 6px; width: 22px; height: 22px; background: url(../img/ico_info_fail.png) no-repeat center; background-size: contain;} 
.account_list_box .atlb_list3.modified span.bk_cm {display: flex;} 
.account_list_box .atlb_list3.c_none {border: solid 1px #ff684a;} 
.account_list_box .atlb_list3.c_none span.bk_fail {display: block;} 
.account_list_box .atlb_list3.c_none span.bk_name i.ico_c_fail {display: block;} 
.cbi_result_box {padding: 30px 0 40px;} 
.cbi_result_box.type2 {padding: 23px 0 21px;} 
.cbi_result_box .ico_cbir {margin: auto; margin-bottom: 15px; display: block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cbi_result_box .ico_cbir.success {background-image: url('../img/ico_tr_suc.png');} 
.cbi_result_box .ico_cbir.fail {background-image: url('../img/ico_tr_fail.png');} 
.cbi_result_box .cbir_tit {font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.44px; text-align: center;} 
.cbi_result_box .ico_cbir.success + .cbir_tit {color: #000000;} 
.cbi_result_box .ico_cbir.fail + .cbir_tit {color: #ff684a;} 
.cbi_result_box .cbir_tit + .noti_star {margin: 20px 0;} 
.cbi_result_box + div + .noti_star {margin: 20px 0;} 
.cbi_result_box .ico_cbir {margin: auto; margin-bottom: 15px; display: block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cbi_result_box .cbir_tit {font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.44px; text-align: center;} 
.cbi_result_box.fail .ico_cbir {background-image: url('../img/ico_tr_fail.png');} 
.cbi_result_box.fail .ico_cbir + .cbir_tit {color: #ff684a;} 
.cbi_result_box.success .ico_cbir {background-image: url('../img/ico_tr_suc.png');} 
.cbi_result_box.success .ico_cbir + .cbir_tit {color: #000000;} 

/* 납부계좌 등록 */
.pay_box {position: relative; top: 0; left: 0; height: 100%;} 
.pay_box .nomal_noti {display: flex; align-items: center; color: #ff684a; margin: unset; margin-top: 5px; width: 90%; word-wrap: break-word; word-break: keep-all;} 
.pay_box .nomal_noti.center {color: #ff684a; width: unset; word-wrap: break-word; word-break: keep-all; justify-content: center;} 
.pay_box .nomal_noti.posi_margin {margin-top: 53px;} 
.pay_box .nomal_noti span {color: #ff684a;} 
.pay_input_box {margin-top: 25px;} 
.pay_result {display: flex; align-items: center; font-size: 14px; color: #ff3d23; margin-top: 12px;} 
.pay_result_ico {background-image: url(../img/ico_info_r.png); width: 13px; height: 13px; background-size: contain; margin-left: 5px;} 
.pay_result_wrap {height: 100%; display: flex; flex-direction: column; justify-content: center;} 
.pr_result_box {margin-bottom: 21px;} 
.pr_result_box .ico_pr_result {margin: auto; margin-bottom: 11px; display: block; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.pr_result_box .ico_pr_result.success {background-image: url('../img/ico_tr_suc.png');} 
.pr_result_box .ico_pr_result.fail {background-image: url('../img/ico_tr_fail.png');} 
.pr_result_box .pr_result {display: block; margin: auto; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.pr_result_box .pr_result.fail {display: block; margin: auto; font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.pr_result_box .pr_result.fail em {margin: auto; font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.pr_info_box {padding: 24px 20px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.pr_info_box p.pfib_width {width: 225px; margin: auto;} 
.pr_info_box p.pfib_width_s {width: 225px; margin: auto;} 
.pr_info_box p:not(:last-child) {margin-bottom: 15px;} 
.pr_info_box .pri_tit {display: inline-block; margin-right: 15px; width: 65px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.pr_info_box .pri_txt {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.pr_info_box .pri_tit_s {display: inline-block; width: 40px; margin-right: 25px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.pr_info_box .pri_tit_s2 {display: inline-block; width: 66px; margin-right: 25px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.pr_info_box .pri_txt_s {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.pr_info_box .pris_dot {display: inline-block; margin-right: 8px; width: 5px; height: 5px; border-radius: 2.5px; background-color: #202020; vertical-align: middle;} 
.pay_result_noti {text-align: center; margin-top: 15px;} 
.pay_result_noti .prn_txt {margin-top: 6px; display: inline-block; font-size: 13px; line-height: 1.5; letter-spacing: -0.22px; text-align: center; color: #000000;} 
/* F설정 */
.stmn {border-radius: 13px; margin-bottom: 15px; border: solid 1px #000000; background-color: #fdfefe;} 
.stmn.top {border-radius: 10px; padding: 20px 25px 20px 25px; box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.16); border: 0; background-color: #06346c;} 
.stmn.type2 ul {padding:14px 0;} 
.stmn.top p:not(:last-child) {margin-bottom: 5px;} 
.stmn_top_tit {display: flex; align-items: center; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ffffff;} 
.stmn_top_tit i {margin-right: 8px; display: block; background-image: url('../img/ico_setup_title.png'); width: 13px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.stmn_top_acc {display: flex; justify-content: space-between; align-items: center;} 
.stmn_top_acc span {font-size: 23px; line-height: 1.48; letter-spacing: -0.46px; color: #ffffff;} 
.stmn_top_acc a {position: absolute; right: 17px; padding: 4.5px 8px} 
.stmn_top_acc i {display: block; background-image: url('../img/btn_arr_right_b_w.png'); width: 15px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.stmn_top_info {font-size: 17px; line-height: 1.47; letter-spacing: -0.34px; color: #ffffff;} 
.stmn_top_info span {font-size: 17px; line-height: 1.47; letter-spacing: -0.34px; color: #ffffff;} 
.stmn_top_info i {display: inline-block; margin: 0 10px; height: 20px; width: 1px; background-color: #ffffff; vertical-align: middle;} 
.stmn_tit {padding: 11.5px 0 11.5px 25px; margin-top: 13.5px;} 
.stmn_tit .ico_stmn {display:inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-right: 7px;} 
.stmn_tit .ico_stmn.person {background-image: url('../img/ico_stmn_person.png'); width: 13px; height: 16px;} 
.stmn_tit .ico_stmn.paper {background-image: url('../img/ico_stmn_paper.png'); width: 15px; height: 15px;} 
.stmn_tit .ico_stmn.company {background-image: url('../img/ico_stmn_company.png'); width: 13px; height: 16.1px;} 
.stmn_tit .ico_stmn.terms {background-image: url('../img/ico_stmn_terms.png'); width: 15px; height: 15px;} 
.stmn_tit span {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #202020; vertical-align: middle;} 
.stmn_list {position: relative; display: flex; align-items: center; height: 50px; padding: 0 0 0 20px;} 
.stmn_list span {font-size: 16px; line-height: 1.47; letter-spacing: -0.38px; color: #000000;} 
.stmn_tit + ul .stmn_list {padding: 0 0 0 44px;} 
.stmn_tit + ul .stmn_list:last-child {margin-bottom: 18.5px;} 
.stmn_list .c_gray {display: block; position: absolute; right:45px; font-size: 14px; letter-spacing: -0.32px;} 
.stmn_list span.c_gray {display: block; position: absolute; left:20px; font-size: 14px; letter-spacing: -0.32px;} 
.stmn_list .c_orange {display: block; position: absolute; right:45px; font-size: 14px; letter-spacing: -0.32px;} 
.stmn_list .set_state {display: none; position: absolute; right:45px; font-size: 14px; letter-spacing: -0.32px; width:50%;} 
.stmn_list .set_state.pro {display: block;} 
.stmn_list .set_state.lite {display: block;} 
.stmn_list .stmn_info {margin-right: 11px; word-wrap: break-word; word-break: keep-all; width: 50%; font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.stmn_list .stmn_info.disabled {color: #a9adb5; right: 16px;} 
.stmn_list.off .set_state.c_orange {display: block;} 
.stmn_list a {position: absolute; right: 0px; padding: 15px 16px} 
.stmn_list i {display: block; width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.stmn_list i.ico_arr_right {background-image: url('../img/btn_arr_right_b.png');} 
.stmn_list i.ico_arr_right_g {background-image: url('../img/btn_arr_right_g.png');} 
.stmn_list a.stmn_list_arr_s {position: absolute; top: 0; right: 0px; padding: 18px 25px;} 
.stmn_list a.stmn_list_arr_s i {display: block; width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.stmn_list a.stmn_list_arr_s i.ico_arr_right {background-image: url('../img/btn_arr_right_b.png');} 
.stmn_list a.stmn_list_arr_s i.ico_arr_right_g {background-image: url('../img/btn_arr_right_g.png');} 
.stmn_info_list {position: relative; display: flex; justify-content: space-between; padding: 14px 40px 14px 20px;} 
.stmn_info_list.set_pd {padding: 14px 20px 14px 20px;} 
.stmn_info_list span.sil_tit {display: block; width: 31%; min-width: 42%; font-size: 19px; line-height: 1.47; letter-spacing: -0.38px; color: #000000;} 
.stmn_info_list span.sil_tit.w_default {width: unset; min-width: unset;} 
.stmn_info_list span.sil_txt {display: block; width: 69%; min-width: 58%; word-wrap: break-word; word-break: keep-all; font-size: 16px; font-weight: bold; line-height: 1.7; letter-spacing: -0.32px; text-align: right; color: #000000;} 
.stmn_info_list span.set_state {display: none; width: 69%; min-width: 40%; word-wrap: break-word; word-break: keep-all; font-size: 16px; font-weight: normal; line-height: 1.7; letter-spacing: -0.32px; text-align: right; color: #ff684a;} 
.stmn_info_list.off span.set_state {display: block;} 
.stmn_info_list.off span.sil_txt {display: none;} 
.stmn_info_list p {position: absolute; right:45px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px;} 
.stmn_info_list a {position: absolute; top: 0; right: 0px; padding: 20.5px 20px 20.5px 10px;} 
.stmn_info_list i {display: block; width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.stmn_info_list i.ico_arr_right {background-image: url('../img/btn_arr_right_b.png');} 
.stmn_info_list i.ico_arr_right_g {background-image: url('../img/btn_arr_right_g.png');} 

/* B내계좌 */
.account_box {position: relative; top: 0; left: 0; height: 100%;} 

/* 인증서 등록 */
.account_add_box {padding: 50% 0;} 
.account_add_box .btn_round {margin-top: 15px; margin-bottom: 23px;} 
.account_add_box .ico_common {margin-bottom: 23px;} 
.account_add_box .text_center {margin-top: 8px;} 
.account_add_box .text_center + .text_center {margin-top: 16px; margin-bottom: 20px;} 
.account_list_box {margin-top: 23px; padding: 0 11px;} 
.account_list_box.alb_posi {margin-bottom: 30px;} 
.account_list_box.alb_posi .atlb_list:last-child {margin-bottom: 25px;} 
.account_list_box .atlb_list {padding: 20px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #202020;} 
.account_list_box .atlb_list.select {background-color: #06346c; color: #ffffff;} 
.account_list_box .atlb_list {background-color: #ffffff; color: #000000;} 
.account_list_box .atlb_list:last-child {margin-bottom: 59px;} 
.account_list_box .atlb_list p {display: flex; align-items: center;} 
.account_list_box .atlb_list p:first-child {display: flex; align-items: baseline;} 
.account_list_box .atlb_list p:not(:last-child) {margin-bottom: 9px;} 
.account_list_box .atlb_list p.bk_acnt_nick {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px;} 
.account_list_box .atlb_list span.bk_name {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; font-weight: bold;} 
.account_list_box .atlb_list span.bk_rep {margin-left: 11px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #0095ff;} 
.account_list_box .atlb_list span.bk_acnt {padding: 0 13px 0 0; line-height: 1; margin-right: 13px; border-right: 1px solid #c8c8c8;} 
.account_list_box .atlb_list2 {padding: 20px; margin-bottom: 15px; background-color: #ffffff; color: #000000; border-radius: 8px; border: solid 1px #202020;} 
.account_list_box .atlb_list2:last-child {margin-bottom: 59px;} 
.account_list_box .atlb_list2 p {display: flex; align-items: center;} 
.account_list_box .atlb_list2 p:not(:last-child) {margin-bottom: 12px;} 
.account_list_box .atlb_list2 span.bk_class_busi {display: block; width: 24px; text-align: center; padding: 0.5px 9px; border-radius: 10px; background-color: #06346c; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #71fbc8;} 
.account_list_box .atlb_list2 span.bk_class_pers {display: block; width: 24px; text-align: center; padding: 0.5px 9px; border-radius: 10px; background-color: #71fbc8; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #06346c;} 
.account_list_box .atlb_list2 span.bk_name {margin-left: 5px; font-weight: bold; margin-right: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px;} 
.account_list_box .atlb_list2 span.bk_date {font-size: 13px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.account_list_box .atlb_list2 span.bk_acnt {font-size: 14px; padding-right: 8px; margin-right: 8px; border-right: 1px solid #c8c8c8; font-weight: bold; line-height: 1; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.account_list_box .atlb_list2 span.bk_acnt_class {font-size: 14px; line-height: 1; letter-spacing: -0.28px; color: #000000;} 
.account_list_box .atlb_list2 span.bk_won {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: left; color: #000000;} 
.account_list_box .atlb_list2 span.bk_won em {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: left; color: #000000;} 
.account_list_box .atlb_list2 span.bk_fail {display: none; font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: left; color: #000000;} 
.account_list_box .atlb_list2.off {border: solid 1px #a9adb5;} 
.account_list_box .atlb_list2.off span {color: #a9adb5;} 
.account_list_box .atlb_list2.off span.bk_class_busi {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list2.off span.bk_class_pers {background-color: #a9adb5; color: #ffffff;} 
.account_list_box .atlb_list2.off span.bk_won {display: none;} 
.account_list_box .atlb_list2.off span.bk_fail {display: block;} 

/* 인증서 비밀번호 */
.certi_pwd_box {padding: 0 11px; margin-top: 23px;} 
.certi_input_box {margin-top: 20px;} 
.certi_input_box span {display: block; margin-bottom: 12px; font-size: 15px; line-height: 1.47; letter-spacing: -0.3px; color: #000000;} 
.certi_input_box input {padding: 12px 16px; width: calc(100% - 34px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.certi_fail {margin-top: 38px;} 

/* 대표계좌 */
.account_setting_box {padding: 0 30px;} 
.account_setting_box .btn_round {margin-top: 15px; margin-bottom: 20px;} 
.account_set + .noti_star {margin-top: 38px;} 
.account_set p {display: flex; justify-content: space-between; align-items: center;} 
.account_set p:not(:last-child) {margin-bottom: 15px;} 
.account_set .as_tit {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.account_set .as_info {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: right; color: #202020;} 
.account_set .as_btn {padding: 9.5px 18px; border: 1px solid #000000; border-radius: 8px; background-color: #ffffff; font-size: 17px; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.account_set .as_btn.rep_account {background-color: #06346c; color: #ffffff;} 
.account_set .as_btn i {display: inline-block; margin-right: 6.5px; background-image: url('../img/ico_check_g.png'); width: 17.5px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 간편이체 */
.transfer_setting {position: absolute; top: 0; right: 0;} 
.btn_ccount_set {position: absolute; top: 0; right: 0; padding: 5px 15px 15px;} 
.btn_ccount_set.set_top {top: 40px; padding: 15px;} 
.btn_ccount_set i {display: block; background-image: url('../img/ico_main_menu.png'); width: 5px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_setting .ts_menu {position: absolute; display: none; z-index: 3; top: 40px; right: 15px; width: 116px; border-radius: 5px; border: solid 1px #707070; background-color: #ffffff;} 
.transfer_setting .ts_menu ul {margin: 1px 0;} 
.transfer_setting .ts_menu li {padding: 7px 8.5px; text-align: center; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.transfer_setting.on .ts_menu {display: block;} 
.transfer_box {height: 100%;} 
.transfer_info_wrap {position: absolute; top: 0; padding-top: 205px; width: 100%; height: calc(100% - 230px);} 
.transfer_info_wrap .tib_tit {font-size: 16px; margin-bottom: 12px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.transfer_info_box {border: solid 1px #c8c8c8; border-radius: 8px; display: flex; margin-bottom: 10px;} 
.transfer_info_box > div {text-align: center; width: 34%; background-color: #ffffff;} 
.transfer_info_box > div:not(:last-child) {border-right: solid 1px #c8c8c8;} 
.transfer_info_box > div:first-child {border-radius: 8px 0 0 8px;} 
.transfer_info_box > div:last-child {border-radius: 0 8px 8px 0;} 
.transfer_info_box > div > span {display: inline-block; margin: 11px 0; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.transfer_info_box > div > div {display: none; position: absolute; bottom: 0; left: 0;} 
.transfer_info_box > div.on {background-color: #06346c;} 
.transfer_info_box > div.on > span {color: #ffffff;} 
.transfer_info_box > div.on > div {display: block;} 
.transfer_info_input .tii_box {margin-bottom: 10px; display: flex;} 
.transfer_info_input .tii_bank_box {margin-right: 5px; position: relative; padding: 11px 32px 11px 12px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.transfer_info_input .tii_bank_box .tii_bank {display: inline-block; width: 110px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.transfer_info_input .tii_bank_box a {position: absolute; top: 0; right: 0px; padding: 14.5px 12px;} 
.transfer_info_input .tii_bank_box i.ico_arr {display: block; background-image: url('../img/ico_arrow_small_d_right.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_info_input .tii_account {width: calc(100% - 161px); padding: 11px 16px; border-radius: 8px; border: solid 1px #d5d5d5; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #202020; font-weight: bold;} 
.transfer_info_input .tii_owner {width: calc(100% - 146px); padding: 11px 16px; border-radius: 8px; border: solid 1px #d5d5d5; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #202020; font-weight: bold;} 
.transfer_info_input .btn_owner {margin-left: 8px; border: 0; padding: 11px 0; width: 100px; text-align: center; border-radius: 8px; font-size: 14px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; background-color: #71fbc8;} 
.transfer_info_input .popup_layer {position: absolute; bottom: 0;} 
.transfer_info_input .pl_bank_box {overflow: auto; height: calc(100% - 27px); margin-top: 10px;} 
.transfer_info_input .pl_bank_box span {vertical-align: unset;} 
.tii_box .popup_layer {display: none;} 
.tii_box.on .popup_layer {display: block;} 
.pl_bank_box > span {display: inline-block; width: 49%; margin-bottom: 15px;} 
.plb_name {font-size: 13px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000; vertical-align: super;} 
.logo_bank {display: inline-block; margin-right: 4px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle;} 
.pay_detail_list_cell .logo_bank {width: 20px; height: 20px; background-size: contain;} 
.logo_bank.ico_lb003 {background-image: url('../img/ico_small_bank1.png') !important;} 
.logo_bank.ico_lb004 {background-image: url('../img/ico_small_bank2.png') !important;} 
.logo_bank.ico_lb020 {background-image: url('../img/ico_small_bank3.png') !important;} 
.logo_bank.ico_lb088 {background-image: url('../img/ico_small_bank4.png') !important;} 
.logo_bank.ico_lb005 {background-image: url('../img/ico_small_bank5.png') !important;} 
.logo_bank.ico_lb081 {background-image: url('../img/ico_small_bank5.png') !important;} 
.logo_bank.ico_lb011 {background-image: url('../img/bank_011.svg') !important;} 
.logo_bank.ico_lb023 {background-image: url('../img/ico_small_bank7.png') !important;} 
.logo_bank.ico_lb027 {background-image: url('../img/ico_small_bank8.png') !important;} 
.logo_bank.ico_lb002 {background-image: url('../img/ico_small_bank9.png') !important;} 
.logo_bank.ico_lb071 {background-image: url('../img/ico_small_bank10.png') !important;} 
.logo_bank.ico_lb032 {background-image: url('../img/ico_small_bank11.png') !important;} 
.logo_bank.ico_lb045 {background-image: url('../img/ico_small_bank12.png') !important;} 
.logo_bank.ico_lb034 {background-image: url('../img/ico_small_bank13.png') !important;} 
.logo_bank.ico_lb007 {background-image: url('../img/ico_small_bank14.png') !important;} 
.logo_bank.ico_lb031 {background-image: url('../img/ico_small_bank15.png') !important;} 
.logo_bank.ico_lb039 {background-image: url('../img/ico_small_bank11.png') !important;} 
.logo_bank.ico_lb035 {background-image: url('../img/ico_small_bank4.png') !important;} 
.logo_bank.ico_lb037 {background-image: url('../img/ico_small_bank13.png') !important;} 
.logo_bank.ico_lb089 {background-image: url('../img/ico_small_bank16.png') !important;} 
.logo_bank.ico_lb090 {background-image: url('../img/ico_small_bank17.png') !important;} 
.logo_bank.ico_lb050 {background-image: url('../img/ico_small_bank18.png') !important;} 
.logo_bank.ico_lb048 {background-image: url('../img/ico_small_bank19.png') !important;} 
.logo_bank.ico_lb055 {background-image: url('../img/ico_small_bank20.png') !important;} 
.logo_bank.ico_lb064 {background-image: url('../img/ico_small_bank21.png') !important;} 
.logo_bank.ico_lb060 {background-image: url('../img/ico_small_bank22.png') !important;} 
.logo_bank.ico_lb054 {background-image: url('../img/ico_small_bank23.png') !important;} 
.logo_bank.ico_lb061 {background-image: url('../img/ico_small_bank24.png') !important;} 
.logo_bank.ico_lb057 {background-image: url('../img/ico_small_bank25.png') !important;} 
.logo_bank.ico_lb067 {background-image: url('../img/ico_small_bank26.png') !important;} 
.logo_bank.ico_lb062 {background-image: url('../img/ico_small_bank27.png') !important;} 
.logo_bank.ico_lb063 {background-image: url('../img/ico_small_bank28.png') !important;} 
.logo_bank.ico_lb092 {background-image: url('../img/bank_092.svg') !important;} 
.logo_bank.ico_bankpaper {background-image: url('../img/ico_account_dr.png') !important;} 
.ibk_logo_tit {margin-top: 20px; display: inline-block; background-image: url('../img/ico_ibk_logo_tit.png'); width: 116px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_input_box {margin-bottom: 15px;} 
.transfer_input_box .tib_tit {display: inline-block; margin-bottom: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.transfer_input_box .tib_input {padding: 11px 16px; width: calc(100% - 34px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.transfer_input_box .tib_wrap {position: relative;} 
.transfer_input_box .tib_wrap .popup_layer {position: absolute; display: none; top: 0; margin-bottom: 10px; height: 160px;} 
.transfer_input_box .tib_wrap.on .popup_layer {display: block;} 
.transfer_input_box .tib_wrap .out_set_box .osb_list {display: inline-block; width: 32%; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000; padding: 10.5px 0;} 
.transfer_input_box .tib_wrap .out_set_box .osb_list.on {font-weight: bold;} 
.transfer_input_box .tib_box {position: relative; width: 100%; height: 44.5px;} 
.transfer_input_box .tib_box .tib_input {display: inline-block; padding: 11px 16px; width: calc(100% - 34px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.transfer_input_box .tib_input.ico_arr_a {padding: 11px 52px 11px 16px; width: calc(100% - 70px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.transfer_input_box .btn_ti_class {position: absolute; top: 0; right: 0px; padding: 17.5px 21px 17.5px 16px;} 
.transfer_input_box .btn_ti_class i {display: block; background-image: url('../img/ico_arrow_small_d_down.png'); width: 15px; height: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_input_box .nomal_noti {margin-top: 8px;} 
.transfer_input_box .btn_quiery {padding: 5px; vertical-align: middle;} 
.transfer_input_box .btn_quiery i {display: inline-block; background-image: url('../img/btn_quiery.png'); width: 18px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.bnnk_check_box {margin: auto; margin-top: 11px; text-align: center;} 
input[type="radio"].bank_class {display: none;} 
input[type="radio"].bank_class + label i {display: inline-block; background-image: url('../img/btn_check_off.png'); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: top;} 
input[type="radio"].bank_class + label {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5; vertical-align: middle;} 
input[type="radio"].bank_class:first-child + label {margin-right: 33px;} 
input[type="radio"].bank_class:checked + label i {background-image: url('../img/btn_check_on.png');} 
input[type="radio"].bank_class:checked + label {color: #202020;} 
.transfer_result {text-align: center; padding-top: 25px;} 
.transfer_result.tr_pd {text-align: center; padding-top: 55px;} 
.transfer_result .ico_tr {display: block; margin: auto; margin-bottom: 20px; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_result .ico_tr.success {background-image: url('../img/ico_tr_suc.png');} 
.transfer_result .ico_tr.transf {width: 50px; height: 50px; background-image: url('../img/ico_tr_transf.png');} 
.transfer_result .ico_tr.fail {background-image: url('../img/ico_tr_fail.png');} 
.transfer_result span {font-size: 20px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.transfer_result strong {font-size: 20px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.transfer_result em {font-size: 20px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.nomal_noti .tr_branch_name {display: block; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.btn_tr {margin-top: 44.5px;} 
.btn_tr + .nomal_noti {margin-top: 15px;} 
.transfer_result_info {padding: 20px 0; width: calc(100% - 30px); margin: auto; margin-top: 20px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.transfer_result_info p {width: 80%; display: flex; justify-content: space-between; margin: auto;} 
.transfer_result_info p span:first-child {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.transfer_result_info p span {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.transfer_result_info p em {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.transfer_list_wrap .tlw_result {text-align: center; padding: 50% 0;} 
.transfer_list_wrap .tlw_result i {margin-bottom: 20px;} 
.transfer_list_wrap .tlw_result span {font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: -0.44px; color: #ff684a;} 
.transfer_list_wrap .tlw_result i.fail + span {color:#ff684a;} 
.transfer_list_wrap .tlw_result i.success + span {color: #71fbc8;} 
.transfer_list_box {margin-bottom: 20px;} 
.transfer_list_box .tlb_list_date {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.transfer_list_box .tlb_list_date span {margin-left: 4px; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #000000;} 
.transfer_list_box .tlb_list_date span em {font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #000000;} 
.transfer_list_box .tlb_list_box {margin-top: 10px;} 
.transfer_list_box .tlb_list_box::-webkit-scrollbar {width: 0.31rem;} 
.transfer_list_box .tlb_list_box::-webkit-scrollbar-track {background: #fafafa; border-radius: 0.25rem;} 
.transfer_list_box .tlb_list_box::-webkit-scrollbar-thumb {background: #c8c8c8; border-radius: 0.25rem;} 
.transfer_list_box .tlb_list {width: calc(100% - 30px); border: solid 1px #a9adb5; padding: 15px; border-radius: 8px; background-color: #ffffff;} 
.transfer_list_box .tlb_list:not(:last-child) {margin-bottom: 10px;} 
.transfer_list_box .tlb_list p {display: flex; align-items: center; justify-content: space-between;} 
.transfer_list_box .tlb_list p:first-child {margin-bottom: 9px;} 
.transfer_list_box .tlb_list span.tlb_name {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #202020;} 
.transfer_list_box .tlb_list span.tlb_date {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.transfer_list_box .tlb_list span.tlb_bank {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.transfer_list_box .tlb_list span.tlb_won {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.transfer_list_box .tlb_list span.tlb_won em {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #ff684a;} 
.rep_fail_box {position: absolute; width: 100%; top: 197px;} 
.rep_fail_box i {display: block; margin: auto; margin-bottom: 24px; background-image: url('../img/ico_tr_fail.png'); width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.rep_fail_box .rfb_tit {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.btn_error_check {position: absolute; bottom: 71px; left: 50%; margin-left: -40.5px; margin-top: 24px; border: 0; background: transparent; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.transfer_list_wrap2 {position: absolute; width: 100%; top: 197px;} 
.transfer_list_box2 {margin-bottom: 20px;} 
.transfer_list_box2 .tlb_list_date {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.transfer_list_box2 .tlb_list_box {margin-top: 10px;} 
.transfer_list_box2 .tlb_list_box::-webkit-scrollbar {width: 0.31rem;} 
.transfer_list_box2 .tlb_list_box::-webkit-scrollbar-track {background: #fafafa; border-radius: 0.25rem;} 
.transfer_list_box2 .tlb_list_box::-webkit-scrollbar-thumb {background: #c8c8c8; border-radius: 0.25rem;} 
.transfer_list_box2 .tlb_list {position: relative; width: calc(100% - 30px); padding: 15px; border-radius: 8px; background-color: #ffffff; border: solid 1px #a9adb5;} 
.transfer_list_box2 .tlb_list .memo_mark {display:none; position: absolute; top:0; right: -1px; background-image: url('../img/memo_mark.png'); width: 16px; height: 14px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.transfer_list_box2 .tlb_list .memo_mark.on {display:block;} 
.transfer_list_box2 .tlb_list:not(:last-child) {margin-bottom: 10px;} 
.transfer_list_box2 .tlb_list p {display: flex; align-items: center; justify-content: space-between;} 
.transfer_list_box2 .tlb_list p:first-child {margin-bottom: 9px;} 
.transfer_list_box2 .tlb_list span.tlb_name {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #202020;} 
.transfer_list_box2 .tlb_list span.tlb_date {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.transfer_list_box2 .tlb_list span.tlb_won {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000; font-weight: bold;} 
.transfer_list_box2 .tlb_list span.tlb_won em {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px;} 
.transfer_list_box2 .tlb_list span.tlb_won_rest {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #a9adb5;} 
.transfer_list_box2 .tlb_list span.tlb_won_rest em {margin-left: 2px; margin-right: 4px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #a9adb5;} 
.tlb_memo_box {display: flex; margin-bottom: 25px;} 
.tlb_memo_box span {width: 27px; margin-right: 46.5px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.tlb_memo_box textarea {resize: none; width: calc(100% - 107.5px); height: 61.5px; padding: 12px 16px; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.tlb_memo_noti span {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.tlb_memo_noti .tlbn_tit {display: inline-block; width: 51px; margin-right: 35px;} 
.aply_all_check {width: 245px; margin: auto; margin-top: 20px; display: flex; align-items: center;} 
.aply_all_check label {margin-left: 5px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 

/* 증빙 */
.document_box {position: relative; top: 0; left: 0; height: 100%;} 
.wrap.dociment .document_box {height: unset;} 
.branch_search_wrap {position: relative; margin-top: 15px;} 
.branch_search_box {height: 44.5px; width: 100%; position: relative;} 
.branch_search_box input {position: absolute; width: calc(100% - 93.5px); padding: 11px 75.5px 11px 16px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.branch_search_box a {position: absolute; right: 0; padding: 12px; right: 8px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
.branch_search_box i {display: inline-block; margin-left: 6px; background-image: url('../img/btn_pl_search.png'); width: 16px; height: 20.5px; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: top;} 
.branch_search_wrap .popup_layer {position: absolute; top: 50px; display: none;} 
.branch_search_wrap .pl_list_box {height: 130px;} 
.branch_search_wrap .pla_list {display: block;} 
.branch_search_wrap .pla_list:not(:last-child) {margin-bottom: 15px;} 
.branch_search_wrap .pla_list span {font-size: 15px; line-height: 1; letter-spacing: -0.3px; color: #000000; display: inline-block;} 
.branch_search_wrap .pla_list span:first-child {font-weight: bold; padding-right: 10px; border-right: 1px solid #c8c8c8; margin-right: 10px;} 
.branch_search_wrap.on .popup_layer {display: block;} 
.branch_add_wrap {height: 100%;} 
.branch_add_box {margin-bottom: 15px;} 
.branch_add_box.al_base {align-items: baseline;} 
.branch_add_box.al_start {align-items: flex-start;} 
.branch_add_box .bab_tit {display: inline-block; margin-bottom: 6px; margin-right: 6px; font-size: 14px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.branch_add_box textarea.bab_input {resize: none; display: inline-block; padding: 10px 16px; border-radius: 8px; width: calc(100% - 34px); border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.branch_add_box input.bab_input {display: inline-block; padding: 11px 14px; border-radius: 8px; width: calc(100% - 30px); border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.branch_add_box input.bab_input:disabled {background-color: #fafafa;} 
.branch_add_box span.bab_input {display: inline-block; padding: 11px 14px; border-radius: 8px; width: calc(100% - 110px); border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.bab_box_wrap .bab_input {width: calc(100% - 125px);} 
.branch_add_box .bab_bank_box {margin-right: 5px; position: relative; margin-bottom: 5px; width: calc(100% - 46px); padding: 11px 32px 11px 12px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.branch_add_box .bab_bank_box .placehplder {display: flex; align-items: center; font-size: 16px; font-weight: normal; line-height: 1.45; letter-spacing: -0.3px; color: #c8c8c8;} 
.branch_add_box .bab_bank_box .bab_bank {display: flex; align-items: center; font-size: 16px; font-weight: bold; line-height: 1.45; letter-spacing: -0.3px; color: #000000;} 
.branch_add_box .bab_bank_box .bab_bank i {margin-right: 5px;} 
.branch_add_box .bab_bank_box .btn_bank_list {position: absolute; top: 0; right: 0px; padding: 15px 12px;} 
.branch_add_box .bab_bank_box .btn_bank_list i {display: block; background-image: url('../img/ico_arrow_small_d_right.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.branch_add_box .btn_owner {margin-left: 6px; margin-bottom: 7.5px; padding: 8px 15px; border-radius: 8px; border: 0; background-color: #efefef; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.branch_add_box .btn_zip_code {margin-left: 6px; margin-bottom: 7.5px; padding: 8px 15px; border-radius: 8px; border: 0; background-color: #efefef; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.bab_owner_wrap {display: flex; align-items: center;} 
.bab_owner_wrap button {margin-left: 5px; border: 0; width: 70px; height: 44.5px; border-radius: 8px; background-color: #efefef; font-size: 12px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.bab_adress_box .bab_input {word-wrap: break-word; word-break: keep-all;} 
.branch_add_box.bab_bank_pop .popup_layer {position: absolute; bottom: 20px; left: 0;} 
.branch_add_box.bab_bank_pop .pl_bank_box {overflow: auto; height: calc(100% - 27px); margin-top: 10px;} 
.branch_add_box.bab_bank_pop .pl_bank_box .plb_name {vertical-align: unset;} 
.branch_add_box.bab_bank_pop .popup_layer {display: none;} 
.branch_add_box.bab_bank_pop.on .popup_layer {display: block;} 
.branch_add_box.bab_code_pop .popup_layer {position: absolute; bottom: 20px; left: 0;} 
.branch_add_box.bab_code_pop .pl_bank_box {overflow: auto; height: calc(100% - 27px); margin-top: 10px;} 
.branch_add_box.bab_code_pop .popup_layer {display: none;} 
.branch_add_box.bab_code_pop.on .popup_layer {display: block;} 
.pl_code_box {margin-top: 10px; height: calc(100% - 17px); overflow: auto; overflow: hidden;} 
.plb_region_search {position: relative; margin-bottom: 5px;} 
.plb_region_search .plb_region {position: relative; padding: 11px 30.5px 11px 11px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.plb_region_search .plb_region span {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.plb_region_search .plb_region a.btn_plb_a {position: absolute; padding: 11.5px 11px; right: 0px; top: 0;} 
.plb_region_search .plb_region i {display: inline-block; background-image: url('../img/ico_arrow_small_d_down.png'); width: 15px; height: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.plb_region_search .region_list_box {display: none;} 
.plb_region_search.on .region_list_box {display: block;} 
.plb_code_fail {margin-top: 10px;} 
.plb_code_fail i {width: 36px; height: 36px;} 
.plb_code_fail .plbf_txt {display: block; margin: auto; margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.plb_code_fail .plbf_txt em {margin-top: 24px; margin-bottom: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.plb_code_fail .nomal_noti {display: block; margin: auto;} 
.region_list_box {position: absolute; z-index: 99; left: 0; top: 50px; height: 327px; width: calc(100% - 2px); background-color: #ffffff; border: solid 1px #c8c8c8;} 
.region_list_box > div {height: 100%; overflow: auto;} 
.region_list_box > div p {padding: 11px 11px 11px 21px; font-weight: normal; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #202020;} 
.region_list_box > div p.on {font-weight: bold;} 
.plb_input {margin-bottom: 5px; font-weight: bold; padding: 11px; width: calc(100% - 24px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 16px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.pl_code_box .nomal_noti {margin-bottom: 5px;} 
.btn_plb {padding: 11.5px 0; margin-bottom: 10px; width: 100%; border: 0; background-color: #71fbc8; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.plb_code_search {height: calc(100% - 247px);} 
.plb_code_search .pcs_header {display: flex; justify-content: space-between;} 
.plb_code_search .pcs_header span {display: inline-block; text-align: center; padding: 11.5px 0; background-color: #06346c; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #ffffff;} 
.plb_code_search .pcs_header span:first-child {width: 73%;} 
.plb_code_search .pcs_header span:last-child {width: 27%;} 
.pcs_list_box {height: calc(100% - 47px); overflow: auto;} 
.pcs_list_box .pcs_list {display: flex; justify-content: space-between;} 
.pcs_list_box .pcs_list em {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #202020;} 
.pcs_list_box .pcs_list div {padding: 10px; display: inline-block; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #202020;} 
.pcs_list_box .pcs_list div:first-child {width: calc(76% - 20px); border-bottom: 1px solid #c8c8c8;} 
.pcs_list_box .pcs_list div:last-child {width: calc(24% - 20px); border-bottom: 1px solid #c8c8c8;} 
.branch_manage {padding: 30px;} 
.branch_manage .btn_round {margin-bottom: 20px;} 
.branch_manage .bm_app_box {display: flex; justify-content: space-around; margin: 20px 0;} 
.branch_manage .bm_app_box div:first-child {margin-right: 4px;} 
.branch_manage .bm_app_box div p:first-child {margin-bottom: 10px; display: flex; justify-content: center; align-items: center; width: 118px; height: 100px; border-radius: 15px; background-color: #ffffff;} 
.branch_manage .bm_app_box div p:first-child i {display: block; background-image: url('../img/ico_hometax.png'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.branch_manage .bm_app_box div p:last-child.bm_app_aos i {display: inline-block; background-image: url('../img/ico_play_store.png'); width: 118px; height: 29.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.branch_manage .bm_app_box div p:last-child.bm_app_ios i {display: inline-block; background-image: url('../img/ico_app_store.png'); width: 118px; height: 29.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.branch_list_wrap {margin-top: 18px;} 
.branch_list_wrap .branch_list_box {margin-bottom: 11px;} 
.branch_list_wrap .branch_list_box .branch_order {margin-bottom: 6px; margin-left: -15px; width: calc(100% - 22px); padding: 5px 26px; background-color: #efefef; font-size: 12px; font-weight: bold; letter-spacing: -0.24px; text-align: left; color: #000000;} 
.branch_list_wrap .branch_list_box .blw_list {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; padding: 12.5px 14px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.branch_list_wrap .branch_list_box .blw_list span {width: 90%; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; text-align: left; color: #000000;} 
.branch_list_wrap .branch_list_box .blw_list span {width: 90%; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; text-align: left; color: #000000;} 
.branch_list_wrap .branch_list_box .blw_list input[type=checkbox] {display: block; width: 23px; height: 23px; background-color: #c8c8c8; border-radius: 50%; background-image: url(../img/stra_account.png); background-position: center; background-size: 13px; background-repeat: no-repeat;} 
.branch_list_wrap .branch_list_box .blw_list input[type=checkbox]:checked {background-color: #71fbc8;} 
.flt_add_branch, .flt_add_account {position: fixed; display: flex; justify-content: center; align-items: center; bottom: 21px; right: 21px; width: 50px; height: 50px; border-radius: 30px; background-color: #71fbc8; box-shadow: 0px 4px 7.5px 0 rgba(0, 0, 0, 0.15);} 
.flt_add_branch i, .flt_add_account i {display: inline-block; background-image: url('../img/ico_big_plus.png'); width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.branch_name_tit {display: flex; align-items: center; width: calc(100% - 34px); margin-top: 15px; padding: 0 5.5px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.branch_name_tit span {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.branch_name_tit input[type=checkbox] {margin-right: 7.5px; display: block; width: 23px; height: 23px; background-image: url('../img/stra_account.png'); background-color: #c8c8c8; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 13px; display: block;} 
.branch_name_tit input[type=checkbox]:checked {background-color: #71fbc8;} 
.branch_select_wrap {margin: 0 15px; margin-top: 17px; padding: 21px 26px; border: 1px solid #e1e1e1; border-radius: 8px; background-color: #fafafa;} 
.branch_select_wrap .branch_select_box {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;} 
.branch_select_wrap .branch_select_box:not(:last-child) {margin-bottom: 18px;} 
.branch_select_wrap .branch_select_box.al_base {display: flex; align-items: baseline;} 
.branch_select_wrap .branch_select_box.bd_btm {padding-bottom: 17px; border-bottom: 1px solid #c8c8c8;} 
.branch_select_wrap .branch_select_box > div.set_wd {width: calc(100% - 84.5px);} 
.branch_select_wrap .branch_select_box > div .logo_bank {width: 20px; height: 20px;} 
.branch_select_wrap .branch_select_box > div p {text-align: right;} 
.branch_select_wrap .branch_select_box .bsb_tit {display: inline-block; width: 42%; font-size: 15px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.branch_select_wrap .branch_select_box .bsb_b_name {line-height: 1; padding-right: 10px; border-right: 1px solid #c8c8c8; margin-right: 5px;} 
.branch_select_wrap .branch_select_box .bsb_date {font-size: 15px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #a9adb5;} 
.branch_select_wrap .branch_select_box .bsb_txt {font-size: 15px; text-align: right; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.branch_select_wrap .branch_select_box .bsb_txt em {font-size: 15px; text-align: right; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.branch_select_wrap .branch_select_box .btn_bsb {position: absolute; right: 0; border: 0; padding: 10px 6px; margin-left: 15px; border-radius: 8px; background-color: #71fbc8; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.branch_select_wrap .bsb_txt_wrap .bsb_bank p {display: flex; align-items: center;} 
.branch_select_wrap .bsb_txt_wrap .bsb_bank {width: 90px; font-size: 14px; font-weight: bold; line-height: 1.45; letter-spacing: -0.3px; color: #000000;} 
.branch_select_wrap .bsb_txt_wrap .bsb_bank i {margin-right: 5px; vertical-align: bottom;} 
.branch_select_wrap.type2 .branch_select_box .bsb_tit {display: inline-block; width: 50%; font-size: 15px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.branch_select_wrap.type2 .branch_select_box .bsb_txt {width: 50%; font-size: 15px; text-align: left; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.branch_select_wrap.type2 .branch_select_box .bsb_txt em {width: 50%; font-size: 15px; text-align: left; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.contact_box {display: flex; align-items: center; justify-content: center; padding: 21px 0;} 
.contact_box button.contact {border: 0; background-color: transparent; display: flex; align-items: center; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.contact_box button.contact:first-child {margin-right: 27px;} 
.contact_box button.contact i {margin-right: 6px; width: 36px; height: 36px; border-radius: 18px; background-color: #efefef;} 
.contact_box button.contact i.call {background-image: url('../img/ico_bxs_phone_g.png'); background-size: 18px 18px;} 
.contact_box button.contact i.map {background-image: url('../img/ico_bxs_map.png'); background-size: 14.5px 18.5px;} 
.contact_box button.contact i.service {background-image: url('../img/bx-support.png'); background-size: 18px 18px;} 
.cancel_tit {margin: 2.5px 0 15px 0; font-size: 22px; font-weight: bold; line-height: 1.3; letter-spacing: -0.44px; color: #000000; text-align: center;} 
.cancel_tit em {font-size: 22px; font-weight: bold; line-height: 1.5; letter-spacing: -0.44px; text-align: center;} 
.cancel_box .nomal_noti {width: 95%; word-wrap: break-word; word-break: keep-all;} 
.cancel_noti {margin: 15px 0;} 
.cancel_noti .nomal_noti {margin-left: -15px; color: #ff684a;} 
.cancel_noti .nomal_noti span {color: #ff684a;} 
.cancel_noti .nomal_noti span em {font-weight: bold;} 
.cancel_noti .cn_info span {display: block;} 
.cancel_noti .cn_info span em {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.cancel_noti button {margin-top: 15px; border-radius: 8px; width: calc(100% - 30px); padding: 11.5px 0; border: 0; background-color: #06346c; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #ffffff;} 
.cancel_reason .cr_tit {margin-left: 15px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.cancel_reason ul {margin: 14px 0 14px 27px;} 
.cancel_reason .cr_list {padding: 10.5px 0;} 
.cancel_reason .cr_list label {margin-left: 5px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; vertical-align: middle;} 
.cancel_reason .cr_list .cancel_input {display: none; margin-top: 20px; width: calc(100% - 60px); padding: 11px 16px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #a9adb5;} 
input[type=checkbox].cancel_ect:checked + label + .cancel_input {display: block;} 
.cancel_noti2 .crt_tit {margin-bottom: 15px; font-size: 14px; font-weight: bold; vertical-align: sub; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.cancel_noti2 .crt_tit i {display: inline-block; margin-right: 6px; vertical-align: sub; background-image: url('../img/ico_tr_fail.png'); width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cancel_noti2 .nomal_noti {margin-left: 15px; width: 85%; word-wrap: break-word; word-break: keep-all;} 
.cancel_noti2 .nomal_noti u {color: #ff684a;} 
.cancel_noti2 .nomal_noti u.cp_bold {font-weight: bold;} 
.cancel_terms_tit {margin-left: 15px; width: calc(100% - 55px); position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: -15px;} 
.cancel_terms_tit span {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.cancel_terms_tit a {padding: 15px; margin-right: -15px;} 
.cancel_terms_tit a i {display: block; margin: auto; background-image: url('../img/ico_arrow_small_d_right.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cancel_check_all {display: flex; margin: 15px 0 15px 15px; justify-self: center;} 
.cancel_check_all label {width: 90%; word-wrap: break-word; word-break: keep-all; margin-left: 5px; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.cancel_result {padding: 40% 0 0 0;} 
.cancel_result .cr_ico {display: block; margin: auto; background-image: url('../img/semo_crt2.png'); width: 132px; height: 102px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cancel_result .cr_tit {margin: 30px 0; display: block; width: 100%; font-size: 18px; line-height: 2.22; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.cancel_result .cr_txt {margin-bottom: 26px; display: block; width: 100%; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.cancel_info_wrap {padding: 0 15px;} 
.cancel_info_wrap .nomal_noti {margin-bottom: 23px; word-wrap: break-word; word-break: keep-all;} 
.cancel_info_wrap .cancel_info_tit {font-size: 17px; font-weight: bold; letter-spacing: -0.34px; text-align: center; color: #000000;} 
.cancel_info_wrap .cancel_info_tit span {font-size: 22px; font-weight: bold; line-height: 1.82; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.cancel_info_wrap .cancel_info_tit em {color: #0095ff; font-size: 17px; font-weight: bold; letter-spacing: -0.34px; text-align: center;} 
.cancel_info_wrap .cancel_info_txt {margin: 30px auto; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.cancel_info_box {padding: 20px; margin-bottom: 20px; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.cancel_info_box p {display: flex; align-items: center; justify-content: space-between;} 
.cancel_info_box p.ciib_width {width: 225px; margin: auto;} 
.cancel_info_box p:not(:last-child) {margin-bottom: 15px;} 
.cancel_info_box .ci_tit {display: inline-block; margin-right: 15px; font-size: 16px; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.cancel_info_box .ci_txt {font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.account_info_box {padding: 20px 21px; border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa;} 
.account_info_box p:not(:last-child) {margin-bottom: 17.5px; display: flex; align-items: center;} 
.account_info_box p span:first-child {display: inline-block; width: 20%; font-weight: normal; font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.account_info_box p span:last-child {display: inline-block; width: 70%; font-weight: bold; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.account_use_box {padding: 0 15px 0 7.5px;} 
.account_use_box .account_use_register {padding-left: 7.5px; display: flex; align-items: center; justify-content: space-between;} 
.account_use_box .account_use_register p {display: flex; align-items: center;} 
.account_use_box .account_use_register .aur_tit {font-weight:bold; margin-right: 15px; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.account_use_box .account_use_register .aur_txt {font-weight:bold; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #a9adb5;} 
.account_use_box .account_use_register .aur_btn {display: flex; align-items: center; font-weight:bold; padding: 9px; border-radius: 8px; border: solid 1px #636363; background-color: #ffffff; font-size: 13px; line-height: 1.19; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.account_use_box .account_use_register .aur_btn i {margin-right: 5px; width: 10px; height: 12px; background-image: url('../img/ico_work.png'); background-size: contain;} 
.account_use_memo {display: flex; align-items: center; border-bottom: 2px solid #484848; padding-bottom:2.5px} 
.account_use_memo i {margin-right: 4px; background: url('../img/ico_pen.png'); display: block; width: 21px; height: 21px; background-size: contain;} 
.account_use_memo input {margin-bottom: 3px; border: none; font-weight: bold; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #484848; width: 85%;} 
.account_use_memo input::-webkit-input-placeholder {color: #484848; font-weight: bold !important;} 
.account_use_memo input:-moz-placeholder {color: #484848; font-weight: bold !important;} 
.account_use_memo input::-moz-placeholder {color: #484848; font-weight: bold !important;} 
.account_use_memo input:-ms-input-placeholder {color: #484848; font-weight: bold !important;} 
.account_use_check input[type=checkbox] {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none; padding-left: 7px;} 
.account_use_check input[type=checkbox]:checked {background-image:url('../img/ico_tr_suc.png');} 
.account_use_check input[type=checkbox] + label {width: 87%; margin-left: 6px; font-size: 15px; line-height: 1.14; letter-spacing: -0.28px; text-align: left; color: #a9adb5;} 
.account_use_check input[type=checkbox] + label span {font-size: 15px; line-height: 1.14; letter-spacing: -0.28px; text-align: left; color: #636363;} 

/* 카드 매출 */
.card_sales_wrap {margin: 15px 0;} 
.card_sales_box:not(:last-child) {margin-bottom: 15px;} 
.card_sales_box .cs_date {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.card_sales_box ul {margin-top: 10px;} 
.card_sales_box ul .cs_list {padding: 15px 26px; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.card_sales_box ul .cs_list:not(:last-child) {margin-bottom: 8px;} 
.card_sales_box ul .cs_list p:first-child {width: 55%;} 
.card_sales_box ul .cs_list p:first-child span {display: block;} 
.card_sales_box ul .cs_list p:first-child span:first-child {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #202020;} 
.card_sales_box ul .cs_list p:first-child span:first-child + span {margin-top: 6px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.card_sales_box ul .cs_list p:last-child {width: 45%; text-align: right; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.card_sales_box ul .cs_list p:last-child em {word-break: break-all; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 

/* 카드직원 관리 */
.employee_wrap {margin: 15px 0;} 
.employee_list {padding: 19px 11px; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);} 
.employee_list:not(:last-child) {margin-bottom: 10px;} 
.employee_list div {width: 56px; height: 56px; margin-right: 11px;} 
.employee_list div .ico_elp {display: block; width: 56px; height: 56px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.employee_list div .ico_elp.man {background-image: url('../img/ico_man.png');} 
.employee_list div .ico_elp.woman {background-image: url('../img/ico_woman.png');} 
.employee_list p:nth-child(2) {width: calc(100% - 152px);} 
.employee_list p:nth-child(2) .el_name {vertical-align: middle; margin-right: 8px; font-size: 19px; font-weight: bold; line-height: 1.47; letter-spacing: -0.38px; color: #202020;} 
.employee_list p:nth-child(2) .el_state {display: inline-block; width: 40px; height: 20px; text-align: center; border-radius: 10px; background-color: #71fbc8; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px; color: #06346c;} 
.employee_list p:nth-child(2) .el_account {margin-top: 7.5px; display: block; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.employee_list p:nth-child(3) {width: 105px;} 
.employee_list p:nth-child(3) span {text-align: right; display:block; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #a9adb5;} 
.employee_list p:nth-child(3) em {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #a9adb5;} 
.employee_list.off {border: solid 1px #c8c8c8; box-shadow: none;} 
.employee_list.off div .ico_elp.man {background-image: url('../img/ico_man_g.png');} 
.employee_list.off div .ico_elp.woman {background-image: url('../img/ico_woman_g.png');} 
.employee_list.off p:nth-child(2) .el_name {color: #c8c8c8;} 
.employee_list.off p:nth-child(2) .el_state {background-color: #c8c8c8; color: #ffffff;} 
.employee_list.off p:nth-child(2) .el_account {color: #c8c8c8;} 
.employee_list.off p:nth-child(3) span {color: #c8c8c8;} 
.employee_list.off p:nth-child(3) em {color: #c8c8c8;} 

/* 더보기 */
.setting_box {position: relative; top: 0; left: 0; height: 100%;} 
.set_intro {display: flex; align-items: center; margin-top: 5px;} 
.set_intro i {margin-right: 14px; vertical-align: middle; display: inline-block; background-image: url('../img/semo_crt2.png'); width: 55px; height: 68.5px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.set_intro div {display: flex; align-items: center; justify-content: left; background-image: url('../img/bg_semo.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 84px; width: calc(100% - 69px); height: 84px; font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.set_intro div span {display: inline-block; margin-left: 14%;} 
.account_none_box {margin-top: 45px;} 
.ico_fail {display: block; margin: auto; background-image: url('../img/ico_tr_fail.png'); width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.anb_tit {font-weight: bold; margin-top: 20px; margin-bottom: 20px; display: block; font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.anb_txt {display: block; width: 50%; margin: auto; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.anb_txt i {margin-right: 6px; vertical-align: middle; display: inline-block; background-image: url('../img/ico_small_plus.png'); width: 21px; height: 21px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_change {margin: 21px 0; width: 100%; font-size: 15px; font-weight: bold; line-height: 1.07; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.change_tit {width: 100%; text-align: center; margin-bottom: 21px;} 
.change_tit p {margin-bottom: 7.5px; font-size: 22px; font-weight: bold; line-height: 1.5; letter-spacing: -0.44px; color: #000000;} 
.change_tit span {font-size: 17px; font-weight: bold; line-height: 1.5; letter-spacing: -0.34px; color: #000000;} 
.change_tit span em {font-size: 17px; font-weight: bold; letter-spacing: -0.34px;} 
.change_result_wrap {padding: 0 15px;} 
.change_result_wrap .nomal_noti {width: 90%; word-wrap: break-word; word-break: keep-all; margin: auto; color: #ff684a;} 
.change_result_wrap .nomal_noti span {color: #ff684a;} 
.change_result_wrap .noti_change {margin-bottom: 30px;} 
.cr_result_box {padding-top: 85px; margin-bottom: 30px;} 
.cr_result_box .ico_cr_result {margin: auto; background-image: url('../img/ico_tr_suc.png'); margin-bottom: 38px; display: block; width: 44px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.cr_result_box .cr_result {display: flex; align-items: center; width: 70%; margin: auto;} 
.cr_result_box .cr_result em {display: block; margin: auto; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.cr_result_box .cr_result em.cr_perv {font-size: 18px; line-height: 2.22; letter-spacing: -0.36px; color: #a9adb5;} 
.cr_result_box .cr_result em.cr_curr {font-size: 24px; font-weight: bold; line-height: 1.67; letter-spacing: -0.48px; color: #000000;} 
.cr_result_box .cr_result .ico_cr_arr {display: flex;} 
.cr_result_box .cr_result .ico_cr_arr i {display: inline-block; width: 10px; background-image: url('../img/ico_arrow_small_d_right.png'); height: 15.6px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.withdraw_tit {position: absolute; width: calc(100% + 30px); background: #fafafa; left: -15px; padding-top: 81.5px; height: 131.5px; top: -20px;} 
.withdraw_tit.type2 {position: unset; width: unset; background: #ffffff; padding-top:50px; height: unset;} 
.withdraw_tit p {margin-bottom: 12px; font-size: 24px; font-weight: bold; line-height: 1.48; letter-spacing: -0.48px; text-align: center; color: #000000;} 
.withdraw_tit span {display: block; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: center; color: #000000;} 
.withdraw_card {position: absolute; top: 148.5px; z-index: 2; width: 275px; display: block; left: 50%; margin-left: -137.5px; padding-top: 1px; height: 158px; border-radius: 8px; background: linear-gradient(to bottom, #1c8fca 0%, #1c8fca 66.8%, #1c8fca 66.8%, #06346c 66.8%, #06346c 100%);} 
.withdraw_card p {display: flex; padding: 0 15px; justify-content: space-between; align-items: center;} 
.withdraw_card > p:nth-child(1) {margin-top: 22px;} 
.withdraw_card > p:nth-child(2) {margin-top: 19px;} 
.withdraw_card > p:nth-child(2) span {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; color: #ffffff;} 
.withdraw_card > p:nth-child(3) {margin-top: 22px;} 
.withdraw_card > p:nth-child(3) span {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #ffffff;} 
.withdraw_card > p:nth-child(3) em {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; color: #ffffff;} 
.withdraw_card .bank_logo_ibk {display: block; background-image: url('../img/logo_b_ibk_f.png'); width: 118.1px; height: 23.9px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.withdraw_card2 {position: relative; background-color: #003d8d; position: absolute; top: 148.5px; z-index: 2; width: 275px; display: block; left: 50%; margin-left: -137.5px; padding-top: 1px; height: 158px; border-radius: 8px;} 
.withdraw_card2 p:first-child {position: absolute; top: 10px; left: 10px;} 
.withdraw_card2 p:last-child {position: absolute; bottom: 15px; right: 15px;} 
.withdraw_card2 p:last-child span {display: block;} 
.withdraw_card2 p.wc_txt {position: absolute; top: 54px; left: 16px; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.withdraw_card2 .logo_bank {width: 44px; height: 44px;} 
.withdraw_card2 .wc_bank {vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #ffffff;} 
.withdraw_card2 .wc_account {margin-bottom: 5.5px; font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #ffffff;} 
.withdraw_card2 .wc_company {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: right; color: #ffffff;} 
.withdraw_card2 .wc_virtual {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #ffffff;} 
.withdraw_info {position: absolute; top: 340px; left: 50%; width: 72%; margin-left: -36%;} 
.withdraw_info p.wi_width {display: flex; justify-content: space-between; align-items: center;} 
.withdraw_info p:not(:last-child) {margin-bottom: 12.5px;} 
.withdraw_info .wi_tit {display: flex; align-items: flex-start; margin-right: 25px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.withdraw_info .wi_txt {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #202020;} 
.withdraw_info .wi_dot {display: inline-block; margin-right: 8px; margin-top: 4px; width: 5px; height: 5px; border-radius: 2.5px; background-color: #202020; vertical-align: middle;} 

/* sns */
.app_list_wrap {width: 100%; margin-top: 22px;} 
.app_list_box {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 68.5px 68.5px; gap: 5px; overflow: auto; padding-bottom: 5px; max-height: 140.5px;} 
.app_list_box .app_list {border-radius: 8px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-bottom: 1px; margin-right: 1px; background-color: #ffffff; border: 1px solid #efefef;} 
.app_list_box .app_list:nth-child(3n) {margin-right: 0;} 
.app_list_wrap .app_list_box .app_list i {display: block; margin: auto; background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%;} 
.app_list_back {width: calc(100% + 30px); margin-left: -15px; background-color: #f8f8f8; padding-bottom: 31px; height: calc(100% - 63px); overflow: auto;} 
.app_list_back .app_list_wrap {margin-top: unset; padding-top: 11px;} 
.app_list_back .app_list_box {width: calc(100% - 30px); margin-left: 15px;} 
.app_list_change {margin-top: 22px; display: flex; align-items: center;} 
.app_list_change span {font-size: 0.938em; text-decoration: underline; color: #a9adb5; display: flex;} 
.app_list_change p {font-size: 15px;} 
.day_content {display: flex; width: 100%; margin-bottom: 13px;} 
.day_list {width: 95%; height: 40px; display: flex; position: relative; justify-content: space-between; overflow: hidden;} 
.day_list label {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); z-index: 100; font-size: 14px;} 
.day_list select {width: calc(100% - 10px); height: 40px; position: relative; border:1px solid #c8c8c8; border-radius: 5px; padding: 0 10px; -webkit-appearance: none; font-size: 14px; background-color: transparent; z-index: 10;} 
.day_years label {right: 60px;} 
.day_month {justify-content: flex-end;} 
.day_btn {width: 40px; height: 40px; text-align: center; display: flex; align-items: center; background-color: #c8c8c8; position: absolute; right: 10px; z-index: 0; color: #ffffff; justify-content: center; font-size: 12px; border-radius: 0px 5px 5px 0px;} 
.day_month .day_btn {right: 0;} 
.day_button {width: 10px; height: 15px; background-position: center; background-size: 10px; background-repeat: no-repeat; padding: 10px; text-align: right;} 
.day_button.left {background-image: url(../img/ico_arrow_small_b_left.png);} 
.day_button.right {background-image: url(../img/ico_arrow_small_b_right.png);} 
.deli_pay_wrap {width: calc(100% - 30px); margin-left: 15px; background-color: #ffffff; position: relative; margin-top: 20px;} 
.deli_pay_cell.hide {display: none;} 
.deli_pay_cell .deli_pay_info {display: flex; flex-direction: column; padding: 0 32px; align-items: center; padding-top: 45px;} 
.deli_pay_cell .deli_pay_info_ico {width: 30px; height: 30px; background-image: url(../img/ico_bg_gray.png); background-size: contain;} 
.deli_pay_cell .deli_pay_info > span {color: #a9adb5; font-size: 0.938em; text-align: left; display: flex; margin-top:15px;} 
.deli_pay_cell .deli_pay_info > span > p {color: #cfcfcf; font-size: 0.813em;} 
.deli_pay_wrap::before {content: ""; width: 100%; height: 12px; position: absolute; background-image: url(../img/bill_shadow_top.png); background-size: 105%; background-repeat: no-repeat; background-position: center; z-index: 100; top: -12px; left: 0;} 
.deli_pay_wrap::after {content: ""; width: 100%; height: 12px; position: absolute; background-image: url(../img/bill_shadow_bottom.png); background-size: 105%; background-repeat: no-repeat; background-position: center; z-index: 100; bottom: -12px; left: 0;} 
.deli_pay_title {padding: 18px 18px 0px 18px;} 
.deli_pay_top p {font-size: 0.813em;} 
.deli_pay_con {color: #000000; display: flex; flex-direction: column; margin-bottom: 17px; border-bottom: 1px solid #c8c8c8;} 
.deli_pay_top {display: flex; align-items: center; justify-content: space-between;} 
.deli_pay_con span:last-child {margin-bottom: 17px;} 
.deli_pay_con span:last-child b {font-size: 1.563em; letter-spacing: -1px;} 
.deli_pay_con span:last-child b.won::before {content: "￦"; font-size: 25px; margin-right: 3px;} 
.deli_pay_con span:last-child {display: flex; align-items: center;} 
.deli_pay_con span:last-child i {background-image: url(../img/ico_info_g.png); background-size: contain; width: 20px; height: 20px; margin-left: 5px;} 
.deli_notice {width: calc(100% - 30px); padding: 0 15px; margin-top: 19px; font-size: 0.875em; color: #8b8e94; display: flex;} 
.deli_pay_con span div {font-size: 0.813em; padding: 3px 10px 3px 10px; background-color: #fafafa; border: 1px solid #c8c8c8; border-radius: 15px;} 
.deli_pay_text {display: flex; flex-direction: column; padding: 0 18px; color: #000000; overflow: auto;} 
.deli_pay_text > span {display: flex; justify-content: space-between; margin-bottom: 16px;} 
.deli_pay_text span > p {display: flex; justify-content: flex-start; font-size: 0.875em;} 
.deli_pay_text span > b {font-size: 0.875em;} 
.app_list_wrap .app_list_box .app_list i.logo_al_all {background-image: url('../img/logo_al_all_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1 {background-image: url('../img/logo_app_1_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_2 {background-image: url('../img/logo_app_2_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_3 {background-image: url('../img/logo_app_3_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_4 {background-image: url('../img/logo_app_4_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_5 {background-image: url('../img/logo_app_5_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_6 {background-image: url('../img/logo_app_6_off.png'); background-size: 73.5px 17px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_7 {background-image: url('../img/logo_app_7_off.png'); background-size: contain;} 
.app_list_wrap .app_list_box .app_list i.logo_al_8 {background-image: url('../img/logo_app_8_off.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_9 {background-image: url('../img/logo_app_9_off.png'); background-size: 70px 17px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_10 {background-image: url('../img/logo_app_10_off.png'); background-size: 52px 17.5px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_11 {background-image: url('../img/logo_app_11_off.png'); background-size: 82.5px 16.5px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_12 {background-image: url('../img/logo_app_12_off.png'); background-size: 80px 14px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_13 {background-image: url('../img/logo_app_13_off.png'); background-size: 66px 28px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_14 {background-image: url('../img/logo_app_14_off.png'); background-size: 80.5px 24px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_15 {background-image: url('../img/logo_app_15_off.png'); background-size: 81.5px 9px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_16 {background-image: url('../img/logo_app_16_off.png'); background-size: 66.5px 17.5px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_all {background-image: url('../img/logo_al_all_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1 {background-image: url('../img/logo_app_1_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_2 {background-image: url('../img/logo_app_2_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_3 {background-image: url('../img/logo_app_3_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_4 {background-image: url('../img/logo_app_4_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_5 {background-image: url('../img/logo_app_5_on.png'); background-size: 55.5px 24px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_6 {background-image: url('../img/logo_app_6_on.png'); background-size: 73.5px 17px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_7 {background-image: url('../img/logo_app_7_on.png'); background-size: 53.5px 26.5px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_8 {background-image: url('../img/logo_app_8_on.png'); background-size: 90px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_9 {background-image: url('../img/logo_app_9_on.png'); background-size: 70px 17px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_10 {background-image: url('../img/logo_app_10_on.png'); background-size: 52px 17.5px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_11 {background-image: url('../img/logo_app_11_on.png'); background-size: 82.5px 16.5px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_12 {background-image: url('../img/logo_app_12_on.png'); background-size: 80px 14px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_13 {background-image: url('../img/logo_app_13_on.png'); background-size: 66px 28px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_14 {background-image: url('../img/logo_app_14_on.png'); background-size: 80.5px 24px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_15 {background-image: url('../img/logo_app_15_on.png'); background-size: 81.5px 9px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_16 {background-image: url('../img/logo_app_16_on.png'); background-size: 66.5px 17.5px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1010 {background-image: url('../img/logo_app_1_off.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1020 {background-image: url('../img/logo_app_2_off.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1030 {background-image: url('../img/logo_app_4_off.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1040 {background-image: url('../img/logo_app_3_off.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list i.logo_al_1050 {background-image: url('../img/logo_app_8_off.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1010 {background-image: url('../img/logo_app_1_on.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1020 {background-image: url('../img/logo_app_2_on.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1030 {background-image: url('../img/logo_app_4_on.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1040 {background-image: url('../img/logo_app_3_on.png'); background-size: 85px;} 
.app_list_wrap .app_list_box .app_list.on i.logo_al_1050 {background-image: url('../img/logo_app_8_on.png'); background-size: 85px;} 
.deli_icon div.logo_al_1010 {background-image: url('../img/logo_app_1_on.png'); background-size: 80%;} 
.deli_icon div.logo_al_1020 {background-image: url('../img/logo_app_2_on.png'); background-size: 80%;} 
.deli_icon div.logo_al_1030 {background-image: url('../img/logo_app_4_on.png'); background-size: 80%;} 
.deli_icon div.logo_al_1040 {background-image: url('../img/logo_app_3_on.png'); background-size: 80%;} 
.deli_icon div.logo_al_1050 {background-image: url('../img/logo_app_8_on.png'); background-size: 80%;} 

/* 배달앱 */
.origin_title span {font-size: 1em; color: #000000; font-weight: bold;} 
.origin_text {margin-top: 10px;} 
.origin_text span {display: flex;} 
.origin_text span {font-size: 0.875em; color: #000000;} 
.deli_log {width: calc(100% - 32px); margin-top: 16px;} 
.deli_log input {width: 100%; padding: 10px 16px; border: 1px solid #a9adb5; background-color: #ffffff; border-radius: 8px; color: #000000; font-size: 15px; font-weight: bold;} 
.deli_log input::-webkit-input-placeholder {color: #a9adb5;} 
.deli_log .deli_pass {margin-top: 10px;} 
.deli_log + .app_list_change span {padding-left: 6px; display: flex;} 
.deli_log + .app_list_change span p {text-decoration: underline;} 
.deli_certi {width: calc(100% + 30px); margin-left: -15px; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; padding: 38.5px 0 0;} 
.deli_certi .deli_icon {width: 169px; height: 69px; display: flex; justify-content: center;} 
.deli_certi .deli_icon > div {background-position: center; background-repeat: no-repeat; background-size: 100%; width: 100%; height: 69px;} 
.deli_certi .deli_icon > div.logo_al_1 {background-image: url(../img/logo_app_1_on.png)} 
.deli_certi .deli_icon > div.logo_al_2 {background-image: url(../img/logo_app_2_on.png)} 
.deli_certi .deli_icon > div.logo_al_3 {background-image: url(../img/logo_app_3_on.png)} 
.deli_certi .deli_icon > div.logo_al_4 {background-image: url(../img/logo_app_4_on.png)} 
.deli_certi .deli_icon > div.logo_al_5 {background-image: url(../img/logo_app_8_on.png)} 
.deli_certi .deli_icon > div.r_complete {background-image: url(../img/btn_check_on_ibk.svg); width: 60px; height: 60px;} 
.deli_certi .deli_icon > div.r_fail {background-image: url(../img/r_fail.png); width: 60px; height: 60px;} 
.deli_certi .deli_check {font-size: 1em; color: #222222; margin-top:0;} 
.deli_complete_text {display: flex; position: absolute; bottom: -16px; left: 7.5px;} 
.deli_complete_text p {font-size: 0.813em; color: #cfcfcf;} 
.deli_change {display: flex; flex-direction: column; gap: 26px; margin-top: 45px; padding-left: 11px;} 
.deli_change span {font-size: 0.938em; color: #a9adb5; text-decoration: underline;} 
.deli_change + .app_list_change {margin-top: 26px; padding-left: 11px;} 
.deli_center_con {margin-top: 27px; width: 100%; display: flex; justify-content: center;} 
.deli_center_con.hide {display: none;} 
.deli_center {display: flex; flex-direction: column; width: 50%; gap: 18px;} 
.deli_center span {font-size: 16px;} 
.deli_center:first-child {width: 18%; justify-content: center; text-align: left; padding-left: 83.5px; color: #a9adb5;} 
.deli_center:last-child {font-weight: bold; color: #000000; padding-left: 50px;} 
.setting_box > .deli_center_con .deli_center:first-child {width: 20%; padding-left: 68.5px;} 
.deli_center_con .deli_fail {width: 221px;} 
.deli_center_con .deli_fail span {text-align: center; font-size: 0.938em; color: #ff684a; width: 100%;} 

/* 공지사항 리뉴얼 버전*/
.common_search_box {position: relative; width: 100%; height: 36px; border-bottom: solid 1px #000000; background-color: #ffffff;} 
.common_search_box .search_input {position: absolute; top: 0; left: 0; font-weight: bold; width: calc(100% - 38px); height: 22px; border: 0; border-radius: 8px; padding: 7px 0; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.common_search_box .search_btn {position: absolute; padding: 9px 10px; right: 0px; top: 0;} 
.common_search_box .search_btn i {display: block; background-image: url('../img/ico_search.png'); width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_list_wrap {margin-top: 14px;} 
.noti_list_wrap .nlw_list {position: relative; padding: 15px; margin-bottom: 12px; border-radius: 8px; border: solid 1px #b7b7b7; background-color: #ffffff;} 
.noti_list_wrap .nlw_list p.nlw_tit {width: 90%; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.noti_list_wrap .nlw_list p.nlw_tit span:last-child {vertical-align: middle; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.noti_list_wrap .nlw_list p.nlw_date {font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.noti_list_wrap .nlw_list .nlw_btn {position: absolute; padding: 15px 15px; right: 0; top: 50%; margin-top: -22.5px;} 
.noti_list_wrap .nlw_list .nlw_btn i {display: block; background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_list_wrap .nlw_list p.nlw_new {display: none; position: absolute; right: 15px; top: 19px; align-items: center; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; color: #ff684a;} 
.noti_list_wrap .nlw_list p.nlw_new i {margin-left: 6px; display: block; width: 8px; height: 8px; border-radius: 4px; background-color: #ff684a;} 
.noti_list_wrap .nlw_list.on p.nlw_new {display: flex;} 
.noti_list_wrap .nlw_list.on p.nlw_tit {width: 85%} 
.noti_list_wrap .nlw_list.off {box-shadow: none; border: solid 1px #c8c8c8;} 
.noti_list_wrap .nlw_list.off p.nlw_txt i {display: none;} 
.noti_list_wrap .nlw_list.off p.nlw_tit span {font-weight: normal;} 
.common_detail_q {display: flex;} 
.common_detail_q i {font-style: normal; margin-right: 5px; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.common_detail_q p span.cd_tit {word-wrap: break-word; word-break: keep-all; display: inline-block; margin-bottom: 8px; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.common_detail_q p span.cd_date {display: inline-block; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.common_detail_a {display: flex; margin-top: 15px;} 
.common_detail_a i {font-style: normal; margin-right: 5px; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.common_detail_a p {word-wrap: break-word; word-break: keep-all; font-size: 17x; line-height: 1.47; letter-spacing: -0.34px; text-align: left; color: #000000;} 
.clw_result {padding: 50% 0;} 
.clw_result i {margin-bottom: 10px;} 
.clw_result p {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 

/* 자주하는 질문 */
.noti_search_box {position: relative; width: 100%; height: 36px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.noti_search_box .search_input {position: absolute; top: 0; left: 0; width: calc(100% - 70px); height: 22px; border: 0; border-radius: 8px; padding: 7px 15px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.noti_search_box .search_btn {position: absolute; padding: 9px 10px; right: 0px; top: 0;} 
.noti_search_box .search_btn i {display: block; background-image: url('../img/ico_search.png'); width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.common_list_wrap {margin-top: 14px;} 
.common_list_wrap .clw_list {position: relative; padding: 15px; margin-bottom: 12px; border-radius: 8px; border: solid 1px #b7b7b7; background-color: #ffffff;} 
.common_list_wrap .clw_list p.clw_tit {width: 90%; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.common_list_wrap .clw_list p.clw_tit span {vertical-align: middle; font-size: 17px; font-weight: normal; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.common_list_wrap .clw_list p.clw_date {font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.common_list_wrap .clw_list .clw_btn {position: absolute; padding: 15px 15px; right: 0; top: 50%; margin-top: -22.5px;} 
.common_list_wrap .clw_list .clw_btn i {display: block; background-image: url('../img/btn_arr_right_b.png'); width: 10px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 1:1문의 */
.enquiry_wrap .enquiry_list {margin-bottom: 10px;} 
.enquiry_wrap .enquiry_list.on .enquiry_txt {display: block;} 
.enquiry_wrap .enquiry_list.on .enquiry_answer {display: flex;} 
.enquiry_wrap .enquiry_list .enquiry_tit {position: relative; padding: 15px; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.enquiry_wrap .enquiry_list .enquiry_tit .en_tit {display: flex; align-items: center;} 
.enquiry_wrap .enquiry_list .enquiry_tit .en_tit span {width: calc(100% - 75px); font-size: 13px; font-weight: bold; line-height: 1.47; letter-spacing: -0.28px; color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical} 
.enquiry_wrap .enquiry_list .enquiry_tit .en_tit i {display: none; margin-left: 5px; background-image: url('../img/ico_photo2.png'); width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .enquiry_list .enquiry_tit .en_date {margin-top: 8px; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.enquiry_wrap .enquiry_list .enquiry_tit .en_state {position: absolute; top: 50%; right: 15px; margin-top: -11px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: right;} 
.enquiry_wrap .enquiry_list .enquiry_tit.on .en_tit span {width: calc(100% - 100px);} 
.enquiry_wrap .enquiry_list .enquiry_tit.on .en_tit i {display: block;} 
.enquiry_wrap .enquiry_list .enquiry_txt {display: none; margin-top: -16px; padding: 30px 15px 15px 15px; border: solid 1px #d5d5d5; background-color: #ffffff;} 
.enquiry_wrap .enquiry_list .enquiry_txt p {word-wrap: break-word; word-break: keep-all; font-size: 13px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.enquiry_wrap .enquiry_list .enquiry_txt div {display: none; margin-top: 20px;} 
.enquiry_wrap .enquiry_list .enquiry_txt div i {border-radius: 8px; display: inline-block; width: 27vw; height: 21vw; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .enquiry_list .enquiry_txt div i:not(:last-child) {margin-right: 6.5px;} 
.enquiry_wrap .enquiry_list.on .enquiry_txt div {display: flex;} 
.enquiry_wrap .enquiry_list .enquiry_answer {padding: 15px 0 0 15px; display: none; justify-content: space-between;} 
.enquiry_wrap .enquiry_list .enquiry_answer > i {display: block; width: 10px; height: 10px; border-left: 2.5px solid #a9adb5; border-bottom: 2.5px solid #a9adb5;} 
.enquiry_wrap .enquiry_list .enquiry_answer > div {width: 90%;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(1) {margin-bottom: 10px;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(1) i {vertical-align: middle; display: inline-block; width: 57.5px; height: 18.5px; background-image: url('../img/logo_semo.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(1) i.ibk {vertical-align: middle; display: inline-block; width: 83px; height: 12.5px; background-image: url('../img/logo_ibk.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(1) span {vertical-align: middle; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(2) {word-wrap: break-word; word-break: keep-all; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(3) {margin-top: 10px;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(3) i {border-radius: 8px; display: inline-block; width: 23vw; height: 18vw; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .enquiry_list .enquiry_answer div > p:nth-child(3) i:not(:last-child) {margin-right: 6.5px;} 
.enquiry_wrap .en_user {margin-bottom: 15px;} 
.enquiry_wrap .en_user span {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -1.1px; color: #000000;} 
.enquiry_wrap .en_write {padding: 12px 15px; width: calc(100% - 30px); height: 134px; resize: none; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.enquiry_wrap .en_attach_box {margin-top: 10px; display: flex; align-items: center; justify-content: center;} 
.enquiry_wrap .en_attach_box .em_img {width: 28vw; height: 22vw; background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 18px; line-height: 1.5; letter-spacing: -0.72px; color: #ffffff;} 
.enquiry_wrap .en_attach_box .em_img:not(:last-child) {margin-right: 7.5px;} 
.enquiry_wrap .en_attach_box .em_img div {display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); width: 28vw; height: 22vw; font-size: 18px; line-height: 1.5; letter-spacing: -0.72px; color: #ffffff;} 
.enquiry_wrap .en_attach_box .em_img i {display: block; background-image: url('../img/ico_close.png'); width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .en_attach_box .en_attach {width: 100%; height: 75px; border-radius: 8px; box-shadow: 0 4px 7.5px 0 rgba(0, 0, 0, 0.1); border: solid 1px #000000; background-color: #ffffff; font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; color: #000000;} 
.enquiry_wrap .en_attach_box .en_attach i {display: inline-block; margin-right: 12px; vertical-align: sub; width: 30px; height: 26.6px; background-image: url('../img/ico_camera2.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.enquiry_wrap .en_attach_box .en_attach.small {width: 28vw; height: 22vw; text-align: center; font-size: 18px; line-height: 1.5; letter-spacing: -0.72px; color: #000000;} 
.enquiry_wrap .en_attach_box .en_attach.small i {display: block; margin-right: 0; margin-top: 5px; margin: auto; width: 25px; height: 22.2px;} 
.enquiry_wrap .en_terms {margin-top: 15px; position: relative;} 
.enquiry_wrap .en_terms input {vertical-align: middle; margin-right: 5px;} 
.enquiry_wrap .en_terms span {vertical-align: middle; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.enquiry_wrap .en_terms .btn_en_terms {position: absolute; padding: 5px; top: 50%; right: -5px; margin-top: -10.5px;} 
.enquiry_wrap .en_terms .btn_en_terms i {display: block; width: 10px; height: 15px; background-image: url('../img/btn_arr_right_b.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 

/* 카드 정보 */
.card_info {border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa; padding: 20px;} 
.card_info p {display: flex; justify-content: flex-start;} 
.card_info p:not(:last-child) {margin-bottom: 15px;} 
.card_info > div {display: flex; justify-content: flex-start;} 
.card_info > div:not(:last-child) {margin-bottom: 15px;} 
.card_info span.ci_tit {display: flex; align-items: center; width: 42%; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.card_info span.ci_tit.set_al {display: flex; align-items: flex-start; width: 40%; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.card_info span.ci_info {display: flex; align-items: center; width: 58%; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.card_info span.ci_info.set_fldir {flex-direction: column;} 
.card_info span.ci_info i {margin-right: 7px; width: 20px; height: 20px;} 
.card_info span.ci_info.error {font-weight: normal; color: #ff684a; width: 85%; display: inline-block; text-align: right; word-wrap: break-word; word-break: keep-all;} 
.card_info span.ci_info span {word-break: break-all;} 
.card_info span.ci_info button {margin-top: 3.5px; border: 0; padding: 2px 8px; width: 110px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #ff3d23; font-size: 14px; letter-spacing: -0.28px; color: #ffffff;} 
.card_info span.ci_check input[type="radio"] {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 20px; width: 20px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
.card_info span.ci_check input[type="radio"]:checked {background-image:url('../img/ico_result_success.png');} 
.card_info span.ci_check input[type="radio"] + label {margin-left: 6px; margin-right: 13px; vertical-align: middle; font-size: 14px; font-weight: normal; letter-spacing: -0.28px; color: #000000;} 
.card_info span.ci_check input[type="radio"]:checked + label {font-weight: bold;} 
.card_info span.ci_check.mg_set input[type="radio"] {margin-left: 0px;} 
.card_info span.ci_check.mg_set input[type="radio"] + label {margin-left: 3px;} 
.card_info .pop_wrap {position: relative; padding: 0;} 
.card_info .pop_wrap .popup_bg.posi_free {display: none;} 
.card_info .pop_wrap.on .posi_free {display: block;} 
.card_info .pop_wrap.on .info_popup {display: block;} 
.card_certi {margin-top: 15px;} 
.card_certi .title_sub {margin-bottom: 15px;} 
.card_certi .noti_star {padding: 0 11px; margin-left: 15px; margin-bottom: 15px;} 
.card_certi .noti_star:before {content:'※'} 

/* 카드 등록 */
.card_wrap {display: flex; flex-wrap: wrap;} 
.card_wrap .card_name {margin-bottom: 5px; display: flex; align-self: center; justify-content: center; width: 32%; height: 58.5px; border-radius: 8px; box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;} 
.card_wrap .card_name:not(:nth-child(3n)) {margin-right: 5px;} 
.card_wrap .card_name i {display: block; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.card_wrap .card_name.cl_1 i {width: 85px; background-image: url('../img/logo_d_card1_off.png');} 
.card_wrap .card_name.cl_2 i {width: 95px; background-image: url('../img/logo_d_card2_off.png');} 
.card_wrap .card_name.cl_3 i {width: 90px; background-image: url('../img/logo_d_card3_off.png');} 
.card_wrap .card_name.cl_4 i {width: 90px; background-image: url('../img/logo_d_card4_off.png');} 
.card_wrap .card_name.cl_5 i {width: 87px; background-image: url('../img/logo_d_card5_off.png');} 
.card_wrap .card_name.cl_6 i {width: 85px; background-image: url('../img/logo_d_card6_off.png');} 
.card_wrap .card_name.cl_7 i {width: 85px; background-image: url('../img/logo_d_card7_off.png');} 
.card_wrap .card_name.cl_8 i {width: 85px; background-image: url('../img/logo_d_card8_off.png');} 
.card_wrap .card_name.cl_9 i {width: 80px; background-image: url('../img/logo_d_card9_off.png');} 
.card_wrap .card_name.cl_10 i {width: 80px; background-image: url('../img/logo_d_card10_off.png');} 
.card_wrap .card_name.on {width: calc(32% - 6px); height: 52.5px; border: solid 3px #71fbc8; background-color: #ffffff;} 
.card_wrap .card_name.cl_1.on i {width: 85px; background-image: url('../img/logo_d_card1.png');} 
.card_wrap .card_name.cl_2.on i {width: 95px; background-image: url('../img/logo_d_card2.png');} 
.card_wrap .card_name.cl_3.on i {width: 90px; background-image: url('../img/logo_d_card3.png');} 
.card_wrap .card_name.cl_4.on i {width: 90px; background-image: url('../img/logo_d_card4.png');} 
.card_wrap .card_name.cl_5.on i {width: 87px; background-image: url('../img/logo_d_card5.png');} 
.card_wrap .card_name.cl_6.on i {width: 85px; background-image: url('../img/logo_d_card6.png');} 
.card_wrap .card_name.cl_7.on i {width: 85px; background-image: url('../img/logo_d_card7.png');} 
.card_wrap .card_name.cl_8.on i {width: 85px; background-image: url('../img/logo_d_card8.png');} 
.card_wrap .card_name.cl_9.on i {width: 80px; background-image: url('../img/logo_d_card9.png');} 
.card_wrap .card_name.cl_10.on i {width: 80px; background-image: url('../img/logo_d_card10.png');} 
.common_result {padding: 10px 0;} 
.common_result i {margin-bottom: 10px;} 
.common_result p {font-size: 22px; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.common_result p span {font-size: 22px; font-weight: normal; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.common_result.type2 {padding: 27px 0;} 
.common_result.type3 {padding: 70px 0 27px 0;} 
.common_result.type2 i {margin-bottom: 20px;} 
.common_result.type2 + .nomal_noti {margin-top: 15px; margin-bottom: 53px;} 
.certi_list_wrap {padding: 0 11px;} 
.certi_list_wrap .certi_list {padding: 15px 20px 10px 20px; margin-bottom: 10px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.certi_list_wrap .certi_list > span {padding: 5px 0; display: inline-block; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.certi_list_wrap .certi_list li {display: flex; align-items: center; padding: 10px 0; font-size: 16px; font-weight: normal; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.certi_list_wrap .certi_list li i {margin-right: 6px; width:20px; height: 20px;} 
.logo_card {display: inline-block; margin-right: 6px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; min-width: 20px;} 
.logo_card.ico_lc30000001 {background-image: url('../img/ico_small_card2.png');} 
.logo_card.ico_lc30000002 {background-image: url('../img/ico_small_card6.png');} 
.logo_card.ico_lc30000003 {background-image: url('../img/ico_small_card3.png');} 
.logo_card.ico_lc30000004 {background-image: url('../img/ico_small_card8.png');} 
.logo_card.ico_lc30000006 {background-image: url('../img/ico_small_card1.png');} 
.logo_card.ico_lc30000060 {background-image: url('../img/ico_small_card1.png');} /* BC카드(기업) */
.logo_card.ico_lc30000061 {background-image: url('../img/ico_small_card1.png');} /* BC카드(대구) */
.logo_card.ico_lc30000062 {background-image: url('../img/ico_small_card1.png');} /* BC카드(부산) */
.logo_card.ico_lc30000063 {background-image: url('../img/ico_small_card1.png');} /* BC카드(경남) */
.logo_card.ico_lc30000064 {background-image: url('../img/ico_small_card1.png');} /* BC카드(SC) */
.logo_card.ico_lc30000008 {background-image: url('../img/ico_small_card5.png');} 
.logo_card.ico_lc30000009 {background-image: url('../img/ico_small_card9.png');} 
.logo_card.ico_lc30000015 {background-image: url('../img/ico_small_card8.png');} 
.logo_card.ico_lc30000017 {background-image: url('../img/ico_small_card7.png');} 
.logo_card.ico_lc30000018 {background-image: url('../img/ico_small_card10.png');} 
.logo_card.ico_lc30000019 {background-image: url('../img/ico_small_card7.png');} 
.logo_card.ico_lc30000021 {background-image: url('../img/ico_small_card4.png');} 
.noti_fail {margin-bottom: 15px; padding: 12px 16px; border-radius: 8px; border: solid 1px #ff684a; background-color: #ffffff;} 
.noti_fail.set_pd {margin: 0 10px; margin-top: 15px; padding: 12px 16px;} 
.noti_fail span {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #ff684a;} 
.noti_fail p {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ff684a;} 
.certi_add_box {padding: 27px 0; border-radius: 8px; border: solid 1px #000000; background-color: #ffffff;} 
.certi_add_box i {margin: auto; margin-bottom: 23px; display: block; width: 34px; height: 34px; background-image: url('../img/ico_big_plus.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.certi_add_box p {font-size: 17px; line-height: 1.47; letter-spacing: -0.34px; text-align: center; color: #000000;} 

/* 배너 */
.banner_wrap {position: absolute; bottom: 0; left: 0; width: 100%; height: 88px; overflow: hidden;} 
.banner_wrap.gift {position: absolute; bottom: 0; left: 0; width: 100%; height: 96.5px; overflow: hidden;} 
.banner_wrap > a {position: absolute; top: 50%; margin-top: -20px; padding: 10px; z-index: 99;} 
.banner_wrap > a.banner_left {left: 5px;} 
.banner_wrap > a.banner_right {right: 5px;} 
.banner_wrap > a > i {display: block; width: 17.5px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.banner_wrap > a.banner_left i {background-image: url('../img/btn_arr_left_b_w.png');} 
.banner_wrap > a.banner_right i {background-image: url('../img/btn_arr_right_b_w.png');} 
.banner_wrap .banner_display {width: 100%; height: 100%;} 
.banner_display .banner_carousel {position: absolute; top: 0; left: 0; width: 300%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; overflow: hidden;} 
.banner_carousel .banner_box {padding: 10px 46px 10px 46px; width: calc(100% - 20px); height: 68px; display: flex; align-items: center; justify-content: center;} 
.banner_carousel .banner_box.youtube {background-color: #c71c23;} 
.banner_box.gift {background-image: url(../img/banner_gift.png); width: calc(100% + 30px); height: 96.5px; background-position: center; background-size: calc(100% - 30px); background-repeat: no-repeat; margin-left: -15px;} 
.banner_carousel .banner_box.facebook {background-color: #3d5a98;} 
.banner_carousel .banner_box.blog {background-color: #27c545;} 
.banner_carousel .banner_box .banner_tit {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #ffffff;} 
.banner_carousel .banner_box .banner_txt {margin-top: 6.5px; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; color: #ffffff;} 
.banner_carousel .banner_box i {display: block; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.banner_carousel .banner_box.youtube i {margin-left: 16px; width: 50px; height: 66px; background-image: url('../img/img_banner_youtube.png');} 
.banner_carousel .banner_box.facebook i {margin-left: 2px; width: 46px; height: 66px; background-image: url('../img/img_banner_facebook.png');} 
.banner_carousel .banner_box.blog i {margin-left: 10px; width: 50px; height: 64px; background-image: url('../img/img_banner_blog.png');} 
.banner_carousel a.ibk_main_banner.imb_23 {background-image: url("../img/img_ibk_banner23.png"); border-radius: 12px;}

/* 수임 세무사 관라 */
.accountant_info_box {margin-top: 15px;} 
.accountant_info_box .select_accountant {position: relative; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.accountant_info_box .select_accountant span.sa_name {display: block; padding: 11px 16px; height: 22px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.accountant_info_box .select_accountant span.sa_name.off {font-weight: normal; color: #a9adb5;} 
.accountant_info_box .select_accountant a {position: absolute; top: 0; right: 4px; padding: 17px;} 
.accountant_info_box .select_accountant a i {display: block; width: 15px; height: 10px; background-image: url('../img/btn_arr_down_b.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.accountant_info_box .accountant_info {margin: 7.5px 0 13.5px 0;} 
.accountant_info_box .accountant_info > p {padding: 7.5px 15px; display: flex; align-items: center;} 
.accountant_info_box .accountant_info p .ai_tit {display: inline-block; width: 100px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000; word-break: keep-all;} 
.accountant_info_box .accountant_info p .ai_info {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.accountant_info_box .accountant_info.type2 p .ai_tit {font-size: 17px; line-height: 1.47; letter-spacing: -0.34px;} 
.accountant_info_box .accountant_info.type2 p .ai_info {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.noti_box .agree_txt {margin-top: 25px; margin-bottom: 0; margin-left: -30px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.agree_txt {margin-top: 25px; margin-bottom: 15px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.accountant_none i {margin: auto; margin-top: 41.5px; margin-bottom: 26px; display: block; width: 250px; height: 178.5px; background-image: url('../img/img_accountant.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.accountant_none p {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.noti_agree span:first-child {margin: 20px 0 9px 10px; display: flex; align-items: center; font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #000000;} 
.noti_agree span:first-child i {margin-right: 6px; display: block; width: 18px; height: 18px; background-image: url('../img/ico_tr_fail.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_agree span:last-child {margin-left: 35px; font-size: 17px; text-decoration: underline; line-height: 1.47; letter-spacing: -0.34px; text-align: left; color: #0095ff;} 

/* 건강보험 요양/의료 급여 리뉴얼 버전*/
.notice_list_wrap {margin-top: 14px;} 
.notice_list_wrap ul {width: calc(100% + 30px); margin-left: -15px;} 
.notice_list_wrap .ntlw_list {position: relative; padding: 17px 27px; background-color: #ffffff;} 
.notice_list_wrap .ntlw_list.sample::before {content:''; position: absolute; top: calc(50% - 38px); right: calc(50% - 40px); display: block; width: 70px; height: 70px; background-image: url('../img/sample.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.notice_list_wrap .ntlw_list > div {display: flex; align-items: center;} 
/* .notice_list_wrap .ntlw_list > div > p:first-child {display: flex; align-items: center; width: 100%;} */
.notice_list_wrap .ntlw_list > div > p:first-child.on {position: relative;} 
.notice_list_wrap .ntlw_list > div > p:first-child.on::after {content: ""; background-image: url(../img/alert_sample.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 55px; height: 19px; margin-left: 6.5px; margin-bottom: 1px; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);} 
.ntlw_list i.ico_ntlw {margin-right: 7px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle;} 
.ntlw_list i.ico_ntlw.hospital {width: 20px; height: 20px; background-image: url('../img/mr_i_m001.png') !important;} 
.ntlw_list i.ico_ntlw.tax {width: 20px; height: 20px; background-image: url(../img/mr_i_1.png) !important;} 
.ntlw_list i.ico_ntlw.enquiry {width: 20px; height: 20px; background-image: url('../img/ico_alram3.png') !important;} 
.ntlw_list i.ico_ntlw.certi {width: 20px; height: 20px; background-image: url('../img/mr_i_m010.png') !important;} 
.ntlw_list i.ico_ntlw.card {width: 20px; height: 20px; background-image: url('../img/mr_i_m006.png') !important;} 
.ntlw_list i.ico_ntlw.salary {width: 20px; height: 20px; background-image: url('../img/mr_i_m009.png') !important;} 
.ntlw_list i.ico_ntlw.info {width: 20px; height: 20px; background-image: url('../img/mr_i_m008.png') !important;} 
.ntlw_list i.ico_ntlw.work {width: 20px; height: 20px; background-image: url('../img/ico_alram9.png') !important;} 
/* .ntlw_list i.ico_ntlw.free {width: 20px; height: 20px; background-image: url('../img/mr_i_m010.png') !important;} */
.ntlw_list i.ico_ntlw.zero {width: 20px; height: 20px; background-image: url('../img/mr_i_m011.png') !important;} 
.ntlw_list i.ico_ntlw.biple {width: 20px; height: 20px; background-image: url('../img/biple.svg') !important;} 
.ntlw_list span.ntlw_class {margin-right: 7px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000; display: inline-block; box-sizing: border-box; white-space: nowrap;} 
.ntlw_list span.ntlw_date {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; color: #a9adb5;} 
.ntlw_list >div > p.on::after {content: ""; width: 55px; height: 19px; background-position: center; background-size: contain; background-repeat: no-repeat; display: block; background-image: url(../img/alert_sample.png);} 
.ntlw_list p.ntlw_new {display: none; align-items: center; font-size: 1px; line-height: 1.46; letter-spacing: -0.26px; color: #ff684a;} 
.ntlw_list p.ntlw_new i {margin-left: 6px; display: block; width: 6px; height: 6px; border-radius: 3px; background-color: #ff684a;} 
.ntlw_list p.ntlw_txt {margin-top: 8px; font-size: 15px; line-height: 1.47; letter-spacing: -0.34px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all;} 
.ntlw_list p.ntlw_won {margin-top: 6px; font-size: 11px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
.ntlw_list p.ntlw_won em {font-size: 11px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
.ntlw_list p.ntlw_won span em {font-size: 11px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: inherit;} 
.ntlw_list p.ntlw_won em.red {color: #ff684a;} 
.ntlw_list p.ntlw_won em.blue {color: #0085ff;} 
.ntlw_list.on {background-color: #fff8f6;} 
.ntlw_list.on p.ntlw_new {display: none;} 
.common_message {display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 10px; box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.16); background-color: #06346c;} 
.common_message > div {width: 65%;} 
.common_message i {margin-right: 20px; display: block; width: 37.5px; height: 39.5px; background-image: url('../img/ico_messege.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.common_message p:first-child {word-break: keep-all; font-size: 16px; line-height: 1.38; letter-spacing: -0.32px; color: #ffffff;} 
.common_message p:first-child span {font-weight: bold; color: #71fbc8;} 
.common_message p:first-child + p {margin-top: 8px; font-size: 13px; line-height: 1.69; letter-spacing: -0.26px; color: #ffffff;} 
.notice_wrap {margin-top: 15px;} 
.nw_tax {padding: 19% 0;} 
.nw_tax > i {margin: auto; display: block; width: 36px; height: 36px; background-image: url('../img/ico_tax.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.nw_tax > .nwt_tit {margin-top: 10px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.72px; text-align: center; color: #000000;} 
.nw_tax > .nwt_txt {margin-top: 15px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.nw_tax > .nwt_txt_box {margin-top: 21px; padding: 11px 43.5px; border-radius: 8px; border: solid 1px #a9adb5; background-color: #ffffff; display: flex; flex-direction: column; align-items: center;} 
.nw_tax > .nwt_txt_box .nwtb_tit {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: center; color: #000000;} 
.nw_tax > .nwt_txt_box .nwtb_txt {margin-top: 7.5px; font-size: 16px; line-height: 1.47; letter-spacing: -0.64px; text-align: left; color: #000000;} 
.nw_tax > .nwt_txt_box .nwtb_txt::before {content: ''; display: inline-block; margin-right: 6px; width: 5px; height: 5px; border-radius: 2.5px; background-color: #000000;} 
.notice_detail_tit {display: flex; align-items: center;} 
.notice_detail_tit i.ico_ndt {margin-right: 7px; display: block; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.notice_detail_tit i.ico_ndt.hospital {width: 12px; height: 15px; background-image: url('../img/ico_alram1.png') !important;} 
.notice_detail_tit i.ico_ndt.tax {width: 15px; height: 15px; background-image: url('../img/ico_alram2.png') !important;} 
.notice_detail_tit i.ico_ndt.enquiry {width: 16px; height: 15px; background-image: url('../img/ico_alram3.png') !important;} 
.notice_detail_tit i.ico_ndt.certi {width: 17px; height: 15px; background-image: url('../img/ico_alram4.png') !important;} 
.notice_detail_tit i.ico_ndt.card {width: 15px; height: 11.5px; background-image: url('../img/ico_alram5.png') !important;} 
.notice_detail_tit i.ico_ndt.salary {width: 17px; height: 11px; background-image: url('../img/ico_alram6.png') !important;} 
.notice_detail_tit i.ico_ndt.info {width: 15px; height: 15px; background-image: url('../img/ico_alram8.png') !important;} 
.notice_detail_tit i.ico_ndt.sample {width: 13px; height: 15px; background-image: url('../img/ico_alram8.png') !important;} 
.notice_detail_tit span.ndt_class {margin-right: 7px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.notice_detail_tit span.ndt_date {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; color: #000000;} 
.notice_detail_tit + .enquiry_wrap {margin-top: 12px;} 
.notice_detail_wrap {padding: 11.5px 0 20px 0;} 
.notice_detail_wrap .ndw_tit {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.notice_detail_wrap .ndw_tit span {font-weight: bold; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.notice_detail_wrap .ndw_list {margin-top: 10px; padding: 15px; border-radius: 8px; background-color: #fafafa;} 
.notice_detail_wrap
.ndw_list .ndwl_payday {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; color: #a9adb5;} 
.ndw_list p:not(.ndwl_payday) {display: flex; align-items: center; justify-content: space-between;} 
.ndw_list p:not(:last-child) {margin-bottom: 10px;} 
.ndw_list .line_box {border-top: 1px solid #c7c7c7; padding-top: 15px; margin-top: 15px;} 
.ndwl_tit {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
strong.ndwl_tit em {font-weight: bold; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.ndwl_tit_s {display: flex; font-size: 15px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.ndwl_tit_s.success::before {content:'입금확인'; display: block; padding: 3.5px 4.5px; border-radius: 22px; border: solid 1px #0095ff; font-size: 10px; letter-spacing: -0.2px; text-align: center; color: #0095ff; line-height: 1.45; margin-right: 7px; display: inline-flex; align-items: center;} 
.ndwl_tit_s.fail::before {content:'미확인'; display: block; min-width: 36px; padding: 3.5px 4.5px; border-radius: 22px; border: solid 1px #ff684a; font-size: 10px; letter-spacing: -0.2px; text-align: center; color: #ff684a; line-height: 1.45; margin-right: 7px;} 
.ndwl_tit_s.fail + span {color: #a9adb5;} 
.ndwl_tit_s.fail + span em {color: #a9adb5;} 
.ndwl_won {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.ndwl_won em {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.ndwl_info_b {display: flex; align-items: center; font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000; width: 50%; display: block; text-align: right;} 
.ndw_list .ndwl_info_b {width: unset;} 
.ndwl_info_b em {font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.ndwl_info_b.font_b {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.ndwl_info_b.font_b em {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: #000000;} 
.ndwl_info_b .logo_card {width: 20px; height: 20px; vertical-align: sub;} 
.ndwl_info_b .logo_bank {width: 20px; height: 20px; vertical-align: sub;} 
.ndwl_account > span {display: block;} 
.ndwl_account .number {margin-bottom: 7.5px; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.ndwl_account.business .number::before {content: '사업'; margin-right: 7px; background-color: #084a80; color: #71fbfb; display: inline-flex; align-items: center; padding: 1.5px 9px; border-radius: 10px; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px;} 
.ndwl_account.individual .number::before {content: '개인'; margin-right: 7px; background-color: #71fbc8; color: #06346c; display: inline-flex; align-items: center; padding: 1.5px 9px; border-radius: 10px; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.24px;} 
.ndwl_account .number em {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.ndwl_account .account {font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; text-align: left; color: #000000; width: calc(100% + 20px);} 
.btn_direct {padding: 9px 0; width: 100%; font-weight: bold; border-radius: 8px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 16px; line-height: 1.13; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.btn_direct::before {content: ''; margin-right: 11px; background: url('../img/ico_tr_transf.png') no-repeat center; width: 50px; height: 50px; background-size: contain; display: block;} 
.ndw_list_block:not(:last-child) {border-bottom: 1px solid #a9adb5; padding-bottom: 18px; margin-bottom: 18px;} 
.ndw_list_block:last-child {margin-bottom: 10px;} 
.ndw_list_noti_tit {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.ndw_list_noti_txt {font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.ndw_detail.set_prop {padding: 0 15px;} 
.ndw_detail.set_pd {padding: 0 11px;} 
.ndw_detail:not(:last-child) {border-bottom: 1px solid #c8c8c8;} 
.ndw_detail:last-child {padding-bottom: 0;} 
.ndw_detail p .ndwl_info_b {width: unset;} 
.ndw_detail p .ndwd_txt_b {width: unset;} 
.ndw_detail p {display: flex; align-items: center; justify-content: space-between;;} 
.ndw_detail p:first-child {margin-bottom: 8px;} 
.ndw_detail p:not(:last-child) {margin-bottom: 10px;} 
.ndw_detail div div p {padding: 0 11px;} 
.ndwd_list.pd_horizon div p {padding: 0;} 
.ndw_detail.set_prop div div p {padding: 0 0 0 11px;} 
.ndw_detail.set_prop div div p:last-child {padding: 0;} 
.ndwd_list {padding: 10px 0;} 
.ndwd_list.pd_horizon {padding: 10px 15px;} 
.ndwd_list:last-child {padding-bottom: 0;} 
.ndwd_tit_b {margin-right: 7px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.ndwd_tit_b em {font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.ndwd_txt_b {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #000000;} 
.ndwd_tit {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.ndwd_txt {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: right; color: #000000;} 
.ndwd_txt.on {color: #fafafa;} 
.ndwd_txt.on::after {content:'등록하기'; font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; text-align: right; color: #ff684a;} 
.ndw_detail.set_prop .ndwd_list {padding: 19px 0;} 
.ndw_detail.set_prop .ndwd_list:not(:last-child) {border-bottom: 1px solid #c8c8c8;} 
.ndw_detail.set_prop .ndwd_list:last-child {padding-bottom: 0;} 
.ndw_detail.set_prop .ndwd_list .ndwd_tit {font-size: 15px;} 
.ndw_detail.set_prop .ndwd_list .ndwd_tit_b {font-size: 16px;} 
.ndw_detail.set_prop .ndwd_list .ndwd_txt {font-size: 15px;} 
.ndw_detail.set_prop .ndwd_list .ndll_btn span em {font-size: 15px;} 
.ndw_noti {padding: 0 11px; margin-top: 16.5px;} 
.ndw_noti .pay_mark_text {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left;} 
.ndw_noti .pay_mark_text:not(:last-child) {margin-bottom: 16px;} 
.ndw_noti .pay_mark_text.success {color: #0095ff;} 
.ndw_noti .pay_mark_text.fail {color: #ff684a;} 
.pay_mark {display: inline-block; min-width: 36px; text-align: center; border-radius: 22px; padding: 3.5px 7.5px; background-color: #ffffff; margin-right: 7px; font-size: 10px; line-height: 1.45; letter-spacing: -0.2px;} 
.pay_mark.success {border: solid 1px #0095ff; color: #0095ff;} 
.pay_mark.fail {border: solid 1px #ff684a; color: #ff684a;} 
.notice_detail_list {margin-bottom: 20px;} 
.notice_detail_list p .ndl_tit {font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.notice_detail_list p .ndl_code {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; color: #a9adb5;} 
.notice_detail_list ul {padding: 5px 0;} 
.notice_detail_list ul li {padding: 5px 15px; display: flex; align-items: center; justify-content: space-between;} 
.notice_detail_list ul li span.ndll_tit {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.notice_detail_list ul li span.ndll_tit em {font-size: 16px; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.notice_detail_list ul li span.ndll_tit em:last-child {margin-left: 7px;} 
.notice_detail_list ul li span.ndll_won {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.notice_detail_list ul li span.ndll_won em {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #000000;} 
.ndll_btn {display: flex; justify-content: flex-end;} 
.ndll_btn.set_db {justify-content: space-between;} 
.ndll_btn button.btn_ndll {margin-left: 7px; padding: 6px 15px; border-radius: 22px; font-size: 14px; line-height: 1.5; letter-spacing: -0.3px;} 
.ndll_btn button.btn_ndll.pay {border: solid 1px #06346c; background-color: #71fbc8; color: #000000;} 
.ndll_btn button.btn_ndll.change {border: solid 1px #06346c; background-color: #ff684a; color: #ffffff;} 
.ndll_btn .ndll_bank {display: flex; align-items: flex-start; justify-content: flex-start;} 
.ndll_btn .ndll_bank .logo_bank {margin-top: 3px; width: 20px; height: 20px; margin-right: 5px;} 
.ndll_btn .ndll_bank > span > em {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.naw_list {padding-bottom: 25px;} 
.naw_list > p {display: flex; align-items: center; justify-content: space-between;} 
.naw_list > p > span {display: flex; align-items: center; justify-content: center;} 
.naw_list > p .naw_bank {display: flex; align-items: center; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; color: #000000;} 
.naw_list > p .naw_bank i {width: 20px; height: 20px;} 
.naw_list > p .naw_act {margin-left: 7px; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.naw_list > p .naw_total {font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; color: #000000;} 
.naw_list > p .naw_total em {font-weight: bold; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; color: #000000;} 
.naw_list > ul .naw_detail_list {display: flex; align-items: center; justify-content: space-between; padding: 5px 13px;} 
.naw_list > ul .naw_detail_list:first-child {margin-top: 13px;} 
.naw_list > ul .naw_detail_list > span {display: flex; align-items: center; width: calc(100% - 95px);} 
.naw_list > ul .naw_detail_list .naw_d_state {display: block; margin-right: 8px; width: 37px; height: 18px; line-height: 0.9; border-radius: 10px; text-align: center;} 
.naw_list > ul .naw_detail_list.in .naw_d_state {border: 1px solid #0090db;} 
.naw_list > ul .naw_detail_list.out .naw_d_state {border: 1px solid #ff3d23;} 
.naw_list > ul .naw_detail_list.in .naw_d_state::before {content: '입금'; color:#0090db; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px;} 
.naw_list > ul .naw_detail_list.out .naw_d_state::before {content: '출금'; color:#ff3d23; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px;} 
.naw_list > ul .naw_detail_list .naw_d_time {margin-right: 10px; font-size: 14px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.naw_list > ul .naw_detail_list .naw_d_name {width: calc(100% - 105px); font-size: 14px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.naw_list > ul .naw_detail_list .naw_d_won {font-size: 14px; line-height: 1.22; letter-spacing: -0.32px; color: #000000;} 
.naw_list > ul .naw_detail_list .naw_d_won em {font-size: 14px; line-height: 1.22; letter-spacing: -0.32px; font-weight: bold;} 
.naw_list > ul .naw_detail_list.in .naw_d_won em {color:#0090db;} 
.naw_list > ul .naw_detail_list.out .naw_d_won em {color:#ff3d23;} 
.enrollment_insurance {margin-bottom: 30px; padding-top: 11px;} 
.enrollment_insurance .ei_tit {margin-bottom: 17px; display: flex; align-items: center; justify-content: center;} 
.enrollment_insurance .ei_tit i {width: 22px; height: 22px; margin: unset; margin-right: 7px;} 
.enrollment_insurance .ei_tit span {font-size: 16px; font-weight: bold; line-height: 0.89; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.enrollment_insurance .ei_txt {margin-bottom: 16px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.enrollment_insurance .btn_ei {margin-bottom: 16px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000; word-wrap: break-word; word-break: keep-all;} 
.notice_info_wrap {padding-bottom: 21px;} 
.notice_info_wrap ul:not(:first-child) {margin-top: 20px; padding-top:20px; border-top: solid 1px #a9adb5;} 
.notice_info_wrap li {padding: 5px 13px; display: flex; align-items: flex-start; justify-content: space-between;} 
.notice_info_wrap .ni_tit {width: 50%; font-size: 16px; font-weight: normal; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.notice_info_wrap .ni_txt {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: right; color: #202020;} 
.notice_info_wrap .ni_txt li {padding: 0; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: right; color: #202020; justify-content: flex-end;} 
.common_table {border: solid 1px #a9adb5; margin-bottom: 20px;} 
.common_table th {padding: 6px 0; background-color: #06346c; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; color: #ffffff;} 
.common_table td {padding: 9px 0; border: solid 1px #a9adb5; font-size: 11px; font-weight: normal; line-height: 1.5; letter-spacing: -0.22px; color: #000000; background-color: #f3f3f3;} 
.common_table td.ct_tit {word-wrap: break-word; word-break: keep-all; font-weight: bold; text-align: center; background-color: #f3f3f3;} 
.common_table td.ct_tit.pds {padding: 4px 0;} 
.common_table td.ct_txt {background-color: #ffffff; text-align: left; word-break: keep-all;} 
.common_table td.ct_txt.tal {text-align: left; padding: 9px 13px;} 
.common_table td.ct_txt.tar {text-align: right; padding-right: 10px;} 
.alert_certi_change {margin-bottom: 10px; width: 100%; padding: 16px 0; text-align: center; background-image: url('../img/bg_box.png'); background-repeat: no-repeat; background-position: top left; background-size: 72.1px 100%; border-radius: 10px; box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.16); background-color: #06346c;} 
.alert_certi_change .acc_close {position: absolute; top: 10px; right: 11px; padding: 10px;} 
.alert_certi_change .acc_close i {display: block; background-image: url('../img/btn_acc_close.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 27.5px; height: 27.5px;} 
.alert_certi_change .acc_txt {text-align: center;} 
.alert_certi_change .acc_txt span {display: inline-block; font-size: 16px; line-height: 1.38; letter-spacing: -0.32px; text-align: left; color: #ffffff;} 
.alert_certi_change .acc_btn {margin-top: 11px; padding: 6.5px 12.5px; border-radius: 4px; background-color: #ff684a; border: 0; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; color: #ffffff;} 
.tag_wrap {display: flex; flex-wrap: wrap; gap: 1.666vw; margin-top: 1.9444vw;} 
.tag_wrap.renew .tag {width: 21.666vw; height: 9.166vw; box-sizing: border-box; background-color: #f4f5f7; color: #8a8a8b; display: inline-block; border-radius: 2.222vw; text-align: center; line-height: 9.166vw; font-size: 0.937rem;} 
.tag_wrap .tag.on {background-color: #17bf98; color: #fff;} 
.ico_medical {margin: auto; display: block; background-image: url('../img/ico_medical.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 37.5px; height: 32px;} 
.medical_txt {display: block; margin-top: 13px; margin-bottom: 21px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.medical_txt span {font-weight: bold;} 
.btn_medical {display: flex; align-items: center; margin: auto; padding: 11px 20px; border-radius: 25px; border: solid 1px #a9adb5; background-color: #ffffff; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #202020;} 
.btn_medical i {display: block; margin-left: 22.5px; width: 7px; height: 14px; background-image: url('../img/ico_arrow_middle_n_right.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.noti_change_pw {padding-top: 20%;} 
.noti_change_pw i {display: block; margin: auto; margin-bottom: 34px; background-image: url('../img/semo_crt2.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 82px; height: 102px;} 
.noti_change_pw .noti_pw:nth-child(2) {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.noti_change_pw .noti_pw:nth-child(3) {color: #000000; margin: 21px 0; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center;} 
.noti_change_pw .noti_pw.noti_pw:nth-child(4) {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
/* ========== //2020-04-14 ========== */
/* 디자인 리뉴얼 */
/* 클래스 명, 이미지 등등 중복되는 건 뒤에 _dr 붙여주기 */
/* 나중에 _dr 삭제 */
/* 중앙: cen, 왼쪽: le, 오른쪽: ri 사이드: si */
/* bg_color */
.bgc_grl {background-color: #efefef !important;} 
.bgc_gnl {background-color: #e4f5f6 !important;} 
.bgc_ol {background-color: #fce7e7 !important;} 
.bgc_wt {background-color: #ffffff !important;} 
.bgc_yl {background-color: #f6f5e4 !important;} 

/* 아이콘 공통 */
i.ico_cen {display: block !important; background-position: center !important; background-repeat: no-repeat !important;} 
div.ico_cen {display: block; background-position: center !important; background-repeat: no-repeat !important;} 
span.ico_cen {display: inline-block; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; vertical-align: middle;} 
i.fail {background-image: url('../img/ico_result_fail.png') !important;} 
i.success {background-image: url('../img/ico_result_success.png') !important;} 
.ico_cen.right {width: 7px; height: 13px; background-image: url(../img/right_b.svg); background-size: contain;} 
.ico_cen.close {width: 15px; height: 15px; background-image: url(../img/ico_close_mini.png); background-size: contain;} 
.ico_cen.check_01 {width: 6.944vw; height: 4.722vw; background-image: url(../img/check_01.png);} /* #dfdfdf */
.ico_cen.check_02 {width: 6.944vw; height: 4.722vw; background-image: url(../img/check_02.png);} /* #12997a */
.ico_cen.check_03 {width: 6.944vw; height: 4.722vw; background-image: url(../img/check_03.png);} /* #17bf98 */
.ico_cen.check_04 {width: 6.944vw; height: 4.722vw; background-image: url(../img/check_04.svg);} /* #0090DB */
.ico_cen.up_01 {width: 3.055vw; height: 1.944vw; background-image: url(../img/btn_arr_up_b.png);} /* #000 */
.ico_cen.down_01 {width: 2.5vw; height: 1.527vw; background-image: url(../img/ico_arrow_thin_b_down.png);} /* #000 */
.ico_cen.close_01 {width: 6.388vw; height: 6.388vw; background-image: url(../img/ico_close_g.png);} /* #a9adb5 */
.ico_cen.close_02 {width: 4.166vw; height: 4.166vw; background-image: url(../img/btn_pl_close.png);} /* #000 */
.ico_cen.close_03 {width: 6.388vw; height: 6.388vw; background-image: url(../img/close_03.png);} /* #dfdfdf */
.ico_cen.loading_01 {width: 3.458vw; height: 4.083vw; background-image: url(../img/tax_ai_search.png);} /* #000 */
.ico_cen.location_01 {width: 12.81vw; height: 17.96vw; background-image: url(../img/location_01.svg);} /* #ebebeb */
.ico_cen.search_01 {width: 7.222vw; height: 7.222vw; background-image: url(../img/search.svg);} /* #ebebeb */
.ico_cen.report_01 {width: 13.888vw; height: 16.111vw; background-image: url(../img/report_01.png);} /* #ebebeb */
.ico_cen.info_01 {width: 4.166vw; height: 4.166vw; background-image: url(../img/info.png);} /* #FF684A */
.ico_cen.calc_01 {width: 44.944vw; height: 55.555vw; background-image: url(../img/calc_01.svg);} /* #FF684A */
.ico_cen.ic_bankbook {background-image: url(../img/ic_bankbook.png);} /* #FF684A */

/* 하단 고정 텍스트 */
.fix_btm_txt {position: absolute; left: 0; bottom: 0; width: 100%; font-size: 13px; line-height: 1.58; letter-spacing: -0.26px; text-align: center; color: #a9adb5;} 
.fix_btm_txt a {padding: 6px;} 
.fix_btm_txt a i {width: 13px; height: 13px; background-image: url('../img/ico_info_g.png'); background-size: contain;} 

/* 필수값 */
*.required::before {content:'*'; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #ff684a;} 

/* 정보성 알림 */ 
.alert_q span {display: flex; align-items: flex-start; justify-content: center; font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: center; color: #a9adb5;} 
.alert_q span::before {content: ""; margin-right: 2.5px; margin-bottom: 8px; display: block; width: 13px; height: 13px; background-image:url('../img/ico_alert_q.png'); background-position: center; background-repeat: no-repeat; background-size: contain;} 
.alert_q.c_orange span {color:#ff684a;} 
.alert_q.c_orange span::before {background-image: url('../img/ico_info_red.png');} 
.alert_q.c_orange span.set_cen_cen::before {margin-bottom: unset;} 
.alert_q.c_orange span.set_cent_le::before {margin-bottom: unset; margin-left: 21px;} 
.info_detail_list_wrap + .alert_q {margin: 15px 0;} 
.alert_q2 {display: flex; align-items: flex-start; justify-content: center;} 
.alert_q2 i {margin-left: 9px; margin-right: 2.5px; width: 13px; height: 13px; background-image:url('../img/ico_alert_q.png'); background-size: contain;} 
.alert_q2 span {max-width: 93%; font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: left; color: #a9adb5;} 
.alert_q2.color i {background-image: url('../img/ico_info_red.png');} 
.alert_q2.color span {color:#ff684a;} 
.alert_q2.color_b i {background-image: url('../img/ico_info_blue.png');} 
.alert_q2.color_b span {color:#06346c;} 
.alert_q2.set_top_le i {margin-top: 2.5px;} 
.alert_q3 {font-size: 13px; display: flex; align-items: center; justify-content: center; font-weight: bold; line-height: 1.5; letter-spacing: -0.22px; text-align: center; color: #000000;} 
.alert_q3::before {content:""; display: block; margin-right: 2.5px; width: 13px; height: 13px; background-image: url('../img/ico_info_black.png'); background-size: contain;} 
.alert_q4 {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.alert_q4 i {margin-bottom: 8px; width: 13px; height: 13px; background-image:url('../img/ico_alert_q.png'); background-size: contain;} 
.alert_q4 span {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: center; color: #a9adb5;} 

/* 그냥 문단 */
.normal_sentence {font-size: 14px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #000000;} 
.normal_sentence.mid {font-size: 15px; font-weight: normal;} 
.normal_sentence.error {font-size: 13px; font-weight: normal; line-height: 1.19; letter-spacing: -0.26px; text-align: center; color: #ff3d23;} 
.normal_sentence.big {font-size: 16px; font-weight: bold;} 
.normal_sentence.bigger {font-size: 18px; font-weight: bold;} 
.normal_sentence.pwd {font-weight: bold; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.normal_sentence.pwd::before {content:""; margin-right: 5px; display: block; background: url('../img/ico_lock.png') no-repeat center; background-size: contain; width: 20px; height: 20px;} 
.link_sentence {display: block; margin: auto; text-decoration: underline; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #a9adb5;} 
.normal_sentence .card {margin-right: 8px; width: 28px; height: 28px; background-size: 28px; background-image: url('../img/ico_account_dr.png');} 

/* 배너같이 생긴 버튼 */
.board_bg + button.btn_full {margin-top: 16px;} 
button.btn_full {width:calc(100% + 30px); margin-left: -15px; border:0; padding: 7.5px 15px; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff;} 
button.btn_full.set_pd {padding: 13px 18px;} 
button.btn_full.set_pd.set_posi_b {position: absolute; bottom: 96px; width:100%;} 
button.btn_full > span {display: flex; align-items: center; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #818181;} 
button.btn_full > span i {margin-right: 14px; display: block; width: 24px; height: 24px; background-size: contain;} 
button.btn_full > span i.person {background-image: url("../img/ico_c_p_g.png");} 
button.btn_full > span i.card_y {background-image: url("../img/ico_card_y.png");} 
button.btn_full > span i.card_b {background-image: url("../img/ico_card_b.png");} 
button.btn_full > span i.card_o {background-image: url("../img/ico_card_o.png");} 
button.btn_full > i {display: block; width: 6px; height: 10px; background-image: url("../img/ico_arr_right_g.png"); background-repeat: no-repeat; background-position: center; background-size: contain;} 
button.btn_full > p > span.txt_b {margin-bottom: 1.5px; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
button.btn_full > p > span.txt_s_g {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: left; color: #a9adb5;} 
button.btn_full i.small_arr {margin-left: 8px; width: 5px; height: 8px; background-size: contain; background-image: url("../img/ico_arrow_thin_g_right.png");} 
button.btn_full i.ico1 {width: 41px; height: 41px; background-size: contain; background-image: url("../img/ico_colorspeaker.png");} 

/* 배너 + 라운드 */
button.btn_full_round {border:0; padding: 13px 20px 13px 18px; display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; border-radius: 10px;} 
button.btn_full_round > i {display: block; width: 6px; height: 10px; background-image: url("../img/ico_arrow_thin_b_right.png"); background-repeat: no-repeat; background-position: center; background-size: contain;} 
button.btn_full_round > p > span.txt_b {margin-bottom: 1.5px; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
button.btn_full_round > p > span.txt_s_g {font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: left; color: #a9adb5;} 
button.btn_full_round i.small_arr {margin-left: 8px; width: 5px; height: 8px; background-size: contain; background-image: url("../img/ico_arrow_thin_g_right.png");} 
button.btn_full_round i.ico1 {width: 41px; height: 41px; background-size: contain; background-image: url("../img/ico_colorspeaker.png");} 
button.btn_full_round.set_pd.set_posi_b {position: absolute; bottom: 96px; width: calc(100% - 30px);} 
button.btn_full_round.set_pd.set_posi_b.gift {position: absolute; bottom: 116px; width: calc(100% - 30px);} 

/* 물음표 팝업 */
.popup_bg .popup_q {position: absolute; padding: 27px 0 25px; width: calc(100% - 30px); background-color: #ffffff; text-align: center;} 
.popup_bg .popup_q_close {position: absolute; right: 0; top: 0; padding: 11px;} 
.popup_bg .popup_q_close i {width: 14px; height: 14px; background-image: url('../img/ico_small_close_gray.png'); background-size: contain;} 
.popup_bg .popup_q_tit {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.popup_bg .popup_q_txt {margin-top: 8px; margin-bottom: 11px; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; text-align: center; color: #000000;} 
.popup_bg .popup_q_link {display: flex; width: 170px; margin: auto; align-items: center; justify-content: center; font-size: 11px; line-height: 1.5; letter-spacing: -0.22px; text-align: left; color: #a9adb5;} 
.popup_bg .popup_q_link i {margin-left: 6px; width: 5px; height: 8px; background-image: url('../img/ico_arrow_thin_g_right.png'); background-size: contain;} 

/* 회색박스 */
.info_box_g {padding: 15px 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #fafafa;} 
.info_box_g.set_fd {flex-direction: column;} 
.info_box_g span {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.info_box_g_b {padding: 25px 22px; border-radius: 8px; background-color: #fafafa;} 
.info_box_g_b i.card {margin-right: 8px; margin-top: -4px; min-width: 20px; min-height: 28px; width: 28px; height: 28px; background-size: contain; background-image:url("../img/ico_account_dr.png");} 
.info_box_g_b i.card + span {font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #000000;} 

/* 추가버튼 */
button.btn_plus {margin-top: 15px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px 0; border-radius: 10px; border: solid 1px #a9adb5; background-color: #fafafa; font-size: 16px; line-height: 1; letter-spacing: -0.32px; color: #a9adb5;} 
button.btn_plus .plus {background-image: url('../img/ico_thin_plus_gray.png'); margin-right: 7px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover;} 
button.btn_trans {position: absolute; right: 0; top: -3px; display: flex; align-items: center; padding: 6px 12px; border-radius: 20px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c8c8c8; background-color: #ffffff;} 
button.btn_trans i {background-image: url('../img/ico_reverse_arrow.png'); margin-right: 7px; width: 16px; height: 16px; background-size: contain;} 
.btn_border_color {border: 1px solid #c8c8c8!important;} 

/* 수평수직정렬 중앙: cen, 왼쪽: le, 오른쪽: ri 위: top bottom: botm; 사이드: si*/
.set_cen_si {display: flex !important; align-items: center !important; justify-content: space-between !important;} 
.set_cen_ev {display: flex !important; align-items: center !important; justify-content: space-evenly !important;} 
.set_cen_cen {display: flex !important; align-items: center !important; justify-content: center !important;} 
.set_cent_le {display: flex !important; align-items: center !important; justify-content: flex-start !important;} 
.set_cen_le {display: flex !important; align-items: center !important; justify-content: flex-start !important;} 
.set_cent_ri {display: flex !important; align-items: center !important; justify-content: flex-end !important;} 
.set_top_le {display: flex !important; align-items: flex-start !important; justify-content: flex-start !important;} 
.set_top_cen {display: flex !important; align-items: flex-start !important; justify-content: center !important;} 
.set_top_si {display: flex !important; align-items: flex-start !important; justify-content: space-between !important;} 
.set_btm_cen {display: flex !important; align-items: flex-end !important; justify-content: center !important;} 
.fd_colum {flex-direction: column !important;} 

/* position */
.set_posib {position: absolute; width: 100%; bottom: -13px;} 
.set_posib.out_page {bottom: -148px;} 
.set_posib.static {position: static !important;} 
.set_posi {position: absolute; width: 100%; bottom: 0px;} 
.set_posi_d {position: absolute; bottom: 0px;} 
.set_posireset {padding: 21 !important;} 
.posi_defalt {position: unset !important; margin-left: -15px !important;} 
.send_ready_input_wrap.posi_defalt {padding: 26px 0; margin-top: 30px; position: unset !important; margin-left: 0px !important;} 

/* align */
.set_al_le {text-align: left !important;} 

/* padding */
.set_pd_cen {padding: 50% 0 !important;} 

/* text_click */
.text_click {display: block; text-align: center; font-size: 13px; line-height: 1.46; letter-spacing: -0.36px; color: #06346c;} 
.text_click u {font-size: 13px; color: #06346c;} 

/* 사업 개인 마크 */
.user_mark {margin-bottom: 6px; display: flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; padding: 2px 7px !important; border-radius: 10px !important; font-size: 12px !important; font-weight: bold !important; line-height: 1.21 !important; letter-spacing: -0.24px !important; color: #ffffff !important;} 
.user_mark.bussi {border: 1px solid #084a80 !important; color: #084a80 !important;} 
.user_mark.indi {border: 1px solid #0095ff !important; color: #0095ff !important; margin-bottom: 0px;} 
.user_mark.add {border: 1px solid #00b981 !important; color: #00b981 !important;} 
.user_mark.comm {border: 1px solid #003c8d !important; background-color: #003c8d !important; color: #ffffff !important;} 
.user_mark.share {border: 1px solid #0090db !important; background-color: #0090db !important; color: #ffffff !important;} 
.user_mark.trans {border: 1px solid #00b981 !important; background-color: transparent !important; color: #00b981 !important;} 

/* 은행 아이콘, 은행 이름 : 로고 크기 이름 크기는 직접 지정*/
.bank_mark {display: flex !important; align-items: center !important; justify-content: flex-start !important;} 
.bank_mark span {display: block !important; font-weight: bold !important; line-height: 1.47 !important; letter-spacing: -0.34px !important; text-align: left !important; color: #000000 !important;} 
.bank_mark i {display: block !important;} 
.bank_mark i.logo_bank.ico_lb003 {background-image: url('../img/ico_small_bank1.png');} 
.bank_mark i.logo_bank.ico_lb004 {background-image: url('../img/ico_small_bank2.png');} 
.bank_mark i.logo_bank.ico_lb020 {background-image: url('../img/ico_small_bank3.png');} 
.bank_mark i.logo_bank.ico_lb088 {background-image: url('../img/ico_small_bank4.png');} 
.bank_mark i.logo_bank.ico_lb081 {background-image: url('../img/ico_small_bank5.png');} 
.bank_mark i.logo_bank.ico_lb011 {background-image: url('../img/bank_011.svg');} 
.bank_mark i.logo_bank.ico_lb023 {background-image: url('../img/ico_small_bank7.png');} 
.bank_mark i.logo_bank.ico_lb027 {background-image: url('../img/ico_small_bank8.png');} 
.bank_mark i.logo_bank.ico_lb002 {background-image: url('../img/ico_small_bank9.png');} 
.bank_mark i.logo_bank.ico_lb071 {background-image: url('../img/ico_small_bank10.png');} 
.bank_mark i.logo_bank.ico_lb032 {background-image: url('../img/ico_small_bank11.png');} 
.bank_mark i.logo_bank.ico_lb045 {background-image: url('../img/ico_small_bank12.png');} 
.bank_mark i.logo_bank.ico_lb034 {background-image: url('../img/ico_small_bank13.png');} 
.bank_mark i.logo_bank.ico_lb007 {background-image: url('../img/ico_small_bank14.png');} 
.bank_mark i.logo_bank.ico_lb031 {background-image: url('../img/ico_small_bank15.png');} 
.bank_mark i.logo_bank.ico_lb039 {background-image: url('../img/ico_small_bank11.png');} 
.bank_mark i.logo_bank.ico_lb035 {background-image: url('../img/ico_small_bank4.png');} 
.bank_mark i.logo_bank.ico_lb037 {background-image: url('../img/ico_small_bank13.png');} 
.bank_mark i.logo_bank.ico_lb089 {background-image: url('../img/ico_small_bank16.png');} 
.bank_mark i.logo_bank.ico_lb090 {background-image: url('../img/ico_small_bank17.png');} 
.bank_mark i.logo_bank.ico_lb050 {background-image: url('../img/ico_small_bank18.png');} 
.bank_mark i.logo_bank.ico_lb048 {background-image: url('../img/ico_small_bank19.png');} 
.bank_mark i.logo_bank.ico_lb055 {background-image: url('../img/ico_small_bank20.png');} 
.bank_mark i.logo_bank.ico_lb064 {background-image: url('../img/ico_small_bank21.png');} 
.bank_mark i.logo_bank.ico_lb060 {background-image: url('../img/ico_small_bank22.png');} 
.bank_mark i.logo_bank.ico_lb054 {background-image: url('../img/ico_small_bank23.png');} 
.bank_mark i.logo_bank.ico_lb061 {background-image: url('../img/ico_small_bank24.png');} 
.bank_mark i.logo_bank.ico_lb057 {background-image: url('../img/ico_small_bank25.png');} 
.bank_mark i.logo_bank.ico_lb067 {background-image: url('../img/ico_small_bank26.png');} 
.bank_mark i.logo_bank.ico_lb062 {background-image: url('../img/ico_small_bank27.png');} 
.bank_mark i.logo_bank.ico_lb063 {background-image: url('../img/ico_small_bank28.png');} 
.bank_mark i.logo_bank.ico_lb092 {background-image: url('../img/bank_092.svg');} 
.card_mark {display: flex !important; align-items: center !important; justify-content: flex-start !important;} 
.card_mark span {display: block !important; font-weight: bold !important; line-height: 1.47 !important; letter-spacing: -0.34px !important; text-align: left !important; color: #000000 !important;} 
.card_mark i {display: block !important;} 
.card_mark i.logo_card.ico_lc30000001 {background-image: url('../img/ico_small_card2.png');} 
.card_mark i.logo_card.ico_lc30000002 {background-image: url('../img/ico_small_card6.png');} 
.card_mark i.logo_card.ico_lc30000003 {background-image: url('../img/ico_small_card3.png');} 
.card_mark i.logo_card.ico_lc30000004 {background-image: url('../img/ico_small_card8.png');} 
.card_mark i.logo_card.ico_lc30000006 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000060 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000061 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000062 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000063 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000064 {background-image: url('../img/ico_small_card1.png');} 
.card_mark i.logo_card.ico_lc30000008 {background-image: url('../img/ico_small_card5.png');} 
.card_mark i.logo_card.ico_lc30000009 {background-image: url('../img/ico_small_card9.png');} 
.card_mark i.logo_card.ico_lc30000015 {background-image: url('../img/ico_small_card8.png');} 
.card_mark i.logo_card.ico_lc30000017 {background-image: url('../img/ico_small_card7.png');} 
.card_mark i.logo_card.ico_lc30000018 {background-image: url('../img/ico_small_card10.png');} 
.card_mark i.logo_card.ico_lc30000019 {background-image: url('../img/ico_small_card7.png');} 
.card_mark i.logo_card.ico_lc30000021 {background-image: url('../img/ico_small_card4.png');} 
 
/* 상단 새로고침 */
a.btn_refresh_t {position: absolute !important; top: 4px !important; right:26px !important; width: 30px !important; height: 30px !important; line-height: 1.5; border-radius: 15px !important; background-color: #f2f2f2 !important;} 
a.btn_refresh_t i {width: 19px !important; height: 19px !important; background-image: url('../img/ico_refresh_b.png') !important; background-size: contain !important;} 
.refresh_box {position: absolute !important; top: 4px !important; right:26px !important;} 
.refresh_box .refresh_date {margin-right: 6px; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.refresh_box a.btn_refresh_t {position: unset !important; top: unset !important; right:unset !important;} 
/* 리스트 목록 정보 */
.info_detail_list_wrap {padding: 0 11px;} 

/*리스트 목록 정보 정보 ex) 계좌 갯수, 은행 총*/
.info_detail_total_list p {width: 100%; height: 48px; border-radius: 8px; background-color: #f2f2f2;} 
.info_detail_total_list i.info_mark {margin-right: 8px; width: 28px; height: 28px; background-size: contain;} 
.info_detail_total_list i.info_mark.bankbook {background-image: url('../img/ico_account_dr.png');} 
.info_detail_total_list i.info_mark.card {background-image: url('../img/ico_card_green.png');} 
.info_detail_total_list i.info_mark.hometax {background-image: url('../img/ico_hometax_dr.png');} 
.info_detail_total_list i.info_mark.money {background-image: url('../img/ico_money_dr.png');} 
.info_detail_total_list span.account_info {font-size: 16px; font-weight: bold; letter-spacing: -0.32px; color: #000000;} 
.info_detail_total_list span.account_info em {margin-left: 5px; margin-right: 2px; font-size: 25px; font-weight: bold; letter-spacing: -0.32px; color: #000000;} 
.info_detail_total_list span.hometax_info {font-size: 16px; font-weight: bold; letter-spacing: -0.32px; color: #000000;} 
.info_detail_total_list span.agent_info {margin-left: 6px; font-size: 16px; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.info_detail_total_list span.agent_info em {font-size: 16px; letter-spacing: -0.32px; text-align: left; color: #000000;} 

/* 리뉴 버튼 */
.info_detail_renew {padding: 15px 0; display: flex; align-items: center; justify-content: center;} 
.info_detail_renew p {font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: center; color: #a9adb5;} 
.info_detail_renew a {padding:6px;} 
.info_detail_renew a i {width: 30px; height: 30px; background-color: #f2f2f2; border-radius: 15px; background-size: 19px 19px; background-image:url('../img/ico_refresh_b.png');} 

/* 계좌 카드 홈텍스 상세 리스트 */ 
.info_detail_list_box .info_detail_list {display: flex; align-items: flex-start; padding: 13px 15px; margin-bottom: 10px; border-radius: 8px; box-shadow: 2px 4px 3px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c8c8c8; background-color: #ffffff;} 
.info_detail_list i.hometax_mark {margin-right: 15px; width: 50px; height: 21px; background-image: url('../img/ico_hometax_wm.png'); background-size: contain;} 
.info_detail_list div.user_mark {margin-top: 3px; margin-right: 13px;} 
.info_detail_list div.user_mark + div {width: 75%;} 
.info_detail_list div.mark_box {margin-right: 4px;} 
.info_detail_list div.mark_box div.user_mark {margin-top: 5px;} 
.info_detail_list div.mark_box div.user_mark + div {width: unset;} 
.info_detail_list div.mark_box + div {width: 75%;} 
.info_detail_list p {display: flex; align-items: center; justify-content: flex-start;} 
.info_detail_list p.set_fl_col {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;} 
.info_detail_list p:first-child {align-items: center;} 
.info_detail_list p:not(:last-child) {margin-bottom: 9px;} 
.info_detail_list p.hometax_name {font-size: 11px; letter-spacing: -0.22px; text-align: left; color: #000000;} 
.info_detail_list p.hometax_name span {margin-right: 5px; font-size: 17px; font-weight: bold; letter-spacing: -0.34px; text-align: left; color: #000000;} 
.info_detail_list span.bank_mark i {width: 20px; height: 20px;} 
.info_detail_list span.bank_mark span {font-size: 18px; font-weight: bold;} 
.info_detail_list span.card_mark i {width: 20px; height: 20px;} 
.info_detail_list span.card_mark span {font-size: 17px; font-weight: bold;} 
.info_detail_list span.info_name {margin-left: 5px; font-weight: bold; margin-right: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px;} 
.info_detail_list span.info_date {margin-left: 6px; font-size: 12px; line-height: 1.45; letter-spacing: -0.2px; color: #a9adb5;} 
.info_detail_list span.info_acnt_class {margin-bottom: 2px; font-size: 14px; line-height: 1.5; letter-spacing: -0.22px; color: #000000;} 
.info_detail_list span.info_acnt {font-size: 14px; line-height: 1.5; letter-spacing: -0.22px; color: #000000;} 
.info_detail_list span.info_won {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.info_detail_list span.info_won em {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.info_detail_list span.info_success {font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.34px; color: #000000;} 
.info_detail_list span.info_fail {display: none; font-size: 17px; line-height: 1.47; letter-spacing: -0.34px;} 
.info_detail_list.off {border: none; box-shadow: none;} 
.info_detail_list.off span {color: #a9adb5 !important;} 
.info_detail_list.off div.user_mark {color: #a9adb5 !important; border-color: #a9adb5 !important;} 
.info_detail_list.off i.logo_bank {display: none !important;} 
.info_detail_list.off i.logo_card {display: none !important;} 
.info_detail_list.off span.info_won {display: none;} 
.info_detail_list.off span.info_success {display: none;} 
.info_detail_list.off span.info_fail {display: block; color: #ff684a !important;} 
.info_detail_list_box .info_detail_list.type2 {display: flex; align-items: flex-start; justify-content: space-between; padding: 15px 21px; margin-bottom: 15px; border-radius: 8px; box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.16); border: solid 1px #c8c8c8; background-color: #ffffff;} 
.info_detail_list.type2 > div {display: flex; align-items: flex-start;} 
.info_detail_list.type2 > div span.bank_mark {width: 25px; height: 25px; margin-right: 11px; margin-top: -3px;} 
.info_detail_list.type2 > div span.bank_mark i {width: 25px; height: 25px;} 
.info_detail_list.type2 p {display: flex; align-items: center; justify-content: flex-start; height: 100%;} 
.info_detail_list.type2 p.set_fl_col {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;} 
.info_detail_list.type2 p.set_fl_col.si {align-items: center; justify-content: space-between;} 
.info_detail_list.type2 p:not(:last-child) {margin-bottom: 0;} 
.info_detail_list.type2 p span.info_bank_name {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.info_detail_list.type2 p span.info_acnt_name {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; color: #636363;} 
.info_detail_list.type2 p span.info_acnt {font-size: 16px; font-weight: normal; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #a9adb5;} 
.info_detail_list.type2 p span.info_won {font-size: 21px; line-height: 0.98; letter-spacing: -0.42px; text-align: left; color: #000000;} 
.info_detail_list.type2 p span.info_won em {font-size: 21px; line-height: 0.98; letter-spacing: -0.42px; text-align: left; color: #000000;} 
.info_detail_list.type2 p span.info_fail {display: none; font-size: 21px; line-height: 0.98; letter-spacing: -0.42px; text-align: left; color: #ff684a;} 
.info_detail_list.type2 p span.info_ref {display: none; margin-top: 37px; font-size: 16px; letter-spacing: -0.32px; text-align: left; color: #ff684a;} 
.info_detail_list.type2 > div p span:nth-child(1) {margin-bottom: 8px;} 
.info_detail_list.type2 > div p span:nth-child(2) {margin-bottom: 11px;} 
.info_detail_list.type2:first-child p span.info_ref {display: block;} 
.info_detail_list.type2.off {box-shadow: none;} 
.info_detail_list.type2.off span {color: #a9adb5 !important;} 
.info_detail_list.type2.off span.user_mark {color: #a9adb5 !important; border-color: #a9adb5 !important;} 
.info_detail_list.type2.off i.logo_bank {display: none !important;} 
.info_detail_list.type2.off i.logo_card {display: none !important;} 
.info_detail_list.type2.off span.info_won {display: none;} 
.info_detail_list.type2.off span.info_success {display: none;} 
.info_detail_list.type2.off span.info_fail {display: block; color: #ff684a !important;} 
.info_detail_list_box .info_detail_list.type3 {display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 17px 21px; margin-bottom: 15px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fafafa; box-shadow: none;} 
.info_detail_list.type3 > p.lt_class {padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid #C8C8C8; width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.info_detail_list.type3 > p.lt_class span {display:block; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color:#a9adb5;} 
.info_detail_list.type3 > div {width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.info_detail_list.type3 > div > a {margin-right: -7.5px;} 
.info_detail_list.type3 > div > a > i {background-image: url("../img/ico_arrow_thin_g_right.png"); width: 7.5px; height: 10px; background-size: contain;} 
.info_detail_list.type3 > div > div {width: calc(100% - 7px);} 
.info_detail_list.type3 > div > div > p {width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.info_detail_list.type3 > div > div > p:not(:last-child) {margin-bottom: 8px;} 
.info_detail_list.type3 > div > div > p > span.loan_tit {width: 55%; text-align: left; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #a9adb5;} 
.info_detail_list.type3 > div > div > p > span.loan_txt {width: 45%; text-align: left; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #a9adb5} 
.info_detail_list.type3 > button::before {content:""; display: block; margin-right: 8px; background: url("../img/ico_work_w.png") no-repeat center; width: 12px; height: 15px; margin-right: 8px; background-size: contain;} 
.info_detail_list.type3 > button {display: none; margin-top: 12px; align-items: center; justify-content: center; border: 0; padding: 13.5px 12.5px; border-radius: 8.5px; background-color: #0090db; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #ffffff;} 
.info_detail_list.type3.on {box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; display: flex; align-items: center; flex-direction: column;} 
.info_detail_list.type3.on > p.lt_class {padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid #C8C8C8; width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.info_detail_list.type3.on > p.lt_class span {display:block; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color:#a9adb5;} 
.info_detail_list.type3.on > p.lt_class span.loan_tit {color:#000000;} 
.info_detail_list.type3.on > p.lt_class span.loan_txt {color:#6a6a6a;} 
.info_detail_list.type3.on > div {display: flex; align-items: center; justify-content: center;} 
.info_detail_list.type3.on > div > a {margin-right: -7.5px;} 
.info_detail_list.type3.on > div > a > i {background-image: url("../img/ico_arrow_thin_b_right.png"); width: 7.5px; height: 10px; background-size: contain;} 
.info_detail_list.type3.on > div > div {width: calc(100% -7.5px); display: flex; flex-direction: column; align-items: center;} 
.info_detail_list.type3.on > div > div > button::before {content:""; display: block; margin-right: 8px; background: url("../img/ico_work_w.png") no-repeat center; width: 12px; height: 15px; margin-right: 8px; background-size: contain;} 
.info_detail_list.type3.on > div > div > button {display: flex; margin-top: 12px; align-items: center; justify-content: center; border: 0; padding: 13.5px 12.5px; border-radius: 8.5px; background-color: #0090db; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #ffffff;} 
.info_detail_list.type3.on > div > div > div {width: 100%;} 
.info_detail_list.type3.on > div > div > div > p span {text-align: left; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #636363;} 
.info_detail_list.type3.on > div > div > div > p span.loan_tit {width: 55%;} 
.info_detail_list.type3.on > div > div > div > p span.loan_txt {width: 45%;} 
.info_detail_list.type3.on > div > div > div > p.lt_won .loan_txt em {font-weight: bold; color: #0090db} 
.info_detail_list.type3.on > div > div > div > p.lt_apply {display: none;} 

/* 케러셀 width 100% */
.carousel_wrap {position: relative; margin-left: -15px; width: calc(100% + 30px); height: 132.5px; background-color: #ffffff;} 
.carousel_wrap > a {position: absolute; display: block; padding: 15px; z-index: 99;} 
.carousel_wrap > a.btn_carousel_left {top:calc(50% - 24px); left: 0;} 
.carousel_wrap > a.btn_carousel_right {top: calc(50% - 24px); right: 0;} 
.carousel_wrap > a i {width: 10px; height: 16px; background-size: contain;} 
.carousel_wrap > a.btn_carousel_left i {background-image: url('../img/ico_arr_l_g.png');} 
.carousel_wrap > a.btn_carousel_right i {background-image: url('../img/ico_arr_r_g.png');} 
.carousel_wrap > .carousel_display {position: relative; width: 100%; height: 100%; overflow: hidden;} 
.carousel_wrap > .carousel_display .carousel_box {position: absolute; display: flex; align-items: center; height: 100%; -webkit-transition: left 1s; transition: left 1s;} 
.carousel_item {display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 13.5px 0 10.5px; width: 100%; height: calc(100% - 35.5px); background-color: #fafafa;} 
.carousel_item p {display: flex; align-items: center; justify-content: center;} 
.carousel_item p:nth-child(1) {margin-bottom: 3.5px;} 
.carousel_item p:nth-child(2) {display: flex; flex-direction: column; margin-bottom: 5.5px;} 
.carousel_item p:nth-child(2) > span {display: flex; align-items: center; justify-content: center;} 
.carousel_item span.bank_mark i {width: 20px; height: 20px;} 
.carousel_item span.bank_mark span {font-size: 17px; font-weight: bold;} 
.carousel_item span.info_name {margin-left: 5px; font-weight: bold; margin-right: 10px; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px;} 
.carousel_item span.info_date {margin-left: 6px; font-size: 12px; line-height: 2.05; letter-spacing: -0.2px; color: #a9adb5;} 
.carousel_item span.user_mark {margin-right: 6px;} 
.carousel_item span.info_acnt_class {font-size: 13px; line-height: 1.71; letter-spacing: -0.24px; color: #a9adb5;} 
.carousel_item span.info_acnt {font-size: 13px; line-height: 1.71; letter-spacing: -0.24px; color: #a9adb5;} 
.carousel_item span.info_won {font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.4px; color: #000000;} 
.carousel_item span.info_won em {font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.4px; color: #000000;} 
.carousel_item span.info_fail {display: none; font-size: 20px; line-height: 1; letter-spacing: -0.4px;} 
.carousel_item.off {border: none; box-shadow: none;} 
.carousel_item.off span {color: #a9adb5 !important;} 
.carousel_item.off span.user_mark {border-color: #a9adb5 !important; background-color: #a9adb5 !important; color: #ffffff !important;} 
.carousel_item.off i.logo_bank {display: none !important;} 
.carousel_item.off span.info_won {display: none;} 
.carousel_item.off span.info_fail {display: block; color: #ff684a !important;} 

/* 사용처 상세 리스트 */
.price_detail_list_box {padding-top: 16px;} 
.price_detail_list {margin-bottom: 16px;} 
.price_detail_list .price_date {margin-bottom: 7px; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.price_detail_list .price_detail {padding: 2px 17px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff;} 
.price_detail li {display: flex; justify-content: space-between; padding: 11px 0;} 
.price_detail li:not(:last-child) {border-bottom: 1px solid #e6e6e6;} 
.price_detail li p {display: flex; flex-direction: column; justify-content: space-between;} 
.price_detail li p span:first-child {margin-bottom: 5px;} 
.price_detail li .info_brand {font-size: 15px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #202020;} 
.price_detail li .info_date {font-size: 13px; line-height: 1.5; letter-spacing: -0.24px; color: #a9adb5;} 
.price_detail li .info_transaction {font-size: 15px; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.price_detail li .info_transaction em {margin-right: 1px; font-size: 15px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #ff684a;} 
.price_detail li .info_change {font-size: 13px; line-height: 1.5; letter-spacing: -0.24px; text-align: right; color: #a9adb5;} 
.price_detail li .info_change em {margin-right: 1px; font-size: 13px; line-height: 1.5; letter-spacing: -0.24px; text-align: right; color: #a9adb5;} 

/*결과 창*/
.day_align {align-self: flex-end;} 
.carousel_wrap + .result_wrap {margin-top: 60px;} 
.result_com {padding: 35% 0; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.result_com i {margin-bottom: 11px;} 
.result_com.fail i.fail {width: 30px; height: 30px; background-size: contain;} 
.result_com.fail i.success {width: 30px; height: 30px; background-size: contain;} 
.result_com.fail span {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #ff684a;} 
.result_com.reset_pd {padding: unset;} 
.result_com i.fail {width: 30px; height: 30px; background-size: contain;} 
.result_com i.success {width: 30px; height: 30px; background-size: contain;} 
.result_com span {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #ff684a;} 
.result_com_header {padding: 6px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.result_com_header i {margin-bottom: 11px;} 
.result_com_header i.fail {width: 40px; height: 40px; background-size: contain;} 
.result_com_header i.success {width: 40px; height: 40px; background-size: contain;} 
.result_com_header p.rch_tit {margin-bottom: 8px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 
.result_com_header p.rch_txt {font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; text-align: center; color: #000000;} 

/* 게시판 이미지 화면 */ 
.intro_board_wrap {padding: 0 7px;} 
.intro_board_wrap .board_bg {width: 100%; height: 430px; background-image: url("../img/bg_board_w.png"); background-repeat: no-repeat; background-position: center; background-size: 100% 428px;} 
.intro_board_wrap .board_bg.set_height {height: 490px; background-image: url("../img/bg_board_w.png"); background-size: 100% 488px;} 
.intro_board_wrap .board_bg .title {font-size: 19px; padding: 65px 7% 0 8.2%;} 
.intro_board_wrap .board_bg .board_txt {padding: 0 8.2% 0 8.2%;} 
.intro_board_wrap .board_bg .board_txt span.title {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #000000;} 
.intro_board_wrap .board_bg .board_txt strong.text {margin-top: 15px; display: inline-block; word-wrap: break-word; word-break: keep-all; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.intro_board_wrap .board_bg .board_txt span.text {margin-top: 15px; display: inline-block; word-wrap: break-word; word-break: keep-all; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.intro_board_wrap .board_bg .board_logo {margin-top: 15px; width: 65px; height: 21px; background-image: url("../img/logo_semo_word.png"); background-repeat: no-repeat; background-position: center; background-size: contain;} 
.intro_board_wrap .btn_full {margin-bottom: 4px; width:100%; margin-left: 0; border:0; padding: 13px 19px; display: flex; align-items: center; justify-content: space-between; background-color: #f6f6f6; border-radius: 10px;} 
.intro_board_wrap .btn_full + button {background-color: #e4f5f6;} 

/* 증빙 자료 메뉴 */
.function_list_wrap {margin-top: 20px; width: calc(100% + 30px); margin-left: -15px;} 
.function_list_wrap > div {width: 70%; margin: auto; display: flex; align-items: center; justify-content: space-between;} 
.function_list_wrap button.func_list {padding: 0; border: none; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; width: 100px;} 
.function_list_wrap ul {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} 
.function_list_wrap li.func_list {margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; width: 100px;} 
.function_list_wrap li.func_list:nth-child(2n-1) {margin-right: 15%;} 
.function_list_wrap li.func_list:nth-child(2n-1):last-child {margin-right: calc(15% + 100px);} 
.function_list_box {margin-bottom: 36px; padding: 0 30px;} 
.function_list_box.line_2 {margin-top: 30px; margin-bottom: 36px; padding: 0 50px;} 
.function_list_box u {margin-bottom: 20px; display: block; font-weight: bold; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #363636; padding-left: 12px;} 
.wrap.proof .function_list_box u {padding-left: 0;} 
.function_list_box ul {display: grid; align-items: center; flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; justify-content: space-between;} 
.wrap.proof .function_list_box ul {padding: 0 5px;} 
.function_list_box li.func_list {margin-bottom: 17px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent;} 
.func_list {display: flex; align-items: center; flex-direction: column; width: 100%;} 
.func_list.set_width {width: 40%;} 
.func_list i {display: block; width: 60px; height: 60px; border-radius: 30px; background-image: url("../img/bx-rotate-left.png"); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; background-color: #ffffff;} 
.func_list i.camera {background-image: url("../img/ico_menu_camera.png");} 
.func_list i.paper {background-image: url("../img/ico_menu_paper.png");} 
.func_list i.people {background-image: url("../img/ico_menu_person.png");} 
.func_list i.look {background-image: url("../img/ico_menu_look.png");} 
.func_list i.out {background-image: url("../img/ico_menu_out.png");} 
.func_list i.in {background-image: url("../img/ico_menu_in.png");} 
.func_list i.business {background-image: url("../img/ico_menu_business.png");} 
.func_list i.acc {background-image: url("../img/ico_menu_acc.png");} 
.func_list i.healthy {background-image: url("../img/ico_menu_healthy.png");} 
.func_list i.service {background-image: url("../img/ico_menu_service.png");} 
.func_list i.profile {background-image: url("../img/ico_menu_myproflie.png");} 
.func_list i.swork {background-image: url("../img/ico_menu_semowork.png");} 
.func_list i.loan {background-image: url("../img/ico_menu_loan.png");} 
.func_list i.forex {background-image: url("../img/ico_menu_forex.png");} 
.func_list i.gift {background-image: url("../img/ico_menu_gift.png");} 
.func_list i.deli {background-image: url("../img/mr_i_5.png");} 
.func_list i.incm_tax {background-image: url("../img/ico_menu_tax.png");} 
.func_list i.kt_jar {background-image: url("../img/kt_jar.png");} 
.func_list i.contract {background-image: url("../img/contract.png");} 
.func_list span {font-size: 13px; line-height: 1.47; letter-spacing: -0.32px; text-align: center; color: #818181; margin-top: -6px;} 
.wrap.proof .func_list span {color: #000;} 
.func_list i.insurance {background-image: url(../img/insurance.png);} 
.func_list i.pay {background-image: url("../img/pay_icon.png");} /* 급여관리 */
.func_list i.report_icon {background-image: url("../img/report_icon.png");} /* 보고서 */
.func_list i.proof_i_1 {background-image: url("../img/proof_01.svg");} 
.func_list i.proof_i_2 {background-image: url("../img/proof_02.svg");} 
.func_list i.proof_i_3 {background-image: url("../img/proof_03.svg");} 
.func_list i.proof_i_4 {background-image: url("../img/proof_04.svg");} 
.func_list i.proof_i_5 {background-image: url("../img/proof_05.svg");} 
.func_list i.proof_i_6 {background-image: url("../img/proof_06.svg");} 
.func_list i.proof_i_7 {background-image: url("../img/proof_07.svg");} 
.func_list i.proof_i_8 {background-image: url("../img/proof_08.svg");} 
.func_list i.proof_i_9 {background-image: url("../img/proof_09.svg");} 
.func_list i.proof_i_10 {background-image: url("../img/proof_10.svg");} 
.func_list i.proof_i_11 {background-image: url("../img/proof_11.svg");} 
.func_list i.proof_i_12 {background-image: url("../img/proof_12.svg");} 
.func_list i.proof_i_13 {background-image: url("../img/proof_13.svg");} 
.func_list i.proof_i_14 {background-image: url("../img/proof_14.svg");} 
.func_list i.proof_i_15 {background-image: url("../img/proof_15.svg");} 
.func_list i.proof_i_16 {background-image: url("../img/proof_16.svg");} 

/* 설정메뉴 */ 
.setting_menu_tit {display: flex; align-items: center; padding: 10px 6px;} 
.setting_menu_tit i {margin-right: 3.5px; width: 19px; height: 19px; background-size: contain;} 
.setting_menu_tit i.user {background-image: url("../img/ico_stm_user.png");} 
.setting_menu_tit i.certi {background-image: url("../img/ico_stm_certi.png");} 
.setting_menu_tit i.paper {background-image: url("../img/ico_stm_paper.png");} 
.setting_menu_tit span {font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; color: #000000;} 
.setting_menu_box {position: relative; margin-bottom: 14px; padding: 5px 0; border-radius: 13px; border: solid 1px #c8c8c8; background-color: #fdfefe;} 
.setting_menu_box .stmn_list {display: flex; align-items: center; justify-content: space-between; height: unset; padding: 13.5px 16px 13.5px 25px;} 
.setting_menu_box .stmn_list span {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.setting_menu_box .stmn_list a {padding: 19px 16px;} 
.setting_menu_box .stmn_list a i.arr_right {background-image: url(../img/ico_arrow_thin_b_right.png); width: 5px; height: 8px; background-size: contain;} 
.setting_menu_box .stmn_list p {position: absolute; right: 30px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: right;} 
.setting_menu_box .stmn_list p.off {display: none; color: #ff684a;} 
.setting_menu_box .stmn_list p.pro {display: none; color: #0095ff;} 
.setting_menu_box .stmn_list p.lite {display: none; color: #0095ff;} 
.setting_menu_box .stmn_list p.version {display: block; color: #a9adb5;} 
.setting_menu_box .stmn_list p.version em {color: #a9adb5;} 
.setting_menu_box .stmn_list div.stmn_info {margin-right: 11px; word-wrap: break-word; word-break: keep-all; width: 60%; font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.setting_menu_box .stmn_list.disabled div.stmn_info {color: #a9adb5; right: 16px; margin-right:0;} 
.setting_menu_box .stmn_list.disabled p.off {display: none;} 
.setting_menu_box .stmn_list.disabled a {display: none;} 
.setting_menu_box .stmn_list.pro p.pro {display: block;} 
.setting_menu_box .stmn_list.lite p.lite {display: block;} 
.setting_menu_box .stmn_list.off p.off {display: block;} 
.setting_menu_box .stmn_list.off div.stmn_info {display: none;} 
.setting_menu_box .stmn_list.update p.version {color: #ff684a;} 
.setting_menu_box .stmn_list.update p.version em {color: #ff684a;} 
.setting_menu_box .stmn_list.set_top_si.off a {top: 0;} 
.setting_menu_box.top {padding: 10px 20px 13px 25px; border: 0; box-shadow: 4px 8px 10px 0 rgba(0, 0, 0, 0.16); background-color: #06346c;} 
.setting_menu_box.top p {display: flex; align-items: center;} 
.setting_menu_box.top p:first-child {margin-bottom: 7.5px;} 
.setting_menu_box.top p i {display: inline-block; margin: 0 11px; height: 19.5px; width: 1px; background-color: #ffffff;} 
.setting_menu_box.top p span {font-size: 16px; font-weight: bold; line-height: 1.47; letter-spacing: -0.32px; text-align: left; color: #ffffff;} 
.setting_menu_box.top p span.busi_numger {font-size: 23px; font-weight: bold; line-height: 1.48; letter-spacing: -0.46px; text-align: left; color: #ffffff;} 
.setting_menu_box.top a {position: absolute; right: 0; top: calc(50% - 30px); padding: 20px;} 
.setting_menu_box.top a i {width: 12.5px; height: 20px; background-size: contain; background-image: url("../img/btn_arr_right_b_w.png");} 
.setting_menu_box.line_1 {padding: 0;} 
.setting_menu_box.line_1 .stmn_list {padding: 10px 21px;} 
.setting_menu_box.line_1 .stmn_list span {display: flex; align-items: center;} 
.setting_menu_box.line_1 .stmn_list span i {margin-right: 4.5px; width: 24px; height: 24px; background-size: contain;} 
.setting_menu_box.line_1 .stmn_list span i.service {background-image: url(../img/ico_menu_service.png);} 
.setting_menu_box.line_1 .stmn_list span i.set {background-image: url(../img/ico_setting02.png);} 
.setting_menu_box.line_1 .stmn_list span i.terms {background-image: url(../img/ico_cs_paper.png);} 
.setting_menu_box.line_1 .stmn_list span i.logout {background-image: url(../img/ico_logout_gray.png);} 
.setting_menu_box.line_1 .stmn_list span i.out {background-image: url(../img/ico_myinfo_out.png);} 
.setting_menu_box.logout {background-color: #efefef; border: 0;} 
.setting_menu_box.logout .stmn_list span {color: #bbbbbb;} 

/* 탭 */
.condition_head_wrap .tab_box {display: flex; align-items: center; justify-content: space-around; width: calc(100% + 30px); margin-left: -15px;} 
.condition_head_wrap .tab_box span {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 7.5px 26.5px; font-size: 18px; line-height: 1.2; letter-spacing: -0.36px; text-align: center; color: #636363; margin-bottom: 5.5px;} 
.condition_head_wrap .tab_box span.on {position: relative; color: #000000; background-color: #ebf0f2; z-index: 5; border-radius: 16px; padding: 7px 26.5px 8px 26.5px; line-height: 1.2; font-weight: bold;} 
.condition_head_wrap .tab_box2 {display: flex; align-items: center; justify-content: space-around; width: 100%;} 
.condition_head_wrap .tab_box2 span {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 7px 14px 8px 16px; font-size: 16px; line-height: 1.2; letter-spacing: -0.36px; text-align: center; color: #636363; margin-bottom: 5.5px;} 
.condition_head_wrap .tab_box2 span.on2 {position: relative; color: #000000; background-color: #ebf0f2; z-index: 5; border-radius: 16px; padding: 7px 14px 8px 16px; line-height: 1.2; font-weight: bold;} 
.condition_head_wrap .tab_box3 {display: flex; align-items: center; justify-content: space-between; border-radius: 60px; border: 1px solid #636363; padding: 5px 6px;} 
.condition_head_wrap .tab_box3 span {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 14px; line-height: 30px; letter-spacing: -0.36px; text-align: center; color: #636363; width: 105px; height: 30px; border-radius: 30px;} 
.condition_head_wrap .tab_box3 span.on3 {position: relative; color: #ffffff; background-color: #000000; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on4 {position: relative; color: #007a7e; background-color: #c1f5f6; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on5 {position: relative; color: #ffffff; background-color: #0cacb2; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on6 {position: relative; color: #0090db; background-color: #dbf4ff; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on7 {position: relative; color: #ffffff; background-color: #0090db; z-index: 5; font-weight: bold;} 
.tax_detail_box_right > p {color: #a9adb5;} 
.condition_head_wrap .tab_box3 span.on8 {position: relative; color: #ffffff; background-color: #ff3d23; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on9 {position: relative; color: #428221; background-color: #dff8d2; z-index: 5; font-weight: bold;} 
.condition_head_wrap .tab_box3 span.on10 {position: relative; color: #ffffff; background-color: #0090db; z-index: 5; font-weight: bold;} 
.tax_detail_box > p > span:nth-child(2) {width: 105%;} 
.card_pay {display: flex; align-items: center; justify-content: center; margin-top: 7px; margin-bottom: 12px;} 
.card_pay > span {color: #a9adb5; display: flex; font-size: 13px; color: #ff684a; text-decoration: underline; align-items: center; line-height:normal;} 
.card_pay > span > p {margin-left: 5px; text-decoration: underline; color: #0095ff;} 
.pay_detail_list_wrap {border-bottom: 0;} 
.condition_head_wrap .secound_tab_box span.on2 {position: relative; background-color: #ebf0f2; border-radius: 20px; font-weight: bold;} 
.secound_tab_box span {padding: 6px 13px 6px; color: #000000; letter-spacing: -0.68px; font-size: 16px; text-align: center;} 
.secound_tab_box {display: flex; justify-content: space-around; font-size: 16px; align-items: center; width: 130%; margin-left: -20px; padding:0 10px 0 30px;} 
/* 대메뉴 리뉴얼 부분 */
.condition_head_wrap > .secound_wrap {width: calc(100% + 30px); overflow-x: auto; position: relative; left: -15px; z-index: 100;} 
.secound_wrap::-webkit-scrollbar {width: 1px; height: 3px;} 
.secound_wrap::-webkit-scrollbar-track {background-color:#EBF0F2;} 
.secound_wrap::-webkit-scrollbar-thumb {background: #e0e0e0; width: 1px;} 
.secound_wrap::-webkit-scrollbar-thumb:hover {background: #404040;} 
.secound_wrap::-webkit-scrollbar-thumb:active {background: #808080;} 
.secound_wrap::-webkit-scrollbar-button {display: none;} 
.secound_tab_box {display: flex; justify-content: space-around; font-size: 16px; align-items: center; width: calc(100% + 49px); margin-left: -20px;} 

/* 송금 조건 */
.condition_date_border {width: calc(100% + 30px); margin-left: -15px; background-color: #ebf0f2; padding: 0 0 7px 0;} 
.condition_date_box {display: flex; align-items: center; justify-content: space-around; background-color: #fafafa; padding:12px 15px 6px;} 
.condition_date_box span {font-size: 15px; padding: 5px 0; border-radius: 16px; line-height: 1.2; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.condition_date_box span.on {font-weight: bold; color: #17BF98; position: relative;} 
.condition_date_box span.on::before {content: ""; position: absolute; width: calc(100% + 20px); height: 5px; bottom: -12px; background-color: #17BF98; left: 50%; transform: translateX(-50%);} 
.condition_date_box span:last-child {display: flex; align-items: center; text-align: center;} 
.condition_date_box span:last-child::after {content: "▼"; display: block; font-size: 15px; margin-left: 5px;} 
.condition_date_box span:last-child.on::after {content: "▲"; display: block; font-size: 15px; margin-left: 5px;} 
.condition_date_box span:last-child.on.down::after {content: "▼"; display:block; font-size: 15px; margin-left: 5px; color: #17BF98;} 

/* 날짜 조건 */
.condition_account_border {width: calc(100% + 30px); margin-left: -15px; background-color: #ebf0f2; padding: 0 0 7px 0;} 
.condition_account_box {display: flex; align-items: center; justify-content: space-around; background-color: #fafafa; padding: 6px 15px;} 
.condition_account_box span {position: relative; display: flex; flex-direction: column; align-items: center; font-weight: bold; font-size: 15px; padding: 5px 0; border-radius: 16px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #000000;} 
.condition_account_box span.on {color: #71fbc8;} 
.condition_account_box span.on::after {position: absolute; bottom:-12px; content: ""; display: block; width: calc(100% + 30px); height: 5px; background-color: #71fbc8;} 
.condition_date_wrap.on .condition_date_detail_box {display: block;} 
.condition_date_wrap .condition_date_detail_box {display: none; z-index: 2;} 
.condition_date_detail_box {position: fixed; left: 0; top: 144px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);} 
.condition_date_detail_box.reset_top {top: unset !important;} 
.condition_date_detail {display: flex; align-items: center; justify-content: space-around; background-color: #ffffff; padding: 13px 15px 15px;} 
.condition_date_detail p.date_detail {display: flex; align-items: center; border-radius: 10px; padding: 12px 12px 12px 11px; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.condition_date_detail p.date_detail::before {content:""; margin-right:5px; display: block; background-position: center; background-repeat: no-repeat; width: 15px; height: 15px; background-repeat: no-repeat; background-image: url('../img/ico_calandar.png'); background-position: center; background-size: contain;} 
.condition_date_detail p.division {font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; color: #000000;} 
.condition_date_detail button.btn_date {border: 1px solid #c8c8c8; padding: 11px 10px; border-radius: 8px; background-color: #efefef; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #000000;} 
.condition_date_wrap.on .condition_search_detail_box {display: block; z-index: 3;} 
.condition_date_wrap .condition_search_detail_box {display: none;} 
.condition_search_detail_box {position: fixed; left: 0; top: 144px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);} 
.condition_search_detail {background-color: #ffffff; padding: 0px 15px 15px; position: relative;} 
.condition_search_detail .card_use_button {margin-top: 19px; margin-bottom: 4px;} 
.condition_search_detail .card_use_button p {font-size: 15px;} 
.csd_input_box {display: flex; align-items: center; justify-content: space-between;} 
.csd_input_box input {width: calc(100% - 115px); background-image: url('../img/ico_search.png'); background-repeat: no-repeat; background-position: 11px 14px; background-size: 16px 16px; border: 0px; padding:11px 11px 11px 38px; border-bottom: solid 1px #a9adb5; background-color: #ffffff; font-size: 16px; line-height: 1.41; letter-spacing: -0.32px; text-align: left; color: #000000; font-size: 15px;} 
.csd_input_box button {padding: 11px 15px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000; width: 60px;} 
.csd_calendar_box {display: flex; align-items: center; justify-content: space-between;} 
.csd_calendar_box p {padding: 10px; display: flex; align-items: center; justify-content: flex-start; border: 0px; border-bottom: solid 1px #a9adb5; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000; font-weight: bold;} 
.csd_calendar_box p::before {content: ""; margin-right: 11px; display: block; background-image: url('../img/ico_calandar.png'); width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.csd_calendar_box span {font-size: 22px; line-height: 1.48; letter-spacing: -0.44px; text-align: left; color: #000000;} 
.csd_pay_box p {padding: 11px 4px 11px 10px;} 
.csd_pay_box button {padding: 9px 15px;} 
.csd_select_date_box {border-radius: 8px; border: solid 1px #c8c8c8; display: flex; overflow: hidden;} 
.csd_select_date_box input[class="search_date"] + label {display: flex; justify-content: center; align-items: center; width: 25%; padding: 11px 0; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; color: #a9adb5; background-color: #ffffff;} 
.csd_select_date_box input[class="search_date"] + label:not(:last-child) {border-right: 1px solid #c8c8c8; width: calc(25% - 1px);} 
.csd_select_date_box input[class="search_date"]:checked + label {background-color: #1bd9ac; color: #ffffff;} 
.csd_select_date_box input[class="search_date"] {display: none;} 
.csd_select_tit {font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #a9adb5;} 
.csd_select_acc_box {position: relative;} 
.csd_select_acc_box.on + .csd_select_acc {display: block; z-index: 999;} 
.csd_select_acc_box .csd_selected_acc {padding: 15px 12.5px; display: flex; align-items: center; justify-content: space-between; border: 0px; border-bottom: solid 1px #a9adb5; background-color: #ffffff;} 
.csd_select_acc_box .csd_selected_acc p {display: flex; align-items: center;} 
.csd_select_acc_box .csd_selected_acc p i {margin-right: 6px;} 
.csd_select_acc_box .csd_selected_acc p span {margin-right: 6px; font-size: 15px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.csd_select_acc_box .csd_selected_acc p a {padding: 5px; margin-right: -4px;} 
.csd_select_acc_box .csd_selected_acc a i {width: 15px; height: 10px; background-size: contain; background-image: url('../img/btn_arr_down_b.png');} 
.csd_select_acc_box i.logo_bank {width: 20px; height: 20px; background-image: url("../img/ico_account_dr.png")} 
.csd_select_acc_box + .csd_select_acc {display: none;} 
.csd_select_acc {max-height: 235px; overflow: scroll; position: absolute; top: 214px; left: 16px; width: calc(100% - 32px); border: solid 1px #c8c8c8; background-color: #ffffff;} 
.csd_select_acc ul {padding: 5px 0;} 
.csd_select_acc ul li {padding: 11px 15px; display: flex; align-items: flex-start; justify-content: flex-start;} 
.csd_select_acc ul li i {margin-right: 6px;} 
.csd_select_acc ul li p {margin-left: 6px;} 
.csd_select_acc ul li p span {display: block;} 
.csd_select_acc ul li p span:first-child {margin-bottom: 7px; font-size: 15px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.csd_select_acc ul li p span:last-child {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.csd_select_acc .logo_bank {width: 20px; height: 20px; background-image: url(../img/ico_account_dr.png);} 
.csd_select_trans_box {display: flex; align-items: center; justify-content: space-between;} 
.csd_select_trans_box .csd_selected_trans {position: relative;} 
.csd_select_trans_box .csd_selected_trans.on .csd_select_trans {display: block; z-index: 999;} 
.csd_select_trans_box .csd_selected_trans p {padding: 14px 16px 14px 20px; display: flex; align-items: center; justify-content: space-between; width: 120px; border: 0px; border-bottom: solid 1px #a9adb5; background-color: #ffffff;} 
.csd_select_trans_box .csd_selected_trans p span {font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.csd_select_trans_box .csd_selected_trans p a {padding: 5px; margin-right: -4px;} 
.csd_select_trans_box .csd_selected_trans a i {width: 15px; height: 10px; background-size: contain; background-image: url('../img/btn_arr_down_b.png');} 
.csd_select_trans_box .csd_select_trans {display: none; overflow: scroll; position: absolute; top: 48px; left: 0; width: calc(100% - 2px); border: solid 1px #c8c8c8; background-color: #ffffff;} 
.csd_select_trans_box .csd_select_trans ul {padding: 1.5px 0;} 
.csd_select_trans_box .csd_select_trans ul li {padding: 11px 15px;} 
.csd_select_trans_box .csd_select_trans ul li span {font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.csd_select_trans_box .csd_checked_trans {display: flex; align-items: center;} 
.csd_select_trans_box .csd_checked_trans input[type=checkbox] {margin-right: 4px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
.csd_select_trans_box .csd_checked_trans input[type=checkbox]:checked {background-image:url('../img/ico_info_check.png');} 
.csd_select_trans_box .csd_checked_trans input[type=checkbox].on {background-image:url('../img/ico_info_check.png');} 
.csd_select_trans_box .csd_checked_trans input + label {font-size: 15px; letter-spacing: -0.28px; color: #000000;} 
.use_state_box {padding: 3px 8.5px; width: calc(100% - 17px); display: flex; align-items: center;} 
.use_state_box i {width: 17px; height: 12px; margin-right: 8px; background-size: contain;} 
.use_state_box span {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: left;} 
.use_state_box.on {background-color: #71fbc8;} 
.use_state_box.on i {background-image: url("../img/check_green.png");} 
.use_state_box.on span {color: #08c7a0;} 
.use_state_box.off {background-color: #c9d4d8;} 
.use_state_box.off + ul li>div:not(.onoffBox)>div {display: none;} 
.use_state_box.off i {background-image: url("../img/check_white.png");} 
.use_state_box.off span {color: #ffffff;} 
.use_setting_tit {padding: 16px 0; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.use_setting_box li {padding: 11px 0; border-bottom: 1px solid #e1e1e1; display: flex; align-items: center; justify-content: space-between;} 
.use_setting_box li:first-child {border-top: 0;} 
.use_setting_box li:last-child {border-bottom: 0;} 
.use_setting_box li > div:first-child {display: flex; align-items: center;} 
.use_setting_box li > div:first-child > div {margin-right: 15px; width: 15px; height: 11.5px; padding: 15px 15px;} 
.use_setting_box li > div:first-child > div > .moveBtn {width: 100%; height: 100%; background-size: contain; background-image: url("../img/ico_move.png");} 
.use_setting_box li p span {display: block;} 
.use_setting_box li p span.us_tit {margin-bottom: 1px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.use_setting_box li p span.us_txt {font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.use_setting_box li div.onoffBox {display: flex; align-items: center; justify-content: flex-end;} 
.use_setting_box li div.onoffBox > div {margin-top: 0; height: 25px; display: flex; align-items: center;} 
.use_setting_box li div.onoffBox > div input {display: none;} 
.use_setting_box li div.onoffBox > div label.onoffCheck {display:inline-block; position: relative; width:55px; height:28px; border-radius:28px; background-color:#c9d4d8; cursor:pointer; -webkit-transition: backgroundColor .25s ease-in-out; -moz-transition: backgroundColor .25s ease-in-out; -o-transition: backgroundColor .25s ease-in-out; transition: backgroundColor .25s ease-in-out;} 
.use_setting_box li div.onoffBox > div label.onoffCheck .slider {z-index: 1; display:inline-block; position:absolute; right:28.5px; width:24px; height:24px; border-radius:24px; background-color:#fff; -webkit-transition: right .25s ease-in-out; -moz-transition: right .25s ease-in-out; -o-transition: .25s ease-in-out; transition: right .25s ease-in-out;} 
.use_setting_box li div.onoffBox > div label.onoffCheck .onoff {display:inline-block; position:absolute; top: 43%; left: 28px;} 
.use_setting_box li div.onoffBox > div label.onoffCheck .onoff::before {content: 'off'; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff; text-transform: uppercase;} 
.use_setting_box li div.onoffBox.on > div::before {color:#08c7a0;} 
.use_setting_box li div.onoffBox.on > div label.onoffCheck {background-color:#71fbc8; border: solid 1px #08c7a0;} 
.use_setting_box li div.onoffBox.on > div label.onoffCheck.resize {height: 25px!important; width: 55px;} 
.use_setting_box li div.onoffBox.on > div label.onoffCheck .slider {right:2px;} 
.use_setting_box li div.onoffBox.on > div label.onoffCheck .onoff {left:6.5px; top: 43%;} 
.use_setting_box li div.onoffBox.on > div label.onoffCheck .onoff::before {content: 'on'; color:#08c7a0;} 

/* 총 금액 박스 */
.total_wrap {width: 100%; padding: 0 15px; margin-left: -15px; background-color: #ffffff;} 
.total_wrap > div:first-child:not(.total_con) {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-radius: 8px; background-color: #fafafa;} 
.total_wrap > div:first-child:not(.total_con) span:first-child {font-weight: bold; font-size: 19px; line-height: 1.47; letter-spacing: -0.38px; color: #000000;} 
.total_wrap > div:first-child:not(.total_con) span:first-child em {font-weight: bold;} 
.total_wrap > div:first-child:not(.total_con) span:last-child {display: flex; align-items: center; font-size: 19px; line-height: 1.47; letter-spacing: -0.38px; color: #000000; font-weight: normal;} 
.total_wrap > div:first-child:not(.total_con) span:last-child em {font-size: 19px; line-height: 1.47; letter-spacing: -0.38px; color: #000000; font-weight: bold;} 
.total_wrap > div:first-child:not(.total_con) a.tw_renew_btn {padding: 6px; margin-right: -6px; margin-left: 4px;} 
.total_wrap > div:first-child:not(.total_con) a.tw_renew_btn i {width: 15.15px; height: 15.15px; background-size: contain; background-image: url("../img/ico_refresh_arr_b.png");} 
.total_wrap > div.onoffBox:not(.bgc_none) {display: flex; align-items: center; justify-content: flex-end; margin-top: 11px;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div {margin-top: 0; height: 25px; display: flex; align-items: center;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div::before {content: "미분류 보기"; margin-right: 4px; font-size: 12px; line-height: 1.88; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div input {display: none;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div label.onoffCheck {display:inline-block; position: relative; width:55px; height:25px; border-radius:25px; background-color:#c9d4d8; cursor:pointer; -webkit-transition: backgroundColor .25s ease-in-out; -moz-transition: backgroundColor .25s ease-in-out; -o-transition: backgroundColor .25s ease-in-out; transition: backgroundColor .25s ease-in-out;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div label.onoffCheck .slider {z-index: 1; display:inline-block; position:absolute; top: 1.5px; right:31.5px; width:21px; height:21px; border-radius:21px; background-color:#fff; -webkit-transition: right .25s ease-in-out; -moz-transition: right .25s ease-in-out; -o-transition: .25s ease-in-out; transition: right .25s ease-in-out;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div label.onoffCheck .onoff {display:inline-block; position:absolute; top: 1px; left: 26px;} 
.total_wrap > div.onoffBox:not(.bgc_none) > div label.onoffCheck .onoff::before {content: 'off'; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff; text-transform: uppercase;} 
.total_wrap > div.onoffBox.on:not(.bgc_none) > div::before {color:#08c7a0;} 
.total_wrap > div.onoffBox.on:not(.bgc_none) > div label.onoffCheck {background-color:#71fbc8; border: solid 1px #08c7a0;} 
.total_wrap > div.onoffBox.on:not(.bgc_none) > div label.onoffCheck .slider {right:2px;} 
.total_wrap > div.onoffBox.on:not(.bgc_none) > div label.onoffCheck .onoff {left:8.5px; top: 0;} 
.total_wrap > div.onoffBox.on:not(.bgc_none) > div label.onoffCheck .onoff::before {content: 'on'; color:#08c7a0;} 
.total_wrap {display: flex; justify-content: space-between;} 
.total_con {display: flex; align-items: center;} 
.total_con p {color: #a9adb5; font-size: 14px;} 
.total_con_img {width: 18px; height: 18px; margin-left: 5px; background: url(../img/ico_info_g.png); background-size: contain;} 
.onoffBox p {font-size: 12px; margin-right: 5.5px; color: #a9adb5;} 
.send_box {margin-top: 9px;} 
.send_box .sib_txt {display: flex; align-items:center; padding: 17px 15px; margin-bottom: 8px; border-radius: 8px; background-color: #fafafa;} 
.send_box .sib_txt .sib_select {display:flex; align-items: center; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.send_box .sib_txt .sib_select::after {margin-left: 8px; content:""; display: block; width:8px; height:5px; background-image:url('../img/ico_arrow_thin_b_down.png'); background-repeat: no-repeat; background-position: center; background-size:contain;} 
.send_box .sib_txt .sib_bank {margin-left: 16px; display: flex; align-items: center;} 
.send_box .sib_txt .sib_bank .logo_bank {width: 20px; height: 20px;} 
.send_box .sib_txt .sib_bank .logo_bank + strong {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.send_box .sib_input {font-weight: bold; padding: 17px 15px; width: calc(100% - 31px); border-radius: 8px; background-color: #fafafa; border:0; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.send_box .sc_input_box {position: relative; margin-bottom: 15px;} 
.send_box .sc_input {font-weight: bold; padding: 11px 50px 11px 16px; width: calc(100% - 68px); border-radius: 8px; background-color: #ffffff; border: 1px solid #c8c8c8; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.send_box .sc_button {position: absolute; top: 2px; right: 7px; padding: 10px;} 
.send_box .sc_button i {display: block; background-image: url('../img/ico_search.png'); width: 16px; height: 20px; background-size: contain;} 
.easy_send_select {padding-top: 10px; display: flex; align-items: center; justify-content: space-between;} 
.easy_send_select > div {display: flex; align-items: baseline;} 
.easy_send_select .ess_bank {margin-left: 6px; margin-right: 4px; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.easy_send_select .ess_account {display: flex; align-items: center; justify-content: center;} 
.easy_send_select .ess_account span {font-size: 16px; line-height: 1.28; letter-spacing: -0.32px; text-align: left; color: #000000; margin-left: 6px;} 
.easy_send_select .ess_account a {padding: 5px;} 
.easy_send_select .ess_account a i {display: block; background: url('../img/ico_arrow_thin_b_down.png') no-repeat center; width: 8px; height: 5px; background-size: contain; margin-top: 2px;} 
.easy_send_select .ess_history {display: flex; align-items: center; font-size: 14px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #636363; margin-bottom: 6px;} 
.easy_send_select .ess_history::before {content:""; display: block; margin-right: 5px; background: url('../img/ico_won.png') no-repeat center; width: 15px; height: 15px; background-size: contain;} 
.easy_send_input > p {margin-bottom: 12px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #a9adb5;} 
.easy_send_input > div {display: flex; align-items: center;} 
.easy_send_input > div > span {display: block; font-size: 33px; font-weight: bold; line-height: 1.22; letter-spacing: -0.46px; text-align: left; color: #000000;} 
.easy_send_input .esi_edit {border: 0; font-size: 33px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: -0.46px; text-align: left; color: #000000;} 
.easy_send_input .esi_edit.off + span {display: none;} 
.easy_send_info {display: flex; align-items: center; position: fixed; bottom: 65px; left: 15px;} 
.easy_send_info p {font-size: 12px; font-weight: normal; line-height: 1.71; letter-spacing: -0.24px; text-align: left;} 
.easy_send_info p span {font-size: 3.5vw; font-weight: normal; line-height: 1.71; letter-spacing: -0.24px; text-align: left;} 
.easy_send_info p span em {font-size: 3.5vw; font-weight: normal; line-height: 1.71; letter-spacing: -0.24px; text-align: left;} 
.easy_send_info p:first-child {color: #000000; display: flex; align-items: center;} 
.easy_send_info p:first-child span {display: flex; align-items: center;} 
.easy_send_info p:first-child a {padding: 6px;} 
.easy_send_info p:first-child a i {width:19px; height:19px; background-size: contain; background-image: url('../img/ico_refresh_b.png');} 
.easy_send_info p:first-child::after {content: "/"; margin-right: 7.5px; font-size: 12px; color: #000000;} 
.easy_send_info p:last-child {color: #a9adb5; display: flex; align-items: center;} 
.easy_send_info p:last-child a {padding: 5px; margin-top: 2px;} 
.easy_send_info p:last-child a i {width: 13px; height: 13px; background-size: contain; background-image: url('../img/ico_info_r.png');} 
.easy_send_result_wrap .transfer_list_wrap .tlw_result {padding: 40% 0 10%;} 
.easy_send_result_wrap .normal_sentence {font-size: 17px; font-weight: normal; line-height: 1.21; letter-spacing: -0.34px; text-align: center; color: #000000;} 
.easy_send_result_wrap .onoffBox {margin-top: 16px;} 
.logo_text_list_box li {padding: 9px 16px; border-radius: 10px; display: flex; align-items: flex-start;} 
.logo_text_list_box li.on {background-color: #f2f2f2;} 
.logo_text_list_box li i {width: 20px; height:20px; margin-right: 6px; background-size: contain} 
.logo_text_list_box li i.index {background-image: url(../img/btn_pl_check_off.png);} 
.logo_text_list_box li i.index.on {background-image: url(../img/btn_pl_check_on.png);} 
.logo_text_list_box li p strong {display: block;} 
.logo_text_list_box li .lt_tit {margin-bottom: 3px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.logo_text_list_box li .lt_txt {font-size: 14px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.send_ready_wrap .send_ready_tit {padding-top: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.send_ready_wrap .send_ready_tit i {width: 50px; height: 50px; background-size: contain; background-image: url('../img/ico_tr_transf.png');} 
.send_ready_wrap .send_ready_tit span {margin-top: 16px; font-size: 20px; font-weight: bold; line-height: 1.2; letter-spacing: -0.4px; text-align: center; color: #000000;} 
.send_ready_wrap .send_ready_info {margin-top: 26px; padding: 15px 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #fafafa;} 
.send_ready_wrap .send_ready_info p {display: flex; align-items: center; justify-content: center;} 
.send_ready_wrap .send_ready_info p i {width: 20px; width: 20px; background-size: contain;} 
.send_ready_wrap .send_ready_info p span {font-size: 16px; font-weight: normal; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.send_ready_wrap .send_ready_info > span {margin-left: 6px; font-size: 16px; font-weight: normal; line-height: 1.19; letter-spacing: -0.22px; text-align: left; color: #a9adb5;} 
.send_ready_input_wrap {width: 100%; margin-top: 30px;} 
.send_ready_input_wrap .sri_box {margin-bottom: 15px;} 
.send_ready_input_wrap .sri_box .sri_tit {margin-bottom: 6px; display: block; font-size: 13px; font-weight: normal; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
p.memo_input {padding: 15px 11px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #000000;} 
p.memo_input input {padding: 0 11px 0 29px; width: 100%; background: url('../img/ico_pen.png') no-repeat; background-size: 21px; background-position: left top; border: 0; font-size: 15px; font-weight: bold; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #636363;} 
p.memo_input a i {background-image: url('../img/ico_close_g.png'); background-size: contain; width: 18px; height: 18px;} 
p.memo_input.on a i {background-image: url('../img/ico_close_dg.png');} 
.account_box .pay_detail_list_wrap {display: unset;} 
.pay_detail_result_wrap {padding: 50% 0;} 
.pay_detail_result_wrap.away {padding: 0 0;} 
.pay_detail_list_wrap {width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #c8c8c8;} 
.pay_detail_list_wrap .pay_detail_list_cell:first-child {display: flex; flex-direction: column; color: #000000;} 
.pay_detail_list_cell1 .pay_cell1 {font-size: 16px; position: relative; display: flex; align-items: center; line-height: 1.2; letter-spacing: -0.64px; width: calc(100% + 30px);} 
.pay_detail_list_cell1 .pay_cell2 {align-items: center;} 
.deletafter::after {display: none;} 
.pay_detail_list_bt_cell {display: flex;} 
.pay_detail_list_bt_cell img {width: 12px; height: 12px;} 
.pay_detail_list_bt_cell p {color: #636363; font-size: 13px; position: relative; line-height: 1.21; width: 90%;} 
.pay_detail_list_bt_cell1 img {margin-right: 3.5px; margin-top: 1.5px;} 
.pay_detail_list_bt_cell1 p {color: #a9adb5; margin-left: 3.5px; width: 100%;} 
.pay_detail_list_bt_cell p:nth-child(4) {margin-bottom: 5px;} 
.pay_balance {font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 17.5px;} 
.pay_detail_list_bt > span {display: flex; justify-content: space-between; align-items: center;} 
.pay_detail_list_bt .onoffBox {font-weight: lighter;} 
.pay_detail_list_img {background-image: url(../img/ico_alert_q.png); width: 12px; height: 12px; background-size: contain;} 
.pay_text_account {font-size: 22px; font-weight: bold; margin-top: 10px; display: flex; align-items: center;} 
.pay_detail_list_con_text2 {flex-direction: unset!important;} 
.pay_detail_list_con_text span {color: #000000!important; text-decoration: none!important; position: relative; display: flex; align-items: center; font-weight: normal;} 
.pay_detail_question {background-image: url(../img/ico_qst.png); width: 13px; height: 13px; background-size: contain; margin-top: 4px; margin-right: 5px;} 
.pay_detail_list_con_text span::before {content: ""; position: absolute; width: 13px; height: 13px; background: url(../img/ico_qst.png); background-size: cover; background-repeat: no-repeat; background-position: center; top: 50%; left: -18px; transform: translateY(-50%);} 
.pay_detail_list_con_text span:nth-child(1) {margin-bottom: 11px;} 
.pay_cell2 {display: flex; align-items: center;} 
.pay_cell2 p {font-size: 19px; font-weight: bold; letter-spacing: -0.88px;} 
.pay_cell2_img {width: 23px; height: 23px; background-image: url(../img/ico_retrun_b.png); background-size: contain; margin-left: 8px; margin-top: 2px;} 
.tax_cell2 {display: flex; flex-direction: column;} 
.tax_cell2 p {display: flex; font-size: 22px; font-weight: bold; letter-spacing: -0.89px; line-height: 1.36;} 
.tax_cell2_text {display: flex; align-items: center; margin-top: 4px;} 
.tax_cell2 span {color: #a9adb5; font-size: 14px;} 
.pay_detail_list_con_text span::before {background-image: none;} 
.pay_detail_list_cell1 .pay_cell3 {font-size: 15px; display: flex;} 
.pay_cell3_img1 {width: 19px; height: 19px; background: url(../img/ico_cash_B.png); background-size: contain;} 
.pay_cell3_img2 {width: 11px; height: 7px; background: url(../img/chevy.png); background-size: contain; margin-top: 2px;} 
.pay_cell3_img3 {width: 19px; height: 19px; background: url(../img/ico_cash_R.png); background-size: contain;} 
.pay_cell1_img {width: 11px; height: 7px; background: url(../img/chevy.png); background-size: contain; margin-left: 10px;} 
.pay_cell2 .pay_cell3_img4 {width: 23px; height: 23px; margin-top: 2px; background-repeat: no-repeat; margin-left: 8px;} 
.pay_cell2 .pay_cell3_img5 {width: 23px; height: 23px; margin-top: 2px; background-repeat: no-repeat; margin-left: 8px;} 
.pay_cell1 .elipsis {width: 76%;} 
.pay_text_account .pay_cell3_img4 {margin-right: unset; margin-left: 8px; margin-top: 1px;} 
.pay_cell2 .pay_cell3_img4 {margin-right: unset; margin-top: 1px;} 
.pay_detail_list_cell2 {text-align: right; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;} 
.tax_cell2_text .pay_cell3_img5 {width: 23px; height: 23px; margin-top: 2px; background-repeat: no-repeat; margin-left: 8px;} 
.pay_detail_list_cell2 > span {width:51px; font-size: 13px; position: relative; z-index: 10; padding-right: 8px; top: 4px; display: flex;} 
.pay_detail_list_cell2 > span > img {position: absolute; width: 19px; top: 50%; right: 63.5px; transform: translateY(-50%);} 
.pay_detail_list_cell2 > span::before {content: ""; position: absolute; width: 90px; height: calc(100% + 5px); background-color: #fafafa; border-radius: 10px; border: 1px solid #c8c8c8; z-index: -1; top: 50%; transform: translateY(-50%); right: 1px;} 
.pay_detail_circle {background-color: #fafafa; border: 1px solid #c8c8c8; border-radius: 10px; font-size: 13px; padding-left: 7.5px; padding-right: 8px; width: 90px; display: flex;} 
.pay_detail_circle img {width: 19px; height: 19px; justify-content: center;} 
.noborder_line {border: 0;} 
.pay_detail_list_cell2_img {background: url(../img/ico_chain.png); width: 19px; height: 19px; background-size: contain;} 
.pay_detail_list_cell3_img {background-image: url(../img/ico_noti_black.png); background-size: contain; width: 15px; height: 15px; margin-left: 5px;} 
.pay_detail_list_cell3_img.red {background-image: url(../img/ico_info_red.png); background-size: contain; width: 15px; height: 15px; margin-left: 5px;} 
.pay_detail_list_cell4_img {background-image: url(../img/ico_chain.png); background-size: contain; width: 19px; height: 19px; margin-left: 5px;} 
.pay_detail_list_cell5_img {background-image: url(../img/ico_chain.png); background-size: contain; width: 19px; height: 19px; margin-left: 5px;} 
.pay_detail_list_cell6_img {background-image: url(../img/ico_info_r_2.png); background-size: contain; width: 19px; height: 19px; margin-top: 1px;} 
.pay_detail_account {width: 80px; background-color: #fafafa; display: flex; padding: 2px 7px 3px 7.5px; align-items: center; border-radius: 30px; border: solid 1px #c8c8c8; justify-content: center;} 
.pay_detail_account1 {width: 77px; background-color: #fafafa; display: flex; padding: 5px 13.5px 5px 7.5px; align-items: center; border-radius: 30px; border: solid 1px #c8c8c8; justify-content: flex-start; height: 13px;} 
.pay_detail_account1.red {background-color: #fff8f6; border: 1px solid #ff684a;} 
.pay_detail_account1.green {background-color: #f3fff4; border: 1px solid #00b981;} 
.pay_detail_account1.red span {color: #ff684a;} 
.pay_detail_account1.green span {color: #00b981;} 
.pay_detail_account span {margin-left: 4px; letter-spacing: -0.52px; color: #000000;} 
.pay_detail_account1 span {margin-left: 4px; letter-spacing: -0.52px; color: #000000;} 
.pay_detail_account1.red > div {background-image: url(../img/ico_info_r_2.png) !important; width:19px; height:19px; margin-left:0;} 
.pay_detail_account1.green > div {background-image: url(../img/my_n_chain.png) !important; width:19px; height:19px; margin-left:0;} 
.pay_detail_account1.black > div {background-image: url(../img/black_ac_info.png) !important; width:19px; height:19px; margin-left:0;} 
.pay_account_img1 {background-image: url(../img/ico_info_d_red.png); background-size: contain; width: 14px; height: 14px;} 
.pay_account_img2 {background-image: url(../img/ico_chain.png); background-size: contain; width: 14px; height: 14px;} 
.pay_detail_list_cell3 {text-align: right; display: flex; flex-direction: column; padding-bottom: 3px; align-items: flex-end;} 
.pay_after {width: calc(100% + 20px);} 
.pay_after > span {display: flex; justify-content: flex-end;} 
.pay_after > span:first-child p:first-child {color: #0090db;} 
.pay_after > span:nth-child(2) p:first-child {color: #ff3d23;} 
.pay_after > span::before {display: none;} 
.pay_detail_list_con {display: flex; flex-direction: column; justify-content: space-between; width: calc(100% + 30px);} 
.pay_detail_list_con span {color: #ff3d23; text-decoration: underline;} 
.pay_detail_list_bt {display: flex; flex-direction: column;} 
.pay_detail_list_bt span {font-size: 14px;} 
.pay_detail_list_bt > span {font-weight: bold;} 
.pay_detail_list_bt span:last-child {color: #a9adb5; font-weight: unset !important;} 
.pay_detail_list_con span:last-child {display: flex;} 
.pay_detail_list_con_left {display: flex; flex-direction: column; width: 100%} 
.pay_detail_list_con_left_text {display: flex; line-height: 1.2; color: #000000; justify-content: space-between;} 
.pay_detail_list_con_left_text>p>b {margin-left: 3px;} 
.content_justify {justify-content: unset;} 
.pay_detail_list_con_left_text span {align-self: flex-end;} 
.pay_detail_list_con_left_text:not(:first-child) {margin-top: 16.5px;} 
.pay_detail_list_con_left_text p {letter-spacing: -0.68px; font-size: 16px; display: flex; align-items: center;} 
.pay_detail_list_con_right {display: flex; flex-direction: column; line-height: 1.2; align-items: flex-end;} 
.pay_detail_list_con_left_text1 {display: flex; line-height: 1.2; justify-content: space-between;} 
.pay_detail_list_con_left_text1 span {align-self: flex-end; color: #ff3d23; text-decoration: underline;} 
.pay_detail_list_con_left_text1 span p {color: #ff3d23;} 
.pay_detail_list_con_left_text1:not(:first-child) {margin-top: 16.5px;} 
.pay_detail_list_con_left_text1 p {letter-spacing: -0.68px; font-size: 15px;} 
.pay_detail_list_con_right {display: flex; flex-direction: column; line-height: 1.2; align-items: flex-end;} 
.pay_detail_list_con .pay_cell3_img4 {width:13px; height: 13px;} 
.connect_btn {display: flex; align-items: center;} 
.connect_btn p {font-size: 12px;} 
.pay_detail_list_con_right span {margin-top: 16.5px;} 
.pay_detail_list_con_right span:first-child {margin-top: 0;} 
.pay_detail_list_con_right span p {color: #a9adb5; line-height: 1.33;} 
.pay_detail_list_con_right span:last-child {margin-top: 16.5px;} 
.pay_normal {font-size: 13px; color: #084a80; padding: 6px 7.5px; border: 1px solid #084a80; background-color: #f5f9ff; border-radius: 30px; margin-bottom: 16px; overflow: hidden; box-sizing: border-box;} 
.pay_normal p {float: left; margin-right: 3px;} 
/* 2021-02-17 수정 */
.pay_deposit {font-size: 15px; padding: 4px 10px 5px; color: #ffffff; background-color: #0095ff; font-size: 13px; border-radius: 5px; margin-left: 5px;} 
.pay_detail_list_bt > .total_con {margin-top: 16px;} 
.pay_detail_list_con .pay_detail_list_con_left_img {width: 19px; height: 19px; background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 7px;} 
.pay_detail_list_con_left_text span p {color: #a9adb5;} 
.pdll_img1 {background-image: url(../img/ico_card_R.png);} 
.pdll_img2 {background-image: url(../img/ico_tax_R.png);} 
.pdll_img3 {background-image: url(../img/ico_bill_G.png);} 
.pdll_img4 {background-image: url(../img/ico_bill_B.png);} 
.pdll_img5 {background-image: url(../img/ico_info_gray.png); width: 12px; height: 12px; background-size: contain; background-position: center; background-repeat: no-repeat;} 
.pdll_img5.red {background-image: url(../img/ico_info_red.png); width: 12px; height: 12px; background-size: contain; background-position: center; background-repeat: no-repeat;} 
.pdll_img6 {background-image: url(../img/Exclamation.png); background-size: contain;} 
.pdll_img7 {background-image: url(../img/mr_i_m011.png);} 
.contents_align {align-items: center;} 
.justify_unset {justify-content: unset;} 
.pay_detail_cell {display: flex; align-items: center;} 
.pay_detail_remark {display: flex; align-items: center;} 
.pay_detail_remark.red span {color: #ff684a;} 
.pay_detail_remark2 {display: flex; align-items: flex-start;} 
.pay_detail_remark2 span {font-size: 13px; color: #a9adb5; margin-left: 3.5px;} 
.pay_detail_remark span {font-size: 13px; color: #a9adb5; margin-left: 3.5px;} 
.pay_warning {font-weight: bold; margin-top: 13px;} 
.pay_warning p:nth-child(1) {color: #000000; font-size:13px;} 
.pay_warning p:nth-child(2) {color: #ff3d23; text-decoration: underline; font-size: 14px; margin-top: 11px;} 
.pay_detail_list_wrap .pay_detail_date {width: 100%; margin-left: -15px; padding: 4.5px 15px; background-color: #ebf0f2; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; color: #000000;} 
.pay_detail_list_wrap .pay_detail_date_box {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-left: -15px; padding: 4.5px 15px; background-color: #ebf0f2;} 
.pay_detail_list_wrap .pay_detail_date_box .pay_detail_date {width: unset; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; color: #000000;} 
.pay_detail_list_wrap .pay_detail_date_box .info_popup {display: none; z-index: 999; top: 40px; right: 26px;} 
.pay_detail_list_wrap .pay_detail_date_box .popup_bg {display: none;} 
.pay_detail_list_wrap .pay_detail_date_box.on .info_popup {display: block;} 
.pay_detail_list_wrap .pay_detail_date_box.on .popup_bg {display: block;} 
.pay_detail_list_wrap .pay_detail_date_box .pay_detail_count {position: relative; display: flex; align-items: center; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.26px; color: #000000;} 
.pay_detail_list_wrap .pay_detail_date_box .pay_detail_count span {display: flex; align-items: center; font-size: 13px; font-weight: bold; line-height: 1.19; letter-spacing: -0.36px; text-align: right; color: #000000;} 
.pay_detail_list_wrap .pay_detail_date_box .pay_detail_count a {padding: 3px;} 
.pay_detail_list_wrap .pay_detail_date_box .pay_detail_count a i {width: 13px; height: 13px; background-size: contain; background-image: url('../img/ico_info_g.png');} 
.pay_detail_contents {background-color: #fcfcfc; padding: 0 8px 0 11px; border: solid 1px #e1e1e1; border-radius: 8px; display: flex; flex-direction: column;} 
.pay_detail_contents:last-child {margin-bottom: 20px;} 
.pay_detail_box {width: calc(100% - 58px); display: flex; align-items: center; justify-content: space-between;} 
.pay_detail_contents_box {display: flex; padding: 9px 0;} 
.pay_detail_contents_box:not(:last-child) {border-bottom: solid 1px #e1e1e1;} 
.tax_detail_box {display: flex; width: 100%; justify-content: space-between; margin-bottom: 9px;} 
.tax_detail_contents {background-color: #fcfcfc; padding: 11px 9px 0 11px; border: solid 1px #e1e1e1; border-radius: 8px; display: flex; flex-direction: column;} 
.tax_detail_contents .pay_detail_box_img {width: 60px;} 
.tax_detail_contents_box:not(:first-child) {border-top: 1px solid #e1e1e1; padding-top: 9px;} 
.tax_detail_contents:last-child {margin-bottom: 30px;} 
.pay_detail_contents img {width: 50px; height: 50px;} 
.pay_detail_box_left p:first-child {color: #202020; font-size: 14px;} 
.pay_detail_box_left p:nth-child(2) {color: #c1c1c1 !important; font-size: 12px;} 
.pay_detail_box_left p {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.tax_detail_box_left {display: flex; align-items: flex-start;} 
.tax_detail_box_left p {font-size: 14px; font-weight: bold; color: #000000;} 
.tdbl_img1 {background-image: url(../img/ico_small_card1.png); background-size: contain; width: 20px; height: 20px; margin-right: 5px;} 
.tdbl_img2 {background-image: url(../img/ico_small_card6.png); background-size: contain; width: 20px; height: 20px; margin-right: 5px;} 
.tdbl_img3 {background-image: url(../img/ico_small_card3.png); background-size: contain; width: 20px; height: 20px; margin-right: 5px;} 
.tax_detail_box p > span:nth-child(2) {font-size: 12px; font-weight: lighter; margin-top: 5px;} 
.popup_bg .tax_detail_mark5 {background-color: #ff3d23; padding: 0px 7px 0px; color: #ffffff; border-radius: 20px;} 
.tax_detail_box_right {display: flex; justify-content: flex-end; flex-direction: column; width: 100%; height: 50%; line-height: 1.2; align-items: flex-end; gap: 8px;} 
.tax_detail_box_content > span {font-size: 13px; border-radius: 28px;} 
.tax_detail_box_right .tax_detail_mark1 {background-color: #c1f5f6; padding: 4px 7px; color: #007a7e;} 
.tax_detail_box_right .tax_detail_mark2 {background-color: #0cadb2; padding: 4px 7px; color: #ffffff;} 
.tax_detail_box_right .tax_detail_mark3 {background-color: #dbf4ff; padding: 4px 7px; color: #0090db;} 
.tax_detail_box_right .tax_detail_mark4 {background-color: #0090db; padding: 4px 7px; color: #ffffff;} 
.tax_detail_box_right .tax_detail_mark5 {background-color: #ff3d23; padding: 4px 7px; color: #ffffff;} 
.tax_detail_box_right .tax_detail_mark6 {background-color: #dff8d2; padding: 4px 7px; color: #428221;} 
.tax_detail_box_right .tax_detail_mark7 {background-color: #0090db; padding: 4px 9px; color: #ffffff;} 
.tax_detail_box_right p:nth-child(2) {font-size: 14px;} 
.tax_detail_box_content {display: flex; width: 100%; height: 100%; line-height: 1.2; justify-content: flex-end; align-items: center; padding-right: 3px;} 
.tax_detail_box_content p {margin-left: 5px;} 
.pay_detail_box_right {display: flex; flex-direction: column; gap: 9px; justify-self: right; margin-right: 8px; width: 50%;} 
.pay_detail_box_right p {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.pay_detail_box_cell p {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.pay_detail_box_right p:first-child {font-size: 14px; color: #ff3d23; text-align: right;} 
.pay_detail_box_right p:nth-child(2) {font-size: 12px; color: #c1c1c1; text-align: right;} 
.pay_detail_box_right p:first-child:after {content: "원"; color: #000000; font-weight: bold;} 
.pay_detail_box_img {width: 50px; height: 50px; background: url(../img/ico_crossbox.png); background-size: contain; min-width: 50px;} 
.pay_detail_box_img.dtl_I1002 {background-image: url('../img/ico_list_buy_1.png');} 
.pay_detail_box_img.dtl_I1003 {background-image: url('../img/ico_list_buy_6.png');} 
.pay_detail_box_img.dtl_I1004 {background-image: url('../img/ico_list_buy_2.png');} 
.pay_detail_box_img.dtl_I2001 {background-image: url('../img/ico_list_buy_7.png');} 
.pay_detail_box_img.dtl_I2005 {background-image: url('../img/ico_list_buy_8.png');} 
.pay_detail_box_img.dtl_I2006 {background-image: url('../img/ico_list_buy_3.png');} 
.pay_detail_box_img.dtl_I2007 {background-image: url('../img/ico_list_buy_4.png');} 
.pay_detail_box_img.dtl_I2008 {background-image: url('../img/ico_list_buy_5.png');} 
.pay_detail_box_img.dtl_I2009 {background-image: url('../img/ico_list_buy_9.png');} 
.pay_detail_box_img.dtl_I2010 {background-image: url('../img/ico_list_buy_10.png');} 
.pay_detail_box_img.dtl_O1003 {background-image: url("../img/ico_list_sell_3.png");} 
.pay_detail_box_img.dtl_O1004 {background-image: url("../img/ico_list_sell_6.png");} 
.pay_detail_box_img.dtl_O1005 {background-image: url("../img/ico_list_sell_4.png");} 
.pay_detail_box_img.dtl_O2001 {background-image: url("../img/ico_list_sell_11.png");} 
.pay_detail_box_img.dtl_O2006 {background-image: url("../img/ico_list_sell_1.png");} 
.pay_detail_box_img.dtl_O2007 {background-image: url("../img/ico_list_sell_13.png");} 
.pay_detail_box_img.dtl_O2008 {background-image: url("../img/ico_list_sell_2.png");} 
.pay_detail_box_img.dtl_O2009 {background-image: url("../img/ico_list_sell_5.png");} 
.pay_detail_box_img.dtl_O2010 {background-image: url("../img/ico_list_sell_8.png");} 
.pay_detail_box_img.dtl_O2011 {background-image: url("../img/ico_list_sell_9.png");} 
.pay_detail_box_img.dtl_O2012 {background-image: url("../img/ico_list_sell_10.png");} 
.pay_detail_box_img.dtl_O2013 {background-image: url("../img/ico_list_sell_7.png");} 
.pay_detail_box_img.dtl_O2014 {background-image: url("../img/ico_list_sell_12.png");} 
.pay_detail_box_img.dtl_O2015 {background-image: url("../img/ico_list_sell_14.png");} 
.pay_detail_box_img.dtl_O2016 {background-image: url("../img/ico_list_sell_15.png");} 
.pay_detail_box_cell {display: flex; flex-direction: column; gap: 9px; width: 50%;} 
.pay_detail_box_cell p:first-child {font-size: 14px;} 
.pay_detail_box_cell p:nth-child(2) {font-size: 12px;} 
.pay_detail_list_bt_cell p {line-height: 1.5;} 
.total_wrap + .pay_detail_list_bt_cell {margin-top: 45px;} 
.pay_detail_list .detail_date {padding: 0 0 7.5px 0; font-size: 13px; line-height: 1.46; letter-spacing: -0.52px; text-align: left; color: #000000;} 
.pay_detail_list:first-child .detail_date {padding: 16.5px 0 7.5px 0;} 
.pay_detail_list .detail_list {margin-bottom: 11px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #ffffff; padding: 9px 0;} 
.detail_list li {display: flex; align-items: center; justify-content: space-between; padding: 9px 15px;} 
.detail_list li p {display: flex; align-items: flex-end; flex-direction: column;} 
.detail_list li p.pdl_tit {font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.detail_list li span.pdl_won {font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.detail_list li span.pdl_won em {margin-right: 2.5px; font-size: 14px; font-weight: bold; line-height: 1.46; letter-spacing: -0.28px; text-align: right; color: #0095ff;} 
.detail_list li a.arr_right {padding: 10px 6px; margin-right: -6px;} 
.detail_list li a.arr_right i {width: 5px; height: 8px; background-image: url('../img/ico_arrow_thick_b_right.png'); background-size: contain;} 
.pay_detail_list_box .detail_list.type2 {margin-bottom: 19.5px; border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa; padding: 0;} 
.detail_list.type2 ul {padding: 0px 15px;} 
.detail_list.type2 li {display: flex; align-items: center; justify-content: space-between; padding: 13px 0px;} 
.detail_list.type2 li:not(:last-child) {border-bottom: solid 1px #e1e1e1;} 
.detail_list.type2 li div {display: flex; align-items: center; justify-content: space-between; width: calc(100% - 51px);} 
.detail_list.type2 li div p:first-child {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;} 
.detail_list.type2 li div p:last-child {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;} 
.detail_list.type2 li span.pdl_tit {font-weight: bold; margin-bottom: 9px; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #202020;} 
.detail_list.type2 li span.pdl_account {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.detail_list.type2 li span.pdl_time {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.detail_list.type2 li span.pdl_won {margin-bottom: 9px; font-size: 14px; font-weight: bold; line-height: 1.21; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.detail_list.type2 li span.pdl_won em {margin-right: 1px; font-size: 14px; font-weight: bold; line-height: 1.21; letter-spacing: -0.28px; text-align: right; color: #0095ff;} 
.detail_list.type2 li a.pdl_type {margin-left: 10px;} 
.detail_list.type2 li a.pdl_type i {width: 41px; height: 41px; background-image: url('../img/ico_type_plus.png'); background-size: contain;} 
.detail_list.type2 li a.pdl_type i.dtl_out_1 {background-image: url('../img/ico_out_s_1.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_2 {background-image: url('../img/ico_out_s_2.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_3 {background-image: url('../img/ico_out_s_3.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_4 {background-image: url('../img/ico_out_s_4.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_5 {background-image: url('../img/ico_out_s_5.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_6 {background-image: url('../img/ico_out_s_6.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_7 {background-image: url('../img/ico_out_s_7.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_8 {background-image: url('../img/ico_out_s_8.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_9 {background-image: url('../img/ico_out_s_9.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_10 {background-image: url('../img/ico_out_s_10.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_11 {background-image: url('../img/ico_out_s_11.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_12 {background-image: url('../img/ico_out_s_12.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_13 {background-image: url('../img/ico_out_s_13.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_14 {background-image: url('../img/ico_out_s_14.png');} 
.detail_list.type2 li a.pdl_type i.dtl_out_15 {background-image: url('../img/ico_out_s_15.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_1 {background-image: url('../img/ico_in_s_1.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_2 {background-image: url('../img/ico_in_s_2.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_3 {background-image: url('../img/ico_in_s_3.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_4 {background-image: url('../img/ico_in_s_4.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_5 {background-image: url('../img/ico_in_s_5.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_6 {background-image: url('../img/ico_in_s_6.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_7 {background-image: url('../img/ico_in_s_7.png');} 
.detail_list.type2 li a.pdl_type i.dtl_in_8 {background-image: url('../img/ico_in_s_8.png');} 
.pay_detail_list_box .detail_list.type3 {margin-bottom: 19.5px; border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa; padding: 0;} 
.detail_list.type3 ul {padding: 0px 15px 0 15px;} 
.detail_list.type3 li {display: flex; align-items: center; justify-content: space-between; padding: 13px 25px 13px 0; position: relative;} 
.detail_list.type3 li > i.pdf {width: 25px; height: 25px; background-size: contain; background-image: url(../img/send_pdf.png); right: 0; top: 50%; transform: translate(-50%, -50%); position: absolute; right: -20px;} 
.detail_list.type3 li:not(:last-child) {border-bottom: solid 1px #e1e1e1;} 
.detail_list.type3 li p:first-child {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;} 
.detail_list.type3 li p:last-child {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;} 
.detail_list.type3 li span.pdl_tit {font-weight: bold; margin-bottom: 9px; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #202020;} 
.detail_list.type3 li span.pdl_account {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5; display: block; position: relative;} 
.detail_list.type3 li span.pdl_account > i.kakao {background-image: url(../img/ico_account_shar.png); width: 20px; height: 20px; background-size: 20px; padding: 5px; position: absolute; left: calc(100% + 15px); top: 50%; transform: translate(-50%, -50%);} 
.detail_list.type3 li span.pdl_time {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: left; color: #a9adb5;} 
.detail_list.type3 li span.pdl_won {margin-bottom: 9px; font-size: 14px; font-weight: bold; line-height: 1.21; letter-spacing: -0.28px; text-align: right; color: #000000;} 
.detail_list.type3 li span.pdl_won em {margin-right: 1px; font-size: 14px; font-weight: bold; line-height: 1.21; letter-spacing: -0.28px; text-align: right; color: #0095ff;} 
.account_use_menu {overflow: auto;} 
.account_use_menu > div {display: flex; align-items: flex-start; margin-bottom: 20px; flex-wrap: wrap; justify-content: flex-start;} 
.account_use_menu > div > p {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin-bottom: 21px; width: 18vw;} 
.account_use_menu > div > p > span {margin-top: 6px; font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: center; color: #636363; width: 56px; word-wrap: break-word; word-break: keep-all;} 
.account_use_menu > div > p > i {width: 45px; height: 43.5px; background-size: contain;} 
.account_use_menu > div > p > i.dtl_out_1 {background-image: url('../img/ico_out_s_1.png');} 
.account_use_menu > div > p > i.dtl_out_2 {background-image: url('../img/ico_out_s_2.png');} 
.account_use_menu > div > p > i.dtl_out_3 {background-image: url('../img/ico_out_s_3.png');} 
.account_use_menu > div > p > i.dtl_out_4 {background-image: url('../img/ico_out_s_4.png');} 
.account_use_menu > div > p > i.dtl_out_5 {background-image: url('../img/ico_out_s_5.png');} 
.account_use_menu > div > p > i.dtl_out_6 {background-image: url('../img/ico_out_s_6.png');} 
.account_use_menu > div > p > i.dtl_out_7 {background-image: url('../img/ico_out_s_7.png');} 
.account_use_menu > div > p > i.dtl_out_8 {background-image: url('../img/ico_out_s_8.png');} 
.account_use_menu > div > p > i.dtl_out_9 {background-image: url('../img/ico_out_s_9.png');} 
.account_use_menu > div > p > i.dtl_out_10 {background-image: url('../img/ico_out_s_10.png');} 
.account_use_menu > div > p > i.dtl_out_11 {background-image: url('../img/ico_out_s_11.png');} 
.account_use_menu > div > p > i.dtl_out_12 {background-image: url('../img/ico_out_s_12.png');} 
.account_use_menu > div > p > i.dtl_out_13 {background-image: url('../img/ico_out_s_13.png');} 
.account_use_menu > div > p > i.dtl_out_14 {background-image: url('../img/ico_out_s_14.png');} 
.account_use_menu > div > p > i.on.dtl_out_1 {background-image: url('../img/ico_out_s_on_1.png');} 
.account_use_menu > div > p > i.on.dtl_out_2 {background-image: url('../img/ico_out_s_on_2.png');} 
.account_use_menu > div > p > i.on.dtl_out_3 {background-image: url('../img/ico_out_s_on_3.png');} 
.account_use_menu > div > p > i.on.dtl_out_4 {background-image: url('../img/ico_out_s_on_4.png');} 
.account_use_menu > div > p > i.on.dtl_out_5 {background-image: url('../img/ico_out_s_on_5.png');} 
.account_use_menu > div > p > i.on.dtl_out_6 {background-image: url('../img/ico_out_s_on_6.png');} 
.account_use_menu > div > p > i.on.dtl_out_7 {background-image: url('../img/ico_out_s_on_7.png');} 
.account_use_menu > div > p > i.on.dtl_out_8 {background-image: url('../img/ico_out_s_on_8.png');} 
.account_use_menu > div > p > i.on.dtl_out_9 {background-image: url('../img/ico_out_s_on_9.png');} 
.account_use_menu > div > p > i.on.dtl_out_10 {background-image: url('../img/ico_out_s_on_10.png');} 
.account_use_menu > div > p > i.on.dtl_out_11 {background-image: url('../img/ico_out_s_on_11.png');} 
.account_use_menu > div > p > i.on.dtl_out_12 {background-image: url('../img/ico_out_s_on_12.png');} 
.account_use_menu > div > p > i.on.dtl_out_13 {background-image: url('../img/ico_out_s_on_13.png');} 
.account_use_menu > div > p > i.on.dtl_out_14 {background-image: url('../img/ico_out_s_on_14.png');} 
.account_use_menu > div > p > i.dtl_in_1 {background-image: url('../img/ico_in_s_1.png');} 
.account_use_menu > div > p > i.dtl_in_2 {background-image: url('../img/ico_in_s_2.png');} 
.account_use_menu > div > p > i.dtl_in_3 {background-image: url('../img/ico_in_s_3.png');} 
.account_use_menu > div > p > i.dtl_in_4 {background-image: url('../img/ico_in_s_4.png');} 
.account_use_menu > div > p > i.dtl_in_5 {background-image: url('../img/ico_in_s_5.png');} 
.account_use_menu > div > p > i.dtl_in_6 {background-image: url('../img/ico_in_s_6.png');} 
.account_use_menu > div > p > i.dtl_in_7 {background-image: url('../img/ico_in_s_7.png');} 
.account_use_menu > div > p > i.dtl_in_8 {background-image: url('../img/ico_in_s_8.png');} 
.account_use_menu > div > p > i.dtl_in_9 {background-image: url('../img/ico_in_s_9.png');} 
.account_use_menu > div > p > i.dtl_def {background-image: url('../img/ico_type_def.png');} 
.account_use_menu > div > p > i.dtl_set {background-image: url('../img/ico_list_sell_16.png');} 
.account_use_menu > div > p > i.dtl_in_1.on {background-image: url('../img/ico_in_s_on_1.png');} 
.account_use_menu > div > p > i.dtl_in_2.on {background-image: url('../img/ico_in_s_on_2.png');} 
.account_use_menu > div > p > i.dtl_in_3.on {background-image: url('../img/ico_in_s_on_3.png');} 
.account_use_menu > div > p > i.dtl_in_4.on {background-image: url('../img/ico_in_s_on_4.png');} 
.account_use_menu > div > p > i.dtl_in_5.on {background-image: url('../img/ico_in_s_on_5.png');} 
.account_use_menu > div > p > i.dtl_in_6.on {background-image: url('../img/ico_in_s_on_6.png');} 
.account_use_menu > div > p > i.dtl_in_7.on {background-image: url('../img/ico_in_s_on_7.png');} 
.account_use_menu > div > p > i.dtl_in_8.on {background-image: url('../img/ico_in_s_on_8.png');} 
.account_use_menu > div > p > i.dtl_in_9.on {background-image: url('../img/ico_in_s_on_9.png');} 
.account_use_menu > div > p > i.dtl_def.on {background-image: url('../img/ico_type_on_def.png');} 
.account_use_menu > div > p > i.dtl_out_O2006 {background-image: url('../img/ico_out_s_1.png');} 
.account_use_menu > div > p > i.dtl_out_O2008 {background-image: url('../img/ico_out_s_2.png');} 
.account_use_menu > div > p > i.dtl_out_O1003 {background-image: url('../img/ico_out_s_3.png');} 
.account_use_menu > div > p > i.dtl_out_O1005 {background-image: url('../img/ico_out_s_4.png');} 
.account_use_menu > div > p > i.dtl_out_O2009 {background-image: url('../img/ico_out_s_5.png');} 
.account_use_menu > div > p > i.dtl_out_O1004 {background-image: url('../img/ico_out_s_6.png');} 
.account_use_menu > div > p > i.dtl_out_O2013 {background-image: url('../img/ico_out_s_7.png');} 
.account_use_menu > div > p > i.dtl_out_O2010 {background-image: url('../img/ico_out_s_8.png');} 
.account_use_menu > div > p > i.dtl_out_O2011 {background-image: url('../img/ico_out_s_9.png');} 
.account_use_menu > div > p > i.dtl_out_O2012 {background-image: url('../img/ico_out_s_10.png');} 
.account_use_menu > div > p > i.dtl_out_O2001 {background-image: url('../img/ico_out_s_11.png');} 
.account_use_menu > div > p > i.dtl_out_O2014 {background-image: url('../img/ico_out_s_12.png');} 
.account_use_menu > div > p > i.dtl_out_O2007 {background-image: url('../img/ico_out_s_13.png');} 
.account_use_menu > div > p > i.dtl_out_O2015 {background-image: url('../img/ico_out_s_14.png');} 
.account_use_menu > div > p > i.dtl_out_O2016 {background-image: url('../img/ico_type_def.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2006 {background-image: url('../img/ico_out_s_on_1.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2008 {background-image: url('../img/ico_out_s_on_2.png');} 
.account_use_menu > div > p > i.on.dtl_out_O1003 {background-image: url('../img/ico_out_s_on_3.png');} 
.account_use_menu > div > p > i.on.dtl_out_O1005 {background-image: url('../img/ico_out_s_on_4.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2009 {background-image: url('../img/ico_out_s_on_5.png');} 
.account_use_menu > div > p > i.on.dtl_out_O1004 {background-image: url('../img/ico_out_s_on_6.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2013 {background-image: url('../img/ico_out_s_on_7.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2010 {background-image: url('../img/ico_out_s_on_8.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2011 {background-image: url('../img/ico_out_s_on_9.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2012 {background-image: url('../img/ico_out_s_on_10.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2001 {background-image: url('../img/ico_out_s_on_11.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2014 {background-image: url('../img/ico_out_s_on_12.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2007 {background-image: url('../img/ico_out_s_on_13.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2015 {background-image: url('../img/ico_out_s_on_14.png');} 
.account_use_menu > div > p > i.on.dtl_out_O2016 {background-image: url('../img/ico_type_on_def.png');} 
.account_use_menu > div > p > i.dtl_in_I1002 {background-image: url('../img/ico_in_s_1.png');} 
.account_use_menu > div > p > i.dtl_in_I1004 {background-image: url('../img/ico_in_s_2.png');} 
.account_use_menu > div > p > i.dtl_in_I2006 {background-image: url('../img/ico_in_s_3.png');} 
.account_use_menu > div > p > i.dtl_in_I2007 {background-image: url('../img/ico_in_s_4.png');} 
.account_use_menu > div > p > i.dtl_in_I2008 {background-image: url('../img/ico_in_s_5.png');} 
.account_use_menu > div > p > i.dtl_in_I1003 {background-image: url('../img/ico_in_s_6.png');} 
.account_use_menu > div > p > i.dtl_in_I2001 {background-image: url('../img/ico_in_s_7.png');} 
.account_use_menu > div > p > i.dtl_in_I2005 {background-image: url('../img/ico_in_s_8.png');} 
.account_use_menu > div > p > i.dtl_in_I2009 {background-image: url('../img/ico_in_s_9.png');} 
.account_use_menu > div > p > i.dtl_in_I2010 {background-image: url('../img/ico_type_def.png');} 
.account_use_menu > div > p > i.dtl_set {background-image: url('../img/ico_list_sell_16.png');} 
.account_use_menu > div > p > i.dtl_in_I1002.on {background-image: url('../img/ico_in_s_on_1.png');} 
.account_use_menu > div > p > i.dtl_in_I1004.on {background-image: url('../img/ico_in_s_on_2.png');} 
.account_use_menu > div > p > i.dtl_in_I2006.on {background-image: url('../img/ico_in_s_on_3.png');} 
.account_use_menu > div > p > i.dtl_in_I2007.on {background-image: url('../img/ico_in_s_on_4.png');} 
.account_use_menu > div > p > i.dtl_in_I2008.on {background-image: url('../img/ico_in_s_on_5.png');} 
.account_use_menu > div > p > i.dtl_in_I1003.on {background-image: url('../img/ico_in_s_on_6.png');} 
.account_use_menu > div > p > i.dtl_in_I2001.on {background-image: url('../img/ico_in_s_on_7.png');} 
.account_use_menu > div > p > i.dtl_in_I2005.on {background-image: url('../img/ico_in_s_on_8.png');} 
.account_use_menu > div > p > i.dtl_in_I2009.on {background-image: url('../img/ico_in_s_on_9.png');} 
.account_use_menu > div > p > i.dtl_in_I2010.on {background-image: url('../img/ico_type_on_def.png');} 
.pay_detail_list_state {padding: 30% 0;} 
.pay_detail_list_state .pdls_txt {font-size: 18px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #000000;} 

/* 버전정보 */
.info_version_wrap {padding:40% 0;} 
.info_version_wrap i {margin: auto; width:87px; height:87px; background-image: url('../img/ico_app.png'); background-size: contain;} 
.info_version_wrap p {margin-top: 44px; margin-bottom: 22px;} 
.info_version_wrap p span {display: block; font-size: 18px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center;} 
.info_version_wrap p span em {font-size: 18px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center;} 
.info_version_wrap p span:first-child {margin-bottom: 6px; font-weight: normal; color: #c9c9c9;} 
.info_version_wrap button {margin: auto; display: block; padding: 7.5px 21.5px; border-radius: 20px; border: 0; font-size: 14px; line-height: 1.46; letter-spacing: -0.28px; text-align: left;} 
.info_version_wrap.uptodate p span:last-child {color: #a9adb5;} 
.info_version_wrap.uptodate button {background-color: #c8c8c8; color: #ffffff;} 
.info_version_wrap.update p span:last-child {color: #000000; font-weight: bold;} 
.info_version_wrap.update p span:last-child em {color: #000000; font-weight: bold;} 
.info_version_wrap.update button {background-color: #1bd9ac; color: #ffffff;} 
.check_all_box {padding: 0 15px 10px;} 
.check_all_box input[type=checkbox] {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
.check_all_box input[type=checkbox]:checked {background-image:url('../img/ico_info_check.png');} 
.check_all_box input[type=checkbox].on {background-image:url('../img/ico_info_check.png');} 
.check_all_box input + label {margin-left: 8px; font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: -0.32px; text-align: right; color: #000000;} 
.search_result_total_box {position: relative; width: 100%; height: 48px;} 
.search_result_total_box .sr_total {width: 100%; height: 100%; padding: 0 15px; background-color: #f3f3f3;} 
.search_result_total_box .sr_total span {font-size: 16px; font-weight: bold; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.search_result_total_box .sr_total em {font-size: 25px; font-weight: bold; line-height: 1.22; letter-spacing: -1px; text-align: right; color: #000000;} 
.search_result_total_box .sr_total a.btn_info {padding: 8px;} 
.search_result_total_box .sr_total a.btn_info i {width: 13px; height: 13px; background-size: contain; background-image: url('../img/ico_info_g.png');} 
.search_result_total_box .popup_bg {display: none;} 
.search_result_total_box .info_popup {display: none;} 
.search_result_total_box.on .popup_bg {display: block;} 
.search_result_total_box.on .info_popup {display: block; width: calc(100% - 100px); top: 50px; left: 37px;} 
.search_result_total_box .sr_box {width: 51px; border-left: 1px solid #d8d8d8; min-width: 51px; height: 100%; background-color: #e9e9e9; font-size: 14px; font-weight: normal; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #000000;} 
.search_result_box .srb_list {width: 100%; height: 74px;} 
.search_result_box .srb_list:not(:last-child) {border-bottom: 1px solid #d8d8d8;} 
.search_result_box .srb_list .hometax {padding: 0 18px; width: 100%;} 
.search_result_box .srb_list .list_none {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} 
.search_result_box .srb_list .srb_info {width: 100%; height: 100%;} 
.search_result_box .srb_list .srb_info p {display: flex; flex-direction: column;} 
.search_result_box .srb_list .srb_info p:first-child {padding: 13px 9px 13px 9px} 
.search_result_box .srb_list .srb_info p:last-child {padding: 14px 0 14px 0;} 
.search_result_box .srb_list .srb_info .srb_bank {width: 95px; margin-bottom: 4.5px; font-size: 13px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.search_result_box .srb_list .srb_info .srb_bank.set_cen_cen {justify-content: left !important;} 
.search_result_box .srb_list .srb_info .srb_bank i {margin-right: 6px; width: 20px; height: 20px;} 
.search_result_box .srb_list .srb_info .srb_name {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 10px; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.search_result_box .srb_list .srb_info .srb_act {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #a9adb5;} 
.search_result_box .srb_list .srb_info .user_mark {margin-left: 5px;} 
.search_result_box .srb_list .srb_box {background-color: #fafafa; width: 51px; border-left: 1px solid #d8d8d8; min-width: 51px; height: 100%;} 
.search_result_box .srb_list .srb_box .srb_suc {display: block; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #0090db;} 
.search_result_box .srb_list .srb_box .srb_fail {display: block; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: left; color: #ff684a;} 
.search_result_box .srb_list .sr_look .srb_look_b {display: flex; align-items: center; justify-content: center; width: 40px; height: 48px; border-radius: 8px; border: solid 1px #ff3d23; background-color: #fafafa; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: center; color: #ff3d23;} 
.search_result_box .srb_list .sr_look .srb_add {display: flex;} 
.search_result_box .srb_list .sr_look .srb_re {display: flex;} 
.search_result_box .srb_list input[type=checkbox].check_one {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border: 0; height: 24px; width: 24px; vertical-align: middle; cursor: pointer; background:url('../img/btn_check_off.png') no-repeat 0 0; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; -webkit-background-size:100%; -webkit-appearance:none; outline-style:none;} 
.search_result_box .srb_list input[type=checkbox].check_one:checked {background-image:url('../img/ico_info_check.png');} 
.search_result_box .srb_list input[type=checkbox].check_one.on {background-image:url('../img/ico_info_check.png');} 
.srb_info span.onoffBox {display: flex; align-items: center; margin-left: 25px;} 
.srb_info span.onoffBox {margin-top: 0; height: 25px; display: flex; align-items: center;} 
.srb_info span.onoffBox input {display: none;} 
.srb_info span.onoffBox label.onoffCheck {display:inline-block; position: relative; width:46px; height:19.5px; border-radius:24px; background-color:#c9d4d8; cursor:pointer; -webkit-transition: backgroundColor .25s ease-in-out; -moz-transition: backgroundColor .25s ease-in-out; -o-transition: backgroundColor .25s ease-in-out; transition: backgroundColor .25s ease-in-out;} 
.srb_info span.onoffBox label.onoffCheck .slider {z-index: 1; display:inline-block; position:absolute; top: 1.8px; right:27px; width:16px; height:16px; border-radius:16px; background-color:#fff; -webkit-transition: right .25s ease-in-out; -moz-transition: right .25s ease-in-out; -o-transition: .25s ease-in-out; transition: right .25s ease-in-out;} 
.srb_info span.onoffBox label.onoffCheck .onoff {display:inline-block; position:absolute; top: -3px; left: 24px;} 
.srb_info span.onoffBox label.onoffCheck .onoff::before {content: '선택'; margin-left: -3px; font-size: 10px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff; text-transform: uppercase;} 
.srb_info span.onoffBox.busi label.onoffCheck {background-color:#084a80; border: solid 1px #184ee2;} 
.srb_info span.onoffBox.busi label.onoffCheck .slider {right:27px;} 
.srb_info span.onoffBox.busi label.onoffCheck .onoff {left: 25px;} 
.srb_info span.onoffBox.busi label.onoffCheck .onoff::before {content: '기업'; color:#ffffff;} 
.srb_info span.onoffBox.indi label.onoffCheck {background-color:#0095ff; border: solid 1px #1876e2;} 
.srb_info span.onoffBox.indi label.onoffCheck .slider {right:2px;} 
.srb_info span.onoffBox.indi label.onoffCheck .onoff {left:6.5px;} 
.srb_info span.onoffBox.indi label.onoffCheck .onoff::before {content: '개인'; color:#ffffff; margin-left: -1px;} 
.event_wrap {margin: auto; width: 282px; border-radius: 8px; border: 1px solid #e1e1e1; background-color: #fafafa; overflow: hidden;} 
.event_wrap .event_tit {height: 43px; border-radius: 8px; background-color: #084a80; font-size: 17px; font-weight: bold; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #ffffff;} 
.event_wrap .event_tit i {margin-right: 6px; width: 120px; height: 17px; background-size: contain; background-image: url('../img/word_mark_ione.png');} 
.event_wrap .event_txt {position: relative; padding-left:23px; margin-bottom: 5px; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #000000;} 
.event_wrap .event_box {flex-direction: column; padding: 30px 0 26px;} 
.event_wrap .event_box p.event_price {flex-direction: column;} 
.event_wrap .event_box p.event_price span {line-height:1.3; letter-spacing: -1px; text-align: center; color: #084a80;} 
.event_wrap .event_box p.event_price span:first-child {font-weight: bold; font-size: 23px;} 
.event_wrap .event_box p.event_price span:last-child {margin-top: 5px; font-size: 16px; letter-spacing: -0.3px;} 
.event_wrap .event_box span.event_period {margin: 15px 0 8px; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: center; color: #0090db;} 
.event_wrap .event_box span.event_join {font-weight: bold; margin-top: 15px; font-size: 15px; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: -0.3px; text-align: center; color: #084a80;} 
.select_act {margin-bottom: 7px; padding: 16px; border-radius: 8px; border: solid 1px #c8c8c8;} 
.select_act.unset_wd {width: unset;} 
.select_act p {display: flex; align-items: center;} 
.select_act span {font-size: 16px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #a9adb5;} 
.select_act span.ib_bank {color: #000000; display: flex; align-items: center; margin-right: 6px;} 
.select_act span.ib_bank .logo_bank {width: 20px; height: 20px;} 
.select_act span.sc_act {color: #000000;} 
.select_act a i {width: 12px; height: 7.5px; background-size: contain; background-image: url('../img/ico_arrow_thin_b_down.png');} 
.event_img {margin: auto; margin-top: 16px; background-image: url("../img/img_promo.png"); width: 82.8vw; height: 80.7vw; background-size: contain;} 
.event_img2 {margin: auto; margin-top: 16px; background-image: url("../img/img_promo2.png"); width: 82.8vw; height: 80.7vw; background-size: contain;} 
.event_check > span {width: calc(100% - 52px); margin-left: 8px; display: flex; flex-direction: column;} 
.event_check label {font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.event_check .event_noti {margin-top: 7px; display: block; font-size: 13px; line-height: 1.19; letter-spacing: -0.26px; text-align: left; color: #000000;} 
.info_border_box {margin: 0 auto; max-width: calc(80% - 54px); padding: 21px 27px; border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa;} 
.info_border_box li {font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.info_border_box li:not(:last-child) {margin-bottom: 15px;} 
.card_purchase {width: calc(100% - 30px); margin-left: 15px; height:100%; background: #ffffff; position: relative;} 
.card_purchase::before {content: ""; background-image: url(../img/bill_shadow_top.png); background-size: 105%; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 21px; top: -20px; left: 0;} 
.card_purchase::after {content: ""; background-image: url(../img/bill_shadow_bottom.png); background-size: 105%; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 21px; bottom: -20px; left: 0;} 
.height131 .card_purchase.top46 {top: 46%;} 
.card_purchase.height42 {height: 100% + 42px;} 
.card_purchase .card_use_button {padding: 0 18px;} 
.card_purchase .card_use_button p:nth-child(3) {color: #a9adb5;} 
.card_cell {padding: 18px 18px 0px 0px; margin-bottom: 3px; margin-left: 18px;} 
.card_cell::after {content: ""; width:100%; height: 1px; background-color: #c8c8c8; display: block; top: 200px;} 
.card_cell span {font-size: 13px; color: #0090db; line-height: 1.2;} 
.card_cell p:nth-child(2) {color: #a9adb5; margin-top: 17px; line-height: 1.11; font-size: 13px;} 
.card_cell p:nth-child(3) {font-size: 16px; font-weight: bold; color: #000000; margin-top: 12px; line-height: 0.98; letter-spacing: -0.44px;} 
.card_cell p:nth-child(4) {font-size: 25px; font-weight: bold; color: #000000; margin-top:8px; letter-spacing: -0.7px;} 
.card_cell p:nth-child(5) {font-size: 13px; font-weight: lighter; color: #000000; margin-top: 5px; margin-bottom: 21px;} 
.card_cell p:last-child {margin-bottom: 18px;} 
.card_cell .pay_normal {width: fit-content; margin-bottom: 2px; margin-top: 12px; padding: 3px 0; border:0; background-color: initial;} 
.card_cell .pay_normal p {margin-bottom: 0; margin-right: 3px;} 
.card_cell .card_more {display: flex; align-items: center; flex-wrap: wrap; padding-right: 18px; margin-bottom: 18px;} 
.card_cell .card_more > p {font-weight: bold; margin-right: 10px; color: #000000; margin-top: 18px;} 
.card_cell .card_more span {color: #a9adb5; display: flex; align-items: center; font-size: 13px;} 
.card_cell .card_more span::after {content: ""; display: block; background-image: url(../img/ico_arrow_thin_b_right.png); background-size: contain; width: 6px; height: 10px; margin-left: 10px;} 
.card_text_con {display: flex; flex-direction: column; padding: 0 18px; color: #000000;} 
.card_bill_con {display: flex; flex-direction: column; padding: 18px 0 18px; border-bottom: 1px solid #c8c8c8; gap: 8px;} 
.card_bill_con span {display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; text-align: right;} 
.card_bill_con span p {width: 50%; word-break: break-all;} 
.card_bill_con span p:first-child {text-align: left;} 
.card_cell_text {font-size: 13px; color: #a9adb5; line-height: 1.2;} 
.card_bill_con:last-child {border-bottom: unset;} 
.card_use {display: flex; align-items: center; justify-content: space-between; padding: 18px 0 0; width: calc(100% - 30px); margin-left: 15px;} 
.card_use p:nth-child(1) {font-size: 15px; font-weight: bold; color: #000000;} 
.card_use_button {display: flex; align-items: center;} 
.card_use_button p {font-size: 13px; margin-left: 8px; color: #000000;} 
.card_use_text {display: flex; align-items: center;} 
.card_memo {display: flex; padding:0 18px; margin-top: 23px; width: 90%; overflow: hidden;} 
.card_memo_con input {border: 0px; font-size: 13px; color: #a9adb5; width: 100%; letter-spacing: -0.52px;} 
.card_memo_con {margin-left: 13px; width: 100%;} 
.card_memo_con span {font-size: 13px; display: flex; align-items: center;} 
.card_memo_con span::after {content: ""; width: 21px; height: 21px; background-size: contain; background-image: url(../img/ico_pen.png); display: block; margin-left: 10px;} 
.card_memo + .card_use_button {margin-top: 16px;} 
.card_text_con + .card_use {border-top: 1px solid #c8c8c8;} 
.card_text_con + .card_use .card_use_button {padding-right: unset;} 
.card_text_con + .card_memo {padding-bottom: 20px;} 
.background50 {min-width: 50px;} 
.certi_noti_box {flex-direction: column;} 
.certi_noti_box .cn_tit {font-weight: bold; font-size: 18px; line-height: 1.19; letter-spacing: -0.36px; text-align: center; color: #747474;} 
.certi_noti_box .cn_txt {margin: 19px 0 30px; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: center; color: #747474;} 
.certi_noti_box .cn_txt u {margin: 19px 0 30px; font-size: 14px; line-height: 1.21; letter-spacing: -0.28px; text-align: center; color: #0095ff;} 
.certi_noti_box .cn_txt span {font-size: 12px; line-height: 1.21; letter-spacing: -0.24px; text-align: center; color: #a9adb5;} 
.certi_noti_box .btn_certi {font-weight: bold; padding: 37.5px 0; width: calc(100% - 67px); border-radius: 15px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); border: 0; background-color: #ffffff; font-size: 17px; line-height: 1.21; letter-spacing: -0.34px; text-align: center; color: #343434;} 
.certi_noti_box .btn_certi::before {content:""; margin-right: 8px; display:block; background: url('../img/ico_certi_g.png') no-repeat center; width: 28.5px; height: 20px; background-size: contain;} 
.certi_noti_box .btn_certi::after {content:""; margin-left: 8px; display:block; background: url('../img/ico_arrow_small_n_right.png') no-repeat center; width: 6.25px; height: 10px; background-size: contain;} 
.certi_noti_box .btn_certi.on {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 0; box-shadow: 0 0 25px 0 #89e1f3; color: #0090db;} 
.certi_noti_box .btn_certi.on > span:first-child {font-size: 17px; line-height: 1.21; letter-spacing: -0.68px; text-align: center; color: #343434;} 
.certi_noti_box .btn_certi.on > span:last-child {display: flex; margin-top: 12px;} 
.certi_noti_box .btn_certi.on > span:last-child em {font-size: 11px; line-height: 1.22; letter-spacing: -0.36px; text-align: center; color: #a9adb5;} 
.certi_noti_box .btn_certi.on > span:last-child span {font-size: 11px; line-height: 1.22; letter-spacing: -0.36px; text-align: left; color: #a9adb5;} 
.certi_noti_box .btn_certi.on::before {display: none;} 
.certi_noti_box .btn_certi.on::after {position: absolute; top: 42.5px; right: 14px;} 
.intro_wrap {margin-left: -15px;} 
.intro_wrap.set_mgt {margin-top: -10px;} 
.intro_wrap i {width: 100vw; height: 89.4vw; background-size: contain;} 
.intro_wrap i.iw_img {background-image: url('../img/img_iw.png');} 
.intro_wrap i.iw_img0 {background-image: url('../img/img_iw0.png');} 
.intro_wrap i.iw_img1 {background-image: url('../img/img_iw1.png');} 
.intro_wrap i.iw_img2 {background-image: url('../img/img_iw2.png');} 
.intro_wrap i.iw_img3 {background-image: url('../img/img_iw3.png');} 
.intro_wrap i.iw_img4 {background-image: url('../img/img_iw4.png');} 
.intro_wrap i.iw_img5 {background-image: url('../img/img_iw5.png');} 
.intro_wrap i.iw_img6 {background-image: url('../img/img_iw6.png');} 
.termination_info {padding: 12.5px; width: 78%; margin: auto; border-radius: 8px; border: solid 1px #e1e1e1; background-color: #fafafa;} 
.termination_info .ti_tit {width: 70px; margin-right: 39px; font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.termination_info .ti_txt {width: 96px; font-weight: bold; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #202020;} 
.termination_box .termination_tit {margin-top:25px; margin-bottom:5px; font-weight: bold; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #084a80;} 
.termination_box .termination_list {padding: 2px; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.termination_box .termination_list li {width: 60%; display: flex; align-items: center; justify-content: flex-start; padding: 8px 0;} 
.termination_box .termination_list li label {margin-left: 8px; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.termination_etc {width: calc(100% - 30px); border: none; resize: unset; padding: 16px 15px; border-radius: 8px; background-color: #fafafa; font-size: 16px; line-height: 1.19; letter-spacing: -0.64px; text-align: left; color: #a9adb5;} 
.agree_box {padding: 24px 0;} 
.agree_box label {margin-left: 8px; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.loan_detail_tit {font-weight: bold; margin-bottom: 8px; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: center; color: #000000;} 
.loan_detail_charge {font-weight: bold; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: center; color: #000000;} 
.loan_detail_charge em {margin-left: 8px; margin-right: 2px; font-size: 25px; line-height: 1.22; letter-spacing: -1px; text-align: right; color: #0090db;} 
.loan_detail_box {padding: 8px 10px;} 
.loan_detail_box p {padding: 8px 0; display: flex; align-items: center;} 
.loan_detail_box p .ld_tit {width: 43%; font-size: 15px; line-height: 1.23; letter-spacing: -0.2px; text-align: left; color: #636363;} 
.loan_detail_box p .ld_txt {width: 57%; font-size: 15px; line-height: 1.23; letter-spacing: -0.2px; text-align: left; color: #636363;} 
.loan_detail_box p strong.ld_tit {color: #000000;} 
.loan_detail_box p strong.ld_txt {color: #000000;} 
.progress_state_box {margin-bottom: 15px; padding: 11px 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #fafafa;} 
.progress_state_box span:nth-child(1)::before {content: "①"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box span:nth-child(1)::after {display: none;} 
.progress_state_box span:nth-child(1).suc::after {display: none;} 
.progress_state_box span:nth-child(1).suc::before {content: "①"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box span:nth-child(1).on::before {display: none;} 
.progress_state_box span:nth-child(1).on::after {content: "1. 약관동의"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box span:nth-child(2) {margin: 0 8px;} 
.progress_state_box span:nth-child(2)::before {content: "②"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box span:nth-child(2)::after {display: none;} 
.progress_state_box span:nth-child(2).suc::after {display: none;} 
.progress_state_box span:nth-child(2).suc::before {content: "②"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box span:nth-child(2).on::before {display: none;} 
.progress_state_box span:nth-child(2).on::after {content: "2. 대출약정"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box span:nth-child(3)::before {content: "③"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box span:nth-child(3)::after {display: none;} 
.progress_state_box span:nth-child(3).suc::after {display: none;} 
.progress_state_box span:nth-child(3).suc::before {content: "③"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box span:nth-child(3).on::before {display: none;} 
.progress_state_box span:nth-child(3).on::after {content: "3. 신청완료"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box_ex {margin-bottom: 15px; padding: 11px 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #fafafa; gap: 5px;} 
.progress_state_box_ex span:nth-child(1)::before {content: "①"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box_ex span:nth-child(1)::after {display: none;} 
.progress_state_box_ex span:nth-child(1).suc::after {display: none;} 
.progress_state_box_ex span:nth-child(1).suc::before {content: "①"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box_ex span:nth-child(1).on::before {display: none;} 
.progress_state_box_ex span:nth-child(1).on::after {content: "1. 정보제공동의"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box_ex span:nth-child(2)::before {content: "②"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box_ex span:nth-child(2)::after {display: none;} 
.progress_state_box_ex span:nth-child(2).suc::after {display: none;} 
.progress_state_box_ex span:nth-child(2).suc::before {content: "②"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box_ex span:nth-child(2).on::before {display: none;} 
.progress_state_box_ex span:nth-child(2).on::after {content: "2. 심사결과확인"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box_ex span:nth-child(3)::before {content: "③"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box_ex span:nth-child(3)::after {display: none;} 
.progress_state_box_ex span:nth-child(3).suc::after {display: none;} 
.progress_state_box_ex span:nth-child(3).suc::before {content: "③"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box_ex span:nth-child(3).on::before {display: none;} 
.progress_state_box_ex span:nth-child(3).on::after {content: "3. 보증료납부 및 통지신청"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.progress_state_box_ex span:nth-child(4)::before {content: "④"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #a9adb5;} 
.progress_state_box_ex span:nth-child(4)::after {display: none;} 
.progress_state_box_ex span:nth-child(4).suc::after {display: none;} 
.progress_state_box_ex span:nth-child(4).suc::before {content: "⑤"; display: block; font-size: 22px; line-height: 1.23; letter-spacing: -0.44px; text-align: left; color: #0090db;} 
.progress_state_box_ex span:nth-child(4).on::before {display: none;} 
.progress_state_box_ex span:nth-child(4).on::after {content: "4. 신청완료"; display: block; border-radius: 15px; background-color: #0090db; padding: 6px 11px 5px; font-size: 13px; line-height: 1.31; letter-spacing: -0.26px; text-align: left; color: #ffffff;} 
.loan_noti_box {padding: 21px 20px; border-radius: 8px; background-color: #fafafa;} 
.loan_noti_box .title_sub {display: block; width: 100%; font-size: 18px; border-bottom: 1px solid rgba(34, 34, 34, 0.6); padding-bottom: 13px; font-weight: bold;} 
.loan_noti_box p {font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.loan_check_box {padding: 0 10px;} 
.loan_check_box .lcb_list {padding: 6px 10px 10px;} 
.loan_check_box .lcb_list:not(:last-child) {border-bottom: 1px solid #e6e6e6;} 
.loan_check_box .lcb_list .lcb_tit {display: block; padding: 5px 0; font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #000000;} 
.loan_check_box .lcb_list p {padding: 6px 0; display: flex; align-items: center;} 
.loan_check_box .lcb_list p span.div_tit {width: calc(45% - 17px); font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.loan_check_box .lcb_list p span.div_txt {width: calc(55% - 22px); margin-left: 5px; font-size: 15px; line-height: 1.19; letter-spacing: -0.32px; text-align: left; color: #636363;} 
.loan_check_box .lcb_list p span.div_sen {width: calc(100% - 34px); font-size: 15px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #636363;} 
.loan_check_box .lcb_list p input {margin-left: 10px; padding: 0 10px;} 
.es_full_btn {margin: 8px auto; width: calc(100% - 30px); padding: 14px 0 12px; background: #ffffff; border-radius: 8px; border: solid 1px #06346c; font-size: 16px; line-height: 1.19; letter-spacing: -0.32px; text-align: center; color: #000000;} 
.es_full_btn.on {background-color: #0090db; color: #ffffff; border: 0;} 
.es_full_btn.inidi + .es_input_box {display: none;} 
.es_full_btn.inidi.on + .es_input_box {display: block;} 
.es_input_box {margin: auto; width: calc(100% - 30px);} 
.es_input_box input {margin-bottom: 8px; padding: 13px 16px 12.5px; border-radius: 8px; border: solid 1px #a9adb5; background-color: #ffffff; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.es_input_box input.name {width: calc(100% - 32px); color: #a9adb5;} 
.es_input_box input.name:disabled {background-color: #fafafa;} 
.es_input_box div {display: flex; align-items: center; justify-content: space-between;} 
.es_input_box div input.birthday {width: calc(40% - 24px); margin-right: 8px;} 
.es_input_box div input.registration {width: calc(60% - 16px);} 
.card_add_wrap {padding: 0 10px;} 
.card_add_box {padding: 11px 16px 16px; border-radius: 8px; border: dashed 1px #a9adb5; background-color: #fafafa;} 
.card_add_box .card_add_logo {width: 120px; height: 35px; background-size: contain;} 
.card_add_box .card_add_logo.ico_lc30000001 {background-image: url(../img/cl_001.png);} 
.card_add_box .card_add_logo.ico_lc30000002 {background-image: url(../img/cl_002.png);} 
.card_add_box .card_add_logo.ico_lc30000003 {background-image: url(../img/cl_003.png);} 
.card_add_box .card_add_logo.ico_lc30000004 {background-image: url(../img/cl_004.png);} 
.card_add_box .card_add_logo.ico_lc30000006 {background-image: url(../img/cl_006.png);} 
.card_add_box .card_add_logo.ico_lc30000008 {background-image: url(../img/cl_008.png);} 
.card_add_box .card_add_logo.ico_lc30000009 {background-image: url(../img/cl_009.png);} 
.card_add_box .card_add_logo.ico_lc30000012 {background-image: url(../img/cl_012.png);} 
.card_add_box .card_add_logo.ico_lc30000013 {background-image: url(../img/cl_013.png);} 
.card_add_box .card_add_logo.ico_lc30000014 {background-image: url(../img/cl_014.png);} 
.card_add_box .card_add_logo.ico_lc30000015 {background-image: url(../img/cl_015.png);} 
.card_add_box .card_add_logo.ico_lc30000018 {background-image: url(../img/cl_018.png);} 
.card_add_box .card_add_logo.ico_lc30000019 {background-image: url(../img/cl_019.png);} 
.card_add_box .card_add_logo.ico_lc30000021 {background-image: url(../img/cl_021.png);} 
.card_add_box .card_add_logo.ico_lc30000022 {background-image: url(../img/cl_022.png);} 
.card_add_box .card_add_logo.ico_lc30000032 {background-image: url(../img/cl_032.png);} 
.card_add_box .card_add_logo.ico_lc30000033 {background-image: url(../img/cl_033.png);} 
.card_add_box .card_add_logo.ico_lc30000035 {background-image: url(../img/cl_035.png);} 
.card_add_box .card_add_logo.ico_lc30000060 {background-image: url(../img/cl_060.png);} 
.card_add_box .card_add_logo.ico_lc30000061 {background-image: url(../img/cl_061.png);} 
.card_add_box .card_add_logo.ico_lc30000062 {background-image: url(../img/cl_062.png);} 
.card_add_box .card_add_logo.ico_lc30000063 {background-image: url(../img/cl_063.png);} 
.card_add_box .card_add_logo.ico_lc30000064 {background-image: url(../img/cl_064.png);} 
.card_add_box .card_add_tit {margin-top: 7px; margin-bottom: 2.5px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; text-align: center; color: #a9adb5;} 
.card_add_box .card_add_act {margin-bottom: 17px; font-size: 13px; line-height: 1.46; letter-spacing: -0.26px; text-align: center; color: #a9adb5;} 
.card_add_box .card_add_input_box {font-size: 40px; display: flex; align-items: center; justify-content: space-around;} 
.card_add_box .card_add_input_box input {width: 17%; padding: 4px 7px; border: solid 1px #707070; background-color: #ffffff; font-size: 0.45em; font-weight: bold; line-height: 1.48; letter-spacing: -0.44px; text-align: center; color: #000000;} 
.ndwp_list {margin-top: 20px;} 
.ndwp_list .ndwp_d_day {margin-left: -15px; width: calc(100% + 30px); padding: 7px 0; display:flex; align-items: center; justify-content: center; background-color: #ebf0f2; font-size: 18px; font-weight:bold; line-height: 1.19; letter-spacing: -0.25px; color: #000000;} 
.ndwp_list .ndwp_d_day span {font-size: 13px; line-height: 1.23; letter-spacing: -0.52px; text-align: left;} 
.ndwp_list .ndwp_d_day .ndwp_day {color: #000000;} 
.ndwp_list .ndwp_d_day .ndwp_d {color: #a9adb5; margin-left: 8px; display: flex; align-items: center;} 
.ndwp_list .ndwp_d_day .ndwp_d em {font-size: 14px; line-height: 1.23; letter-spacing: -0.52px; text-align: left; color:#a9adb5;} 
.ndwp_list .ndwp_noti {margin: 15px 0; padding: 17.5px 15px 12.5px; border-radius: 8px; background-color: #fafafa;} 
.ndwp_list .ndwp_noti p {display: flex; align-items: center; justify-content: space-between;} 
.ndwp_list .ndwp_noti p span {font-weight: bold; font-size: 19px; line-height: 1.21; letter-spacing: -0.38px; color: #000000;} 
.ndwp_list .ndwp_noti p span em {font-weight: bold; font-size: 19px; line-height: 1.21; letter-spacing: -0.38px; color: #000000;} 
.ndwp_list .ndwp_noti p span:last-child {font-weight: bold;} 
.ndwp_list .ndwp_noti p.ndwp_noti_won span:last-child em {color:#0090db; font-size: 19px; line-height: 1.21; letter-spacing: -0.38px;} 
.ndwp_list .ndwp_noti div.ndwp_noti_list li {display: flex; align-items: center; justify-content: space-between; padding: 5.5px 0;} 
.ndwp_list .ndwp_noti div.ndwp_noti_list li:first-child {margin-top: 12px; padding-top: 13.5px; border-top: solid 1px #a9adb5;} 
.ndwp_list .ndwp_noti div.ndwp_noti_list li span:first-child {font-size: 16px; line-height: 1.2; letter-spacing: -0.32px; text-align: left; color: #000000;} 
.ndwp_list .ndwp_noti div.ndwp_noti_list li span:last-child {font-size: 16px; font-weight: bold; line-height: 1.22; letter-spacing: -0.32px; text-align: right; color: #202020;} 
.ndwp_list .ndwp_noti div.ndwp_noti_list li span:last-child em {font-size: 16px; font-weight: bold; line-height: 1.22; letter-spacing: -0.32px; text-align: right; color: #202020;} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list {padding: 7.5px 15px; display: flex; align-items: center; justify-content: space-between;} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card {display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 1.22; letter-spacing: -0.32px; color: #000000;} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i {margin-right: 7px; width: 20px; height: 20px; background-size: contain;} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000001 {background-image:url(../img/ico_small_card2.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000002 {background-image:url(../img/ico_small_card6.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000003 {background-image:url(../img/ico_small_card3.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000004 {background-image:url(../img/ico_small_card8.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000006 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000008 {background-image:url(../img/ico_small_card5.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000009 {background-image:url(../img/ico_small_card9.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000015 {background-image:url(../img/ico_small_card8.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000017 {background-image:url(../img/ico_small_card7.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000018 {background-image:url(../img/ico_small_card10.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000019 {background-image:url(../img/ico_small_card7.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000021 {background-image:url(../img/ico_small_card4.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000060 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000061 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000062 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000063 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card i.ico_lc30000064 {background-image:url(../img/ico_small_card1.png);} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card_won {font-size: 16px; line-height: 1.22; letter-spacing: -0.35px; color: #202020; font-weight: bold;} 
.ndwp_list .ndwp_card_wrap .ndwp_card_list .ndwp_card_won em {font-size: 16px; line-height: 1.22; letter-spacing: -0.35px; color: #202020; font-weight: bold;} 
.tax_detail_box .bank_mark span {margin-bottom: 2px;} 
.tax_detail_box > p {display: flex; flex-direction: column; justify-content: space-between; width: 70%;} 
.reset_flex {display: block; border-bottom: 0;} 
.less_pay p {font-size: 14px; color: #656565;} 
.submit_name {font-size: 16px; font-weight: bold;} 
.my_num_result {width: 100vw; margin-left: -15px; padding-left: 15px;} 
.my_num_result.hide {display: none;} 
.my_num_result::-webkit-scrollbar {width: 1px; height: 3px;} 
.my_num_result::-webkit-scrollbar-track {background-color:#f2f2f2;} 
.my_num_result::-webkit-scrollbar-thumb {background: #303030; width: 1px;} 
.my_num_result::-webkit-scrollbar-thumb:hover {background: #404040;} 
.my_num_result::-webkit-scrollbar-thumb:active {background: #808080;} 
.my_num_result::-webkit-scrollbar-button {display: none;} 

/* 2020-12-30 무료체험페이지 css start*/
.c_d_green {background-color: #193034 !important;} 
.sub_con {background-image: url(../img/sub_con.png); background-size: contain; height: 244px; margin-top: 19.5px; margin-bottom: 22px;} 
.sub_one {background-image: url(../img/sub_one.png); background-size: contain; width:calc(100% - 80px); height: 28.5px; margin: 0 auto;} 
.sub_text b {color: #ffffff; letter-spacing: -0.8px;} 
.sub_text p {color: #ffffff; letter-spacing: -0.8px;} 
.sub_service_content {width:100%;} 
.sub_service_content span {display: flex; width:100%; justify-content:center;} 
.sub_close_btn {width: 30px; height: 30px; background-image: url(../img/sub_close_btn.png); background-size: contain; margin-top: 8px; position: absolute; right: 0; top: 0; z-index: 100;} 
.sub_con_icon {width: 88px; height: 58.5px; background-image: url(../img/sub_con_icon.png); background-size: contain; margin-top: 24px;} 
.c_d_green .certi_box {flex-direction: column; align-items: center;} 
.sub_wrap {display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 15px);} 
.sub_text {text-align: center; line-height: 1.48;} 
.sub_text b {font-size: 1.250em;} 
.sub_text p {font-size: 1.250em;} 
.sub_text_s {font-size: 0.875em; color: #0d6b5b; width: 100%; display: flex; justify-content: center; margin-top: 8.5px;} 
.sub_text_s + .donate_con {display: none;} 
.certi_box > p {font-size: 0.750em; color: #cccccc; width: 100%; text-align: center; margin-top: 7.5px;} 
.sub_close_btn + .certi_box {position: relative;} 
.sub_bank {background-color: #ffffff; padding: 11px 13px; margin-top: 10px; border: 1px solid #c8c8c8; border-radius: 8px; display: flex; align-items: center; justify-content: space-between;} 
.sub_bank div {display: flex;} 
.sub_bank p {font-size: 1em; letter-spacing: -0.61px;} 
.sub_bank p em {font-size: 1em; margin-left: 6px; letter-spacing: -0.61px;} 
.sub_bank .sub_chevy {width: 12px; height: 7.5px; background-size: contain; background-image: url(../img/btn_arr_down_b.png);} 
.sub_bank .sub_chevy.up {transform: rotate(180deg);} 
.sub_bank div i {width: 20px; height: 20px; background-size: contain; margin-right: 6px;} 
.sub_bank > div {display: flex; align-items: center;} 
.sub_account {margin-top: 7.5px;} 
.sub_account > p {color: #cccccc; font-size: 0.750em; text-align: center;} 
.sub_bank div i.ico_lb003 {background-image: url('../img/ico_small_bank1.png') !important;} 
.sub_bank div i.ico_lb004 {background-image: url('../img/ico_small_bank2.png') !important;} 
.sub_bank div i.ico_lb020 {background-image: url('../img/ico_small_bank3.png') !important;} 
.sub_bank div i.ico_lb088 {background-image: url('../img/ico_small_bank4.png') !important;} 
.sub_bank div i.ico_lb081 {background-image: url('../img/ico_small_bank5.png') !important;} 
.sub_bank div i.ico_lb011 {background-image: url('../img/ico_small_bank6.png') !important;} 
.sub_bank div i.ico_lb023 {background-image: url('../img/ico_small_bank7.png') !important;} 
.sub_bank div i.ico_lb027 {background-image: url('../img/ico_small_bank8.png') !important;} 
.sub_bank div i.ico_lb002 {background-image: url('../img/ico_small_bank9.png') !important;} 
.sub_bank div i.ico_lb071 {background-image: url('../img/ico_small_bank10.png') !important;} 
.sub_bank div i.ico_lb032 {background-image: url('../img/ico_small_bank11.png') !important;} 
.sub_bank div i.ico_lb045 {background-image: url('../img/ico_small_bank12.png') !important;} 
.sub_bank div i.ico_lb034 {background-image: url('../img/ico_small_bank13.png') !important;} 
.sub_bank div i.ico_lb007 {background-image: url('../img/ico_small_bank14.png') !important;} 
.sub_bank div i.ico_lb031 {background-image: url('../img/ico_small_bank15.png') !important;} 
.sub_bank div i.ico_lb039 {background-image: url('../img/ico_small_bank11.png') !important;} 
.sub_bank div i.ico_lb035 {background-image: url('../img/ico_small_bank4.png') !important;} 
.sub_bank div i.ico_lb037 {background-image: url('../img/ico_small_bank13.png') !important;} 
.sub_bank div i.ico_lb089 {background-image: url('../img/ico_small_bank16.png') !important;} 
.sub_bank div i.ico_lb090 {background-image: url('../img/ico_small_bank17.png') !important;} 
.sub_bank div i.ico_lb050 {background-image: url('../img/ico_small_bank18.png') !important;} 
.sub_bank div i.ico_lb048 {background-image: url('../img/ico_small_bank19.png') !important;} 
.sub_bank div i.ico_lb055 {background-image: url('../img/ico_small_bank20.png') !important;} 
.sub_bank div i.ico_lb064 {background-image: url('../img/ico_small_bank21.png') !important;} 
.sub_bank div i.ico_lb060 {background-image: url('../img/ico_small_bank22.png') !important;} 
.sub_bank div i.ico_lb054 {background-image: url('../img/ico_small_bank23.png') !important;} 
.sub_bank div i.ico_lb061 {background-image: url('../img/ico_small_bank24.png') !important;} 
.sub_bank div i.ico_lb057 {background-image: url('../img/ico_small_bank25.png') !important;} 
.sub_bank div i.ico_lb067 {background-image: url('../img/ico_small_bank26.png') !important;} 
.sub_bank div i.ico_lb062 {background-image: url('../img/ico_small_bank27.png') !important;} 
.sub_bank div i.ico_lb063 {background-image: url('../img/ico_small_bank28.png') !important;} 

/* 2021-01-26 OB645 ~ OB645_4 */
.loan_title {color: #000000; font-size: 20px; letter-spacing: -0.8px; line-height: 1.48; word-break: keep-all;} 
.loan_intro {display: flex; flex-direction: column;} 
.loan_intro.best::before {content: ""; width: 138px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../img/semo_best.png); display: block; margin-bottom: 15px;} 
.loan_intro.hide {display: none;} 
.loan_intro .loan_title+span {font-size: 16px; color: #000000; margin-top: 8px; display: flex; align-items: flex-end;} 
.loan_intro>p {font-size: 16px; color: #000000; margin-top: 18px; letter-spacing: -0.68px; word-break: keep-all;} 
.loan_vod {width: 100%; background-color: #e8e8e8; height: 212px; margin-top: 37px;} 
.loan_vod.hide {display: none;} 
.loan_dot {position: absolute; bottom: 60px; left: 50%; display: flex; justify-content: center; transform: translateX(-50%); gap: 8px;} 
.loan_dot .dot {width: 15px; height: 15px; background-color: #e8e8e8; border-radius: 50%;} 
.loan_dot .dot.on {background-color: #1bd9ac;} 
.loan_dot.hide {display: none;} 
.c_00b981 {color: #00b981;} 
.set_mgt6 {margin-top: 6px !important;} 
.loan_main_text {line-height: 1.47; word-break: keep-all;} 
.loan_main_text > span {display: flex; margin-top: 8px;} 
.loan_main_text > span > i {background-image: url(../img/check_g.png); background-size: contain; width: 22px; height: 21px; margin-right: 5px;} 
.loan_support {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; margin-top: 43px; row-gap: 54px; padding: 0 5px;} 
.loan_support b {font-size: 15px; color: #000000; letter-spacing: -0.57px;} 
.loan_support_con {display: flex; flex-direction: column; align-items: center; word-break: keep-all; letter-spacing: -0.49px;} 
.loan_support p {font-size: 13px; color: #000000; text-align: center; margin-top: 6px; line-height: 1.46;} 
.loan_support>.loan_support_con>.loan_icon_1 {background-image: url(../img/loan_icon_1.png); background-size: contain; width: 45px; height: 45px;} 
.loan_support>.loan_support_con>.loan_icon_2 {background-image: url(../img/loan_icon_2.png); background-size: contain; width: 45px; height: 45px;} 
.loan_support>.loan_support_con>.loan_icon_3 {background-image: url(../img/loan_icon_3.png); background-size: contain; width: 45px; height: 45px;} 
.loan_support>.loan_support_con>.loan_icon_4 {background-image: url(../img/loan_icon_4.png); background-size: contain; width: 45px; height: 45px;} 
.loan_support>.loan_support_con>.loan_icon_5 {background-image: url(../img/loan_icon_5.png); background-size: contain; width: 45px; height: 45px;} 
.loan_support>.loan_support_con>.loan_icon_6 {background-image: url(../img/loan_icon_6.png); background-size: contain; width: 45px; height: 45px;} 
.loan_intro .loan_ex_img {background-image: url(../img/loan_ex_semo_img.png); width:100%; height: 391px; background-size: contain; position: absolute; top: 140%; left:50%; transform: translateX(-50%);} 
.loan_intro .loan_review {display: flex; flex-direction: column; margin-top: 43px;} 
.loan_intro .loan_review span {font-size: 12px; color: #000000; display: flex; word-break: keep-all; align-items: center;} 
.loan_intro .loan_review i {background-image: url(../img/five_star_icon.png); width:81px; height: 15px; background-size: contain;} .loan_intro .loan_review p {margin-left: 10px;} .loan_tax_accountant {width: 100%; height: 228px; background-size: contain; background-image: url(../img/tax_accountant.png); margin-top: 16px;} 

/* 2021-01-26 OB645 ~ OB645_4 */
/* 2021-01-26 HOME 리뉴얼 B213 */
.my_area_link {display: flex;} 
.my_area_link>span {font-size: 13px !important; text-decoration: underline; display: flex; justify-content: left; color: #0095ff !important; font-weight: normal !important;} 
.my_area_link>span:first-child {text-decoration: unset;} 
.my_area_cell+span {display: flex; align-items: center;} 
.my_area_cell+span.high::before {content: ""; width: 30px; height: 30px; background-image: url(../img/my_chart_icon_r.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; margin-right: 5px;} 
.my_area_cell+span.mid::before {content: ""; width: 30px; height: 30px; background-image: url(../img/my_chart_icon_y.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; margin-right: 5px;} 
.my_area_cell+span.low::before {content: ""; width: 30px; height: 30px; background-image: url(../img/my_chart_icon_g.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; margin-right: 5px;} 
.my_stat_all_con {height: 100%;} 
.my_stat_all_con.hide {display: none;} 
.my_stat.ready {height: 100%;} 
.my_stat_box {width: 100%; height: calc(100% - 39px); display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.my_stat_ready {background-image: url(../img/ico_small_time_g.png); width: 30px; height: 30px; background-size: contain; margin-bottom: 16px;} 
.my_stat_all_con .my_stat_box .my_stat_ready+span {font-size: 15px; color: #a9adb5; margin-bottom: 14px;} 
.my_stat_all_con .my_stat_box span+p {font-size: 12px; color: #cfcfcf; word-break: keep-all; padding: 0 66px; margin-bottom: 24px;} 
.my_stat {height: 100%;} 
.my_stat_con.ready {height: 275px !important;} 
.my_stat_wrapper .my_stat_display.ready {height: 346px !important;} 

/* 2021-01-26 HOME 리뉴얼 B213 */
.zeropay_wrap {width: 100%;} 
.pay_cell2 p {font-size: 22px;} 
.pay_zero_con {display: flex; flex-direction: column;} 
.pay_zero_con.hide {display: none;} 
.pay_zero_con .pay_zero_detail {border-bottom: 1px solid #c8ccc8;} 
.pay_zero_con .pay_zero_detail {font-size: 12px; padding: 4.5px 0; color: #818181; text-align: center;} 
.pay_zero_con .pay_zero_detail span {position: relative; font-size: 14px;} 
.pay_zero_con .pay_zero_detail span.down::after {content: ""; width: 12px; height: 8px; background-image: url(../img/btn_arr_down_b.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: -20px; transform: translateY(-50%);} 
.pay_zero_con .pay_zero_detail span.up::after {content: ""; width: 12px; height: 8px; background-image: url(../img/btn_arr_up_b.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: -20px; transform: translateY(-50%);} 
.pay_zero_con .pay_zero_detail span.down + .pay_zero_data_show {display: none;} 
.pay_zero_con .pay_zero_no_data {display: flex; flex-direction: column; margin-top: 46px; align-items: center;} 
.pay_zero_con .pay_zero_no_data i.data {width: 30px; height: 30px; background-image: url(../img/ico_bg_gray.png); background-size: contain; margin-bottom: 11px;} 
.pay_zero_con .pay_zero_no_data i.update {width: 30px; height: 30px; background-image: url(../img/ico_small_time_g.png); background-size: contain; margin-bottom: 11px;} 
.pay_zero_con .pay_zero_no_data span {font-size: 15px; color: #a9adb5; text-align: center; line-height: 1.5;} 
.pay_zero_con .pay_zero_no_data span>p {display: inline-block;} 
.pay_zero_con .pay_zero_info {font-size: 13px; word-break: keep-all; padding: 0 30px; margin-top: 45px; display: flex; align-items: baseline;} 
.pay_zero_con .pay_zero_info p {color: #a9adb5;} 
.pay_zero_con .pay_zero_info i {background-image: url(../img/ico_info_gray.png); background-size: contain; width: 12px; height: 12px; min-width: 12px; margin-right: 3.5px;} 
.pay_zero_con .zero_break {display: flex; align-items: center; margin-top: 17px;} 
.pay_zero_con .zero_break span {font-size: 14px; color: #a9adb5;} 
.pay_zero_con .zero_break i.info {background-image: url(../img/ico_info_g.png); width: 18px; height: 18px; background-size: contain; margin-left: 9px;} 
.zero_day_price .zero_top_day {font-size: 13px; color: #000000; display: flex; justify-content: space-between; margin-top: 16px;} 
.zero_contents {width: 100%; background-color: #fcfcfc; border: 1px solid #e1e1e1; margin-top: 8px; border-radius: 8px;} 
.zero_contents .zero_cells {display: flex; justify-content: space-between; align-items: center; padding: 13px 0 12px; width: calc(100% - 24px); margin-left: 12px;} 
.zero_contents .zero_cells .zero_price em.cancel {color: #c1c1c1;} 
.zero_bank_i {display: flex; align-items: center;} 
.zero_bank_i > i {width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico1 {background-image: url(../img/z_bank_ico1.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico2 {background-image: url(../img/z_bank_ico2.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico3 {background-image: url(../img/z_bank_ico3.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico4 {background-image: url(../img/z_bank_ico4.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico5 {background-image: url(../img/z_bank_ico5.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico6 {background-image: url(../img/z_bank_ico6.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico7 {background-image: url(../img/z_bank_ico7.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico8 {background-image: url(../img/z_bank_ico8.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico9 {background-image: url(../img/z_bank_ico9.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico10 {background-image: url(../img/z_bank_ico10.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico11 {background-image: url(../img/z_bank_ico11.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico12 {background-image: url(../img/z_bank_ico12.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico13 {background-image: url(../img/z_bank_ico13.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico14 {background-image: url(../img/z_bank_ico14.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico15 {background-image: url(../img/z_bank_ico15.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico16 {background-image: url(../img/z_bank_ico16.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico17 {background-image: url(../img/z_bank_ico17.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico18 {background-image: url(../img/z_bank_ico18.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_bank_ico19 {background-image: url(../img/z_bank_ico19.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i {width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico1 {background-image: url(../img/z_pay_ico1.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico2 {background-image: url(../img/z_pay_ico2.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico3 {background-image: url(../img/z_pay_ico3.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico4 {background-image: url(../img/z_pay_ico4.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico5 {background-image: url(../img/z_pay_ico5.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico6 {background-image: url(../img/z_pay_ico6.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico7 {background-image: url(../img/z_pay_ico7.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico8 {background-image: url(../img/z_pay_ico8.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico9 {background-image: url(../img/z_pay_ico9.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico10 {background-image: url(../img/z_pay_ico10.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico11 {background-image: url(../img/z_pay_ico11.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico12 {background-image: url(../img/z_pay_ico12.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico13 {background-image: url(../img/z_pay_ico13.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico14 {background-image: url(../img/z_pay_ico14.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico15 {background-image: url(../img/z_pay_ico15.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico16 {background-image: url(../img/z_pay_ico16.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico17 {background-image: url(../img/z_pay_ico17.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico18 {background-image: url(../img/z_pay_ico18.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i > i.z_pay_ico19 {background-image: url(../img/z_pay_ico19.png); width: 30px; height: 30px; background-size: contain;} 
.zero_bank_i span {font-size: 14px; color: #202020; margin-left: 10px;} 
.zero_contents .zero_cells .zero_price {display: flex; flex-direction: column; align-items: flex-end;} 
.zero_contents .zero_cells .zero_price > div > em {display: flex; align-items: center; color: #000000;} 
.zero_contents .zero_cells .zero_price > div {display: flex; flex-direction: column;} 
.zero_contents .zero_cells .zero_price > div .pay_zero_detail.hide {display: none;} 
.zero_contents .zero_cells .zero_price > div .pay_zero_detail > span {display: flex; font-size: 12px; color: #a9adb5; justify-content: flex-end; padding-right: 22px;} 
.zero_contents .zero_cells .zero_price > div .pay_zero_detail > span > p {font-size: 12px;} 
.zero_contents .zero_cells .zero_price > em {display: flex; align-items: center;} 
.zero_contents .zero_cells .zero_price em.pay::before {content: "결제"; width: 36px; height: 18px; background-color: #1bd9ac; display: block; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #ffffff; margin-right: 6px;} 
.zero_contents .zero_cells .zero_price em.cancel::before {content: "취소"; width: 36px; height: 18px; background-color: #cfcfcf; border-radius: 10px; color: #ffffff; font-size: 12px; display: flex; align-items: center; justify-content: center; margin-right: 6px;} 
.zero_contents .zero_cells .zero_price em.up::after {content: ""; background-image: url(../img/btn_arr_up_b.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 12px; height: 8px; display: block; margin-left: 10px;} 
.zero_contents .zero_cells .zero_price em.down::after {content: ""; background-image: url(../img/btn_arr_down_b.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 12px; height: 8px; display: block; margin-left: 10px;} 
.pay_zero_data_show.hide {display: none;} 
.zero_contents .zero_cells .zero_price em {font-size: 14px; letter-spacing: -0.56px; margin-bottom: 5px;} 
.zero_contents .zero_cells .zero_price em:nth-child(2) {margin-bottom: unset;} 
.zero_contents .zero_cells .zero_price p {font-size: 12px; letter-spacing: -0.48px; color: #c1c1c1;} 
.zero_contents .zero_cells:not(:first-child) {border-top: 1px solid #e9e9e9;} 
.pay_zero_detail .pay_zero_list {display: flex; flex-direction: column; padding: 15px 0; width: calc(100% - 36px); margin-left: 18px;} 
.pay_zero_detail .pay_zero_list:not(:first-child) {border-top: 1px solid #c8c8c8;} 
.pay_zero_detail .pay_zero_list > .pay_zero_list_cell {display: flex; justify-content: space-between; font-size: 13px; color: #000000; margin-bottom: 4px;} 
.zero_day_price {margin-bottom: 30px;} 
.pay_zero_data_show > .pay_zero_info {margin-top: 10px; text-align: left; margin-bottom: 2.5px; padding: 0 18px;} 
.condition_head_wrap > .zeropay_wrap {width: 100%; position: relative; left: -15px; z-index: 100;} 
.condition_head_wrap > .zeropay_wrap > .secound_tab_box {display: flex; justify-content: space-around; font-size: 16px; align-items: center; width: calc(100% + 10px); margin-left: -20px;} 
.condition_head_wrap > .zeropay_wrap > .secound_tab_box > span {padding: 6px 0 6px; color: #000000; letter-spacing: -0.68px; font-size: 16px; text-align: center; width: 133px;} 
.zero_link_info {display: flex; flex-direction: column; text-decoration: underline; font-size: 14px; color: #0095ff;} 
.zero_link_info span {margin-top: 18px;} 
.peris_sus {width: 100%; margin-top: 21px;} 
.peris_sus .peris_sus_con {display: flex; justify-content: space-between; margin-bottom: 18px; padding: 15px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;} 
.peris_sus .peris_sus_con span {display: block; font-size: 15px; width: 48%;} 
.peris_sus .peris_sus_con span:first-child {text-align: right; color: #a9adb5;} 
.peris_sus .peris_sus_con span:last-child {font-weight: bold; color: #000000;} 
.deli_complete_text.hide {display: none;} 
.peris_sus + .deli_center_con {text-align: center;} 
.setting_box .peris_link {display: flex; flex-direction: column; align-items: flex-start; font-size: 13px; color: #0095ff; text-decoration: underline; margin-top: 150px;} 
.setting_box .peris_link span {margin-bottom: 18px; width: 100%; text-align: center;} 
.wrap.zero_pay .card_cell span {color: #000000;} 
.wrap.zero_pay .card_cell p:last-child {font-size: 16px; color: #00b981;} 
.wrap.zero_pay p > i.z_bank_ico1 {background-image: url(../img/z_bank_ico1.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico2 {background-image: url(../img/z_bank_ico2.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico3 {background-image: url(../img/z_bank_ico3.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico4 {background-image: url(../img/z_bank_ico4.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico5 {background-image: url(../img/z_bank_ico5.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico6 {background-image: url(../img/z_bank_ico6.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico7 {background-image: url(../img/z_bank_ico7.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico8 {background-image: url(../img/z_bank_ico8.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico9 {background-image: url(../img/z_bank_ico9.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico10 {background-image: url(../img/z_bank_ico10.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico11 {background-image: url(../img/z_bank_ico11.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico12 {background-image: url(../img/z_bank_ico12.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico13 {background-image: url(../img/z_bank_ico13.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico14 {background-image: url(../img/z_bank_ico14.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico15 {background-image: url(../img/z_bank_ico15.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico16 {background-image: url(../img/z_bank_ico16.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico17 {background-image: url(../img/z_bank_ico17.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico18 {background-image: url(../img/z_bank_ico18.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_bank_ico19 {background-image: url(../img/z_bank_ico19.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p {display: flex; align-items: center;} 
.wrap.zero_pay p > i {width: 30px; height: 30px; background-size: contain; display: block; margin-right: 8px;} 
.wrap.zero_pay p > i.z_pay_ico1 {background-image: url(../img/z_pay_ico1.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico2 {background-image: url(../img/z_pay_ico2.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico3 {background-image: url(../img/z_pay_ico3.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico4 {background-image: url(../img/z_pay_ico4.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico5 {background-image: url(../img/z_pay_ico5.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico6 {background-image: url(../img/z_pay_ico6.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico7 {background-image: url(../img/z_pay_ico7.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico8 {background-image: url(../img/z_pay_ico8.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico9 {background-image: url(../img/z_pay_ico9.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico10 {background-image: url(../img/z_pay_ico10.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico11 {background-image: url(../img/z_pay_ico11.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico12 {background-image: url(../img/z_pay_ico12.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico13 {background-image: url(../img/z_pay_ico13.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico14 {background-image: url(../img/z_pay_ico14.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico15 {background-image: url(../img/z_pay_ico15.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico16 {background-image: url(../img/z_pay_ico16.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico17 {background-image: url(../img/z_pay_ico17.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico18 {background-image: url(../img/z_pay_ico18.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay p > i.z_pay_ico19 {background-image: url(../img/z_pay_ico19.png); width: 30px; height: 30px; background-size: contain;} 
.wrap.zero_pay .pay_zero_con .pay_zero_detail {border-bottom: unset; padding: 0;} 
.wrap.zero_pay .card_purchase.cancel .card_cell p:nth-child(4) {color: #a9adb5;} 
.wrap.zero_pay .card_purchase.cancel .card_cell p:nth-child(5) {color: #a9adb5;} 
.pay_detail_list_wrap.hide {display: none;} 
.pay_detail_list_wrap .zero_pay_date > span {color: #000000; font-size: 16px; letter-spacing: -0.64px;} 
.pay_detail_list_wrap .zero_pay_date > p {color: #a9adb5; margin-top: 8.5px; font-size: 14px; letter-spacing: -0.56px;} 
.pay_detail_list_wrap .zero_pay_date b {font-size:22px; color: #000000; letter-spacing: -0.88px;} 
.wrap.zero_pay_main .pay_detail_list_wrap .pay_detail_list_cell:first-child {width: 100%;} 
.wrap.zero_pay_main .pay_detail_list_con_left {flex-direction: unset; align-items: center; justify-content: space-between;} 
.wrap.zero_pay_main .pay_detail_account1.red span {color: #ff684a!important; background-color: #fff8f6;} 
.wrap.zero_pay_main .pay_detail_account1.green span {color: #00b981!important; font-weight: normal; background-color: #f3fff4;} 
.popup_text span > p > i.connect_ico {background-image: url(../img/connect_ico.png); width: 68.5px; height: 19px; background-size: contain; display: block; margin-right: 5px;} 
.popup_text span p {word-break: keep-all;} 
.popup_text span:last-child p:last-child {margin-bottom: unset;} 
.loan_info_video {max-width: 500px; margin: 0 auto; margin-top:37px;} 
.loan_system_text {font-size:15px; color: #000000; letter-spacing: -0.57px; margin-top:32px; display: flex; align-items: center;} 
.loan_system_text > span {display: flex; flex-direction: column;} 
.loan_system_text > i {background-image: url(../img/ibk_trophy.png); width: 48px; height: 45px;; background-size: contain; display: block; margin-right: 8px;} 
.bx-wrapper {height: calc(100% - 20px); margin-bottom: unset !important;} 
.bx-viewport {height: calc(100% - 36px) !important;} 
.pay_normal {padding: 6px 15px; background-color: unset; color: #a9adb5; align-items: center; width: fit-content; border: 1px solid #c8c8c8; background-color: #fafafa; position: relative; padding-right: 20px;} 
.pay_normal::after {content: ""; width: 6px; height: 10px; background-image: url(../img/btn_arr_right_g.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 50%; transform: translateY(-50%);} 
.pay_detail_cell > p.on::after {content: "입금현황"; padding: 4px 10px 5px; font-size: 13px; background-color: #0095ff; border-radius: 5px; color: #ffffff; margin-left: 6px; display: block;} 
.pay_detail_list_cell .pay_update {text-decoration: underline; color: #0095ff !important;} 
.pay_cell2_img {min-width: 23px;} 
.pay_detail_list_bt_cell p {word-break: keep-all;} 

/* home 리뉴얼 2021-02-25 - css */
.my_result .my_c1_1 {color: #222222; margin-right: 4px; font-size: 13px;} 
.my_c1_3 {font-size: 0.66em; color: #17bf98;} 
.my_result .my_c2_1::before {content: "￦"; font-size: 27px; color: #000000;} 
.my_cont_list {display: flex; flex-direction: column; padding-top: 13px; position: relative; margin-top: 13px; z-index: 101;} 
.my_cont_cell {display: flex; align-items: center; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); border-radius: 13px; padding: 19px 10px 19px 15px; position: relative; z-index: 15; background-color: #ffffff;} 
.my_num_status.hide {display: none;} 
.my_num_status.hide + .my_num_result {display: none;} 
.my_cont_cell {display: flex; align-items: center; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13); border-radius: 13px; padding: 15px 10px 15px 15px; position: relative; z-index: 15; background-color: #ffffff;} 
.my_cont_cell.sample::before {content: ""; width: calc(100% - 2px); height: 100%; background-color: rgba(95, 137, 254, 0.3); border: 1px solid #5f89fe; position: absolute; left: 0; border-radius: 8px;} 
.my_cont_cell.sample .my_chevy {display: none;} 
.my_cont_text > span:first-child > p:first-child {display: flex; align-items: center; margin-top: 0;} 
.my_cont_cell {display: flex; align-items: center; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius: 13px; padding: 15px 10px 15px 15px; position: relative; z-index: 15; background-color: #ffffff;} 
.my_chevy {width: 8px; height: 5px; background-image: url(../img/btn_arr_down_b.png); background-size: contain; position: absolute; top: 50%; right: 12px;} 
.my_chevy.up {width: 8px; height: 5px; background-image: url(../img/btn_arr_up_b.png); background-size: contain; position: absolute; top: 50%; right: 12px;} 
.my_number {display: flex; padding: 13px 40px 20px 40px; position: relative; left: -15px; width: calc(100% - 80px); background-color: #ececec; flex-direction: column;} 
.my_number_cell {display: flex; flex: 1; flex-direction: column; align-items: center; border-right: 0; justify-content: space-between; margin-bottom: 6px;} 
.my_number_cell:last-child {border-right: unset;} 
.my_number_cell p:nth-child(1) {font-size: 0.75em; color: #404040;} 
.my_number_cell b:nth-child(2) {font-size: 14px; color: #000000;} 
.my_name_title {font-size: 14px; color: #222222; margin-bottom: 18px; display: flex; align-items: center;} 
.my_name_title.semo::before {content: ""; width: 53px; height: 15px; background-image: url(../img/semo_title.png); background-position: center; background-repeat: no-repeat; display: block; background-size: contain; margin-right: 4px;} 
.my_name_title.right::after {content: ""; width: 5px; height: 8px; background-image: url(../img/ico_arrow_small_b_right.png); background-position: center; margin-left: 5px; background-repeat: no-repeat; display: block; background-size: contain;} 
.my_number_cell p:nth-child(3) {color: #222222; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between; margin-top: 8px;} 
.my_number_cell p:nth-child(4) {color: #222222; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell p:nth-child(5) {color: #222222; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell p:nth-child(6) {color: #222222; font-size: 0.688em; width: 75%; display: flex; justify-content: space-between;} 
.my_number_cell > span {font-size: 13px; color: #222222;} 
.my_number_cell_title {display: flex; width: 100%; justify-content: space-between; margin-bottom: 8.5px; align-items: center;} 
.my_number_cell_title > b {font-size: 12px; color: #404040;} 
.my_number_cell_title:last-child {margin-bottom: 0;} 
.my_detail_cell {display: flex; width: 100%; justify-content: space-between; color: #000000; font-size: 13px; margin-bottom: 6.5px;} 
.my_detail_cell > span {font-size: 12px; color: #404040;} 
.account_indi_wrapper .account_total {padding: 10px 15px 5px; display: flex; align-items: center;} 
.account_indi_wrapper .account_total > div {display: flex; justify-content: center; align-items: flex-end; padding: 7.5px 0 0; width: 100%; flex-direction: column;} 
.account_indi_wrapper .account_total > div > p {display: flex; width: 100%;} 
.account_indi_wrapper .account_total > div p {display: flex; align-items: center; justify-content: space-between;} 
.account_indi_wrapper .account_total > div p .at_tit {font-size: 13px; line-height: 1.23; letter-spacing: -0.3px; text-align: left; color: #ff684a; line-height: 1.46;} 
.account_indi_wrapper .account_total > div p .at_tit:first-child {color: #0095ff;} 
.account_box .account_bar {width: calc(100% - 30px); margin-left: 15px; height: 12px; background-color: #fafafa; border-radius: 8px; margin-bottom: 13px; position: relative;} 
.account_box .account_bar .account_bar_blue {position: absolute; right: 50%; height: 100%; background-color: #0095ff; width: 30%; border-radius: 8px 0px 0px 8px; top: 0;} 
.account_box .account_bar .account_bar_red {position: absolute; left: 50%; top: 0; height: 100%; background-color: #ff684a; width: 20%; border-radius: 0px 8px 8px 0px;} 
.my_report {width: calc(100% - 25px); display: flex; color: #000000; font-size: 0.875em; align-items: center; padding: 15px 10px 15px 15px; position: relative; margin-bottom: 13px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius: 13px; position: relative;} 
.my_report.kt_analysis {display: none;} 
.my_report > i {background-image: url(../img/btn_arr_down_b.png); width: 8px; height: 5px; background-size: contain; margin-left: 9px; position: absolute; right: 15px;} 
.my_report.ssm > i {transform: rotate(-90deg); right: 11px;} 
.my_report > i.up {background-image: url(../img/btn_arr_up_b.png);} 
.my_report span {font-size: 11px; color: #ff684a; border: 1px solid #ff684a; border-radius: 7px; padding: 0.5px 4px; margin-left: 6px;} 
.my_submit .my_name {font-size: 0.625em; background-color: #ffffff; padding: 4px 6px 2px; border-radius: 30px; display: flex; border: 1px solid #1bd9ac; color: #17bf98;} 
.ml_plus {margin: auto; margin-top: 17px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; width: 184px; padding: 11px 0 15px; border-radius: 25px; border: solid 1px #202020; background-color: #ffffff; font-size: 15px; line-height: 1; letter-spacing: -0.36px; color: #000000;} 
.my_all_list + .ml_plus {width: 100%; border-radius: 13px; background-color: #fafafa; border: 2px solid #e8e8e8; color: #a9adb5; padding: 14px 0 15px;} 
.my_num_result {width: 100vw; margin-left: -15px; padding-left: 15px; position: relative;} 
.my_name .my_n_chain {background-image: url(../img/my_n_chain.png); width: 19px; height: 19px; background-size: contain; margin-right: 3px;} 
.my_tool {width: 100%; display: flex; justify-content: center; gap: 38px; margin-top: 15px;} 
.my_tool .m_t_send {display: flex;} 
.my_tool .m_t_list {display: flex;} 
.my_tool .m_t_send i {background-image: url(../img/m_t_send.png); width: 25px; height: 25px; background-size: contain; margin-right: 6px;} 
.my_tool .m_t_list i {background-image: url(../img/m_t_list.png); width: 25px; height: 25px; background-size: contain; margin-right: 6px;} 
.my_tool .m_t_send p {font-size: 16px; color:#000000;} 
.my_tool .m_t_list p {font-size: 16px; color:#000000;} 
.my_cont_text > span > p {font-size: 14px !important; color: #818181; margin-top: 5px; margin-right: 5px; word-break: keep-all; width: 100%;} 
.my_num_status {width: calc(100% + 30px); display: flex; justify-content: center; align-items: center; padding-top: 17px; background-color: #ececec; margin-left: -15px;} 
.my_num_status.on > span {color: #17bf98;} 
.my_num_status > i {width: 11px; height: 11px; background-image: url(../img/ico_input_time.png); background-size: contain;} 
.my_num_status.on > i {width: 11px; height: 11px; background-image: url(../img/ico_time_green.png); background-size: contain;} 
.my_num_status > p {font-size: 11px; color: #a9adb5; margin-left: 5px; display: flex; align-items: center;} 
.my_num_status.on > p {color: #17bf98;} 
.my_num_status > span {font-size: 11px; color: #a9adb5; margin-left: 5px;} 
.my_num_status > div {background-image: url(../img/ico_refresh_g.png); width: 18px; height: 18px; background-size: contain; margin-left: 6px;} 
.my_cont_num {font-size: 13px; display: flex; width: 100%; justify-content: flex-end; padding-right: 18px; line-height: 1.31;} 
.my_cont_num p {margin-right: 5px; color: #818181;} 
.my_cont_num b {color: #222222; font-size: 15px;} 
.my_num_wrap {background-color: rgba(139, 139, 139, 0.25); width: 100%; position: relative; z-index: 100;} 
.my_num_wrap > .my_num_wrap_bg {width: calc(100% + 30px); height: 100%; background-color:rgba(220, 220, 220, 0.2); position: absolute; z-index: 1; left: -15px; align-items: center; justify-content: center; display: none;} 
.my_num_wrap_bg.show {display: flex;} 
.my_num_wrap_bg > span {color: #ffffff; font-size: 18px; text-shadow: 4px 2px #dedede;} 
.my_num_wrap_bg > i {background-image: url(../img/ico_arrow_small_t_right.png); width: 8px; height: 13px; background-size: contain; margin-left: 6px;} 
.my_cont_num > span.show {display: block;} 
.my_cont_num > span {display: none; margin-right: 10px; color: #ff684a;} 
.my_cont_num > span b {color: #ff684a;} 
.my_stat_con {height: 531px;} 
.account_indi_wrapper .account_total > div:first-child {border: unset;} 
.account_indi_wrapper .account_total > div p {flex-direction: unset;} 
.account_indi_wrapper .account_total > div p .at_tit {margin-bottom: 4px;} 

/* home 리뉴얼 2021-03-26 - css */
.account_day {display: flex; justify-content: flex-start; width: 100%;} 
.account_day span {font-size: 15px; color: #a9adb5;} 
.account_day span.on {font-weight: bold; color: #222222;} 
.account_day span:first-child {margin-right: 15px;} 
.account_indi_wrapper .account_box {height: 126px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);} 
.account_indi_wrapper {margin-bottom: 42px;} 
.my_tool {gap: 0;} 
.m_t_send {margin-right: 38px;} 
.my_cont_text span p:first-child {margin-bottom: 0;} 
.account_indi_wrapper .account_total {padding: 4.5px 15px 5px;} 
.account_indi_wrapper .account_total > div p {margin-top: 13px;} 
.account_indi_wrapper .account_total > div p:last-child {margin-top: 0px;} 
.my_stat_wrapper .my_stat_report {box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);} 
.popup_connect_ico_q {background-image: url(../img/connect_ico_q.png); width: 68px; height: 19px; background-size: contain; margin-right: 3px;} 

/* 배달앱 증빙 수정 */
.app_list_wrap .app_list_box .app_list.click {border: 2px solid #63e2c5; background-color: #baf9e1; box-shadow: unset;} 
.deli_certi .deli_check {font-size: 20px; text-align: center; color: #0090db; margin-top: 0; word-break: keep-all;} 

/* 카드매출 입금현황 수정 */
.tax_detail_mark1 {display: none;} 
.tax_detail_mark2 {display: none;} 
.tax_detail_mark3 {display: none;} 
.tax_detail_mark4 {display: none;} 
.tax_detail_mark5 {display: none;} 
.bank_mark span.mark1::before {content: "매입보류"; font-size: 12px; color: #007a7e; background-color: #c1f5f6; margin-right: 4px; padding: 2px 7px; border-radius: 10px;} 
.bank_mark span.mark2::before {content: "매입완료"; font-size: 12px; color: #ffffff; background-color: #0cadb2; margin-right: 4px; padding: 2px 7px; border-radius: 10px;} 
.bank_mark span.mark3::before {content: "입금보류"; font-size: 12px; color: #428221; background-color: #dff8d2; margin-right: 4px; padding: 2px 7px; border-radius: 10px;} 
.bank_mark span.mark4::before {content: "정산중"; font-size: 12px; color: #ffffff; background-color: #00ac77; margin-right: 4px; padding: 2px 12.5px; border-radius: 10px;} 
.bank_mark span.mark5::before {content: "확인필요"; font-size: 12px; color: #ffffff; background-color: #ff3d23; margin-right: 4px; padding: 2px 7px; border-radius: 10px;} 
.mark5 {font-size: 12px; color: #ffffff; background-color: #ff3d23; padding: 1px 7px 2px; border-radius: 10px;} 
.card_pay > span::before {content: ""; width: 13px; height: 13px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../img/ico_info_red.png); margin-right: 3px; margin-top: 3px;} 
.info_popup.waiting p {color: #222222; margin-bottom: 8px;} 
.info_popup.waiting strong {display: block; margin-bottom: 6px;} 
.connect_btn p {margin-bottom: 8px;} 
.info_popup.waiting p:last-child {margin-bottom: unset;} 

/* 간편송금 NB000 ~ */
.wrap.send {height: calc(100% - 50px); margin-top: unset;} 
.send_keypad {width: calc(100% + 30px); height: 247px; position: relative; background-image: url(../img/send_keypad.png); background-size: contain; margin-left: -15px; bottom: 0;} 
.wrap.send .send_insert {display: flex; justify-content: center; align-items: center; flex-direction: column; height: calc(100% - 323px); background-color: #fcfcfc; width: calc(100% + 30px); margin-left: -15px;} 
.wrap.send .send_insert > input {font-size: 23px; color: #c8c8c8; margin-bottom: 34px; text-align: center; border: unset; color: #000000; font-weight: bold; background-color: unset;} 
.wrap.send .send_insert > input::-webkit-input-placeholder {color: #c8c8c8;} 
.wrap.send .send_insert > span {font-size: 14px; color: #c8c8c8; word-break: keep-all;} 
.wrap.send .wrap_container {display: flex; flex-direction: column; height: calc(100% - 31px); position: relative;} 
.wrap.send .send_bottom {position: absolute; width: 100%; bottom: 0;} 
.send_transfer {height: 43px; background-color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-bottom: 12px; width: 100%;} 
.send_transfer.down::after {content: ""; width: 13px; height: 8px; background-size: contain; background-image: url(../img/ico_arrow_thin_g_down.png); position: absolute; right: 11px;} 
.send_transfer.up::after {content: ""; width: 13px; height: 8px; background-size: contain; background-image: url(../img/ico_arrow_thin_g_up.png); position: absolute; right: 11px;} 
.send_transfer > em {font-size: 15px; color: #a9adb5; margin-left: 26px;} 
.send_transfer .send_trans_from {display: flex; width: 100%; background-color: #fafafa; border-radius: 8px;} 
.send_transfer .send_trans_from > i.ico_logo_s_b9 {background-image: url(../img/ico_logo_s_b9.png); width: 20px; height: 20px; background-size: contain;} 
.send_select {display: flex; font-size: 14px; justify-content: space-between; padding: 11px 15px 3px; width: calc(100%); margin-left: -15px; border-top: 1px solid #e1e1e1;} 
.send_select > li {font-size: 14px; padding: 5px 7px; color: #848484; border-radius: 10px;} 
.send_select > li:active {background-color: #efefef; transition: 0.1s ease-in-out;} 
.wrap.send .send_trans_from span {color: #a9adb5; font-size: 13px; display: flex; padding: 12px 15px; width: 100%;} 
.wrap.send .send_trans_from span p {color: #818181; display: flex; width: 100%;} 
.wrap.send .send_input {font-size: 23px; margin-bottom: 0; position: relative; border: 0; text-align: center; font-weight: bold; background-color: unset;} 
.wrap.send .send_input > span {font-size: 26px;} 
.wrap.send .send_box_wrap {display: flex; align-items: center; position: relative; margin-bottom: 26px;} 
.wrap.send .bank_account_list i.enter::before {content: "기업"; border: 1px solid #0095ff; color: #0095ff; display: block; font-style: normal; font-size: 12px; padding: 0 7px; border-radius: 10px;} 
.wrap.send .bank_account_list i.indi::before {content: "개인"; border: 1px solid #17bf98; color: #17bf98; display: block; font-style: normal; font-size: 12px; padding: 0 7px; border-radius: 10px;} 
.wrap.send .bank_account_list i.plus::before {content: "추가"; border: 1px solid #25594d; color: #25594d; display: block; font-style: normal; font-size: 12px; padding: 0 7px; border-radius: 10px;} 
.send_bottom.account {height: calc(100% - 78.5px);} 
.wrap.send .send_insert.account {height: 81.5px;} 
.wrap.send .send_insert.account .send_input {margin-bottom: unset; font-size: 18px;} 
.wrap.send .send_insert > span {text-align: center;} 
.wrap.send .send_b_wrap {width: calc(100% + 30px); height: 100%; margin-left: -15px; padding-left: 25px;} 
.wrap.send .send_tab {width: 100%; display: flex; width: calc(100% + 30px);} 
.wrap.send .send_tab > li {padding: 10px 0; margin-right: 21px; position: relative;} 
.wrap.send .send_tab > li span {color: #a9adb5;} 
.wrap.send .send_tab li > span.on {font-weight: bold; color: #17bf98;} 
.wrap.send .send_tab li> span.on::after {content: ""; width: calc(100% + 7px); height: 5px; background-color: #17bf98; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);} 
.wrap.send .send_tab_list {border-top: 1px solid #c8c8c8; width: 100%; margin-left: -25px; height: calc(100% + 5px); overflow-y: auto;} 
.wrap.send .send_b_wrap .send_tab_list li {padding: 10px 23px;} 
.wrap.send .send_b_wrap .send_tab_list > li span {font-size: 15px; color :#000000;} 
.wrap.send .send_b_wrap .send_tab_list > li p {font-size: 15px; color :#a9adb5; font-size: 12px;} 
.send_tab_list li {display: flex; transition: 0s ease-in-out;} 
.send_tab_list li:active {background-color: #efefef; transition: 0.2s ease-in-out;} 
.wrap.send .send_b_wrap .send_tab_list li > i.bank {width: 20px; height: 20px; background-size: contain; margin-right: 6px; margin-top: 4px;} 
.send_tab_list > li > i.ico_lb003 {background-image: url('../img/ico_small_bank1.png') !important;} 
.send_tab_list > li > i.ico_lb004 {background-image: url('../img/ico_small_bank2.png');} 
.send_tab_list > li > i.ico_lb020 {background-image: url('../img/ico_small_bank3.png')} 
.send_tab_list > li > i.ico_lb088 {background-image: url('../img/ico_small_bank4.png') !important;} 
.send_tab_list > li > i.ico_lb081 {background-image: url('../img/ico_small_bank5.png') !important;} 
.send_tab_list > li > i.ico_lb011 {background-image: url('../img/ico_small_bank6.png') !important;} 
.send_tab_list > li > i.ico_lb023 {background-image: url('../img/ico_small_bank7.png') !important;} 
.send_tab_list > li > i.ico_lb027 {background-image: url('../img/ico_small_bank8.png') !important;} 
.send_tab_list > li > i.ico_lb002 {background-image: url('../img/ico_small_bank9.png') !important;} 
.send_tab_list > li > i.ico_lb071 {background-image: url('../img/ico_small_bank10.png') !important;} 
.send_tab_list > li > i.ico_lb032 {background-image: url('../img/ico_small_bank11.png') !important;} 
.send_tab_list > li > i.ico_lb045 {background-image: url('../img/ico_small_bank12.png') !important;} 
.send_tab_list > li > i.ico_lb034 {background-image: url('../img/ico_small_bank13.png') !important;} 
.send_tab_list > li > i.ico_lb007 {background-image: url('../img/ico_small_bank14.png') !important;} 
.send_tab_list > li > i.ico_lb031 {background-image: url('../img/ico_small_bank15.png') !important;} 
.send_tab_list > li > i.ico_lb039 {background-image: url('../img/ico_small_bank11.png') !important;} 
.send_tab_list > li > i.ico_lb035 {background-image: url('../img/ico_small_bank4.png') !important;} 
.send_tab_list > li > i.ico_lb037 {background-image: url('../img/ico_small_bank13.png') !important;} 
.send_tab_list > li > i.ico_lb089 {background-image: url('../img/ico_small_bank16.png') !important;} 
.send_tab_list > li > i.ico_lb090 {background-image: url('../img/ico_small_bank17.png') !important;} 
.send_tab_list > li > i.ico_lb050 {background-image: url('../img/ico_small_bank18.png') !important;} 
.send_tab_list > li > i.ico_lb048 {background-image: url('../img/ico_small_bank19.png') !important;} 
.send_tab_list > li > i.ico_lb055 {background-image: url('../img/ico_small_bank20.png') !important;} 
.send_tab_list > li > i.ico_lb064 {background-image: url('../img/ico_small_bank21.png') !important;} 
.send_tab_list > li > i.ico_lb060 {background-image: url('../img/ico_small_bank22.png') !important;} 
.send_tab_list > li > i.ico_lb054 {background-image: url('../img/ico_small_bank23.png') !important;} 
.send_tab_list > li > i.ico_lb061 {background-image: url('../img/ico_small_bank24.png') !important;} 
.send_tab_list > li > i.ico_lb057 {background-image: url('../img/ico_small_bank25.png') !important;} 
.send_tab_list > li > i.ico_lb067 {background-image: url('../img/ico_small_bank26.png') !important;} 
.send_tab_list > li > i.ico_lb062 {background-image: url('../img/ico_small_bank27.png') !important;} 
.send_tab_list > li > i.ico_lb063 {background-image: url('../img/ico_small_bank28.png') !important;} 
.send_tab_list > li > i.ico_lb005 {background-image: url('../img/ico_small_bank5.png') !important;} 
.send_tab_list > li > i.fav {width: 23px; height: 23px; background-size: contain; margin-right: 6px;} 
.send_tab_list > li > i.fav_on {background-image: url(../img/ico_mark_green.png);} 
.send_tab_list > li > i.fav_off {background-image: url(../img/ico_mark_gray.png);} 
.send_tab_list > .send_search {display: flex; align-items: flex-end; justify-content: space-between;} 
.send_tab_list > .send_search:active {background-color: #ffffff;} 
.send_tab_list > .send_search .send_search_input input {border: unset; font-size: 15px; padding: 5px 25px; border-bottom: 1px solid #c8c8c8;} 
.send_tab_list > .send_search .send_search_input {position: relative;} 
.send_tab_list > .send_search .send_search_input::before {content: ""; width: 19px; height: 19px; position: absolute; background-image: url(../img/btn_pl_search.png); background-position: center; background-repeat: no-repeat; background-size: contain; left:0; top: 50%; transform: translateY(-50%);} 
.send_tab_list > .send_search button {padding: 10px 13px; border: 2px solid #e8e8e8; border-radius: 8px; background-color: #fafafa; display: flex; align-items: center;} 
.send_tab_list > .send_search button i {background-size: contain; width: 16px; height: 16px; background-image: url(../img/ico_plus_b_g.png); margin-right: 8px;} 
.send_tab_list > .send_search button > p {font-size: 15px !important;} 
.send_insert.account > button {font-size: 15px; color: #e6e6e6; background-color: #f8f8f8; width: calc(100% - 30px); border: unset; align-items: center; justify-content: center; padding: 7.5px 0; border-radius: 10px; display: none; margin-top: 12px;} 
.send_insert.account > button > i {background-image: url(../img/m_t_send_g.png); width: 42px; height: 40px; background-size: contain; margin-right: 8px;} 
.send_insert.account.send_btn {height: 131px !important; width:calc(100% + 30px); background-color: unset;} 
.send_insert.account.send_btn button {display: flex;} 
.send_insert.account.send_btn button.on {background-color: #222222; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.16);} 
.send_insert.account.send_btn button.on p {color: #ffffff;} 
.send_insert.account.send_btn button.on i {background-color: #222222; background-image: url(../img/m_t_send_w.png);} 
.send_insert.account.send_btn + .send_bottom.account {height: calc(100% - 128px);} 
.send_insert.account.send_btn + .send_bottom .send_tab {display: none;} 
.send_insert.account.send_btn + .send_bottom.account .send_tab_list {border-top: unset;} 
.send_tab_list .send_recent:active {background-color: #ffffff;} 
.send_tab_list .send_recent span {color: #a9adb5 !important;} 
.wrap.send .plb_name {font-weight: normal; font-size: 16px;} 
.wrap.send .pl_bank_box span i {width: 20px; height: 20px;} 
.wrap.send .popup_toast_close {background-image: unset; width: unset; height: unset; font-size: 14px; color: #000000; margin-right: unset;} 
.wrap.send .popup_toast_head {padding: 0 0; position: relative;} 
.wrap.send .popup_toast.set_pd_aus {width: calc(100% - 60px) !important; padding: 12px 30px; width: unset;} 
.send_box_wrap > span {font-size: 26px; color: #000000; position: absolute; right: 11px;} 
.send_box_wrap.won::after {content: "원"; font-size: 26px; color: #000000;} 
.send_box_wrap > span.hide {display: none;} 
.wrap.send .send_input {margin-bottom: 0px !important; width:200px;} 
.wrap.send .send_reset {background-image: url(../img/btn_sch_del.png); width: 15px; height: 15px; background-size: contain; position: absolute; right: -20px; top:50%; transform: translateY(-50%);} 
.wrap.send .send_reset.hide {display: none;} 
.wrap.send .send_result .send_result_num {display: flex; align-items: center; font-size: 33px; color: #000000;} 
.wrap.send .send_result {display: flex; flex-direction: column; align-items: center; margin-top: 43px;} 
.wrap.send .send_result span {display: flex; margin-top: 9px;} 
.wrap.send .send_result span > p {margin-right: 3px;} 
.wrap.send .send_result span > em {margin-left: 3px; color: #00b981;} 
.wrap.send .send_result span > em.free {color: #00b981;} 
.wrap.send .send_result span > em.pay {color: #ff3d23;} 
.wrap.send .send_result .send_result_num em {font-size: 33px; font-weight: bold; color: #000000;} 
.wrap.send .send_info {display: flex; flex-direction: column; margin-top: 61px;} 
.wrap.send .send_info > div {display: flex; justify-content: space-between; margin-bottom: 10px; align-content: center; padding: 14px 15px; border-radius: 8px; background-color: #fafafa;} 
.wrap.send .send_info > div > div {display: flex; align-items: center;} 
.wrap.send .send_info .send_mark .send_mark_l > i {background-image: url(../img/send_mark.png); width: 25px; height: 25px; background-size: contain; margin-right: 6px;} 
.wrap.send .send_info .send_my_account .send_my_account_l > i {background-image: url(../img/send_my_account.png); width: 25px; height: 25px; background-size: contain; margin-right: 6px;} 
.wrap.send .send_info .send_mark_l p {font-size: 15px; color: #a9adb5;} 
.wrap.send .send_info .send_my_account_l p {font-size: 15px; color: #a9adb5;} 
.wrap.send .send_info .send_mark_r input {font-size: 16px; color: #222222; border: 0; background-color: unset; text-align: right; line-height: 1.2; max-width: 40vw;} 
.wrap.send .send_info .send_my_account_r input {font-size: 16px; color: #222222; border: 0; background-color: unset; text-align: right; line-height: 1.2; width: 120px;} 
.wrap.send .send_info .send_mark_r > i {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: contain; margin-left: 6px;} 
.wrap.send .send_info .send_my_account_r > i {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: contain; margin-left: 6px;} 
.wrap.send .send_alret {display: flex; font-size: 16px; flex-direction: column; align-items: center; position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); width: 100%;} 
.wrap.send .send_alret span {display: flex; color: #a9adb5; align-items: center;} 
.wrap.send .send_alret span > i {background-size: contain; width: 20px; height: 20px; margin-right: 6px;} 
.wrap.send .send_alret span > p {margin-right: 6px;} 
.wrap.send .popup_text .send_alret {display: flex; font-size: 16px; flex-direction: column; align-items: center; width: 100%; position: unset; transform: translateX(0); font-weight: normal;} 
.wrap.send .popup_text .send_alret span > p {font-size: 16px;} 
.wrap.send .popup_text .send_alret b {font-size: 20px;} 
.wrap.send .popup_text .send_alret b::after {content: "원"; font-weight: normal; font-size: 17px;} 
.wrap.send .popup_text .send_alret + span p {font-size: 16px; color: #a9adb5;} 
.wrap.send .send_alret span > i.ico_lb003 {background-image: url('../img/ico_small_bank1.png') !important;} 
.wrap.send .send_alret span > i.ico_lb004 {background-image: url('../img/ico_small_bank2.png');} 
.wrap.send .send_alret span > i.ico_lb020 {background-image: url('../img/ico_small_bank3.png')} 
.wrap.send .send_alret span > i.ico_lb088 {background-image: url('../img/ico_small_bank4.png') !important;} 
.wrap.send .send_alret span > i.ico_lb081 {background-image: url('../img/ico_small_bank5.png') !important;} 
.wrap.send .send_alret span > i.ico_lb011 {background-image: url('../img/ico_small_bank6.png') !important;} 
.wrap.send .send_alret span > i.ico_lb023 {background-image: url('../img/ico_small_bank7.png') !important;} 
.wrap.send .send_alret span > i.ico_lb027 {background-image: url('../img/ico_small_bank8.png') !important;} 
.wrap.send .send_alret span > i.ico_lb002 {background-image: url('../img/ico_small_bank9.png') !important;} 
.wrap.send .send_alret span > i.ico_lb071 {background-image: url('../img/ico_small_bank10.png') !important;} 
.wrap.send .send_alret span > i.ico_lb032 {background-image: url('../img/ico_small_bank11.png') !important;} 
.wrap.send .send_alret span > i.ico_lb045 {background-image: url('../img/ico_small_bank12.png') !important;} 
.wrap.send .send_alret span > i.ico_lb034 {background-image: url('../img/ico_small_bank13.png') !important;} 
.wrap.send .send_alret span > i.ico_lb007 {background-image: url('../img/ico_small_bank14.png') !important;} 
.wrap.send .send_alret span > i.ico_lb031 {background-image: url('../img/ico_small_bank15.png') !important;} 
.wrap.send .send_alret span > i.ico_lb039 {background-image: url('../img/ico_small_bank11.png') !important;} 
.wrap.send .send_alret span > i.ico_lb035 {background-image: url('../img/ico_small_bank4.png') !important;} 
.wrap.send .send_alret span > i.ico_lb037 {background-image: url('../img/ico_small_bank13.png') !important;} 
.wrap.send .send_alret span > i.ico_lb089 {background-image: url('../img/ico_small_bank16.png') !important;} 
.wrap.send .send_alret span > i.ico_lb090 {background-image: url('../img/ico_small_bank17.png') !important;} 
.wrap.send .send_alret span > i.ico_lb050 {background-image: url('../img/ico_small_bank18.png') !important;} 
.wrap.send .send_alret span > i.ico_lb048 {background-image: url('../img/ico_small_bank19.png') !important;} 
.wrap.send .send_alret span > i.ico_lb055 {background-image: url('../img/ico_small_bank20.png') !important;} 
.wrap.send .send_alret span > i.ico_lb064 {background-image: url('../img/ico_small_bank21.png') !important;} 
.wrap.send .send_alret span > i.ico_lb060 {background-image: url('../img/ico_small_bank22.png') !important;} 
.wrap.send .send_alret span > i.ico_lb054 {background-image: url('../img/ico_small_bank23.png') !important;} 
.wrap.send .send_alret span > i.ico_lb061 {background-image: url('../img/ico_small_bank24.png') !important;} 
.wrap.send .send_alret span > i.ico_lb057 {background-image: url('../img/ico_small_bank25.png') !important;} 
.wrap.send .send_alret span > i.ico_lb067 {background-image: url('../img/ico_small_bank26.png') !important;} 
.wrap.send .send_alret span > i.ico_lb062 {background-image: url('../img/ico_small_bank27.png') !important;} 
.wrap.send .send_alret span > i.ico_lb063 {background-image: url('../img/ico_small_bank28.png') !important;} 
.wrap.send .send_alret span > i.ico_lb005 {background-image: url('../img/ico_small_bank5.png') !important;} 
.wrap.send .send_display {width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 18px;} 
.wrap.send .send_display.fail {background-image: url(../img/r_fail.png);} 
.wrap.send .send_display.complete {background-image: url(../img/r_complete.png);} 
.wrap.send .send_display_wrap {display: flex; flex-direction: column; align-items: center; margin-top: 83px;} 
.wrap.send .send_display_wrap > span {text-align: center; margin-bottom: 45px; font-size: 23px; color: #ff684a;} 
.wrap.send .send_display_wrap > p {text-align: center; color: #ff684a; font-size: 15px; word-break: keep-all; padding: 0 40px;} 
.wrap.send .send_display_wrap_bt {display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 26px; width: 100%;} 
.wrap.send .send_display_wrap_bt > span {color: #0095ff; text-decoration: underline; font-size: 14px; margin-bottom: 26px;} 
.wrap.send .send_display_wrap_bt > p {color: #cfcfcf; font-size: 13px; text-align: center; padding: 0 40px;} 
.checkmark-circle.complete + span em {color: #17bf98; font-weight: bold; font-size: 28px;} 
.checkmark-circle.complete + span em::after {content: "원"; font-weight: normal;} 
.checkmark-circle.complete + span {color: #17bf98 !important; margin-bottom: 0 !important;} 
.send_display_wrap > span > p {font-size: 23px; letter-spacing: -0.92px;} 
.send_display_wrap_bt .send_c_wrap {display: flex; flex-direction: column; width: 100%;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto {padding: 10px 56px; border-radius: 15px; border: 1px solid #a9adb5; position: relative; margin-bottom: 16px;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto > b {font-size: 15px; color: #222222;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto > b::before {content: ""; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(../img/ico_menu_business.png); position: absolute; left: 15px; top:50%; transform: translateY(-50%);} 
.send_display_wrap_bt .send_c_wrap .send_c_auto.on >b::before {content: ""; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(../img/ico_menu_business_g.png); position: absolute; left: 15px; top:50%; transform: translateY(-50%);} 
.send_display_wrap_bt .send_c_wrap .send_c_auto.on {background-color: #baf9e1; color: #baf9e1; border: 0;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto.on >b {color: #12997a;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto.on >p {color: #12997a;} 
.send_display_wrap_bt .send_c_wrap .send_c_auto > p {font-size: 14px; color: #222222;} 
.send_display_wrap_bt .send_c_bottom {display: flex; justify-content: space-between;} 
.send_display_wrap_bt .send_c_bottom > div:first-child {background-color: #ffe812; border:0;} 
.send_display_wrap_bt .send_c_bottom > div {width: calc(50% - 5px); display: flex; align-items: center; justify-content: center; padding: 6.5px 0; border-radius: 15px; border: 1px solid #c8c8c8; background-color: #fafafa;} 
.send_display_wrap_bt .send_c_bottom > div > i {margin-right: 6px;} 
.send_display_wrap_bt .send_c_bottom .send_c_shar {text-align: center;} 
.send_display_wrap_bt .send_c_bottom .send_c_shar > i {background-image: url(../img/ico_send_c_shar.png); width: 25px; height: 25px; background-size: contain;} 
.send_display_wrap_bt .send_c_bottom .send_c_shar span {font-size: 15px; color: #222222 !important;} 
.send_display_wrap_bt .send_c_bottom .send_c_fees {text-align: center;} 
.send_display_wrap_bt .send_c_bottom .send_c_fees > i {background-image: url(../img/ico_send_c_fees.png); width: 25px; height: 25px; background-size: contain;} 
.send_display_wrap_bt .send_c_bottom .send_c_fees span {font-size: 13px; color: #a9adb5;} 
.wrap.send .send_manage {display: flex; flex-direction: column;} 
.wrap.send .send_manage .send_slogan {font-size: 12px; padding:0 18px; margin-top: 8px; text-align: center;} 
.wrap.send .send_manage .send_slogan em {color: #00b259;} 
.wrap.send .send_manage button {border: 1px solid #c8c8c8; border-radius: 8px; background-color: #fafafa; display: flex; justify-content: center; align-items: center; padding: 8.5px 0; margin-top: 26px;} 
.wrap.send .send_manage button > i {width: 25px; height: 25px; background-image: url(../img/send_mark.png); background-size: contain; margin-right: 8px;} 
.wrap.send .send_manage button > p {color:#a9adb5; font-size: 15px;} 
.wrap.send .send_manage_list .send_manage_cell {margin-top: 17px;} 
.wrap.send .send_manage_list .send_manage_cell:last-child {padding-bottom: 20px;} 
.send_manage_date {display: flex; justify-content: space-between; padding: 3px 0;} 
.wrap.send .send_manage_date p.up {color: #0095ff !important;} 
.wrap.send .send_manage_date p.down {color:#ff684a !important;} 
.send_manage_date span {display: flex; align-items: center; font-size: 13px; color: #000000;} 
.send_manage_date span > i {width: 18px; height: 18px; background-size: contain; margin-left: 8px; background-image: url(../img/ico_info_g.png);} 
.send_manage_date span > i.down {width: 12px; height: 8px; background-image: url(../img/ico_arrow_thin_g_down.png); background-size: contain;} 
.send_manage_date span > i.up {width: 12px; height: 8px; background-image: url(../img/ico_arrow_thin_g_up.png); background-size: contain;} 
.wrap.send .send_manage_list .send_manage_cell .send_manage_date span {position: relative;} 
.wrap.send .send_manage_list .send_manage_cell .send_manage_date span > i.info {width: 18px; height: 18px; background-image: url(../img/ico_info_g.png); background-size: 18px; margin-left: 0; padding: 6px; position: absolute; right: -44%; top: 50%; transform: translateY(-50%);} 
.wrap.send .send_manage_list .send_manage_cell .send_cont > span {font-size: 13px; color: #000000; padding: 8px 0; display: block;} 
.wrap.send .send_cont .send_cont_cell {padding: 12px 15px 12px 15px; border-radius: 8px; background-color: #fafafa; border: 1px solid #e1e1e1;} 
.wrap.send .send_manage_list .send_manage_cell .send_cont .send_cont_cell_t {display: flex; justify-content: space-between;} 
.wrap.send .send_manage_list .send_manage_cell .send_cont .send_cont_cell_t > b {color: #000000; font-size: 14px;} 
.wrap.send .send_manage_list .send_manage_cell .send_cont .send_cont_cell_b {display: flex; justify-content: space-between; margin-top: 5px;} 
.wrap.send .send_cont .send_cont_cell_t b.up {color: #0095ff !important;} 
.wrap.send .send_cont .send_cont_cell_t b.down {color: #ff684a !important;} 
.wrap.send .send_cont .send_cont_cell_t b:nth-child(2):after {content: "원"; color: #000000; font-weight: normal; margin-left: 1px;} 
.wrap.send .send_manage_list .send_manage_cell .send_cont .send_cont_cell_b > span {color: #a9adb5; font-size: 12px;} 
.wrap.send .send_cont_cell_b > span.send {display: flex;} 
.wrap.send .send_cont_cell_b > span.send::after {content: ""; width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../img/ico_account_shar.png); display: block; margin-left: 6px;} 
.wrap.send .send_manage_cell .send_cont_wrap {padding: 11px 0; border-top: 1px solid #e1e1e1; position: relative;} 
.wrap.send .send_manage_cell .send_cont_wrap > i {background-image: url(../img/send_pdf.png); width: 25px; height: 25px; background-size: contain; position: absolute; right: -28px; top: 50%; transform: translateY(-50%);} 
.wrap.send .send_manage_cell .send_cont_wrap::after {content: "";} 
.wrap.send .send_manage_cell .send_cont_wrap:first-child {padding-top: 0; border-top: 0;} 
.wrap.send .send_manage_cell .send_cont_wrap:last-child {padding-bottom: 0;} 
.wrap.send .send_check_bg {background-color: #f8f8f8; width: 100%; margin-left: -15px; padding: 15px 15px;} 
.wrap.send .send_check_bg .send_check_wrap {background-color: #ffffff; padding: 23px 17px;} 
.wrap.send .send_check_bg .send_check_list {display: flex; flex-direction: column; margin-top: 26px;} 
.wrap.send .send_check_bg .send_check_list:first-child {margin-top: 0;} 
.wrap.send .send_check_bg .send_check_list:nth-child(4) {margin-bottom: 15px;} 
.send_check_con {display: flex; justify-content: space-between;} 
.send_check_title {display: flex; justify-content: space-between; padding-bottom: 7.5px; flex-direction: column; border-bottom: 1px solid #c8c8c8; margin-bottom: 7.5px;} 
.wrap.send .send_check_bg .send_check_list b {font-size: 15px; color: #000000;} 
.wrap.send .send_check_bg .send_check_list li {display: flex; justify-content: space-between; margin-bottom: 4px;} 
.wrap.send .send_check_bg .send_check_list li b {display: flex; justify-content: space-between; font-size: 13px;} 
.wrap.send .send_check_bg .send_check_list li p {display: flex; justify-content: space-between; font-size: 13px; color: #000000;} 
.wrap.send .send_check_bg .send_check_wrap > span {font-size: 11px; line-height: 1.42; color: #ff684a; display: block; padding-top: 15px; border-top: 1px solid #c8c8c8; word-break: keep-all;} 
.wrap.send .send_check_bg .send_check_wrap .send_sign {display: flex; align-items: center; justify-content: center; margin-top: 16px;} 
.wrap.send .send_check_bg .send_check_wrap .nh_logo {width: 180px; height: 16px; background-image: url(../img/nh_bi.png); background-size: cover; margin-right: 12px;} 
.wrap.send .send_check_bg .send_check_wrap .ico_seal {width: 50px; height: 50px; background-image: url(../img/ico_seal.png); background-size: contain;} 
.wrap.complete_page .send_reg_com {display: flex; justify-content: center;} 
.wrap.complete_page .send_reg_com span {font-size: 28px; color: #1bd9ac;} 
.wrap_container.reg .checkmark-circle {width: 60px; height: 60px;} 
.wrap_container.reg .checkmark-circle .background {width: 60px; height: 60px;} 
.wrap.send .wrap_container.reg {align-items: center;} 
.wrap.send .popup_close_btn {background-position: center; padding: 10px; background-size: 15px; background-repeat: no-repeat;} 
.send_detail_con {display: flex; flex-direction: column; padding: 12px 15px; background-color: #fafafa; margin: 8px 0; border-radius: 8px;} 
.send_detail_con > b {color: #222222; font-size: 12px;} 
.send_detail_con > p {color: #828282; font-size: 12px; margin-top: 3px;} 
.send_date_top {border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;} 

/* 송금 실패 및 성공 아이콘 애니메이션 css */
.wrap.complete_page {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.checkmark-circle {width: 60px; height: 60px; position: relative; display: inline-block; vertical-align: top; margin-bottom: 18px;} 
.checkmark-circle .background {width: 60px; height: 60px; border-radius: 50%; background: #1bd9ac; position: absolute;} 
.checkmark-circle.fail .background {background-color: #ff3d3d;} 
.checkmark-circle .checkmark {border-radius: 5px;} 
.checkmark-circle .ex_mark {width: 7.5px; height: 0; background-color: #ffffff; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); border-radius: 2.5px; animation-name: ex_mark; -webkit-animation-duration: 1s; -webkit-animation-delay: 100ms; -webkit-animation-fill-mode: forwards;} 
.checkmark-circle .dot {width: 7.5px; height: 0; background-color: #ffffff; position: absolute; left: 50%; bottom: 20%; animation-name: dot; transform: translateX(-50%); -webkit-animation-duration: 0.5s; -webkit-animation-delay: 100ms; -webkit-animation-fill-mode: forwards;} 
.checkmark-circle .checkmark.draw:after {-webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: checkmark; -moz-animation-name: checkmark; animation-name: checkmark; -webkit-transform: scaleX(-1) rotate(135deg); -moz-transform: scaleX(-1) rotate(135deg); -ms-transform: scaleX(-1) rotate(135deg); -o-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; transition: 0.2s ease-in-out;} 
.checkmark-circle .checkmark:after {opacity: 1; height: 0; width: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-animation-name: mark; -moz-animation-name: mark; animation-name: mark; transform-origin: left top; border-right: 0 solid white; border-top: 0 solid white; border-radius: 2.5px !important; content: ""; left: 10px; top: 50%; position: absolute; transition: 0.2s ease-in-out;} 
.send_reg_complete {background-image: url(../img/send_reg_complete.svg); width: 240px; height: 301px; background-size: contain; margin-top: 6.68vw;} 

/* A211 - css */
.promo_content {display: flex; flex-direction: column; align-items: center; margin-top:8.18vw;} 
.promo_content > .promo_tit {text-align: center;} 
.promo_content > .promo_tit b {font-size: 26px;} 
.promo_content > .promo_tit .promo_tit_important {font-size: 15px; color: #ff684a; margin-top: 15px;} 
.promo_content > .promo_tit_after {text-align: center; text-align: left;} 
.promo_content > .promo_tit_after > span {font-size: 23px; color: #222222;} 
.promo_content > .promo_tit_after > p {font-size: 15px; margin-top: 6px;} 
.promo_content > .promo_card_tex {background-image: url(../img/card_tex.png); width: 200px; height: 200px; background-size: contain; margin: 8.125vw 0 9.375vw;} 
.promo_content .promo_txt {position: fixed; bottom: 21.87vw;} 
.promo_content .promo_txt p {color: #a9adb5; font-size: 15px; text-align: left; padding: 0 31px; display: flex; word-break: keep-all; margin-top: 12.5px;} 
.promo_content .promo_txt p::before {content: "ㆍ"; display: block; margin-right: 3px;} 
.promo_content .account_conncet {background-image: url(../img/account_connect.png); width: 330px; height: 100px; background-size: contain; margin-top: 15px;} 
.promo_content .account_conncet.collect {background-image: url(../img/account_connect_02.png);} 

/* 세모주치의 관리 G210 ~ 2021-05-18 수정 */
.wrap.phy {margin-top: 0;} 
.wrap.phy .semo_phy_wrap {width: calc(100% + 30px); margin-left: -15px; display: flex;} 
.wrap.phy .semo_con_phy {width: 100%; height: 100%; display: flex; justify-content: center;} 
.wrap.phy .semo_con_card {width: calc(100% - 30px); display: flex; flex-direction: column; justify-content: center; align-items: center;} 
.wrap.phy .semo_con_card_wrap {width: calc(100% - 44px); padding: 22px 21px; display: flex; flex-direction: column; box-shadow: 0 5px 10px 0 rgba(154, 154, 154, 0.25); border-radius: 6px; margin-top: 21px;} 
.wrap.phy .semo_con_card_wrap > span {font-size: 12px; color: #a9adb5;} 
.wrap.phy .semo_con_card_wrap > b {font-size: 17px; color: #222222; word-break: keep-all; width:60%; line-height: 1.2; margin-top: 4px;} 
.semo_con_card_wrap > div {display: flex; flex-direction: column; margin-top: 18px;} 
.semo_con_card_wrap > div > span {font-size:12px; text-align: right; margin-top: 40px;} 
.semo_con_card_wrap > div > span > em {color: #222222;} 
.semo_con_card_wrap > div > span > b {color: #222222; font-size:14px;} 
.semo_con_card_wrap > div > span > em:first-child {color: #17bf98; margin-right: 6.5px;} 
.semo_con_card_wrap > div > span > em:last-child {font-size: 14px;} 
.semo_con_card_wrap > div > span:last-child > em:last-child {text-decoration: underline;} 
.semo_phy_info > .semo_phy_info_cell {width: 100vw; margin-left: -15px;} 
.semo_phy_info > .semo_phy_info_cell > i {width: 100%; height: 100vw; background-size: cover;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_1 {background-image: url(../img/g_phy_1.png); height: 98.13vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_2 {background-image: url(../img/g_phy_2.png); height: 98.13vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_3 {background-image: url(../img/g_phy_3.png); height: 98.13vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_4 {background-image: url(../img/g_phy_4.png); height: 120vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_5 {background-image: url(../img/g_phy_5.png); height: 120vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_6 {background-image: url(../img/g_phy_6.png); height: 48.66vw;} 
.semo_phy_info > .semo_phy_info_cell > div.g_phy_6 {background-image: url(../img/g_phy_6.png); height: 48.66vw; transform: unset; position: unset; margin-bottom: 15px;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_7 {background-image: url(../img/g_phy_7.png); height: 100.2vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_8 {background-image: url(../img/g_phy_8.png); height: 137vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_9 {background-image: url(../img/g_phy_9.png); height: 145.6vw;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_10 {background-image: url(../img/g_phy_10.png); height: 81.06vw; position: relative; font-style: unset;} 
.semo_phy_info > .semo_phy_info_cell > i.g_phy_10::before {content: ""; width: calc(100% - 30px); height: 2px; background-color: #ffffff; position: absolute; left: 15px; z-index: 10;} 
.semo_phy_info_text {font-size: 13px; color:#ff3d23; padding: 16px 10px 18px; text-align: center; text-decoration: underline;} 
.semo_phy_info_text.cancel {color: #a9adb5;} 
.phy_feedback {font-size: 12px; color: #a9adb5; padding: 0 15px; word-break: keep-all; margin-top: 16px;} 
.semo_phy_select {width: calc(100% - 60px); padding: 10px 11px; left: 15px; bottom:-65px; border: 1px solid #a9adb5; border-radius: 7.5px; background-color: #ffffff; margin-left: 15px;} 
.semo_phy_select > span {color: #a9adb5; font-size: 16px;} 
.semo_phy_info_cell.last {background-color: #fafafa; padding-bottom: 20px;} 
.semo_phy_info_cell.last .semo_con_card {position: unset; height: 188px;} 
.semo_phy_info_cell.last .semo_phy_select {position: unset; transform: translateY(-190%); display: flex; align-items: center; justify-content: space-between;} 
.semo_phy_info_cell.last .semo_phy_select > i.down {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: cover;} 
.semo_phy_info_cell.last .semo_phy_select > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 7.5px; background-size: cover;} 
/* 증빙메뉴 title 삭제로 css 수정 2021-04-01 */
.condition_search_detail {padding: 10px 15px 15px;} 
.condition_search_detail_box {top: unset;} 
.semo_cont_top {display: flex; flex-direction: column; align-items: center;} 
.semo_cont_top > p {font-size: 20px; color: #222222; text-align: center; line-height: 1.2;} 
.semo_cont_top > p > b {font-size: 25px;} 
.semo_cont_top > span {margin-top: 21px; color: #222222; font-size: 15px; text-align: center;} 

/* 2021-04-02 css 프리미엄 서비스 가입관리 추가 */
.service_reg {width: calc(100% + 30px); height: 100%; margin-left: -15px; position: relative;} 
.service_reg .reg_bottom {color: #a5d0ff; position: absolute; bottom: 10px; font-size: 13px; left: 50%; width: 100%; transform: translateX(-50%); text-align: center;} 
.service_img {width: 100%; height: 100%; background-size: contain; background-position: top; background-repeat: no-repeat; background-color: #569fef;} 
.service_img01 {background-image: url(../img/service-011_1.png);} 
.service_img02 {background-image: url(../img/service-011_2.png);} 
.service_img03 {background-image: url(../img/service-011_3.png);} 
.wrap.service .certi_box {height: calc(100% + 17px);} 
.wrap.service .service_wrapper011 {width: 100vw; margin-left: -15px; display: flex; flex-direction: column;} 
.wrap.service .service_wrapper011 > li {width: 100%;} 
.wrap.service .service_wrapper011 > li > i {font-style: normal; display: flex; background-position: center; background-repeat: no-repeat;} 
.wrap.service .service_wrapper011 > li > i > div > p:first-child {display: flex; flex-direction: column; margin-bottom: 18px;} 
.wrap.service .service_wrapper011 > li > i > div > p span:first-child {color: #dca03f; font-size: 12px;} 
.wrap.service .service_wrapper011 > li > i > div > p span:last-child {color: #222222; font-size: 14px;} 
.wrap.service .service_wrapper011 .g_reg011_01 {width: 100%; height: 50.69vw; margin-top: 15px;} 
.wrap.service .service_wrapper011 .g_reg011_02 {width: 100%; height: 66.5px; margin: 15px 0;} 
.wrap.service .service_wrapper011 .g_reg011_03 {width: 100%; height: 187.8vw; position: relative; background-image: url(../img/g_reg011_03.png); background-size: contain; background-color: #569fef; padding-bottom: 80px; background-repeat: no-repeat; background-position: top;} 
.g_reg011_03 .donate_con {position: absolute; bottom: 41px;} 
.g_reg011_03 .donate_con p {font-size: 13px;} 
.wrap.service .service_wrapper011 .g_reg011_01 > i {background-image: url(../img/g_reg011_01.png); background-size: contain; width: 100%; height: 100%; display: flex; align-items: center;} 
.wrap.service .service_wrapper011 .g_reg011_01 > i >div {padding: 25px 39px;} 
.wrap.service .service_wrapper011 .g_reg011_02 > i {background-image: url(../img/g_reg011_02.svg); background-size: contain; width: 100%; height: 100%;} 
.service_alert {width: calc(100% + 30px); height: 61px; margin-left: -15px; background-color: #ff684a; display: flex; align-items: center; justify-content: center;} 
.service_alert p {font-size:18px; color: #ffffff;} 
.service_term {display: flex; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 17px;} 
.service_term > span {color: #a5d0ff; font-size: 14px; padding: 0 10px;} 

/* 2021-04-05 종소세 css 추가 */
.wrap.income {width: calc(100% - 20px); height: calc(100% - 10px); padding: 0 10px;} 
.wrap.income.intro {height: 100%; margin-top: 0;} 
.income_top {width: 100%;} 
.income_top .income_que {display: flex; align-items: center;} 
.income_top .income_que > p {color: #0095ff; font-size: 14px; text-decoration: underline; margin-left: auto;} 
.income_top .income_que > i {width: 18px; height: 18px; background-size: contain; background-image: url(../img/ico_info_g.png); margin-left: 5px;} 
.income_select-box {position: relative;} 
.income_top .income_year_wrap {display: flex; align-items: center; margin-left: 12px;} 
.income_year {color:#000; font-size: 0.937rem;} 
.income_year_select .income_year:not(:last-child) {margin-bottom: 7px;} 
.income_year_wrap .income_year {margin-right: 5px;} 
.income_top .income_year_wrap .ico_cont {background-image: url(../img/ico_dropdown02.svg); width: 2.222vw; height: 2.083vw;} 
.income_year_select {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); text-align: center; width: 73px; border-radius: 8px; position: absolute; background-color: #fff; padding: 10px 0; display: none;} 
.income_top .income_simple {margin-top: 17px;} 
.income_top .income_simple .income_collect {display: flex; flex-direction: column; text-align: center; color: #222222; padding: 15px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-top: 23px;} 
.income_top .income_simple .income_collect b {font-size: 18px; margin-bottom: 4px;} 
.income_top .income_simple .income_collect span {font-size: 11px; margin-bottom: 5px;} 
.income_top .income_simple .income_collect p {font-size: 11px;} 
.income_top .income_simple.collect .income_collect {display: flex; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 15px 0; margin-top: 23px;} 
.income_top .income_simple.collect .income_button {display: none;} 
.income_top .income_simple .income_collect > div {width: 100%; height: 90px; background-image: url(../img/ani_loading_page.gif); background-size: contain; margin-bottom:13px;} 
.income_top .income_simple.complete .income_button {display: none;} 
.income_top .income_simple .income_complete {display: flex; flex-direction: column; text-align: center; padding: 9px 0; width: 100%; margin-top: 17px; border: 1px solid #17bf98; border-radius: 10px;} 
.income_top .income_simple .income_complete > span {margin-top: 4px;} 
.income_top .income_phy {display: flex; justify-content: center; align-items: center; padding: 7.5px 0; border-radius: 15px; background-color: #f3f3f3;} 
.income_top .income_simple .income_complete b {color: #1bd9ac; font-size: 18px;} 
.income_top .income_simple .income_complete span {color: #1bd9ac; font-size: 11px;} 
.income_top .income_phy > span {font-size: 12px; color: #707070;} 
.income_top .income_phy > i {width: 20px; height: 20px; background-image: url(../img/ico_c_p.png); background-size: contain; margin-right: 4px;} 
.income_top .income_phy.on > i {width: 20px; height: 20px; background-image: url(../img/ico_c_p_g.png); background-size: contain; margin-right: 4px;} 
.income_top .income_phy.on > span {font-size: 12px; color: #000000;} 
.income_top .income_simple .income_button {margin-top: 17px;} 
.income_top .income_simple .income_button .income_trems_wrapper > button {background-color: #1bd9ac; border: 1px solid #17bf98; width: 100%; border-radius: 10px; padding: 15px 0 19px; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16);} 
.income_top .income_simple .income_button .income_trems_wrapper > button p {color: #ffffff; font-weight: bold; font-size: 18px;} 
.income_top .income_simple .income_button .income_trems_wrapper > button span {color: #ffffff; font-size: 11px;} 
.income_list:last-child {padding-bottom: 18px;} 
.income_list .income_list_title {color: #000000; font-weight: bold; font-size: 14px; margin-top: 26px; display: flex; align-items: center; justify-content: space-between; padding: 8px 0 5px; border-bottom: 1px solid #818181;} 
.income_list_title div> i {background-image: url(../img/ico_info_g.png); width: 19px; height: 19px; background-size: contain; margin-left: 5px;} 
.income_list_title > div {display: flex;} 
.income_list_title > p {display: flex; align-items: center; padding-right: 8px;} 
.income_list_title > p > span {margin-right: 8px; color: #a9adb5; font-weight: normal;} 
.income_list_title > p > i {background-image: url(../img/btn_slt_bx.png); width: 11px; height: 7px; background-size: contain;} 
.income_list_title > p > i.up {background-image: url(../img/btn_slt_bx_on.png); width: 11px; height: 7px; background-size: contain;} 
.income_list .income_list_wrap {width: 100%; position: relative; margin-top:16px; display: none;} 
.income_list .income_list_wrap li {width: calc(100% - 30px); color: #a9adb5; font-size: 14px; display: flex; justify-content: space-between; padding: 12px 10px 22px 15px; border: 1px solid #d8d8d8; background-color: #ffffff; border-radius: 10px 10px 0 0; flex-direction: column; position: relative;} 
.income_list .income_list_wrap li.on {color: #222222;} 
.income_list .income_list_wrap li.on > div > span:last-child {color: #17bf98; display: flex; align-items: center;} 
.income_list .income_list_wrap li.on > div > span:last-child::before {content: ""; width: 15px; height: 15px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/check_green.png); margin-right: 6px;} 
.income_list .income_list_wrap li.off span p {color: #a9adb5;} 
.income_list .income_list_wrap li.off span:last-child p {color: #ff3d23;} 
.income_list .income_list_wrap li.off > div > span:last-child::before {content: ""; width: 15px; height: 15px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/delete_red.png); margin-right: 5px;} 
.income_list .income_list_wrap li:not(:first-child) {margin-top: -10px;} 
.income_list .income_list_wrap li:last-child {border-radius: 10px; padding: 12px 10px 12px 15px;} 
.income_list .income_list_wrap li span:last-child {display: flex; align-items: center;} 
.income_list .income_list_wrap li span i.down {width: 11px; height: 7px; background-size: contain; background-image: url(../img/btn_slt_bx.png); margin-left: 9px; position: relative;} 
.income_list .income_list_wrap li span i.up {width: 11px; height: 7px; background-size: contain; background-image: url(../img/btn_slt_bx_on.png); margin-left: 9px; position: relative;} 
.income_list .income_list_wrap li.open > ul {display: flex;} 
.income_list .income_list_wrap li.open {padding: 12px 10px 14px 15px;} 
.income_list .income_list_wrap li.active {background-color: #63e2c5; color: #ffffff; padding: 12px 10px 0 15px;} 
.income_list .income_list_wrap li.error {background-color: #ff3d23;} 
.income_list .income_list_wrap li.active > div > span > p {color: #ffffff;} 
.income_list .income_list_wrap li.on.active > div > span:last-child::before {background-image: url(../img/check_w.png); width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.income_list .income_list_wrap li.off.error > div > span:last-child::before {background-image: url(../img/ico_close.png); width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
.income_list .income_list_wrap li.off.error span p {color: #ffffff;} 
.income_list .income_list_wrap li span i.chevy {background-image: unset;} 
.income_list .income_list_wrap li span i.chevy::after {content: "▶"; font-style: normal; background-image: unset; right: 0; top: 50%; transform: translateY(-50%); margin-left: 9px;} 
.income_list .income_list_wrap li > ul {display: flex; width: calc(100% + 25px); margin-left: -15px; display: none;} 
.income_list .income_list_wrap li > ul > li {border: 0; display: flex; flex-direction: unset; padding: 12px 15px 12px 15px !important; color: #a9adb5;} 
.income_list .income_list_wrap li .income_cont_wrap {display: flex; justify-content: space-between;} 
.income_active_con {width:calc(100% - 5px); margin-top: 12px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; margin-left: -16px; padding:0 14px 12px; background-color: #ffffff; border-bottom: 1px solid #d8d8d8; position: relative;} 
.income_active_wrap {width:100%; color: #222222; display: flex; align-items: flex-start; justify-content: space-between; padding: 13px 0 12px; border-top: 1px solid #c8c8c8;} 
.income_active_wrap.error {color: #ff3d23;} 
.income_active_wrap.error > p {right: 0; color: #ff3d23; text-decoration: none;} 
.income_active_wrap.error > p::after {content: "";} 
.income_active_wrap.error > span em {display: flex; flex-direction: column;} 
.income_active_wrap:first-child {border-top: 0;} 
.income_homtax {display: none;} 
.income_active_wrap.error .income_homtax {position: unset; display: flex; color: #0095ff; text-decoration: underline; font-size: 12px; margin-top: 13px;} 
.income_active_wrap.error .income_homtax > span {text-decoration: underline !important; position:relative;} 
.income_active_wrap.error .income_homtax > span::after {content: "▶"; position: absolute; right: -15px;} 
.income_active_wrap.error .income_error_text {display: block;} 
.income_card .income_error_text {display: block;} 
.income_active_wrap:not(:first-child) {border-top: 1px solid #c8c8c8;} 
.income_active_wrap em {font-size: 12px; color: #a9adb5;} 
.income_active_wrap > p {font-size: 13px; color: #0095ff; text-decoration: underline; margin-right: 15px; position: absolute; right: 15px;} 
.income_active_wrap > p::after {content: " ▶"; position: absolute; right: -15px;} 
.income_active_wrap > div > p {font-size:13px;} 
.income_active_bottom {width:100%; margin-left: -15px; display: flex; justify-content: center; padding: 0 15px;} 
.income_active_bottom span > p > em {color: #a9adb5; font-size: 12px;} 
.income_active_bottom button {width: 100%; border: 1px solid #c8c8c8; background-color: #fafafa; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; padding: 0 0;} 
.income_active_bottom button > p {flex: 1; padding: 10px 0;} 
.income_active_bottom button > p:last-child {display: flex; justify-content: center;} 
.icome_re > i {background-image: url(../img/my_refresh.png); width: 25px; height: 25px; background-size: contain; margin-left: 5px;} 
.icome_shoot > i {background-image: url(../img/ico_camera2.png); width: 25px; height: 21.5px; background-size: contain; margin-left: 5px;} 
.income_active_bottom button span {color: #222222; font-size: 16px; text-align: center; justify-content: center;} 
.income_active_bottom button > i {background-image: url(../img/my_refresh.png); width: 25px; height: 25px; background-size: contain; margin-left: 5px;} 
.income_list .income_list_wrap li.active {border-bottom: 0;} 
.income_list .income_list_wrap li.error {border-bottom: 0;} 
.income_active_bottom button > .icome_search {border-right: 1px solid #c8c8c8;} 
.income_active_bottom button > .icome_search span {font-size: 15px;} 
.income_card {display: flex; justify-content: space-between; margin-bottom: 8px; align-items: center; padding: 10px 10px; background-color: #fafafa;} 
.income_card > span {color: #222222; font-size: 13px;} 
.income_card > .income_on_off > p {color: #0095ff !important; text-decoration: underline; margin-right: 5px;} 
.income_on_off {display: flex; align-items: center;} 
.income_on_off div.onoffBox > div label.onoffCheck {width: 55px; height: 25px;} 
.income_card_detail .income_card_detail_wrap {display: flex; justify-content: space-between; margin-bottom: 3px;} 
.income_card_detail .income_card_detail_wrap:last-child {margin-bottom: 18px;} 
.income_card_detail .income_card_detail_wrap > span {color: #818181; font-size: 13px;} 
.income_card_date .income_list_control {display: flex; justify-content: center; align-items: center; padding: 4px 0 7px;} 
.income_card_date .income_list_control p {color: #818181; font-size: 12px;} 
.income_card_date .income_list_control i.down {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 8px; background-size: contain; margin-left: 7px;} 
.income_card_date .income_list_control i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 8px; background-size: contain; margin-left: 7px;} 
.income_card_date .income_card_detail_wrap {display: none; justify-content: space-between; margin-bottom: 4px;} 
.income_card_date .income_card_detail_wrap > span {color: #222222; font-size: 13px;} 
.income_active_wrap.error + .income_error_text {display: block; margin-top: 0; color: #ff3d23;} 
.income_active_wrap.error ~ .income_homtax {display: block; color: #0095ff; font-size: 12px; margin:13px 0;} 
.income_active_wrap.error ~ .income_homtax span {display: unset !important; color: #0095ff;} 
.income_active_wrap.error ~ .income_homtax span {position: relative;} 
.income_active_wrap.error ~ .income_homtax span::after {content: "▶"; color: #0095ff; font-size: 12px; position: absolute; right: -15px; top:50%; transform: translateY(-50%);} 
.income_card_date.open {padding-bottom: 13px;} 
.income_card_date.open .income_card_detail_wrap {display: flex;} 
.income_card_date {border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-bottom: 13px;} 
.income_card.error {font-size: 13px; color: #ff3d23; display: flex;} 
.income_error_text {font-size: 13px; margin-top: 11px; display: none;} 
.income_card.error ~ .income_homtax {display: flex;} 
.income_card.error ~ .income_homtax span {color: #0095ff; text-decoration: underline; font-size: 12px; position: relative; margin-bottom: 18px;} 
.income_card.error ~ .income_homtax span::after {content: "▶"; color: #0095ff; font-size: 12px; position: absolute; right: -15px;} 
.income_card.error ~ .income_card_detail {display: none;} 
.income_card.error ~ .income_error_text {display: block; color:#ff3d23; margin-bottom: 13px;} 
.income_card.error .income_on_off {display: none !important;} 
.income_card.error .income_fail {display: block; color: #ff3d23; font-size:13px;} 
.income_fail {display: none;} 

/* 2021-04-12 종소세 css 수정 */
.income_list .income_list_wrap li {border: 0;} 
.income_list_wrap li {padding: 0 0 0 0 !important;} 
.income_list .income_list_wrap li .income_cont_wrap {padding: 13px 14px 23px; width: 100%; border: 1px solid #d8d8d8; border-radius: 10px 10px 0 0; background-color: #ffffff;} 
.income_list .income_list_wrap li:last-child .income_cont_wrap {padding: 13px 13px 13px 15px; border-radius: 10px;} 
.income_list .income_list_wrap li.active:last-child .income_cont_wrap {padding: 13px 14px 13px; border-radius: 10px 10px 0 0;} 
.income_list .income_list_wrap li.active .income_cont_wrap {background-color:#1bd9ac; color: #ffffff; padding-bottom: 13px;} 
.income_active_con {margin-top: 0; margin-left: 0; width: 100%; display: none;} 
.income_active_con.error .income_active_wrap {display: none;} 
.income_active_con.error .income_card_detail {display: none;} 
.income_active_con.error .income_error_text {display: block; color: #ff3d23; margin-bottom: 13px;} 
.income_active_con .income_card_wrap > span > p {color: #222222;} 
.income_list .income_list_wrap li.active .income_active_con {display:block;} 
.income_list .income_list_wrap li.error .income_cont_wrap {background-color: #ff3d23;} 
.income_list .income_list_wrap li.off.error .income_cont_wrap {padding: 13px 14px 13px; border-radius: 10px 10px 0 0;} 
.income_list .income_list_wrap li.active span i.down {background-image: url(../img/btn_arr_down_w.png);} 
.income_list .income_list_wrap li.active span i.up {background-image: url(../img/btn_arr_up_w.png);} 
.income_list .income_list_wrap li.error span i.down {background-image: url(../img/btn_arr_down_w.png);} 
.income_list .income_list_wrap li.error span i.up {background-image: url(../img/btn_arr_up_w.png);} 
.income_card_wrap:not(:nth-child(1)) .income_active_wrap {border-top: 1px solid #c8c8c8;} 
.income_list .income_list_wrap li.error > .income_active_con {display: block;} 
.income_active_wrap > span {width: 65%;} 
.income_active_wrap > span:first-child > p {color: #222222 !important; word-break: keep-all;} 
.wrap.income .wrap_container {display: flex; flex-direction: column;} 
.wrap.income .send_display_wrap {display: flex; flex-direction: column; align-items: center;} 
.wrap.income .income_success_title {font-size: 20px; text-align: center;} 
.income_text span > p::after {content: "ㆍㆍㆍ"; letter-spacing: -10.6px;} 
.wrap.income .income_text {margin-top: 41px; display: flex; flex-direction: column; text-align: center; font-size: 15px; padding: 0 35px;} 
/* 2021-04-29 종소세 완료페이지 중앙정렬 */
.wrap.income .income_text > span {word-break: keep-all; margin-top: 20px; font-size: 18px; letter-spacing: -0.68px; color: #222222;} 
.wrap.income .income_text > span b {color: #222222;} 
.wrap.income .income_text > span:last-child {font-size: 15px;} 
.wrap.income .income_text b {margin-top: 20px;} 
.income_trems_info {display: flex; flex-direction: column; justify-content: flex-start;} 
.income_trems_info > b {font-size: 14px; color: #c8c8c8; margin-top: 10px;} 
.income_trems_info > p {font-size: 12px; color: #c8c8c8; margin-top: 2.5px;} 

/* 2021-04-20 종소세 인트로 css */
.wrap_income_intro {width: calc(100% + 50px); height: 100%; margin-left: -25px; background-image: linear-gradient(179deg, #1a66ba 0%, #438edf 66%, #63adfc 100%); position: relative; display: flex; flex-direction: column; justify-content: space-between;} 
.wrap_income_intro::after {content: ""; width: 100%; height: 100%; background-image: url(../img/income_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; left: 0; top: 0; position: absolute;} 
.wrap_income_intro .income_exit_icon {background-image: url(../img/income_exit_icon_w.png); width: 30px; height: 30px; background-size: cover; position: absolute; right: 16px; top: 20px;} 
.wrap.intro .wrap_intro_title {width: 100%; display: flex; justify-content: center; padding-top: 26px; flex-direction: column; align-items: center;} 
.wrap.intro .wrap_intro_title i {width: 53.61vw; height: 4.60vh; background-image: url(../img/income_1.png); background-size: contain;} 
.wrap.intro .wrap_intro_title span {color: #ffffff; font-size: 20px; margin-top: 7px;} 
.wrap.intro .wrap_intro_title span p {letter-spacing: -0.8px;} 
.wrap.intro .wrap_intro_title span b {letter-spacing: -0.8px;} 
.wrap.intro .income_intro_text {width: 100%; display: flex; justify-content: center; z-index: 2;} 
.wrap.intro .income_intro_text i {width: 88.33vw; height: 74.13vh; background-image: url(../img/income_2.png); background-size: cover; background-repeat: no-repeat; background-position: top !important;} 
.wrap_income_intro .income_intro_button {width: 90.41vw; height: 8.532vh; background-image: url(../img/income_3.png); background-size: contain; position: fixed; bottom: 13px; z-index: 3; left:50%; transform: translateX(-50%);} 
.wrap_income_intro .income_wrap_sec1 {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.wrap_income_intro .income_wrap_sec2 {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.wrap_income_intro .income_wrap_sec3 {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.wrap_income_intro .income_wrap_sec4 {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.wrap_income_intro .income_wrap_sec1 span {display: flex; color: #ffffff; flex-direction: column; text-align: center; font-size: 18px;} 
.wrap_income_intro .income_wrap_sec2 span {display: flex; color: #ffffff; flex-direction: column; text-align: center; font-size: 18px;} 
.wrap_income_intro .income_wrap_sec3 span {display: flex; color: #ffffff; flex-direction: column; text-align: center; font-size: 18px;} 
.wrap_income_intro .income_wrap_sec4 span {display: flex; color: #ffffff; flex-direction: column; text-align: center; font-size: 18px;} 
.wrap_income_intro .income_wrap_sec1 .income_sec1_img1 {width: 59.33vw; height: 110.72vw; background-image: url(../img/income_sec1_img1.png); background-position: left !important; background-size: cover; margin-top: 26px;} 
.wrap_income_intro .income_wrap_sec2 .income_sec2_img1 {width: 59.33vw; height: 110.72vw; background-image: url(../img/income_sec2_img1.png); background-position: left !important; background-size: cover; margin-top: 26px;} 
.wrap_income_intro .income_wrap_sec3 .income_sec3_img1 {width: 59.33vw; height: 110.72vw; background-image: url(../img/income_sec3_img1.png); background-position: left !important; background-size: cover; margin-top: 26px;} 
.wrap_income_intro .income_wrap_sec4 .income_sec4_img1 {width: 59.33vw; height: 110.72vw; background-image: url(../img/income_sec4_img1.png); background-position: left !important; background-size: cover; margin-top: 26px;} 
.income_content_slider {height: 100%;} 

/* 2021-04-22 종소세 약관 동의 css */
.income_consent_img {background-image: url(../img/income_consent_img.png); width: calc(100% + 30px); height: 35.70vh; margin-left: -15px; background-size: contain;} 
.income_consent_title {display: flex; flex-direction: column; margin-top: 26px;} 
.income_consent_title b {font-size: 20px; color: #000000;} 
.income_consent_title span {font-size: 15px; color: #a9adb5; word-break: keep-all; margin-top: 8px;} 
.income_trems_wrapper .income_consent_title {margin-bottom: 12px;} 
.income_consent_button {margin-top: 21px; display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; background-color: #ffffff; border: 1px solid #c8c8c8; border-radius: 8px; position: relative;} 
.income_consent_button.active {background-color: #baf9e1; border: 1px solid #baf9e1;} 
.income_consent_button.active .income_consent_button_left {color: #12997a;} 
.income_consent_button.active .income_consent_button_left > i {background-image: url(../img/btn_check_normal_on.png);} 
.income_consent_button.active .income_consent_button_left > span {color: #12997a;} 
.income_consent_button_left {display: flex; align-items: center;} 
.income_consent_button_left > i {background-image: url(../img/income_consent_button_off.png); width: 24px; height: 24px; background-size: contain;} 
.income_consent_button_left > span {font-size: 15px; color: #222222; margin-left: 8px;} 
.income_consent_button_right > i {background-image: url(../img/ico_arrow_small_b_right.png); width: 6px; height: 10px; background-size: 6px; position: absolute; padding: 15px; right: 0; top: 50%; transform: translateY(-50%);} 
.income_kakao_share_wrap {width: calc(100% - 0px); padding: 28px 25px 27px; margin-left: -25px; display: flex; flex-direction: column; align-items: center; background-color: #fafafa; margin-top: 26px;} 
.income_kakao_share_wrap > i {background-image: url(../img/income_share_com.png); width: 160px; height: 123px; background-size: contain;} 
.income_kakao_share_wrap > p {font-size: 15px; color: #222222; text-align: center; margin-top: 26.5px; word-break: keep-all;} 
.income_kakao_share_wrap > span {font-size: 11px; color: #888888; margin-top: 21px;} 
.income_kakao_button {width: 100%; display: flex; justify-content: center; align-items: center; padding: 13px 0; border: 1px solid #c8c8c8; border-radius: 30px; margin-top: 11px; background-color: #ffffff;} 
.income_kakao_button > i {background-image: url(../img/ico_account_shar.png); width: 25px; height: 25px; background-size: contain; margin-right: 10px;} 
.income_kakao_button > span {font-size: 16px; color: #222222;} 
.income_dash_board {width: calc(100% - 2px); height: 84px; border-radius: 10px; border: 1px solid #c8c8c8; margin-top: 13px; display: flex; overflow: hidden;} 
.income_dash_board > li {display: flex; flex-direction: column; flex: 1;} 
.income_dash_board > li:nth-child(2) {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;} 
.income_dash_board > li > span {height: 50%; background-color: #fafafa; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #222222;} 
.income_dash_board > li > p {height: 50%; border-top: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; color: #a9adb5; font-weight: normal; font-size: 14px;} 
.income_dash_board > li > p.on {font-weight: bold; color: #000000; font-size: 18px;} 

/* 2021-04-27 세모주치의 관리 수정 */
.wrap_phy_connect {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.wrap_phy_connect .phy_more_img1 {background-image: url(../img/img_more_middle_human_3.png); width: 43.88vw; height: 12.65vh; background-size: contain;} 
.wrap_phy_connect .phy_connect_title {text-align: center; color: #222222; margin-top: 9px; letter-spacing: -1px;} 
.wrap_phy_connect .phy_connect_title p {font-size: 20px;} 
.wrap_phy_connect .phy_connect_title b {font-size: 25px;} 
.wrap_phy_connect > p {text-align: center; margin-top: 21px; font-size: 15px; color: #222222;} 
.phy_id_card {width: calc(100% - 32px); display: flex; flex-direction: column; padding: 17px 16px; border: 1px solid #ebebeb; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.28); margin-top: 30px;} 
.phy_id_card > span {font-size: 12px; color: #a9adb5;} 
.phy_id_card > b {font-size: 17px; color: #222222; word-break: keep-all; width: 50%; margin-top: 4px;} 
.phy_id_card > p {text-align: right; margin-top: 40px;} 
.phy_id_card > p > span {color: #17bf98; font-size: 12px;} 
.phy_id_card > p > b {color: #222222; font-size: 14px;} 
.care_sec1_title {text-align: center; display: block;} 
.care_sec1_title p {font-size: 20px; color: #222222; letter-spacing: -1px;} 
.care_sec1_title b {font-size: 25px; color: #222222; letter-spacing: -1px;} 
.wrap_phy_care .phy_id_card {margin-top: 26px;} 
.wrap_phy_care .phy_care_sec1 {width: calc(100% - 18px); margin-left: -15px; padding: 25px 33px 25px 15px; display: flex; flex-direction: column; background-color: #fafafa;} 
.wrap_phy_care .phy_id_card + .phy_care_sec1 {margin-top: 26px;} 
.wrap_phy_care .phy_care_sec1 > div {display: flex; align-items: center;} 
.wrap_phy_care .phy_care_sec1 > div:not(:first-child) {margin-top: 16px;} 
.wrap_phy_care .phy_care_sec1 > div > p {font-size: 13px; color:#222222; word-break: keep-all; margin-left: 6px;} 
.wrap_phy_care .phy_care_sec1 > div > i {width: 66px; height: 66px; background-size: contain; min-width: 66px;} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img1 {background-image: url(../img/member_reg_img_1.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img2 {background-image: url(../img/member_reg_img_2.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img3 {background-image: url(../img/member_reg_img_3.png);} 
.wrap_phy_care .phy_care_sec2 {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 15px;} 
.wrap_phy_care .phy_care_sec2 > em {font-size:13px; color: #222222; text-align: center; word-break: keep-all; margin-top: 11px;} 
.wrap_phy_care .phy_care_sec2 > i {width: 70px; height: 70px; background-size: contain; background-image: url(../img/phy_sec4_img_3.png);} 
.wrap_phy_care .phy_care_sec2 .care_sec2_title {text-align: center;} 
.wrap_phy_care .phy_care_sec2 .care_sec2_title b {font-size: 25px; color: #222222; margin-top: 5px; display: block;} 
.wrap_phy_care .phy_care_sec2 .care_sec2_title > p {font-size: 12px; color: #000000; margin-top: 2px; display: inline-block;} 
.wrap_phy_care .phy_care_sec2 .care_sec2_title > span {font-size: 20px; color: #222222; margin-top: 11px; display: block;} 
.wrap_phy_care .phy_care_sec2 > p {color: #222222; font-size: 13px; text-align: center; margin-top: 11px; word-break: keep-all; display: none;} 
.care_aside_box {display: flex; margin-top: 17px; width: 100%;} 
.care_aside_box > div {border-radius: 7px; text-align: center; display: flex; flex-direction: column; align-items: center; width: 100%;} 
.care_aside_box > div > span {color: #ffffff; font-size: 14px; margin-top: 4px; padding-bottom: 1px; border-bottom: 1px solid #ffffff;} 
.care_aside_box > div > p {color: #ffffff; font-size: 11px; margin-top: 5px;} 
.care_aside_box > div > b {color: #ffffff; font-size: 11px;} 
.care_aside_box .care_aside_box_l > i {background-image: url(../img/phy_sec4_img_4.png); width: calc(100% - 60px); height: 213px; background-size: cover; padding: 0 15px;} 
.phy_care_info {margin-top: 8.5px; font-size: 11px; color: #1285de; word-break: keep-all;} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img4 {background-image: url(../img/member_reg_img_2.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img5 {background-image: url(../img/member_reg_img_1.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img6 {background-image: url(../img/member_reg_img_3.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img7 {background-image: url(../img/member_reg_img_7.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img8 {background-image: url(../img/member_reg_img_6.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img9 {background-image: url(../img/care_sec1_img9.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec1_img10 {background-image: url(../img/care_sec1_img10.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.care_sec2_img2 {background-image: url(../img/care_sec2_img2.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_1 {background-image: url(../img/member_reg_img_1.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_2 {background-image: url(../img/member_reg_img_2.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_3 {background-image: url(../img/member_reg_img_3.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_4 {background-image: url(../img/member_reg_img_4.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_5 {background-image: url(../img/member_reg_img_5.png);} 
.wrap_phy_care .phy_care_sec1 > div > i.member_reg_img_6 {background-image: url(../img/member_reg_img_6.png);} 
.phy_select_box {width: calc(100% - 30px); padding: 10px 11px; border: 1px solid #a9adb5; border-radius: 7.5px; margin: 21px 0; display: flex; align-items: center; justify-content: space-between;} 
.phy_select_box > span {font-size: 16px; color: #a9adb5;} 
.phy_select_box > i.down {background-image: url(../img/btn_arr_down_b.png); width:12px; height: 7.5px; background-size: contain;} 
.phy_select_box > i.up {background-image: url(../img/btn_arr_up_b.png); width:12px; height: 7.5px; background-size: contain;} 
/* 2021-04-29 더보기 페이지 리뉴얼 */
.more_wrap .more_title {font-size: 18px; color: #000000; letter-spacing: -0.72px; padding-top: 8px;} 
.more_list_wrapper {width: 100%; display: flex; flex-direction: column; justify-content: space-between;} 
.more_list {padding: 7px 0; background-color: #fafafa; width: calc(100% + 30px); margin-left:-15px; margin-top: 16px; margin-bottom: 96.5px;} 
.more_list > li {margin:7px 0; padding: 16px 15px; background-color: #ffffff; position: relative;} 
.more_list > li:first-child {margin-top: 0;} 
.more_list > li:last-child {margin-bottom: 0;} 
.more_list > li > span {font-size: 16px; color: #000000; display: flex; font-weight: bold; position: relative; width: fit-content;} 
.more_list > li > span.new {font-weight: bold;} 
.more_list > li > span.new::after, .more_list > li > span.beta::after {content: "NEW"; font-size: 10px; color: #ffffff; background-color: #f24e3b; padding: 1px 5px 2px; /* margin-left: 6px; */ border-radius: 15px; font-weight: normal; position: absolute; right: -38px; top: 50%; transform: translateY(-50%);} 
.more_list > li > span.beta::after {content: "BETA"; font-size: 10px; color: #ffffff; background-color: #f24e3b; padding: 1px 5px 2px; /* margin-left: 6px; */ border-radius: 15px; font-weight: normal; position: absolute; right: -38px; top: 50%; transform: translateY(-50%);} 
.more_list > li > p {font-size: 14px; color: #a9adb5; display: block; width: 80%; word-break: keep-all; margin-top:6px;} 
.more_list > li > em {font-size:12px; display: flex; margin-top: 6px;} 
.more_list > li > em > p {font-size: 13px;} 
.more_list > li > em > p:first-child {color: #222222; text-decoration:line-through} 
.more_list > li > em > p:last-child {color: #17bf98; margin-left: 8px;} 
.more_banner {width: 100%; height: 27.05vw; background-image: url(../img/more_banner_semo.png); background-size: cover; margin-left: -15px; margin-top: 8px; position: fixed; bottom: 0;} 
.more_list > li i {position: absolute; right: 29px; top: 50%; transform: translateY(-50%);} 
.more_list > li i.more_img1 {width: 23px; height: 23px; background-size: contain; background-image: url(../img/ico_more_normal_b_1.png);} 
.more_list > li i.more_img2 {width: 23px; height: 23px; background-size: contain; background-image: url(../img/ico_more_normal_b_2.png);} 
.more_list > li i.more_img3 {width: 23px; height: 23px; background-size: contain; background-image: url(../img/ico_more_normal_b_3.png);} 
.more_list > li i.more_img4 {width: 23px; height: 23px; background-size: contain; background-image: url(../img/ico_more_normal_b_4.png);} 

/* 2021-04-30 가입서비스 세모장부 유료맴버십 css*/
.semo_pay_member_reg {width: 100%; padding: 21px 15px 28px; display: flex; flex-direction: column; align-items: center; background-color: #fafafa; margin-left: -15px;} 
.semo_pay_member_reg > i.semo_charactor {background-image: url(../img/img_semo_charactor1.png); background-size: contain; width: 85px; height: 85px;} 
.semo_pay_member_reg > b {color: #222222; font-size: 20px; letter-spacing: -0.76px;} 
.member_account {width: calc(100% - 2px); display: flex; justify-content: center; padding: 13px 0; background-color: #1bd9ac; border: 1px solid #17bf98; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2); border-radius: 8px; margin-top: 11px;} 
.member_account.reg {width: calc(100% - 4px); background-color: #ffffff; border: 2px solid #17bf98;} 
.member_account.term {background-color: transparent; border: 2px solid #222222; margin-top: 25px; box-shadow: unset;} 
.member_account.change {background-color: #ffffff; border: 2px solid #17bf98;} 
.member_account.change > span {color: #17bf98;} 
.member_account.term > b {color:#222222;} 
.member_account.reg > span {color: #17bf98;} 
.member_account > span {text-align: center; color: #ffffff; font-size: 18px;} 
.member_account > i.down {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain;} 
.member_account > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 7.5px; background-size: contain;} 
.semo_pay_member_reg > p {color: #ff684a; padding: 2px 15px; border-radius: 15px; font-size: 14px; border: 1px solid #ff684a; margin-top: 11px;} 
.semo_pay_member_reg > p.reg {border: 1px solid #12997a; color: #12997a;} 
.semo_pay_member_reg > span {margin-top: 21px; font-size: 15px; color: #222222; word-break: keep-all; text-align: center;} 
.semo_pay_member_reg .member_account_info {color: #afafaf; border: 0; padding: 0; font-size: 11px; word-break: keep-all;} 
.wrap.member .phy_care_sec1 {background-color: #ffffff;} 
.wrap.member .phy_care_sec1 .care_sec1_title b {font-size: 18px; position: relative; z-index: 2;} 
.member_term_req {font-size: 13px; display: flex; justify-content: center; color: #0095ff; text-decoration: underline; margin-top: 16px;} 
.wrap.member .phy_care_sec1 .care_sec1_title b::after {content: ""; width: 100%; height: 8px; background-color: #63e2c5; position: absolute; left:0; bottom: -3px; opacity: 0.31; z-index: -1; border-radius: 10px;} 
.wrap.member .phy_care_sec1 > div > p {display: flex; flex-direction: column;} 
.wrap.member .phy_care_sec1 > div >p > b {font-size: 15px; margin-bottom: 2.5px;} 
.wrap.member .phy_care_sec1 > div:not(:first-child) {margin-top: 33px;} 
.member_show_more {font-size: 11px; color: #0095ff; text-decoration: underline; margin-left: 72px; margin-top:11px;} 
.member_ad_price {width: 100%; background-color: #1fba95; color: #ffffff; padding: 26px 15px 0; margin-left: -15px; display: flex; flex-direction: column; align-items: center;} 
.member_ad_price > p {font-size: 23px; margin-top: 26px;} 
.member_ad_price > b {font-size: 29px;} 
.member_ad_price > span {font-size: 13px; margin-top: 6px;} 
.member_ad_price > em {color: #fff700; font-size: 15px; text-decoration: underline; margin-top: 22.5px;} 
.member_ad_price > .btm_button {position: unset; margin-top: 26px; width: calc(100% + 30px)} 
.member_ad_price > .btm_button >span:last-child {background-color: #12997a;} 
.member_ad_price.reg > .btm_button >span:last-child {background-color: #1bd9ac;} 
.member_ad_price.term > .btm_button >span:last-child {background-color: #1bd9ac;} 
.member_ad_price.reg {background-color: #ffffff;} 
.member_ad_price > .member_slogan {font-size: 12.5px; color: #baf9e1; text-decoration: unset; text-align: center; line-height: 1.48; margin-top:0;} 
.member_ad_price.term {background-color: unset; padding-top: 0;} 
.member_ad_price.term > .btm_button {margin-top: 0;} 
.member_pay_link {display: flex; justify-content: flex-start; width: 100%;} 
.member_pay_link > span {font-size: 13px; color: #0095ff; text-decoration: underline;} 
.member_req {display:flex; padding:15px 10px; background-color: #17bf98; width: calc(100% - 40px); justify-content: center; border-radius: 8px;} 
.member_req > p {font-size: 15px; color: #ffffff;} 
.member_term {color: #a9adb5; font-size: 14px; text-decoration: underline; margin-top: 26px !important;} 
.member_reg_bottom {width: 100%; margin-left: -15px; padding: 26px 15px 24px; background-color: #1fba95;} 
.member_reg_bottom > span {color: #baf9e1; text-align: center; display: block; font-size: 12px;} 
.member_reg_bottom > p {font-size: 29px; color: #ffffff; line-height: 1.31; margin-top: 26px; text-align: center;} 
.member_reg_bottom > div {font-size: 13px; color: #ffffff; text-align: center; margin-top: 6px;} 
.member_reg_bottom > em {font-size: 15px; color: #fff700; text-align: center; text-decoration: underline; display: block; margin-top: 18px;} 
.donate_con {width: calc(100% - 24px); margin-left: 12px; background-color: #ffffff; border-radius: 8px; margin-bottom: 12px; position: relative; border: 1px solid #d4d4d4;} 
.donate_con p {color: #222222; text-align: center; padding: 8px 26px 8px 12px; word-break: keep-all;} 
.donate_con > i {background-image: url(../img/ico_arrow_small_b_right.png); width: 15px; height: 11.5px; background-size: contain; position: absolute; top: 50%; right: -3px; transform: translate(-50%, -50%);} 
.member_term_btn {width: calc(100% - 20px); height: 53px; display: flex; justify-content: center; align-items: center; background-color: #17bf98; border-radius: 8px;} 
.member_term_btn > span {color: #ffffff;} 
.member_change_bottom {display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 26px;} 
.member_change_bottom > p {font-size: 14px; color: #a9adb5; text-decoration: underline; text-align: center; margin-top: 26px; padding: 10px;} 

/* 2021-05-04 계좌증빙 css 수정 */
.pay_list_control {width: 100%; border-bottom: 1px solid #c8c8c8; margin-bottom: 18px;} 
.pay_list_control.show .pay_list_text {display: block; padding: 11px 15px; border-radius: 8px; background-color: #fcfcfc;} 
.pay_list_control.show .pay_list_control_title > i {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 8px; background-size: contain;} 
.pay_list_control .pay_list_control_title > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 8px; background-size: contain; margin-left: 7px;} 

.pay_list_control_title {display: flex; justify-content: center; align-items: center;} 
.pay_list_control .pay_list_control_title > span {text-align: center; display: block; font-size: 12px; color: #818181; padding: 4.5px 0;} 
.pay_list_control .pay_list_control_title > i.down {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 8px; background-size: contain; margin-left: 7px;} 
.pay_list_control .pay_list_control_title > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 8px; background-size: contain;} 
.pay_list_control > .pay_list_text {font-size: 12px; color: #a9adb5; margin-top: 8px; margin-bottom: 8px; display: none;} 
.pay_list_control > .pay_list_text em {text-decoration: underline; color: #0095ff;} 
.pay_detail_box_cell p:nth-child(2) {line-height: 1.6;} 
.pay_detail_box_cell p:nth-child(2).share::before {content: "공유"; font-size: 11px; color: #12997a; padding: 0px 8px; border: 1px solid #12997a; border-radius: 8px; margin-right: 5px;} 
.income_next_button > span {font-family: 'Noto Sans KR' !important;} 
.popup_income_bg {font-family: 'Noto Sans KR' !important;} 
.income_select_wrap > div >select {font-family: 'Noto Sans KR' !important;} 
.income_section_5_wrapper > ul > li >input {font-family: 'Noto Sans KR' !important;} 

/* 2021-05-11 KT 회원가입 KA112_5 css 추가*/
.reg_pay_title {display: flex; flex-direction: column;} 
.reg_pay_title > b {font-size: 25px; color: #222222; text-align: center; margin-top: 21px;} 
.reg_pay_title > span {font-size: 12px; color: #a9adb5; text-align: center; margin-top: 8px;} 
.reg_pay_title >.reg_choice {display: flex; align-items: center; padding: 15px 0; justify-content: center; border-radius: 8px; background-color: #eeeeee; margin-top: 15px;} 
.reg_pay_title >.reg_choice > i {background-image: url(../img/reg_iphone.png); background-size: contain; width:18px; height: 32px; margin-right: 13px; min-width: 18px;} 
.reg_pay_title >.reg_choice > div > span {word-break: keep-all; font-size: 13px; color: #000000; line-height: 1.38;} 
.reg_pay_c_title {display: flex; justify-content: flex-start; align-items: center; margin-top:26px;} 
.reg_pay_c_title > i {background-image: url(../img/reg_new.png); width: 18px; height: 15px; background-size: contain;} 
.reg_pay_c_title > p {font-size: 14px; color: #2dbdb6; font-weight: bold; margin-left: 5px;} 
.reg_pay_c_title > em {font-size: 14px; color: #ff9900; font-weight: bold; margin-left: 3px;} 
.reg_pay_btn {padding: 13px 10px 13px 13px; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; margin-top: 6px;} 
.reg_pay_btn.first {background-color: #2dbdb6; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16);} 
.reg_pay_btn.secound {background-color: #ffffff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16); margin-top: 32px;} 
.reg_pay_btn.secound > span {color: #a9adb5; font-weight: normal;} 
.reg_pay_btn.secound > i {background-image: url(../img/btn_arr_right_g.png);} 
.reg_pay_btn > span {font-size: 16px; color: #ffffff; font-weight: bold;} 
.reg_pay_btn > i {background-size: contain; width: 8px; height: 13px; background-image: url(../img/ico_arrow_small_t_right.png);} 
.reg_open_evnet_info {margin-top: 11px; display: flex; justify-content:flex-start; flex-direction: column;} 
.reg_open_evnet_info > span {font-size: 13px; color: #17bf98;} 
.reg_open_evnet_info > em {font-size: 13px; color: #a9adb5;} 
.reg_open_evnet_info > em > b {color: #2dbdb6;} 
.reg_appstore_pay {margin-top: 13px; display: flex; flex-direction: column; justify-content: flex-start; font-size: 13px;} 
.reg_appstore_pay > span {color: #a9adb5;} 
.reg_appstore_pay > em {color: #a9adb5;} 
.reg_appstore_pay > em >b {margin-top: 13px; color: #818181;} 

/* 2021-05-11 KT 회원가입 KA11 css 추가*/
.reg_info_service {width: 100%; display: flex; flex-direction: column; align-items: center;} 
.reg_info_service > b {margin-top: 16px; text-decoration: underline;} 
.reg_info_service > .reg_kt_logo {width: 160px; height: 34px; background-image: url(../img/kt_logo1.png); background-size: contain; margin-top: 30px;} 
.reg_info_service > span {font-size: 11px; color: #222222; margin-top: 12px;} 
.kt_pay_img_1 {width: 100%; height: 235px; background-image: url(../img/kt_pay_img_1-1.png); background-size: contain; margin-top: 11px;} 
.kt_pay_img_2 {width: 279px; height: 158px; background-image: url(../img/kt_pay_img_2.png); background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: 20px; display: flex; flex-direction: column; align-items: center;} 
.kt_pay_img_2 > b {margin-top: 40px; font-size: 24.5px; color: #222222;} 
.kt_pay_img_2 > span {color:#222222; font-size: 16px;} 
.kt_pay_img_2 > p {color:#9b9b9b; font-size: 13px; margin: 6px 0;} 
.kt_pay_button {padding: 15px 0; width: calc(100% - 82px); display: flex; justify-content: center; background-color: #222222; border-radius: 8px;} 
.kt_pay_button > p {font-size: 20px; color: #ffffff;} 
.kt_pay_bottom {bottom: 0; display: flex; flex-direction: column; align-items: center; padding-bottom: 26px;} 
.kt_pay_bottom > span {font-size: 12px; color: #000000; margin-top: 35px; word-break: keep-all;} 

/* 2021-05-11 KT 증빙탭 KC000 css 추가 ~ 2021-05-12 수정*/
.semo_top_text {display: flex; padding: 9.5px 12px 9.5px 16px; border-radius: 15px; background-color: #f3f3f3; align-items: center; justify-content: space-between;} 
.semo_top_text > div i {background-image: url(../img/kt_success_img.png); width: 12px; height: 12px; background-size: contain; margin-bottom: 0; margin-right: 6px;} 
.semo_top_text > i {background-image: url(../img/ico_arrow_small_d_right.png); background-size: contain; margin:0; width: 5px; height: 8px;} 
.semo_top_text > div {display: flex; align-items: center; height: 100%;} 
.semo_top_text > div >span {font-size: 12px; color: #000000;} 
.function_list_box u {text-decoration: none;} 

/* 2021-05-11 KT 서비스결재관리 KG200 css 추가*/
.kt_manage_top {padding: 7.777vw 0; width: 100%; background-color: #ffffff; position: relative; margin-top: 25px; display: flex; align-items: center;} 
.kt_manage_top::before {content: ""; background-image: url(../img/kt_page_bottom.png); width: 104%; height: 25px; position: absolute; bottom: -24px; left: -6px; background-size: 100%; background-repeat: no-repeat; background-position: center;} 
.staff_top_open_wrap {position: fixed; left: 0; top: 0; width: calc(100% - 30px); background-color: #ffffff; padding: 15px 15px 15px;} 
.staff_top_open_wrap + .staff_document_pdf {padding-top: 140px; padding-bottom: 60px;} 
.kt_manage_top::after {content: ""; background-image: url(../img/kt_page_top.png); width: 104%; height: 25px; position: absolute; top: -23px; left: -6px; background-size: 100%; background-repeat: no-repeat; background-position: center;} 
.kt_manage_top > ul {display: flex; flex-direction: column; padding: 0 19px; padding-right: 22px;} 
.kt_manage_top > ul > li {display: flex; align-items: center;} 
.kt_manage_top > ul > li:not(:first-child) {margin-top: 12px;} 
.kt_manage_top > ul > li p {width: 76px; border-radius: 15px; background-color: #222222; text-align: center; color: #ffffff; margin-right: 8px; font-size: 14px; padding: 2px 0;} 
.kt_manage_top > ul > li p.day {background-color: #2dbdb6;} 
.kt_manage_top > ul > li span {font-size: 1rem; color: #222222;} 
.kt_manage_top > ul >em {color: #a9adb5; font-size: 13px; margin-top: 6.5px; word-break: keep-all;} 
.kt_manage_top > ul .kt_manage_info {word-break: keep-all;} 
.kt_manage_secound_info {word-break: keep-all;} 
.kt_service_manage_cont {background-color: #f4f5f7; margin-top: 25px; width: calc(100% + 30px); margin-left: -15px; display: flex; flex-direction: column; padding-bottom: 26px; padding-top: 30px;} 
.kt_service_manage_cont > .donate_con p {font-size: 13px;} 
.kt_manage_cont_title {padding-top: 6px;} 
.kt_manage_cont_title > p {font-size: 20px; color: #222222; text-align: center;} 
.kt_manage_cont_title > div {display: flex; justify-content: center;} 
.kt_manage_cont_title > div > span {font-size:20px; color: #222222;} 
.kt_manage_cont_title > div > i {background-image: url(../img/kt_logo1.png); width: 125px; height: 26px; background-size: cover; margin-right: 8px;} 
.kt_manage_img_1 {width: 100%; height: 436px; background-image: url(../img/kt_manage_img_3.png); background-size: contain; margin-top: 15px;} 
.kt_service_manage_cont > b {font-size: 28px; color: #222222; text-align: center;} 
.kt_manage_req_btn {display: flex; justify-content: center;} 
.kt_manage_req_btn > p {padding: 15px 20px; width: 278px; background-color: #222222; color: #ffffff; text-align: center; font-size: 18px; margin-top: 16px; border-radius: 8px; box-sizing: border-box;} 
.kt_service_manage_cont > span {font-size: 12px; color: #000000; word-break: keep-all; padding: 0 15px; margin-top: 33px;} 
.kt_service_manage_cont > span:last-child {margin-top: 5px;} 
.kt_manage_top.payment {height: 175.5px;} 
.kt_manage_top.payment > ul >em {color: #ff684a; font-size: 11px; margin-top: 7.5px;} 
.kt_manage_top.payment > ul .kt_manage_info {padding-left: 0; font-size: 18px; color: #222222; margin-top: 11px;} 
.kt_manage_top.ios {height: 193px;} 

/* 2021-05-12 메인 종소세 팝업 css추가 */
.popup_content > .popup_img {height: 330px; background-color: #3269f9;} 
.popup_bg.img .popup_img > i:first-child {width: calc(100% - 30px); height: 147px; margin-left: 15px; background-image: url(../img/popup_img_text_semo.png); background-size: contain; margin-top: 15px;} 
.popup_bg.img .popup_img > i:last-child {width: 60vw; height: 60vw; background-size: contain; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); background-image: url(../img/popup_img_semo.png);} 

/* 증빙 on off 버튼 수정 */
.total_con + p + div.onoffBox > div label.onoffCheck .onoff {top: 49%; transform: translateY(-50%); left: 26px;} 
.total_con + p + div.onoffBox.on > div label.onoffCheck .onoff {top: 49% !important; transform: translateY(-50%);} 
.srb_info span.onoffBox.indi label.onoffCheck .onoff {top: 37%; transform: translateY(-50%);} 
.srb_info span.onoffBox.busi label.onoffCheck .onoff {top: 37%; transform: translateY(-50%);} 
div.onoffBox > div label.onoffCheck .onoff {top: 46%; transform: translateY(-50%);} 

/* 2021-05-13 세모주치의 관리 */
.phy_section {width: calc(100% - 22px); padding: 0 26px; margin-left: -15px;} 
.phy_section_1 {height: 472px; margin-top: 36px; background-color: #ffffff; position: relative;} 
.phy_sec_1_title {color: #222222; font-size: 20px;} 
.phy_sec1_img_1 {width: 100vw; height: 310px; margin-left: -26px; background-image: url(../img/phy_sec1_img_1.png); background-size: contain; margin-top: 19.5px;} 
.phy_graph_list {display: flex; flex-direction: column; bottom: 26px; position: absolute;} 
.phy_graph_list > span {display: flex; align-items: center;} 
.phy_graph_list > span:not(:last-child) {margin-bottom: 10px;} 
.phy_graph_list > span > p {font-size: 14px; color: #222222;} 
.phy_graph_list > span > i.blue {background-color: #35aaf8; width: 11px; height: 11px; margin-right: 8px;} 
.phy_graph_list > span > i.red {background-color: #ff684a; width: 11px; height: 11px; margin-right: 8px;} 
.phy_graph_list > span > i.black {background-color: #12293f; width: 11px; height: 11px; margin-right: 8px;} 
.phy_section_2 {background-color: #217bff; height: 517px; background-image: url(../img/phy_sec2_img_1.png); background-size: contain; background-repeat: no-repeat; background-position: center; padding-top: 50px;} 
.phy_sec_2_title {width: 110px; height: 17.5px; background-image: url(../img/phy_sec2_img_2.png); background-size: contain;} 
.phy_sec2_cont > span {display: flex; margin-top: 12px;} 
.phy_sec2_cont > span > b {color: #f0ff1a; font-size: 27px; letter-spacing: -1.08px;} 
.phy_sec2_cont > span > b:last-child {color: #c2ff3c;} 
.phy_sec2_cont > em {width: 89px; height: 41px; border-radius: 20px; background-color: #f0ff1a; font-weight: bold; display: flex; justify-content: center; align-items: center; margin-top: 15px; position: relative; box-shadow: 0 6px 1px 0 rgba(255, 153, 0, 0.94);} 
.phy_sec2_cont > em > b {color: #2259ab; font-size: 20px;} 
.phy_sec2_cont > p {font-size: 16px; color: #c4dcff; margin-top: 5px;} 
.phy_section_3 {height: 433.5px; background-color: #2de8fc; padding-top: 26px; background-image: url(../img/phy_sec3_img_1.png); background-size: contain; background-position: center; background-repeat: no-repeat;} 
.phy_sec_3_title {width: 110px; height: 17.5px; background-image: url(../img/phy_sec3_img_2.png); background-size: contain;} 
.phy_sec3_cont > em {width: 89px; height: 41px; border-radius: 20px; background-color: #2950e6; font-weight: bold; display: flex; justify-content: center; align-items: center; margin-top: 15px; position: relative; box-shadow: 0 6px 1px 0 #b29bff; color: #baf9e1; font-size: 20px;} 
.phy_sec3_cont > span > b {color: #0C2070; font-size: 27px; margin-top: 13px; display: block; letter-spacing: -1.08px;} 
.phy_section_4 {height: 742px; background-color: #ffe600; padding-top: 26px; background-image: url(../img/phy_sec4_img_1.png); background-repeat: no-repeat; background-size: contain; background-position: top;} 
.phy_sec_4_title {width: 110px; height: 18.5px; background-image: url(../img/phy_sec4_img_2.png); background-size: contain;} 
.phy_sec4_cont > em {width: 89px; height: 41px; border-radius: 20px; background-color: #2b2b2b; font-weight: bold; display: flex; justify-content: center; align-items: center; margin-top: 15px; position: relative; box-shadow: 0 6px 1px 0 #bba81d; color: #fce014; font-size: 20px;} 
.phy_sec4_cont_bottom {display: flex; flex-direction: column; align-items: center;} 
.phy_sec4_cont_bottom > i {background-image: url(../img/phy_sec4_img_3.png); width: 70px; height: 70px; background-size: contain;} 
.phy_sec4_cont_bottom > b {font-size: 25px; color: #222222; margin-top: 5px;} 
.phy_sec4_cont_bottom > p {font-size: 12px; color: #222222; margin-top: 2px;} 
.phy_sec4_cont_bottom > span {font-size: 13px; color: #9a8000; text-align: center; word-break: keep-all; margin-top: 11px;} 
.phy_sec4_img_4 {background-size: contain; background-image: url(../img/phy_sec4_img_4.png); width: 289px; height: 213px; margin-top:17px;} 
.phy_sec4_now {width: calc(100% - 30px); margin-top: 13px; padding: 0 15px;} 
.phy_sec4_now.other {display: block;} 
.phy_sec4_now.kt {display: none;} 
.phy_sec_4_diss {display: flex; flex-direction: column; width: 100%;} 
.phy_sec_4_diss > p {display: flex; align-items: center; padding: 10px 20px; background-color: #fafafa;} 
.phy_sec_4_diss > p > i {background-image: url(../img/phy_sec_4_diss_img1.png); width: 66px; height: 66px; background-size: contain;} 
.phy_sec_4_diss > p:last-child {margin-top: 10px;} 
.phy_sec_4_diss > p:last-child > i {background-image:url(../img/phy_sec_4_diss_img2.png);} 
.phy_sec_4_diss > p > span {color: #222222; font-size: 15px;} 
.phy_sec4_join {display: flex; align-items: center; justify-content: center; padding: 5px 20px; border-radius: 20px; background-color: #7e5206; margin-top: 20px;} 
.phy_sec4_join > i {background-image: url(../img/phy_sec4_img_5.png); width: 24px; height: 16px; background-size: contain; margin-right: 8px;} 
.phy_sec4_join > p {color: #ffffff; font-size: 13px;} 
.phy_sec4_button {display: flex; background-color: #ff8800; margin-top: 23px; position: fixed; bottom: 30px; left:50%; transform: translateX(-50%); border-radius: 5px; width:calc(100% - 30px); box-shadow: 0px 8px 6px rgb(0 0 0 / 25%);} 
.phy_sec4_button > b {width: 278px; padding: 14px 0; font-size: 22px; color: #ffffff; text-align: center; font-weight: normal; width: 100%;} 

/* 2021-05-20 절세 AI css */
.wrap.tax {margin-top: 0; height: calc(100% - 50px);} 
.tax_ai_wrapper {padding-bottom: 50px;} 
.tax_ai_section_1 {width: 100%; background-color: #ffd500; padding: 50px 15px 55px; margin-left: -15px; display: flex; flex-direction: column; align-items: center; position: relative;} 
.tax_ai_section_1 > span {text-align: center; font-size: 30px; color: #600000; line-height: 1.48;} 
.tax_ai_section_1 > p {color: #aa5f00; font-size: 19px; line-height: 1.48; margin-top: 8.8px; text-align: center; word-break: keep-all; letter-spacing: -0.8px;} 
.tax_ai_section_1 > i {background-image: url(../img/tax_ai_sec_1_img_1.png); width: 244px; height: 134px; background-size: contain;} 
.tax_ai_section_1 .staff_reg_info {bottom: -63px; top: unset;} 
.tax_ai_section_1 .staff_reg_info > div > i {width: 30px; height: 22px; margin-top: -5px;} 
.tax_ai_section_2 {width: 100%; padding: 50px 15px 40px; margin-left: -15px; background-color: #ffe821;} 
.tax_ai_section_2 > i {background-image: url(../img/tax_ai_sec_2_img_1.png); width: 100%; height: 518px; background-size: contain;} 
.tax_ai_section_3 {padding: 22px 0 26px;} 
.tax_ai_section_3 > .tax_ai_terms {display: flex; align-items: center; justify-content: space-between;} 
.tax_ai_section_3 .tax_ai_terms > i {background-image: url(../img/ico_arrow_small_d_right.png); width: 8px; height: 13px; background-size: contain;} 
.tax_ai_section_3 .tax_ai_terms > p {color: #000000; font-size: 15px;} 
.tax_ai_agree {margin-top: 17px; padding: 10px 38px 10px 10px; display: flex; align-items: flex-start; border-radius: 8px; border: 1px solid #a9adb5;} 
.tax_ai_agree > i {background-image: url(../img/income_consent_button_off.png); width: 24px; height: 24px; background-size: contain; min-width: 24px; margin-right: 8px;} 
.tax_ai_agree.on {background-color: #2dbdb6; border: 0;} 
.tax_ai_agree.on > p {color: #ffffff;} 
.tax_ai_agree.on > i {background-image: url(../img/term_check_on_kt.png); background-size: contain;} 
.tax_ai_agree > p {word-break: keep-all; font-size: 16px; color: #222222; line-height: 1.47; letter-spacing: -0.64px;} 
.tax_ai_section_3 > span {font-size: 13px; color: #a9adb5; line-height: 1.46; word-break: keep-all; margin-top: 6px;} 
.tax_ai_section_3 > input {border:0; padding: 10px 0 10px 10px; width: calc(100% - 10px); margin-top: 14px; background-color: #fafafa; border-radius: 8px; font-weight: bold;} 
.tax_ai_section_3 > input::placeholder {color: #a9adb5;} 
.tax_ai_search {padding: 0 6px; margin-top: 21px;} 
.tax_ai_search > b {font-size: 20px; color: #222222;} 
.tax_ai_search > ul {display: flex; flex-direction: column; margin-top: 23px;} 
.tax_ai_search > ul > li {display: flex; align-items: center; margin-top: 11px;} 
.tax_ai_search > ul > li:first-child {margin-top: 0;} 
.tax_ai_search > ul > li > i {background-image: url(../img/tax_ai_search.png); width: 15px; height: 20px; background-size: contain; margin-right: 8px;} 
.tax_ai_search > ul > li > p {font-size: 16px; color:#222222; letter-spacing: -0.64px;} 
.tax_ai_re {width:100%; height: 100%; position: relative;} 
.tax_ai_re > p {position: absolute; bottom: 16px; color: #a9adb5; font-size: 13px; text-align: center; left: 50%; transform:translateX(-50%); width: 100%;} 
.tax_ai_re > p span {color: #0095ff; text-decoration:underline;} 
.tax_ai_re_wrapper {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; position: relative;} 
.tax_ai_re_wrapper > span {color: #ff684a; text-align: center; font-size: 20px; line-height: 1.48; letter-spacing: -0.76px;} 
.tax_ai_re_wrapper > p {margin-top: 18px; color: #a9adb5; font-size: 15px;} 
.tax_ai_re_wrapper > i {background-image: url(../img/btn_pl_close.png); position: absolute; right: 10px; top:25px; background-size: contain; width: 25px; height: 25px;} 
.tax_ai_apply {width: 100%; height: 100%; margin-left: -15px; padding: 0 15px; background-image: url(../img/tax_ai_apply_bg.png); background-size: contain; background-repeat: no-repeat; background-position-y: 44%; display: flex; flex-direction: column; justify-content: flex-start;} 
.tax_ai_apply.warning {background-color: #f54c4c;} 
.tax_ai_apply.caution {background-color: #fef613;} 
.tax_ai_apply.good {background-color: #ffffff; background-image: unset;} 
.tax_ai_warning_wrapper {margin-top: 7vw;} 
.tax_ai_warning_wrapper > i {background-image: url(../img/tax_ai_apply_warning.png); width: 100%; height: 156px; background-size: cover;} 
.tax_ai_apply.warning .tax_ai_warning_wrapper > i {background-image: url(../img/tax_ai_apply_warning.png); width: 100%; height: 156px; background-size: cover;} 
.tax_ai_warning_wrapper > p {color: #ffffff; text-align: center; font-size: 20px; margin-top: 15px;} 
.tax_ai_warning_wrapper > span {font-size: 18px; color: #ffffff; text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: 11px;} 
.tax_ai_warning_wrapper > span > p {display: flex; text-align: center;} 
.tax_ai_warning_wrapper > span > p >b {color: #eeff00; font-size: 34px;} 
.tax_ai_warning_wrapper > span > p:first-child >b::before {content: "연간 "; color: #ffffff; font-size:18px; font-weight: normal;} 
.tax_ai_warning_wrapper > span > p:first-child >b::after {content: "원"; color: #ffffff; font-size: 34px;} 
.tax_ai_warning_wrapper > span > p:last-child >b {font-size: 23px;} 
.tax_ai_warning_wrapper > span > p:last-child >b::after {content: "됩니다."; color: #ffffff; font-weight: normal;} 
.tax_ai_warning_wrapper > div {font-size: 15px; color: #ffffff; text-align: center; margin-top: 21px;} 
.tax_ai_cancel {position: absolute; font-size: 13px; bottom: 16px; text-decoration: underline; color: #ffffff; left: 50%; transform: translateX(-50%);} 
.tax_ai_apply.warning .tax_ai_cancel {color: #ffffff;} 
.tax_ai_apply.caution .tax_ai_cancel {color: #000000;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > i {background-image: url(../img/tax_ai_apply_caution.png);} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > p {color: #222222; text-align: center; font-size: 20px; margin-top: 15px;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > span > p >b {color: #099847; font-size: 34px;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > span > p:first-child >b::after {content: "원"; color: #099847; font-size: 34px;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > span > p:last-child >b {font-size: 23px;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > span > p:last-child >b::after {content: "됩니다."; color: #222222; font-weight: normal; font-size: 23px;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > span > p:first-child >b::before {content: "연간 "; color: #222222; font-size: 18px; font-weight: normal;} 
.tax_ai_apply.caution .tax_ai_warning_wrapper > div {color: #222222;} 
.tax_ai_warning_wrapper > i {background-image: url(../img/tax_ai_apply_caution.png);} 
.tax_ai_apply.good >.tax_ai_warning_wrapper {display: flex; flex-direction: column; align-items: center;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > i {background-image: url(../img/tax_ai_apply_good.png); width: calc(100% + 30px); height: 190px; background-size: cover;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > b {font-size: 20px; color: #222222; text-align: center; line-height: 1.48; letter-spacing: -0.8px; width: 100%; display: block; margin-top: 28px;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > ul {display: flex; flex-direction: column; margin-top: 18px;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > ul > li {display: flex; align-items: center; margin-bottom: 8px;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > ul > li > span {font-size: 13px; color: #000000;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > ul > li > i {background-image: url(../img/tax_ai_check.png); width: 18px; height: 13px; background-size: contain; margin-right: 8px;} 
.tax_ai_apply.good >.tax_ai_warning_wrapper > ul > li:last-child {align-items: flex-start;; margin-bottom: 0px;} 
.tax_ai_search ul > li > i {animation: rotate_image 5s linear infinite; transform-origin: 50% 50%;} 

/* 2021-05-20 더보기 사장님 장부비서 하단 배너 */
.kt_semo_store_ad {display: none;} 
.wrap.phy .send_display_wrap {display: flex; justify-content: center; flex-direction: column; align-items: center;} 
.phy_success_title > p {text-align: center; font-size: 20px !important;} 
.phy_complete_info {display: flex; flex-direction: column; align-items: flex-start; margin-top: 28px;} 
.phy_complete_info span {display: flex; align-items: flex-start; padding: 0 45px; margin-bottom: 11px;} 
.phy_complete_info span.orange p {color: #ff7b36;} 
.phy_complete_info span > i {background-image: url(../img/tax_ai_check.png); width: 18px; height: 13px; background-size: contain; min-width: 18px;} 
.phy_complete_info span.orange > i {background-image: url(../img/check_orange.png);} 
.phy_complete_info span > p {font-size: 13px; word-break: keep-all; color: #2d2d2d; margin-left:10px; line-height: 1.46;} 

/* 2021-06-02 세모주치의 관리 수정 */
.phy_sec4_cont_bottom .phy_sec4_now {display:flex;} 
.phy_sec4_cont_bottom .phy_sec4_now {flex-direction: column; margin-top: 13px;} 
.phy_sec4_cont_bottom .phy_sec4_now > span {text-align: center; margin-top: 10px;} 
.phy_sec4_cont_bottom .phy_sec4_now > b {display: flex; align-items: center; justify-content: center; font-size: 20px; color: #222222;} 
.phy_sec4_cont_bottom .phy_sec4_now > b > div {font-size: 20px; color: #222222; margin: 0 10px 0; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);} 
.phy_sec4_cont_bottom .phy_sec4_now > b > div > em {background-color: #ffffff; padding: 0 6.5px; border: 1px solid #e1e1e1;} 
.phy_sec4_cont_bottom .phy_sec4_now > b > div > em:first-child {margin-right: -5px; border-right: 0;} 
.phy_sec4_cont_bottom .phy_sec4_now > b > div > em:last-child {margin-left: -5px; border-left: 0;} 

/* 즐겨찾는 메뉴 B222 수정 */
.my_favor_menu {padding: 0 0;} 
.my_favor_menu .my_cont_cell {padding: 0 10px; height: 70px;} 
.my_favor_menu .my_cont_text b {font-size: 16px;} 
.my_favor_menu .my_i_mark {right: 50px;} 
.my_favor_menu .my_cont_cell {border-radius: 6px;} 
.my_favor_menu .my_cont_list {margin-top: 8px;} 

/* 이용약관화면 on off 버튼 추가 */
.stmn_list > .onoffBox {position: absolute; right: 16px;} 
.stmn_list div.onoffBox.on > div label.onoffCheck .onoff {top: 47%;} 
.stmn_list div.onoffBox > div label.onoffCheck .onoff {top: 47%;} 
.stmn_list div.onoffBox.on > div label.onoffCheck .onoff::before {content: "동의";} 
.stmn_list div.onoffBox > div label.onoffCheck .onoff::before {content: "철회";} 

/* 즐겨찾는메뉴 터치액션 수정 */
.my_cont_text {-webkit-tap-highlight-color: transparent;} 
.my_favor_menu .my_up_down i {-webkit-tap-highlight-color: transparent;} 
.my_cont_cell .my_report_img {-webkit-tap-highlight-color: transparent;} 
.my_favor_menu .my_i_mark {-webkit-tap-highlight-color: transparent;} 

/* 직원관리 리뉴얼 2021-06-10 */
.staff_wrapper {padding-bottom: 26px;} 
.slideOne {width: 49px; height: 12px; position: relative; background-color: transparent;} 
.slideOne label {display: block; width: 22px; height: 22px; position: absolute; top: 55%; transform: translateY(-50%); left: 0px; cursor: pointer; background: #fcfff4; background-color:#ffffff; border-radius: 50px; box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.16); transition: all 0.4s ease; border: 1px solid #a9adb5; -webkit-tap-highlight-color: transparent; z-index: 2;} 
.slideOne > span {color: #a9adb5; font-size: 13px; position: absolute; left: -40%; text-align: right; top:50%; transform: translate(-100%, -50%); transition: 0.2s;} 
.slideOne input[type=checkbox] {visibility: hidden;} 
.slideOne input[type=checkbox]:checked + label {left: 28px; border: 1px solid #12997a; background-color: #f3fff4;} 
.slideOne input[type=checkbox]:checked ~ span {color: #17bf98;} 
.slideOne input[type=checkbox]:checked {background-color: #1bd9ac;} 
.slideOneBg {width: 100%; height: 100%; background-color: #e1e1e1; border: 1px solid #a9adb5; border-radius: 30px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255 255, 0.2); position: absolute; top: 0; left: 0; transition: 0.3s;} 
.slideOne input[type=checkbox]:checked ~ .slideOneBg {background-color: #1bd9ac; border: 1px solid #12997a; -webkit-tap-highlight-color: transparent;} 
.staff_title {font-size: 18px; color: #222222; display: flex; align-items: center; justify-content: space-between; padding: 17px 0 20px;} 
.staff_main_con.reg .staff_title {font-weight: bold;} 
.staff_reg_top_text {font-size: 13px; color: #818181; width: 100%; padding: 11px 15px; margin-left: -15px;} 
.staff_reg_top_text.active {background-color: #baf9e1; color: #12997a; display: flex; align-items: center;} 
.staff_reg_top_text.reg {color: #e98d71; background-color: #fff8f6; display: flex; align-items: center;} 
.staff_reg_top_text.reg i {background-image: url(../img/reg_icon.png); width: 4px; height: 17px; background-size: contain;} 
.staff_reg_top_text i {background-image: url(../img/tax_ai_check.png); width: 15px; height: 11px; background-size: contain; margin-right: 7px;} 
.staff_main_con.reg {margin-top: 18px; margin-bottom: 30px;} 
.staff_main_con.reg .staff_button {margin-top: 17.5px;} 
.staff_main_con.reg .staff_title > p {font-size: 18px;} 
.staff_main_con.reg .staff_title > b {font-size: 18px;} 
.staff_main_con.reg .staff_count_result + .staff_title b {font-size: 18px;} 
.staff_main_con.reg .staff_payroll_con {border-top: 2px solid #222222; border-bottom:2px solid #222222;} 
.staff_main_con.reg .staff_payroll_cell > span {display: flex; flex-direction: column; padding: 17px 6px;} 
.staff_main_con.reg .staff_payroll_cell span b {color: #222222; font-size: 17px; width: 100%;} 
.staff_main_con.reg .staff_payroll_cell span b > em {color: #000000; font-weight: bold;} 
.staff_main_con.reg .staff_payroll_cell span b em em {color: #a9adb5;} 
.staff_reg_list_con {display: flex; width: 100%; flex-direction: column; margin-top:10px;} 
.staff_main_con.waiting {display: flex; flex-direction: column; align-items: center; padding: 50px 0 !important; margin-top: 15px;} 
.staff_main_con.waiting > i {background-image: url(../img/staff_empty_doc.png); width: 60px; height: 60px; background-size: contain;} 
.staff_main_con.waiting > p {margin-top:18px;} 
.staff_main_con.waiting > span {text-align: center; margin-top: 18px;} 
.staff_waiting_info {text-align: center; font-size: 15px; color: #a9adb5; display: flex; align-items: center; justify-content: center; margin-top: 28px;} 
.staff_waiting_info i {background-image: url(../img/ico_info_g.png); width:18px; height:18px; background-size: contain; margin-left: 6px;} 
.staff_show_sample {text-align: center; color: #0095ff; text-decoration: underline; margin-top: 16px; font-size: 14px;} 
.staff_reg_list_con > span {display: flex; flex-direction: unset !important; justify-content: space-between; width: 100%;} 
.staff_reg_list_con > span > p {font-size: 15px; color: #222222;} 
.staff_reg_list_con > span > p:last-child {font-weight: bold;} 
.staff_reg_list_con > span > p.gray {font-weight: bold; color: #c8c8c8;} 
.staff_reg_list_con > span:not(:first-child) {margin-top: 6px;} 
.staff_on_off {display: flex; align-items: center;} 
.staff_on_off > span {font-size: 13px; color: #17bf98; margin-right: 10px;} 
.staff_wrapper .staff_list {border-bottom: 1px solid #c8c8c8;} 
.staff_list {display: flex; flex-direction: column;} 
.staff_list > li {display: flex; flex-direction: column;} 
.staff_list > li > .staff_list_title {display: flex; align-items: center; justify-content: space-between; padding: 11px 8px; border-top: 1px solid #c8c8c8;} 
.staff_list > li > .staff_list_title > span {font-size: 13px; color: #818181;} 
.staff_list_con_wrap {padding: 0 20px 15px;} 
.staff_list_con_wrap .staff_list_con > p {font-size: 15px; color: #000000;} 
.staff_list > li > .staff_list_title > i {background-image: url(../img/ico_arrow_thin_g_up.png); width: 11px; height: 7px; background-size: contain;} 
.staff_list > li > p {display: flex;} 
.staff_list > li > .staff_list_title > i.down {background-image: url(../img/ico_arrow_thin_g_down.png); width: 11px; height: 7px; background-size: contain;} 
.staff_list > li > p {display: flex;} 
.staff_list_con {display: flex; justify-content: space-between; margin-top: 13px;} 
.staff_list_con > em {width:58px; font-size: 12px; color:#222222; padding: 2px; border: 1px solid #222222; border-radius: 15px; text-align: center; position: relative;} 
.staff_list_con > em> p {position: absolute; left:0;} 
.staff_list_con > em> p.document {width: 74px; height: 20px; background-color: #ffb116; border: 1px solid #cb980a; position: absolute; left: -83px; top: 0; color: #ffffff; border-radius: 5px; font-size: 11px; position: absolute;} 
.staff_list_con > em> p.contract {width: 74px; height: 20px; background-color: #ff7588; border: 1px solid #cb0a52; position: absolute; left: -83px; top: 0; color: #ffffff; border-radius: 5px; font-size: 11px;} 
.staff_list_con > em.absen {width:58px; font-size: 12px; color:#a9adb5; padding: 2px; border: 1px solid #a9adb5; border-radius: 15px; text-align: center;} 
.staff_list_con > em.leave {width:58px; font-size: 12px; color:#ff684a; padding: 2px; border: 1px solid #ff684a; border-radius: 15px; text-align: center;} 
.staff_list_con:nth-child(1) {margin-top: 0;} 
.staff_list_con:last-child {margin-top: 15px;} 
.staff_button {display: flex; justify-content: center; margin-top: 31px;} 
.staff_button > b {font-size:17px; color: #222222;} 
.staff_info {text-align: center; color: #0095ff; text-decoration: underline; display: block; margin-top: 21px; font-size: 14px;} 
.staff_share_top {display: flex; flex-direction: column; align-items: center;} 
.staff_share_top > i {background-image: url(../img/share_icon.png); width: 60px; height: 60px; background-size: contain;} 
.staff_share_top > span {text-align: center; color: #12997a; margin-top: 5px; font-size: 18px; line-height: 1.5; letter-spacing: -0.68px;} 
.staff_info_input {margin-top: 25px; width: 100%;} 
.staff_info_input > span {font-size: 14px; padding:10px 15px; width: 100%; margin-left: -15px; color: #818181; background-color:#fafafa; display: block;} 
.wrap.staff .deli_log > div:not(:first-child) {margin-top: 26px;} 
.wrap.staff .deli_log > div > p {font-size: 15px; color: #000000;} 
.wrap.staff .deli_log > div > p::after {content: "*"; color: #ff684a;} 
.wrap.staff .deli_log > div > input {margin-top: 11px;} 
.staff_pdf_wirte_ad {display: flex; align-items: flex-start; padding: 21px 15px; width: 100%; margin-left: -15px; margin-top: -10px; background-color: #fafafa;} 
.staff_pdf_wirte_ad > i {background-image: url(../img/write_ad.png); width: 30px; height: 30px; background-size: contain; min-width: 30px; margin-right: 6px;} 
.staff_pdf_wirte_ad >span > b {font-size: 16px; color: #222222;} 
.staff_pdf_wirte_ad >span > p {font-size: 13px; color: #222222; word-break: keep-all;} 
.staff_pdf_wirte_con {display: flex; flex-direction: column; margin-top: 24px;} 
.staff_pdf_wirte_title {display: flex; align-items: center;} 
.staff_pdf_wirte_title >i {background-image: url(../img/reg_new.png); width: 19px; height: 15px; background-size: contain; margin-left: 6px;} 
.staff_pdf_wirte_title > p {margin-left: 5px; color: #12997a; font-size: 14px; font-weight: bold;} 
.staff_pdf_wirte_title > b {font-size: 15px; color: #000000;} 
.staff_pdf_wirte_benefit {margin-top:26px;} 
.staff_pdf_wirte_benefit > b {font-size: 15px; color: #000000; position: relative; z-index: 2;} 
.staff_pdf_wirte_benefit > b::after {content: ""; position: absolute; width: 100%; height: 4px; background-color:#63e2c5; left:0; bottom: 0; opacity: 0.3;} 
.staff_pdf_wirte_benefit span:first-child {margin-top: 16px;} 
.staff_pdf_wirte_benefit span:last-child {align-items: flex-start;} 
.staff_pdf_wirte_benefit span {display: flex; align-items: center; padding-left: 11px; margin-top: 18px;} 
.staff_pdf_wirte_benefit span i {background-image: url(../img/tax_ai_check.png); width: 15px; height: 11px; background-size: contain; margin-right: 8.5px;} 
.staff_pdf_wirte_benefit span p {font-size: 15px; color: #000000; letter-spacing: -0.54px;} 
.staff_pdf_wirte_sec {width: 100%; padding: 12px 0; text-align: center; font-size: 14px; font-weight: bold; color: #ff9900; border: 1px solid #a9adb5; border-radius: 8px; margin-top: 11px;} 
.wrap.staff .btm_button {position: fixed; padding: 0 7.5px 15px; width: calc(100% - 15px); box-shadow: 0 -10px 20px 10px #ffffff; background-color: #ffffff; z-index: 1000;} 
.wrap.staff .btm_button > span {border-radius: 10px; box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 10%); transition: 0.1s ease-in-out; user-select: none;} 
.wrap.staff .btm_button span:first-child {margin-right: 3.5px;} 
.wrap.staff .btm_button span:last-child {margin-left: 3.5px;} 
.wrap.staff .btm_button span.bgc_gray {background-color: #a9adb5;} 
.wrap.staff .btm_button > span:visited {background-color: #c8c8c8;} 
.wrap.staff .btm_button>span.active {background-color: #c8c8c8; transition: 0.2s;} 
.staff_share_title {display: flex; flex-direction: column; align-items: flex-start;} 
.staff_share_title > b {font-size: 18px; color: #222222;} 
.staff_share_title > div {display: flex; flex-direction: column; width: 100%; margin-top: 30px;} 
.staff_share_title > div > span {display: flex; justify-content: space-between; width: 100%; padding: 13px 0;} 
.staff_share_title > div > span:last-child {border-top: 1px solid #c8c8c8;} 
.staff_share_title > div > span > p {font-size: 14px; color: #000000;} 
.staff_share_title > div > span > b {font-size: 14px; color: #000000;} 
.staff_share_title > .staff_thirty_day {width: 100%; padding: 10px 15px; margin-left: -15px; text-align: center; font-size: 14px; color: #818181; margin-top: 0; margin-bottom: 4px; background-color: #fafafa;} 
.staff_share_title > span {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 18px;} 
.staff_share_title > span > i {background-image: url(../img/semo_char.png); width: 22px; height: 24px; background-size: contain; margin-right: 6px;} 
.staff_share_title > span > p {font-size: 14px; color: #222222; text-decoration: underline;} 
.staff_em_info {width: 100%; border-radius: 8px; border: 1px solid #ffffff; overflow: hidden; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);} 
.staff_em_info.show {border: 1px solid #222222; box-shadow: unset;} 
.staff_em_info.show .staff_etc_info {display: block;} 
.staff_em_info.show .staff_em_con {display: flex;} 
.staff_em_info.show .staff_em_info_title {background-color: #fafafa; border-bottom: 1px solid #a9adb5;} 
.staff_em_info.show .staff_em_info_title > i {background-image: url(../img/btn_arr_up_b.png);} 
.staff_em_info.show .staff_info_cell:last-child {padding-bottom: 15px;} 
.staff_em_info > .staff_basic_info_con {width: calc(100% - 30px); margin-left: 15px;} 
.staff_em_info > .staff_basic_info_con .staff_bank_select > div:first-child >div {width:50%;} 
.staff_em_info > .staff_em_textbox {width: calc(100% - 30px); padding: 0 15px; display: block; margin-top: 0 !important;} 
.staff_em_info > .staff_em_textbox > p {font-size: 14px; color: #000000;} 
.staff_em_info.absence {border: 1px solid #a9adb5; box-shadow: none; padding-bottom: 15px; background-color: #ffffff;} 
.staff_em_info.absence .staff_info_cell:last-child {padding: 0;} 
.staff_em_info > .staff_em_textbox > p em {color: #a9adb5;} 
.staff_em_info > .staff_em_textbox textarea {resize: none; margin-bottom: 15px;} 
.staff_em_info.absence .staff_etc_info {display: block;} 
.staff_em_info.absence .staff_em_info_title {border-bottom: 1px solid #c8c8c8;} 
.staff_em_info.absence .salary_name_list_con {margin-top: 15px;} 
.staff_em_info > div:not(:first-child) {display: none;} 
.staff_em_info.show > div:not(:first-child) {display: block;} 
.staff_em_img_plus {width: 100%; padding: 0 15px;} 
.staff_em_img_plus > .staff_info_cell {width: calc(100% - 30px); padding-bottom: 15px !important;} 
.staff_em_img_plus > div > p {font-size:14px; color:#000000;} 
.staff_em_img_plus > div > p em {font-size:14px; color:#a9adb5;} 
.staff_em_info .staff_contract {width: calc(100% - 30px); margin-left: 15px;} 
.staff_em_add_e-mail {width: calc(100% - 30px); padding: 13px 15px} 
.staff_em_add_e-mail > div {display: flex; flex-direction: column;} 
.staff_em_add_e-mail > div span {display: flex; justify-content: space-between; align-items: center;} 
.staff_em_add_e-mail > div span:last-child {margin-top: 8px;} 
.staff_em_add_e-mail > div span p {font-size: 14px; color: #000000;} 
.staff_em_add_e-mail > div span input {border: 0; font-size: 14px; color: #222222; text-align: right;} 
.staff_em_add_e-mail > div span input::placeholder {font-size: 14px; color: #a9adb5;} 
.staff_etc_info > .staff_info_cell {width: calc(100% - 30px); margin-left: 15px;} 
.staff_info_number.disable input {background-color: #efefef;} 
.staff_info_number.disable input::placeholder {color: #818181; font-weight: bold;} 
.staff_info_radio {display: flex; flex-direction: column; margin-top: 25px; width: calc(100% - 30px); margin-left: 15px;} 
.staff_info_radio > p {font-size: 15px; color: #000000;} 
.staff_info_radio > div {margin-top:11px;} 
.staff_info_radio >div input[type=radio] {width: 24px; height: 24px; border: 1px solid #222222; background-image: unset; border-radius: 50%; margin-right: 6px;} 
.staff_info_radio >div input[type=radio]:checked {border: 1px solid #1bd9ac; background-image: unset; border-radius: 50%; background-color: #1bd9ac; background-image: url(../img/check_white.png); background-repeat: no-repeat; background-position: center; background-size: 14px; -webkit-tap-highlight-color: transparent;} 
.staff_info_radio >div input[type=radio]:checked + label {font-weight: bold;} 
.staff_info_radio > div > label {color: #000000; font-size: 15px;} 
.staff_info_radio > div > label:nth-child(2) {margin-right: 20px;} 
.staff_info_radio + .staff_info_cell .staff_em_textbox > p {font-size: 15px; color: #000000;} 
.staff_info_radio + .staff_info_cell .staff_em_textbox > textarea {border: 1px solid #a9adb5; background-color: #ffffff; padding: 10px 15px; width: calc(100% - 32px); height: 106px; margin-top: 11px; border-radius: 8px; resize: none; font-size: 13px; resize: none;} 
.staff_info_radio + .staff_info_cell .staff_em_textbox > textarea:focus {padding: 9px 14px; border: 2px solid #222222;} 
.staff_info_cell .staff_contract {width: 100%; margin-left: 0; margin-top: 11px;} 
.salary_write_req > textarea {border: 1px solid #a9adb5; background-color: #ffffff; padding: 10px 15px; width: calc(100% - 32px); height: 106px; margin-top: 11px; border-radius: 8px; resize: none; font-size: 13px;} 
.salary_write_req > textarea:focus {padding: 9px 14px; border: 2px solid #222222;} 
.staff_em_info:not(:first-child) {margin-top: 11px;} 
.staff_em_info_title {padding: 14px 15px; width: calc(100% - 30px); background-color: #ffffff; display: flex; justify-content: space-between; align-items: center;} 
.staff_em_info_title > b {font-size: 15px; color: #222222; display: flex; align-items: flex-end;} 
.staff_em_info_title > b.info::after {content: "(이메일, 주소)"; color: #a9adb5; font-size: 13px; display: block; font-weight: normal; margin-left: 3px;} 
.staff_em_info_title > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain;} 
.staff_em_info_title > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 7.5px; background-size: contain;} 
.staff_em_con {display: flex; flex-direction: column; padding: 0 15px 21px; display: none;} 
.staff_em_con > span {display: flex; align-items: center; width: 100%; justify-content: space-between;} 
.staff_em_con > span > input {text-align: right; font-size: 14px; color:#000000; border: 0;} 
.staff_em_con > span:not(:first-child) {margin-top:8px;} 
.staff_em_con > span:first-child {margin-top:13px;} 
.staff_em_con > span > p {color: #000000; font-size:14px;} 
.staff_em_con .staff_info_radio {width: unset;} 
.staff_em_info_text {width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-top: 7px;} 
.staff_em_info_text > i {background-image: url(../img/ico_info_gray.png); width: 12px; height: 12px; background-size: contain; margin-right: 3.5px;} 
.staff_em_info_text > p {font-size: 11px; color: #a9adb5; text-align: right; word-break: keep-all;} 
.staff_em_onoff {margin-top: 17px !important;} 
.staff_em_textbox {flex-direction: column; align-items: flex-start !important; margin-top: 23px !important;} 
.staff_em_textbox > textarea {margin-top: 11px; width: calc(100% - 30px); height: 146px; border: 1px solid #a9adb5; border-radius: 8px; background-color: #fcfcfc; padding: 11px 15px; font-size: 14px;} 
.staff_em_info.show > .staff_em_document_wrap {display: block;} 
.staff_em_document_wrap {display: none;} 
.staff_em_document {display: flex; flex-direction: column;} 
.staff_em_document > div {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 30px); padding: 12.5px 15px; border-bottom: 1px solid #c8c8c8;} 
.staff_em_document > div:last-child {border-bottom: 1px solid #c8c8c8;} 
.staff_em_document > div > p {font-size: 14px; color: #000000;} 
.staff_em_document > div > p.new::after {content: "NEW"; font-size: 11px; color: #ff684a; border: 1px solid #ff684a; padding: 0 5.5px; border-radius: 5px; margin-left: 8px;} 
.staff_em_document > div > b {font-size: 14px; color: #a9adb5;} 
.staff_em_document > div > b.on {font-size: 14px; color: #000000;} 
.staff_em_document_wrap .staff_button > b {padding: 5px;} 
.staff_em_document_wrap button {background-color: #1bd9ac; border: 1px solid #17bf98; width: calc(100% - 30px); margin-left: 15px; border-radius: 10px; padding: 15px 0 19px; box-shadow: 0 8px 10px 0 rgb(0 0 0 / 16%); margin:25px 0 25px 15px;} 
.staff_em_document_wrap button > p {color: #ffffff; font-weight: bold; font-size: 16px;} 
.staff_em_document_wrap button > span {color: #ffffff; font-size: 13px; margin-top: 4px; display: block;} 
.staff_etc_info {padding-top: 13px; display: none; background-color: #ffffff;} 
.staff_etc_info .staff_info_cell input.disable {background-color: #fcfcfc;} 
.staff_country_em {width: 30%; display: flex; align-items: center; justify-content: center; position: relative;} 
.staff_country_em > select {font-size: 15px; color: #222222; padding: 0 29px 0 12px; height: 100%; text-align: center; border: 1px solid #a9adb5; border-radius: 8px;} 
.staff_country_em > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; position: absolute; right: 16%; top:50%; transform: translateY(-50%);} 
.staff_owner_name {padding: 20px 15px; margin-bottom: 13px; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.16); padding: 20px 15px; border-radius: 12px; background-color: #ffffff; margin-top: -50px;} 
.staff_owner_name > span {display: flex; justify-content: space-between;} 
.staff_owner_name > span > p {font-size: 16px; color: #818181;} 
.staff_owner_name > span > b {font-size: 16px; color: #222222;} 
.staff_owner_name > span:not(:first-child) {margin-top: 16px;} 
.staff_owner_name > div {margin-bottom: 22.5px; display: flex; align-items: center;} 
.staff_owner_name > div i {background-image: url(../img/ico_c_p_g.png); width: 30px; height: 30px; background-size: contain;} 
.staff_owner_name > div p {font-size: 16px; color: #222222; margin-left: 8px;} 
.staff_owner_name > div em {font-size: 16px; color: #12997a;} 
.staff_owner_name + .staff_em_info {margin-top: 0 !important; background-color: #ffffff;} 
.staff_owner_name + .staff_em_info .staff_info_cell:last-child {padding-bottom: 20px;} 
.staff_info_sample {width: 100vw; height: 32.18vw; margin-left: -15px; display: flex; justify-content: center; flex-direction: column; align-items: center; background-image: url(../img/sample_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: -20px; padding: 13px 0;} 
.staff_info_sample p {font-size: 21px; color: #ffffff;} 
.staff_info_sample span {text-align: center; color: #cbcbcb;} 
.staff_info_share_wrap.em_payroll .staff_top_share {padding-bottom: 179px;} 
.staff_info_share_wrap.em_payroll .staff_owner_name {margin-top: -160px;} 
.staff_info_share_wrap.em_payroll .staff_pay_result_cell:not(:first-child) {border-top: 1px solid #818181; padding-top: 0;} 
.staff_info_share_wrap {display: flex; flex-direction: column; margin-top: -10px; padding-bottom: 30px;} 
.staff_top_share {width: calc(100%); margin-left: -15px; padding: 21px 15px 80px; background-color: #17bf98;} 
.staff_info_share_wrap .staff_main_con {box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.16); padding: 0 15px 17px; border-radius: 12px; background-color: #ffffff;} 
.staff_info_share_wrap .staff_main_con .staff_list_con_wrap {display: block;} 
.staff_info_share_wrap .staff_basic_info_con {background-color: #ffffff;} 
.staff_info_share_wrap .staff_em_info.show {border: 0;} 
.staff_info_share_wrap .staff_em_info:not(:first-child) {margin-top: 0;} 
.staff_info_share_wrap .staff_em_info:not(:first-child) {margin-top: 13px;} 
.staff_info_share_wrap .staff_list_con p span {font-size: 13px; color: #818181; margin-left: 4px;} 
.staff_wemembers {width: 100%; padding: 9.5px 0 13px; background-color: #0056ac; display: flex; flex-direction: column; align-items: center; margin-top: 21px; border-radius: 12px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);} 
.staff_wemembers > p {text-align: center; color: #82e5ff;} 
.staff_wemembers > span {font-size: 12px; color: #ffffff; text-align: center; margin-top: 7px;} 
.staff_date_end {font-size: 12px; color: #222222; text-align: center; margin-top: 20px;} 
.staff_main_con.payroll .staff_title {margin-bottom: 31px; border-bottom:1px solid #222222;} 
.staff_payroll_cell {display: flex; flex-direction: column;} 
.staff_payroll_cell > span {display: flex; justify-content: space-between; align-items: center; padding: 11px 6px;} 
.staff_payroll_cell > span:not(:last-child) {border-bottom: 1px solid #a9adb5;} 
.staff_payroll_cell > span > b {display: flex; align-items: center; justify-content: space-between;} 
.staff_payroll_cell > span > b p {font-weight: normal; font-size: 13px; color: #818181; text-decoration: underline;} 
.staff_count_result {display: flex; align-items: center; margin-top: 16px;} 
.staff_count_result > p {font-size: 15px; color: #818181; margin-right: 4px;} 
.staff_main_con.payroll .staff_count_result + .staff_title {padding-bottom: 15px; margin-bottom: 0;} 
.staff_count_result + .staff_title b {font-size: 20px;} 
.staff_count_result + .staff_title p {font-size: 20px; color: #000000;} 
.staff_pay_result_cell {display: flex; flex-direction: column; color: #000000; padding: 17px 0;} 
.staff_pay_result_cell:first-child {margin-top: 0; border-bottom: 1px solid #818181; padding-top: 0;} 
.staff_pay_result_cell:last-child {padding-bottom: 0;} 
.staff_pay_result_cell > b {font-size: 17px; margin-bottom: 10px;} 
.staff_pay_result_cell > span {display: flex; justify-content: space-between; font-size: 15px;} 
.staff_pay_result_cell > span > b {margin-top: 6px;} 
.staff_empty_doc {display: flex; height: calc(100vh - 36px); justify-content: center; align-items: center; flex-direction: column;} 
.staff_empty_doc > i {background-image: url(../img/staff_empty_doc.png); width: 60px; height: 60px; background-size: contain; margin-bottom: 20px;} 
.staff_empty_doc > p {text-align: center; font-size: 18px; letter-spacing: -0.68px; color: #a9adb5;} 
.staff_em_payroll_memo {width: 100%;} 
.staff_em_payroll_memo > b {font-size: 15px; color: #000000;} 
.staff_em_payroll_memo textarea {width: 100%; height: 146px; background-color: #fcfcfc; border: 1px solid #a9adb5; border-radius: 8px;} 
.staff_pay_result.worker .staff_pay_result_cell:first-child {border-bottom: 0;} 
.staff_top_icon {display: flex; justify-content: space-between; align-items: center;} 
.staff_top_icon > p {font-size: 15px; color: #ffff3a; text-decoration: underline;} 
.staff_top_icon > i {background-image: url(../img/semoJangbu.png); width: 79px; height: 25px; background-size: contain;} 
.staff_top_con {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 15px;} 
.staff_top_con > p {font-size: 13px; color: #12997a; background-color: #f3fff4; padding: 3px 7px; border-radius: 15px; border: 1px solid #12997a;} 
.staff_top_con > span > b {font-size: 20px; color: #ffffff;} 
.staff_top_con > span > p {font-size: 15px; color: #baf9e1; margin-top: 6px; letter-spacing: -0.54px;} 
.staff_pay_result {display: flex; flex-direction: column;} 
.staff_top_specif {text-align: center; margin-top: 25px;} 
.staff_top_specif > b {font-size: 20px; color: #ffffff; border-bottom: 3px solid #ffff3a;} 
.staff_top_specif > b b {font-size: 20px; color: #ffff3a;} 
.staff_top_specif >p {font-size: 20px; color: #f3fff4; margin-top: 21px; font-weight: bold;} 
.staff_top_specif > span {font-size: 14px; color: #baf9e1; margin-top: 4px;} 
.staff_pay_result.worker {padding-top: 16px;} 
.staff_pay_result.worker .staff_pay_name {font-size: 16px; margin-bottom: 0; padding-bottom: 10.5px; border-bottom: 1px solid #818181;} 
.staff_pay_result.worker .staff_pay_result_cell > span {padding: 6px 0 6px 15px;} 
.staff_pay_result.worker .staff_pay_result_cell > span:first-of-type {margin-top: 11px;} 
.staff_pay_result.worker .staff_pay_result_cell > p {padding: 11px 11px 11px 15px; margin-left: -6px; background-color: #fafafa; width: calc(100vw - 74px) !important; border-radius: 8px; margin-top: 11px;} 
.staff_pay_result.worker .staff_pay_result_cell > p span {width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.staff_pay_result.worker .staff_pay_result_cell > span > div {display: flex;} 
.staff_pay_result.worker .staff_pay_result_cell > p span b {font-size:15px; color: #000000;} 
.staff_pay_result.worker .staff_pay_result_cell > span > div {width: 100%; display: flex; justify-content: space-between;} 
.staff_pay_result.worker .staff_pay_result_cell > span > div p {position: relative;} 
.staff_pay_result.worker .staff_pay_result_cell > span > div p.plus::before {content: "+"; position: absolute; border: 1px solid #222222; left: -18px; top: 50%; width: 11px; display: flex; align-items: center; height: 11px; justify-content: center; transform: translateY(-50%);} 
.staff_pay_result.worker .staff_pay_result_cell > span > div p.minus::after {content: "-"; position: absolute; border: 1px solid #222222; left: -18px; top: 50%; width: 11px; display: flex; align-items: center; height: 6px; padding-bottom: 5px; justify-content: center; transform: translateY(-50%);} 
.staff_other_items {display: flex; flex-direction: column;} 
.staff_other_items > div:first-child {padding: 11px 0; margin-top: -11px;} 
.staff_other_items > div:nth-child(2) {display: flex; flex-direction: column; justify-content: space-between; padding: 11px 11px 11px 15px; margin-left: -21px; background-color: #fafafa; width: calc(100vw - 74px) !important; border-radius: 8px;} 
.staff_other_items > div span {display: flex; width: 100%; justify-content: space-between; align-items: center;} 
.staff_other_items > div:last-child span:not(:first-child) {margin-top: 8px;} 
.staff_other_items > div span > p {color: #818181; position: relative;} 
.actual_payment {width: calc(100% - 38px); padding: 13px 34px; margin-left: -15px; position: fixed; bottom: 0; left: 0; background-color: #222222; display: flex; justify-content: space-between; align-items: center;} 
.actual_payment > p {font-size: 18px; color: #ffffff;} 
.actual_payment > b {font-size: 18px; color: #ffffff;} 
.staff_info_em_pay {width: 100%; display: flex; justify-content: space-between;} 
.staff_info_em_pay .staff_info_time_pay {width: 31%;} 
.staff_info_em_pay >input {width: 55% !important; text-align: right;} 
.staff_info_time_pay {position: relative;} 
.staff_info_time_pay > select {width: 100%; padding: 11px 15px; border: 1px solid #a9adb5; border-radius: 8px;} 
.staff_info_time_pay > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; position: absolute; background-size: contain; right: 10%; top: 50%; transform: translateY(-50%);} 
.staff_etc_info .staff_info_cell > div > select {width: 100%; font-weight: bold;} 
.staff_etc_info .date_select:required:invalid {color: #222222;} 
.staff_etc_info .salary_name_list_con {width: calc(100% - 30px); border-bottom: 0; margin-left: 0; justify-content: flex-start;} 
.staff_etc_info .salary_name_list_con input[type=checkbox] {margin-right: 5px; border-radius: 50%; border: 1px solid #222222;} 
.staff_etc_info .salary_name_list_con input[type=checkbox]:checked {background-image: url(../img/check_w.png); border: 1px solid #1bd9ac; background-color: #1bd9ac; background-size: 14px; background-position: center; background-repeat: no-repeat; -webkit-tap-highlight-color: transparent;} 
.staff_em_info > .staff_info_cell {width: calc(100% - 30px); padding: 0 15px; margin-left: 0;} 
.staff_info_remark {padding: 0 15px;} 
.staff_info_remark span p {font-size: 14px; color: #000000;} 
.staff_info_remark span textarea {font-size: 14px; color: #000000; resize: none; width: 100%; margin-top: 6px; border: 0;} 
.staff_info_remark span textarea::placeholder {color: #a9adb5;} 
.staff_etc_info .salary_name_list_con p {font-size: 15px; color: #000000;} 
.staff_info_cell > .csd_calendar_box {width: 100%;} 
.staff_info_cell > .csd_calendar_box p {padding: 11px 13px;} 
.staff_info_cell > .staff_em_detail_info {height: auto; background-color: #ffffff; padding: 0 0; margin-left: 0;} 
.staff_info_cell > .staff_em_detail_info > div {width: 100%; margin-left:unset; margin-top: 15px;} 
.staff_em_detail_info > div > img {width: 100%; height: 100%; object-fit: contain; z-index: 3;} 
.staff_info_phy {display: flex; flex-direction: column; align-items: center; border-radius: 6px; overflow: hidden; border: 1px solid #a9adb5; padding-bottom: 16px;} 
.staff_info_phy + .staff_document_req {margin-top: 21px;} 
.staff_info_top {display: flex; justify-content: space-between; width: calc(100% - 30px); padding: 14px 15px; background-color: #fafafa;} 
.staff_info_top > b {font-size: 15px; color: #222222;} 
.staff_info_top > p {font-size: 15px; color: #000000; text-decoration: underline;} 
.staff_info_phy > p {display: flex; justify-content: space-between; width: calc(100% - 30px); padding: 0 15px;} 
.staff_info_phy > p > span {color:#000000; font-size: 14px;} 
.staff_info_phy > p {margin-top: 13px;} 
.staff_info_phy > p:last-child {margin-top: 8px;} 
.staff_info_con {width: 100%; padding: 16px 15px 16px; display: flex; flex-direction: column; align-items: flex-start; padding-top: 16px; margin-top: 21px; margin-left: -15px; background-color: #fafafa;} 
.staff_info_con > span {display: flex; align-items: center;} 
.staff_info_con > span > i {background-image: url(../img/staff_req.png); width: 25px; height: 13px; background-size: contain; margin-right: 5px;} 
.staff_info_con > span > p {color: #818181; font-size: 14px;} 
.staff_info_con > div {padding: 10px 15px 23px; display: block; width: calc(100% - 30px); border: 1px solid #a9adb5; border-radius: 6px; margin-top: 11px;} 
.staff_info_con > div > p {font-size: 13px; color: #000000;} 
.staff_info_con > div > p > span {color: #a9adb5;} 
.staff_wrapper .common_search_box input::placeholder {color: #222222; font-size: 15px;} 
.staff_basic_info {margin-top: -10px;} 
.staff_basic_alret {padding: 10px 15px; width: 100%; margin-left: -15px; background-color: #fafafa;} 
.staff_basic_alret > p {font-size: 14px; color: #818181;} 
.staff_basic_info_con {display: flex; flex-direction: column; padding-top: 16px;} 
.staff_info_cell > p {font-size: 15px; color: #000000;} 
p.dot::after {content: "*"; color: #ff684a;} 
b.dot::after {content: "*"; color: #ff684a;} 
.staff_info_cell > div {display: flex; width: 100%; margin-top: 11px; justify-content: space-between;} 
.staff_info_cell + .staff_em_info_text {justify-content: flex-start;} 
.staff_info_name {width: calc(70% - 10px)} 
.staff_info_number {width:calc(100% - 32px); position: relative;} 
.staff_info_cell input {width: 100%; border: 1px solid #a9adb5; padding: 11px 15px; border-radius: 8px; font-weight: bold; color: #222222; font-size: 15px; background-color: #ffffff;} 
.staff_info_cell input:focus {border: 2px solid #222222; padding: 10px 14px;} 
.staff_info_name > input {width: calc(100% - 30px);} 
.staff_info_cell input::placeholder {font-size: 15px; color: #a9adb5;} 
.staff_info_number.right input {padding: 11px 30px 11px 15px; width: calc(100% - 15px);} 
.staff_info_number.right input:focus {padding: 10px 29px 10px 14px;} 
.staff_info_number.right::after {content: ""; width: 7.5px; height: 12px; background-image: url(../img/ico_arrow_small_b_right.png); background-size: cover; background-position: center; position: absolute; right: -18px; top: 50%; transform: translateY(-50%);} 
.staff_document_req .staff_em_textbox p {font-size: 14px; color: #818181; display: flex; align-items: center;} 
.staff_document_req .staff_em_textbox p i.message {background-image: url(../img/send_message.png); width: 25px; height: 13px; background-size: contain; margin-right: 3px;} 
.staff_document_req .staff_em_textbox p + textarea {resize: none; height: 86px;} 
.staff_info_cell > div > select {width: 100%; border: 1px solid #a9adb5; border-radius: 8px;} 
.staff_info_cell .logo_bank {min-width: 25px;} 
.staff_info_cell:not(:first-child) {margin-top: 26px;} 
.staff_info_cell:last-child {padding-bottom: 80px;} 
.staff_info_date {width: 100%; position: relative;} 
.staff_info_date.people p {color: #a9adb5; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} 
.staff_info_date.people input {padding: 11px 30px 11px 15px; width: calc(100% - 47px);} 
.staff_info_date.people input:required {box-shadow: unset; border-color: #a9adb5; color: #222222;} 
.staff_info_date.people input:focus {padding: 10px 29px 10px 14px; outline: 0; border-color: #222222;} 
.staff_info_date.people input:focus + p {color: #222222;} 
.staff_info_date.people input:valid + p {color: #222222;} 
.staff_info_date >select {width: 100%; padding: 11px 15px; border: 1px solid #a9adb5; border-radius: 8px; font-size: 15px;} 
.staff_info_date >select:invalid {color: #a9adb5; font-size: 15px;} 
.staff_info_date >select:focus {padding: 10px 14px; border: 2px solid #222222;} 
.staff_info_date > input {width: calc(100% - 30px); padding: 11px 15px; border: 1px solid #a9adb5; font-size: 15px; border-radius: 8px; text-align: right; font-weight: bold; color: #222222;} 
.staff_info_date > input::placeholder {text-align: right;} 
.staff_info_date.reg > input::placeholder {text-align: left;} 
.staff_info_date.reg > input {text-align: left;} 
.staff_info_date > input:focus {border: 2px solid #222222; padding: 10px 14px;} 
.staff_reg_number {width: 100%; display: flex; justify-content: space-between; position: relative;} 
.staff_reg_number::before {content: "-"; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; color:#000000; font-weight: bold;} 
.staff_reg_number > div {width: calc(48% - 10px)} 
.staff_reg_number > div > input {width: calc(100% - 30px);} 
.staff_reg_number > div {display: flex;} 
.staff_paid_radio {display: flex; justify-content: unset !important; align-items: center;} 
.staff_reg_number > div:last-child {display: flex; justify-content: space-between;} 
.staff_reg_number > div:last-child > input {flex: 1; text-align: center; max-width: 44px; padding: 0 0;} 
.staff_reg_number > div:last-child > input:focus {max-width: 42px;} 
.staff_reg_number > div > div {display: flex; align-items: center; flex:2; justify-content: center;} 
.staff_reg_number > div > div .dot {font-size: 8px; color: #cfcfcf; margin-right: 3.5px;} 
.staff_bank_select {width: 100%; display: flex; flex-direction: column;} 
.staff_bank_select > div:first-child {width: calc(100% - 30px); padding: 11px 15px; display: flex; border: 1px solid #a9adb5; border-radius: 8px; align-items: center;} 
.staff_bank_select > div:first-child >div {width: 40%; display: flex; align-items: center;} 
.staff_bank_select > div:first-child >div::after {content: ""; width: 12px; height: 7.5px; background-image: url(../img/btn_arr_down_b.png); background-size: contain; display: block; background-position: center; background-repeat: no-repeat; margin-left: 6px;} 
.staff_bank_select > div:first-child >div > p {font-size: 15px; color: #222222;} 
.staff_bank_select > div:first-child select {width: 100%; padding: 0 0; border: 0; font-size: 15px; position: relative;} 
.staff_bank_select > div:first-child select::after {content: ""; background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; position: absolute;} 
.staff_bank_select > div:first-child input {width: 60%; padding: 0 0; border: 0;} 
.staff_bank_select > div:last-child {display: flex; align-items: center; margin-top: 4px;} 
.staff_bank_search {width: 35%; font-size: 15px; padding: 13px 11px; border-radius: 8px; border: 1px solid #a9adb5; color: #818181; background-color: #efefef; justify-content: space-between; text-align: center;} 
.staff_bank_search.active {color: #222222; background-color: #ffffff; padding: 12px 10px;} 
.staff_bank_search.focus {border:2px solid #222222; padding: 11px 9px;} 
.staff_bank_search.active:focus {border: 2px solid #222222;} 
.staff_bank_search + input {width:65%; padding: 12px 10px; margin-left: 4px; border: 1px solid #a9adb5; background-color: #efefef; color: #818181; font-weight: normal;} 
.staff_bank_search + input::placeholder {color: #818181;} 
.staff_bank_search + input::after {content: "예금주"; color: #222222; display: block;} 
.staff_bank_search + input.active {background-color: #ffffff; color: #222222; padding: 12px 10px;} 
.staff_bank_search + input.focus {border: 2px solid #222222; padding: 11px 9px;} 
.staff_bank_search + input:focus {border: 1px solid #a9adb5;} 
.staff_contract >.staff_contract_top {display: flex; align-items: center; margin-top: 16px;} 
.staff_contract >.staff_contract_top p {font-size: #000000; margin-right: 6px;} 
.staff_contract >.staff_contract_top i {background-image: url(../img/ico_info_g.png); width: 18px; height: 18px; background-size: contain;} 
.staff_contract >.staff_contract_top + .staff_info_date {margin-top: 11px; position: relative;} 
.staff_contract >.staff_contract_top + .staff_info_date i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; top: 50%; transform: translateY(-50%); right: 15px; position: absolute;} 
.staff_contract > .staff_info_date > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; top: 50%; transform: translateY(-50%); right: 15px; position: absolute;} 
.staff_basic_onoff {display: flex; flex-direction: column; margin-top: 26px;} 
.staff_basic_onoff + .staff_basic_onoff {margin-top: 21px;} 
.staff_basic_onoff .staff_em_onoff {display: flex; justify-content: space-between;} 
.staff_basic_onoff .staff_em_onoff > p {font-size: 15px; color: #000000;} 
.staff_basic_info > .salary_write_req {background-color: #ffffff;} 
.staff_basic_info > .salary_write_req > span > p {font-size: 15px; color: #000000;} 
.staff_basic_calc_link {display: flex; flex-direction: column; align-items: center; padding-bottom: 80px;} 
.staff_basic_calc_link > span {font-size: 14px; color: #0095ff; text-decoration: underline; padding: 6px;} 
.staff_basic_calc_link > p {font-size: 11px; color: #a9adb5;} 
.staff_em_country {margin-top: 16px;} 
.staff_em_country > b {font-size: 15px; color: #000000;} 
.staff_em_select_country {display: flex; position: relative; width: 100%; margin-top: 11px; height: 232px;} 
.staff_em_select_country > div {width: 50%;} 
.staff_em_select_country > div > div {display: flex; flex-direction: column; text-align: left; width: calc(100% - 2px); border: 1px solid #222222; margin-top: 45px; background-color: #ffffff; border-radius: 0 0 8px 8px; overflow: hidden;} 
.staff_em_select_country > div > div > span {padding: 11px 14px; font-size: 14px;} 
.staff_em_select_country > div > div > span > b {color: #222222;} 
.staff_em_local {text-align: center; left: 0;} 
.staff_em_local > div {z-index: 5; position: absolute; left:0;} 
.staff_em_foreigner > div {position: absolute; right:0; z-index: 4;} 
.staff_em_foreigner {text-align: center; right: 0;} 
.staff_em_select_country > div > div > span > b::after {content: "*"; color: #ff684a;} 
.staff_company_document {padding-bottom: 80px; margin-top: 70px;} 
.staff_company_document_list {display: flex; flex-direction: column;} 
.staff_em_foreigner > b {color: #222222; font-size: 15px; text-align: center; padding: 11px; display: block; border: 1px solid #f5f5f5; border-radius: 8px 8px 0 0; position: absolute; width:calc(50% - 23px); right: 0; top: 1px; background-color: #f5f5f5; z-index: 9; border-bottom: 1px solid #222222;} 
.staff_em_local > b {color: #222222; font-size: 15px; text-align: center; padding: 11px; display: block; border: 1px solid #f5f5f5; border-radius: 8px 8px 0 0; position: absolute; width: calc(50% - 23px); left: 0; top: 1px; background-color: #f5f5f5; z-index: 2; border-bottom: 1px solid #222222;} 
.staff_em_foreigner > b:visited + div {z-index: 10;} 
.staff_em_local > div > span > input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s;} 
.staff_em_local > div > span > input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.staff_em_local > div > span > em {font-size: 14px; color: #000000;} 
.staff_em_foreigner > div > span > input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s;} 
.staff_em_foreigner > div > span > input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.staff_em_foreigner > div > span > em {font-size: 14px; color: #000000;} 
.staff_company_document_list > b {font-size: 15px; color: #222222;} 
.staff_company_document_list > span {margin-top: 18px; display: flex; align-items: center;} 
.staff_company_document_list > span > b {font-size: 14px; color: #222222;} 
.staff_company_document_list > span > em {font-size: 14px; color: #222222;} 
.staff_company_document_list > span:nth-child(2) {margin-top: 11px;} 
.staff_company_document_list > span > input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s;} 
.staff_company_document_list > span > input[type=text] {flex: 1; padding: 7.5px 15px; border: 1px solid #a9adb5; border-radius: 5px; font-size: 14px; color: #000000;} 
.staff_company_document_list > span > input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.staff_leave {display: flex; justify-content: space-between; align-items: center;} 
.staff_info_cell > p > em {font-size: 15px; color: #a9adb5;} 
.staff_leave > p {font-size: 15px; color: #000000;} 
.staff_leave .csd_calendar_box p {padding: 11px; font-size: 14px;} 
.staff_info_cell .salary_write_req {background-color: #ffffff; margin-top: 0;} 
.staff_info_cell .salary_write_req textarea {background-color: #fcfcfc; margin-top: 0;} 
.staff_document_req {padding: 15px 15px 31px; width: 100%; margin-left: -15px; margin-top: -10px; background-color: #fafafa;} 
.staff_document_req .staff_em_textbox {margin-top: 0;} 
.staff_document_req .staff_em_textbox > b {font-size: 15px; color: #000000;} 
.staff_document_req .staff_em_textbox > textarea {background-color: #ffffff; font-size: 12px;} 
.staff_reason_leave > input {margin-top: 11px; width: calc(100% - 30px);} 
.staff_link_page_con {width: 100%; padding: 26px 15px 80px; margin-left: -15px;} 
.staff_link_page_con >b {font-size: 15px; color:#000000;} 
.staff_link_page_con > div {width: 100%; display: flex; justify-content: center; margin-top: 15px;} 
.staff_link_page_con > div >i {background-image: url(../img/staff_link_page_con.png); width: 189px; height: 423.5px; background-size: contain;} 
.staff_link_page_con > div >i.sample {background-image: url(../img/phy_sample_img.png); width: 189px; height: 350px; background-size: contain;} 
.staff_link_page_con > span {margin-top: 26px; display: block;} 
.staff_link_page_con > span > .card_use_button > input {-webkit-tap-highlight-color: transparent;} 
.staff_wrapper.main .staff_title {position: fixed; background-color: #ffffff; width: calc(100% - 30px); padding: 17px 15px 20px; left: 0; top: 0; z-index: 10;} 
.staff_wrapper.main .staff_list {padding-top: 64px; max-height: calc(100vh - 181px); overflow-y: auto;} 
.staff_button_wrap {position: fixed; background-color: #ffffff; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding-bottom: 20px;} 
.staff_button_wrap .staff_button {margin-top: 20px;} 
.staff_wrapper.main .staff_list {border-bottom: 0;} 
.staff_wrapper.main .staff_list li:last-child {border-bottom: 1px solid #c8c8c8;} 
.staff_main_con.way {display: flex; flex-direction: column; justify-content: flex-start; padding: 15px 20px 17px;} 
.staff_main_con.way span {display: flex; align-items: flex-start; margin-top: 16px; padding: 0 11px;} 
.staff_main_con.way span i {background-image: url(../img/tax_ai_check.png); width
:15px; height: 11px; background-size: contain; min-width: 15px; margin-top: 5px; margin-right: 8px;} 
.staff_main_con.way span p {font-size: 15px; color: #000000; word-break: keep-all;} 
.staff_main_con.way span p em {font-size:13px; color: #a9adb5; text-decoration: underline;} 
.staff_main_con.way b {font-size: 15px; color: #000000; position: relative; width: fit-content; z-index: 2;} 
.staff_main_con.way b::after {content:""; position:absolute; background-color: #63e2c5; width: 100%; height: 5px; bottom: 0; left: 0; z-index: -1; opacity: 0.3;} 
.staff_excel_upload {display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; width: calc(100% - 20px); margin-left: -8px; border-radius: 8px; border: 1px solid #17bf98; background-color: #f3fff4; margin-top: 26px;} 
.staff_excel_upload > p {display: flex; align-items: center; color: #12997a; font-size: 17px;} 
.staff_excel_upload > p i {background-image: url(../img/excel_icon1.png); width: 15px; height: 15px; background-size: contain; margin-right: 7.5px;} 
.staff_excel_upload > i {background-image: url(../img/excel_icon2.png); width: 20px; height: 20px; background-size: contain;} 
.staff_em_local > b.active {color: #222222; font-size: 15px; text-align: center; padding: 11px; display: block; border: 1px solid #222222; border-radius: 8px 8px 0 0; border-bottom: 0; position: absolute; top: 1px; left: 0; background-color: #ffffff; z-index: 10; width: calc(50% - 23px);} 
.staff_em_local > b.active + div {z-index: 5px;} 
.staff_em_foreigner > b.active {color: #222222; font-size: 15px; text-align: center; padding: 11px; display: block; border: 1px solid #222222; border-radius: 8px 8px 0 0; border-bottom: 0; position: absolute; top: 1px; right: 0; background-color: #ffffff; z-index: 11; width: calc(50% - 23px);} 
.staff_em_foreigner > b.active + div {z-index: 10;} 

/* 2021-06-11 급여관리 css 추가 */
.wrap.salary {height: auto; margin-top: 0;} 
.salary_title {width: 100%; padding: 20px 15px; margin-left: -15px; display: flex; align-items: flex-start; background-color: #fafafa; flex-direction: column;} 
.salary_title.plus {margin-top: -10px;} 
.salary_title > div {display: flex; align-items: center;} 
.salary_title .salary_title_top > i {background-image: url(../img/mr_i_m011.png); width: 30px; height: 30px; background-size: contain; margin-right: 8px;} 
.salary_title .salary_title_top > b {font-size: 16px; color: #222222;} 
.salary_select {width: 100%; border: 1px solid #a9adb5; border-radius: 8px; overflow: hidden; margin-top: 12.5px; position: relative;} 
.salary_select > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; position: absolute; right: 15px;} 
.salary_select > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 7.5px; background-size: contain; position: absolute; right: 15px;} 
.salary_select >select {width: 100%; border: 0; padding: 11px 15px; font-size: 15px; font-weight: bold;} 
.salary_cont {display: flex; flex-direction: column; margin: 11px 0; width: 100%; align-items: center;} 
.salary_cont > .salary_setting {font-size: 14px; color: #222222; text-decoration: underline; padding: 5px;} 
.salary_contents_wrap {display: flex; flex-direction: column; width:100%; padding: 0 15px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-top: 16px;} 
.salary_contents_wrap > div {padding: 21px 15px; margin-left: -15px; width: 100%;} 
.salary_contents_wrap > div:not(:first-child) {border-top: 1px solid #c8c8c8;} 
.salary_contents_wrap > div > p {display: flex; justify-content: space-between; color: #222222; font-size: 16px; align-items: center;} 
.salary_contents_wrap > div > p >span {font-size:15px; color: #222222; padding: 4px 14px; border-radius: 15px; border: 1px solid #222222; -webkit-tap-highlight-color: transparent;} 
.salary_contents_wrap > div > em {font-size:13px; color: #818181; width: 55%; display: block; word-break: keep-all; margin-top: 21px;} 
.salary_pay_day_title {display: flex; flex-direction: column; align-items: flex-start; margin-top: 16px;} 
.salary_pay_day_title > b {font-size: 18px; color: #222222;} 
.salary_pay_day_title > span {font-size: 14px; color: #818181; margin-top: 6px;} 
.salary_pay_date {margin-top: 31px;} 
.salary_month_sel > input {background-image: unset; position: relative;} 
.salary_month_sel > label {position: absolute; width: 50%; height: 51px;} 
.salary_pay_date > span {font-size: 15px; color:#222222;} 
.salary_month_sel {width: 100%; margin-left: -6.5px; display: flex; height: 51px; align-items: center;} 
.salary_month_sel > span {width: 50%; display: block; text-align: center;} 
.salary_month_check {margin-top: 31px;} 
.salary_month_check_title {color: #000000; font-size: 15px;} 
.month_select {width: calc(100% - 17px); padding: 8.5px; border-radius: 30px; border: 1px solid #636363; display: flex; margin-top: 16px;} 
.month_select > span {flex: 1; color: #222222; font-size: 16px; text-align: center; padding: 7px 0; border-radius: 20px;} 
.month_select > span.select {background-color: #1bd9ac; color: #ffffff; font-weight: bold;} 
.salary_date_select_title {color: #000000; font-size: 15px;} 
.salary_date_select {margin-top: 26px;} 
.salary_select_wrap {display: flex; justify-content: space-between; width: 100%; margin-top: 11px; position: relative;} 
.salary_select_wrap > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; top: 50%; transform: translateY(-50%); position: absolute; right: 11px;} 
.salary_select_wrap > i.up {background-image: url(../img/btn_arr_up_b.png); background-size: contain;} 
.date_select {width: 100%; border: 1px solid #a9adb5; padding: 11px 8px 11px 15px; border-radius: 8px; font-size: 15px;} 
.date_select:required:invalid {color: #a9adb5;} 
.wrap.salary .btm_button {position: fixed; padding: 0 7.5px 15px; width: calc(100% - 15px); box-shadow: 0 -10px 20px 10px #ffffff; background-color: #ffffff; z-index: 1000;} 
.wrap.salary .btm_button > span {border-radius: 10px; box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 10%);} 
.wrap.salary .btm_button>span:active {background-color: #17bf98; transition: 0.2s;} 
.wrap.salary .btm_button.disable {background-color: transparent; box-shadow: unset;} 
.wrap.salary .btm_button.disable > span {background-color: #a9adb5; box-shadow: unset;} 
.staff_pay_plus_list {display: flex; flex-direction: column; width: 100%; margin-top: 16px;} 
.staff_pay_plus_list > p {margin-bottom: 11px; font-size: 14px; color: #a9adb5;} 
.staff_pay_plus_list > span {width: calc(100% - 30px); border: 1px dashed #222222; padding: 11px 15px; margin-bottom: 6px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; position: relative;} 
.staff_pay_plus_list > span input {width: 100%; border: 0; background-color: transparent; font-weight: bold; color: #222222; font-size: 15px;} 
.staff_pay_plus_list > span i {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: 18px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); padding: 10px;} 
.wrap.staff .btm_button {position: fixed; padding: 0 7.5px 15px; width: calc(100% - 15px); box-shadow: 0 -10px 20px 10px #ffffff; background-color: #ffffff; z-index: 100;} 
.wrap.staff .btm_button > span {border-radius: 10px; box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 10%);} 
.wrap.staff .btm_button>span:active {background-color: #17bf98; transition: 0.2s;} 
.wrap.staff .btm_button.disable {background-color: transparent; box-shadow: unset;} 
.wrap.staff .btm_button.disable > span {background-color: #a9adb5; box-shadow: unset;} 
.wrap.staff .btm_button.cancel > span {color: #e1e1e1; background-color: #fafafa; box-shadow:unset;} 
.salary_alret {display: flex; flex-direction: column; width: 100%; padding: 20px 15px 16px; margin-left: -15px; background-color: #fafafa; position: absolute; bottom: 80px;} 
.salary_alret > p {font-size: 13px; color: #222222; margin-top: 12px;} 
.salary_alret_title {display: flex;} 
.salary_alret_title > b {font-size: 16px; color: #222222;} 
.salary_alret_title > i {background-image: url(../img/ico_bill_G.png); background-size: contain; width: 25px; height: 25px; margin-right: 6px;} 
.salary_write {padding-bottom: 80px;} 
.salary_write_top {width: 100%; display: flex; justify-content: space-between; margin-top: 14px; align-items: center;} 
.salary_write_top > span {padding: 3px 13px 3px 7.5px; display: flex; align-items: center; background-color: #f3fff4; border: 1px solid #00b981; border-radius: 15px;} 
.salary_write_top > span > i {background-image: url(../img/ico_chain.png); width: 19px; height: 19px; background-size: contain; margin-right: 3px;} 
.salary_write_top > span > p {font-size: 13px; color: #00b981;} 
.salary_write_top > em {font-size: 14px; color: #222222; text-decoration: underline;} 
.salary_write_total {display: flex; flex-direction: column; padding: 16px 15px; margin-left: -15px; background-color: #fcfcfc; width: 100%; margin-top: 16px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;} 
.salary_phy_share {border: 1px solid #0095ff; background-color: #ffffff; padding: 3px 14px 3px 14px; border-radius: 15px; text-align: center;} 
.salary_phy_share > p {color:#0095ff; font-size: 13px;} 
.salary_write_total > span > em {font-size: 15px; color: #818181; margin-right: 10px;} 
.salary_write_total > div {display: flex; align-items: center; justify-content: space-between; margin-top: 6px;} 
.salary_write_total > div >p {font-size: 20px; color: #000000;} 
.salary_write_total > div >b {font-size: 20px; color: #000000; letter-spacing: -0.8px;} 
.salary_write_total_detail {width: 100%;} 
.salary_write_total_detail > span {display: flex; justify-content: space-between; padding: 13px 15px; width: 100%; margin-left: -15px; border-top: 1px solid #c8c8c8;} 
.salary_write_total_detail > span:first-child {border-top: 0px} 
.salary_write_total_detail > span:last-child {border-bottom: 1px solid #c8c8c8;} 
.salary_write_total_detail > span > em {font-size: 15px; color: #000000;} 
.salary_write_total_detail > span > p {display: flex; align-items: center;} 
.salary_write_total_detail > span > p > em {margin-right: 4px; color: #000000; font-size: 16px;} 
.salary_write_total_detail > span > p > i {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: 18px; padding: 5px;} 
.salary_write_total_detail + .staff_button {margin-top: 10px;} 
.salary_write_total_detail + .staff_button > b {padding: 10px;} 
.salary_write_req {padding: 13.5px 15px; width: 100%; margin-left: -15px; background-color: #fafafa; margin-top: 11px;} 
.salary_write_req > span {display: flex; align-items: center;} 
.salary_write_req > span > i {background-image: url(../img/staff_req.png); width: 25px; height: 13px; background-size: contain; margin-right: 5px;} 
.salary_write_req > span > p {font-size: 14px; color: #818181;} 
.salary_write_req > textarea {border: 1px solid #a9adb5; background-color: #ffffff; padding: 10px 15px; width: calc(100% - 32px); height: 106px; margin-top: 11px; border-radius: 8px; resize: none; font-size: 13px;} 
.salary_write_req > textarea:focus {padding: 9px 14px; border: 2px solid #222222;} 
.salary_write_em {width: 100%; padding: 12px 15px; margin-left: -15px; background-color: #fafafa;} 
.salray_write_con {width: calc(100% - 30px); background-color: #ffffff; padding: 16px 15px; border: 1px solid #a9adb5; border-radius: 6px;} 
.salray_write_con > .staff_pay_result {padding-top: 0;} 
.salray_write_con .staff_pay_result.worker .staff_pay_name {font-size: 18px;} 
.salray_write_con .staff_pay_result_cell {padding-top: 0; padding-bottom: 5px; border-bottom: 1px solid #c8c8c8 !important;} 
.salray_write_con .staff_pay_result.worker .staff_pay_result_cell > span {padding: 6px 0;} 
.salray_write_con .salary_write_req {background-color: #ffffff;} 
.salray_write_con .salary_write_req p {color: #000000;} 
.salray_write_con .staff_pay_result.worker .staff_pay_result_cell > span > div p.included {color: #12997a;} 
.salray_write_con .staff_pay_result.worker .staff_pay_result_cell > span > div p.not_included {color: #a9adb5;} 
.staff_main_calc {display: flex; flex-direction: column; align-items: center; padding: 45px 0 23px; text-align: center;} 
.staff_main_calc > i {background-image: url(../img/staff_empty_doc.png); width: 60px; height: 60px; background-size: contain;} 
.staff_main_calc > p {font-size: 18px; color: #818181; letter-spacing: -0.68px; margin-top: 20px;} 
.staff_main_calc > span {font-size: 15px; color: #a9adb5; letter-spacing: -0.68px; margin-top: 18px;} 
.salary_write_em_name {border-bottom: 1px solid #a9adb5; width: 100%; padding: 0 15px 16px; margin-left: -15px;} 
.salary_write_em_name > b {font-size: 18px; color: #222222;} 
.salary_write_em_cell {padding-top: 12px;} 
.salary_write_em_cell > div >p {color: #000000; font-size: 15px;} 
.salary_write_em_cell > div:first-child {margin-top: 0;} 
.salary_write_em_cell > div.disable p {color: #a9adb5;} 
.salary_write_em_cell > div.disable input {pointer-events: none; background-color: #efefef; color: #818181;} 
.salary_wrapper {padding-bottom: 80px;} 
.wrap.staff .popup_toast.set_pd_aus .popup_toast_head + div {height: auto; max-height: 50vw;} 
.wrap.staff .popup_toast_tit {display: flex; justify-content: space-between; width: 100%; align-items: center; position: relative; overflow: unset;} 
.wrap.staff .popup_toast_tit i {background-image: url(../img/ico_close_mini.png); width: 15px; height: 15px; background-size: 15px; position: absolute; right: -15px; padding: 15px;} 
.wrap.staff .popup_toast > div {overflow-x:hidden;} 
.salary_write_em_cell > div {margin-top: 26px;} 
.salary_write_em_cell .deli_log {margin-top: 11px;} 
.salary_write_em_cell .deli_log input:focus {border: 2px solid #222222; padding: 9px 15px;} 
.salary_em_onoff {display: flex; align-items: center; justify-content: space-between;} 
.salary_em_onoff .staff_on_off {justify-content: flex-end;} 
.salary_write_em_cell .staff_em_info_text {margin-top: 8px;} 
.salary_write_em_cell .staff_em_info_text > p {font-size: 11px; color: #a9adb5;} 
.staff_em_info:last-child {margin-bottom: 80px;} 
.salary_write_em_cell > .staff_button {border: 1px solid #222222; padding: 13px 0; border-radius: 8px; background-color: #fcfcfc;} 
.salary_write_em_cell > .salary_write_req {background-color: #ffffff;} 
.salary_write_em_cell > .salary_write_req > span > p {color: #000000;} 
.staff_expiration {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.staff_expiration > i {background-image: url(../img/semo_char2.png); width: 130px; height: 130px; background-size: contain;} 
.staff_expiration >p {font-size: 20px; color: #ff684a; text-align: center; margin-top: 12px;} 
.staff_expiration > span {font-size: 15px; color: #a9adb5; text-align: center; margin-top: 18px;} 
.staff_complete {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;} 
.staff_complete > i {background-image: url(../img/semo_char3.png); width: 130px; height: 130px; background-size: contain;} 
.staff_complete >p {font-size: 20px; color: #17bf98; text-align: center; margin-top: 12px;} 
.staff_complete > span {font-size: 15px; color: #a9adb5; text-align: center; margin-top: 18px;} 
.staff_complete > .send_display_wrap {display: none;} 
.staff_expiration > .send_display_wrap {display: none;} 
.staff_reg_info {text-align: center; color: #a9adb5; font-size: 17px; letter-spacing: -0.65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;} 
.staff_reg_info > div {display: flex; flex-direction: column; align-items: center; margin-top:18px;} 
.staff_reg_info > div > i {background-image: url(../img/ico_arrow_small_b_down.png); width: 20px; height: 12px; background-size: contain; animation-iteration-count:infinite; animation-direction: alternate-reverse; animation-fill-mode: both;} 
.staff_reg_info > div > i:first-child {opacity: 0; animation-duration:0.8s; animation-delay: 0.2s; animation-name: chevy_1; transition: 0.1s;} 
.staff_reg_info > div > i:nth-child(2) {opacity: 0; animation-duration:0.8s; animation-delay: 0.4s; animation-name: chevy_2; transition: 0.1s;} 
.staff_reg_info > div > i:nth-child(3) {opacity: 0; animation-duration:0.8s; animation-delay: 0.6s; animation-name: chevy_3; transition: 0.1s;} 
.staff_btn_wrapper {position: absolute; bottom: 0; left:50%; transform: translateX(-50%);} 
.staff_btn_wrapper .staff_button > b {padding: 10px;} 
.staff_btn_wrapper .staff_info {margin-top: 11px;} 
.staff_reg_select_bg {width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 10;} 
.staff_reg_select {width: calc(100% - 30px); height: 170px; background-color: #ffffff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 26px 0 31px;} 
.staff_reg_select > div {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 43px;} 
.staff_reg_select > div > div {flex: 1; display: flex; flex-direction: column; align-items: center; -webkit-tap-highlight-color: transparent;} 
.staff_reg_select > div >div > p {text-align: center; margin-top: 15px; color: #000000;} 
.staff_reg_select > div >div:first-child > i {background-image: url(../img/reg_select_ico_1.png); width: 37px; height: 35px; background-size: contain;} 
.staff_reg_select > div >div:last-child > i {background-image: url(../img/reg_select_ico_2.png); width: 37px; height: 35px; background-size: contain;} 
.staff_reg_select > b {font-size: 20px; color: #000000; text-align: center;} 
.staff_em_enter_d > b {font-size: 15px; color: #000000;} 
.staff_em_enter_d > div {margin-top: 13.5px;} 
.staff_em_enter_d > div > span {width: calc(100% - 30px); padding: 12px 30px; margin-left: -15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #c8c8c8;} 
.staff_em_enter_d .staff_em_detail_info {height: unset; padding-bottom: 70px;} 
.staff_em_enter_d > div > span > select {border: 0; font-size: 14px;} 
.staff_em_enter_d > div > span > select:invalid {color: #a9adb5; font-size: 14px;} 
.staff_em_enter_d > div > span > p {font-size: 14px; color: #000000;} 
.staff_em_enter_d > div > span > p.emphasis::after {content: "*"; font-size: 14px; color: #ff684a;} 
.staff_em_enter_d > div > span > b {font-size: 14px; color: #222222;} 
.staff_em_detail_info {margin-top: 0 !important; padding: 12.5px 15px 0; width: 100%; margin-left: -15px; height: calc(100vh - 260px); background-color: #fafafa;} 
.staff_em_detail_info > div {width: calc(100% - 30px); margin-left: 15px; height: 85px; background-color: #ffffff; border: 1px solid #a9adb5; display: flex; justify-content: center; align-items: center; border-radius: 8px; position: relative; padding: 20px 0;} 
.staff_em_detail_info .staff_del {background-image: url(../img/ico_close_mini.png); width: 15px; height: 15px; background-size: 15px; position: absolute; right: 3px; top: 3px; padding: 10px; z-index: 10;} 
.staff_em_detail_info > div:not(:first-child) {margin-top: 6px;} 
.staff_em_detail_info > div > i {background-image: url(../img/staff_em_detail_info_img.png); width:31px; height: 23px; background-size: contain;} 
.staff_document_pdf {display: flex; flex-direction: column; margin-top: -10px;} 
.staff_pdf_wirte_sec + .staff_document_pdf {margin-top: 0;} 
.staff_document_pdf > div {display: flex; justify-content: space-between; align-items: center; padding: 0 15px; margin-left: -15px; width: 100%; height: 70px; border-bottom: 1px solid #c8c8c8; background-color: #ffffff;} 
.staff_document_pdf > div > i {background-image: url(../img/reg_select_ico_3.png); width: 22px; height: 19px; background-size: contain;} 
.staff_document_pdf span > p {font-size: 14px; color: #000000;} 
.staff_document_pdf span > em {font-size: 12px; color: #a9adb5;} 
.staff_document_pdf div > p {font-size: 14px; color: #a9adb5;} 
.staff_document_pdf div > b {font-size: 14px; color: #222222;} 
.staff_document_pdf > b {font-size: 15px; color: #000000; padding: 12px 15px; width: 100%; margin-left: -15px; background-color: #ffffff;} 
.staff_document_pdf ~ .staff_info_cell {margin-top:12px;} 
.staff_document_pdf ~ .staff_info_cell > .staff_em_detail_info {background-color: unset;} 
.staff_document_pdf ~ .staff_info_cell > .staff_em_detail_info > div {margin-top: 0;} 
.staff_document_pdf.sec_dep >div {height: unset; height: 44px;} 
.staff_document_pdf.sec_dep >div > span input {border: 0; text-align: right; font-weight: bold; color: #222222; font-size: 14px;} 
.staff_reg_select_bg {width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 10;} 
.staff_em_contract {width: calc(100% - 30px); height: 170px; background-color: #ffffff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 26px 0 31px;} 
.staff_em_contract > div {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 36px;} 
.staff_em_contract > div > div {flex: 1; display: flex; flex-direction: column; align-items: center; -webkit-tap-highlight-color: transparent;} 
.staff_em_contract > div >div > p {text-align: center; margin-top: 15px; color: #000000;} 
.staff_em_contract > div >div:first-child > i {background-image: url(../img/reg_select_ico_3.png); width: 40px; height: 40px; background-size: contain;} 
.staff_em_contract > div >div:last-child > i {background-image: url(../img/reg_select_ico_4.png); width: 40px; height: 40px; background-size: contain;} 
.staff_em_contract > b {font-size: 18px; color: #000000; text-align: center;} 
.salary_name_list_top {display: flex; justify-content: space-between; padding: 8px 15px; width: 100%; margin-left: -15px; background-color: #fafafa; border-bottom: 1px solid #c8c8c8;} 
.salary_name_list_top > div {display: flex; align-items: center; flex: 1; justify-content: center;} 
.salary_name_list_top > div:first-child {justify-content: flex-start;} 
.salary_name_list_top > div:last-child {justify-content: flex-end;} 
.salary_name_list_top > div > p {font-size: 14px; color: #222222;} 
.salary_name_list input {border: 1px solid #222222;} 
.salary_name_list input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s;} 
.salary_name_list input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.salary_name_list_con {display: flex; align-items: center; justify-content: space-between; padding: 7px 15px; width: 100%; margin-left: -15px; border-bottom: 1px solid #c8c8c8;} 
.salary_name_list_con >div {display: flex; align-items: center;} 
.salary_name_list_con >div {flex: 1;} 
.salary_name_list_con >div > span {font-size: 14px; color: #222222;} 
.salary_name_list_con >div:nth-child(2) {flex: 2; justify-content: center;} 
.salary_name_list_con >div:last-child {justify-content: flex-end;} 
.salary_name_list_con >div >p {font-size: 14px; color: #222222;} 
.salary_name_list_con >div > input[type=text] {text-align: center; font-size: 14px; color: #818181; border: 1px solid #a9adb5; padding: 6px 0; width: 127px; border-radius: 4px; background-color: #efefef;} 
.staff_em_info .salary_name_list_con {margin-top:26px;} 
.salary_name_list_con.pay >div:nth-child(2) {flex: 1;} 
.kakao_alarm_talk {width: calc(100% - 52px); padding: 23px 26px 26px; margin-left: -15px; background-color: #fafafa; position: absolute; bottom: 80px;} 
.kakao_alarm_talk > span {display: flex; align-items: center;} 
.kakao_alarm_talk > span > i {background-image: url(../img/ico_account_shar.png); width: 25px; height: 25px; background-size: contain; margin-right: 5.5px;} 
.kakao_alarm_talk > span >b {font-size: 16px; color: #222222;} 
.kakao_alarm_talk p {font-size: 13px; color: #222222; margin-top: 15px;} 
.salary_acoount_select {margin-top: 15px;} 
.salary_acoount_select .staff_info_cell >b {color: #222222;} 
.salary_account_money {width: calc(100% - 30px); margin-top: 10px; padding: 15px; border-radius: 6px; background-color: #fafafa;} 
.salary_account_money > span {display: flex; align-items: center; justify-content: space-between;} 
.salary_account_money > span:last-child {margin-top: 10px;} 
.salary_account_money > span > p {font-size: 16px; color: #000000;} 
.salary_em_pay {display: flex; flex-direction: column; margin-top: 15px;} 
.salary_em_pay > div {border-top: 1px solid #efefef; padding: 7px 15px; width: 100%; margin-left: -15px;} 
.salary_em_pay > div:last-child {border-bottom: 1px solid #efefef;} 
.salary_em_pay > div > div {display: flex; align-items: center; justify-content: space-between;} 
.salary_em_pay > div > div input {border: 1px solid #a9adb5; padding: 5px 10px; text-align: right; border-radius: 4px; font-weight: bold; width: 127px;} 
.salary_em_pay > div > div input[type=checkbox] {border: 1px solid #222222; background-image: unset; border-radius: 4px; margin-right: 9px; -webkit-tap-highlight-color: transparent; transition: 0.2s; width: 24px; height: 24px;} 
.salary_em_pay > div > div input[type=checkbox]:checked {background-color: #1bd9ac; border: 1px solid #1bd9ac; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; background-repeat: no-repeat; transition: 0.2s;} 
.salary_em_pay > div > div >p {font-size: 15px; color: #000000;} 
.salary_em_pay > div > div:last-child {display: flex; flex-direction: column;} 
.salary_em_pay > div > div:last-child input {border: 1px solid #a9adb5; border-radius: 4px; padding: 5px 10px; text-align: right; font-weight: bold; font-size: 15px; color: #222222;} 
.salary_em_pay > div > div input.up {color: #ff684a;} 
.salary_em_pay > div > div input.down {color: #0095ff;} 
.salary_wrapper.with_account .staff_em_info_text {width: calc(100% - 48px); flex-direction: column; align-items: flex-end;} 
.salary_wrapper.with_account .staff_em_info_text p.success {color:#12997a;} 
.salary_wrapper.with_account .staff_em_info_text p.fail {color:#ff684a;} 
.salary_wrapper.with_account .staff_account_check {display: flex;} 
.salary_wrapper.with_account .staff_account_check p {font-size: 13px; color: #ffffff; padding: 3px 11px; background-color: #0095ff; border-radius: 5px; margin-top: 6px;} 
.salary_wrapper.with_account .staff_em_info_text > div {width: 100%; display: flex; flex-direction: column; align-items: flex-end;} 
.staff_account_check_con {width: 100%; display: flex; flex-direction: column; align-items: center;} 
.staff_account_check_con > div {display: flex; justify-content: space-between; width: 100%; margin-top: 8px;} 
.staff_account_check_con > div:first-child {margin-top: 10px;} 
.staff_account_check_con > div > em {color: #000000; font-size: 14px;} 
.staff_account_check_con > div > p {color: #000000; font-size: 14px;} 
.salary_name_check {display: flex; align-items: center;} 
.salary_name_check input + p {font-size: 15px; color: #000000;} 
.salary_name_check + .salary_pay_result> div {display: flex; align-items: center;} 
.salary_name_check + .salary_pay_result> div.success::before {content: "성공"; color: #12997a; font-size: 12px; display: block; padding:2px 10px; border-radius: 13px; border: 1px solid #12997a; margin-right: 7px;} 
.salary_name_check + .salary_pay_result> div.fail::before {content: "실패"; color: #ff684a; font-size: 12px; display: block; padding:2px 10px; border-radius: 13px; border: 1px solid #ff684a; margin-right: 7px;} 
.salary_name_check + .salary_pay_result > div >b {color: #222222; font-size: 15px;} 
.salary_name_check + .salary_pay_result > div > i {background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 7.5px; background-size: contain; margin-left: 12px;} 
.salary_name_check + .salary_pay_result > div > i.up {background-image: url(../img/btn_arr_up_b.png); width: 12px; height: 7.5px; background-size: contain; margin-left: 12px;} 
.salary_send_total {display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #222222;} 
.salary_send_total > p {font-size: 20px; color: #000000;} 
.salary_send_total > b {font-size: 20px; color: #000000;} 

/* 원천세 납부 css */
.salary_withholding {padding-top: 18px; width: 100%;} 
.withholding_top {width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.withholding_top > b {font-size: 15px; color: #000000;} 
.withholding_top > span {font-size: 15px; color: #000000;} 
.withholding_top > span b {font-size: 15px; color: #0095ff;} 
.withholding_info {font-size: 13px; color: #ff684a; display: flex; align-items: center; margin-top: 16px;} 
.withholding_info > i {background-image: url(../img/withholding_info.png); width: 15px; height: 15px; background-size: contain;} 
.withholding_info > span {margin-left: 5px;} 
.withholding_con {display: flex; flex-direction: column;} 
.withholding_con .withholding_cell {display: flex; flex-direction: column; width: calc(100% - 30px); padding: 0 15px 17px; background-color: #ffffff; position: relative; margin-top: 23px;} 
.withholding_con .withholding_cell:not(:first-child) {margin-top: 50px;} 
.withholding_con .withholding_cell::before {content: ""; width: 100%; position: absolute; height: 25px; background-size: cover; background-image: url(../img/bill_shadow_top.png); top: -22px; left: 0; background-repeat: no-repeat; background-position: center;} 
.withholding_con .withholding_cell::after {content: ""; width: 100%; position: absolute; height: 25px; background-size: cover; background-image: url(../img/bill_shadow_bottom.png); bottom: -22px; left: 0; background-repeat: no-repeat; background-position: center;} 
.withholding_cell_top {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 0 15px; border-bottom: 1px solid #c8c8c8;} 
.withholding_cell_top >b {color: #222222; font-size: 18px;} 
.withholding_cell_top > p {font-size: 12px; color: #ffffff; background-color: #ff3d23; padding: 2px 8px; border-radius: 10px;} 
.withholding_cell > span {display: flex; align-items: center; justify-content: space-between; margin-top: 17px;} 
.withholding_cell > span > p {font-size: 18px; color: #222222;} 
.withholding_cell > span > b {font-size: 18px; color: #222222;} 
.withholding_cell > span > span {font-size: 18px; color: #222222;} 
.withholding_cell > span > span b {font-size: 18px; color: #222222;} 
.withholding_cell > p {display: flex; justify-content: space-between; margin-top: 10px;} 
.withholding_cell > p > em {font-size: 14px; color: #000000;} 
.withholding_btn {padding: 13px 0; width: 100%; text-align: center; font-weight: bold; border: 1px solid #222222; margin-top: 18px; border-radius: 8px; color: #222222;} 
.withholding_cell.disable .withholding_cell_top >b {color: #a9adb5;} 
.withholding_cell.disable .withholding_cell_top >p {color: #ffffff; background-color: #a9adb5;} 
.withholding_cell.disable > span > p {color: #a9adb5;} 
.withholding_cell.disable > span > b {color: #a9adb5;} 
.withholding_cell.disable > p > em {color: #a9adb5;} 
.withholding_cell.disable .withholding_btn {color: #a9adb5; background-color: #fcfcfc; border: 1px solid #ececec; font-weight: normal;} 
.staff_open_password {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin-top: -10px;} 
.staff_open_password > span {font-size: 18px; color:#000000; text-align: center;} 
.staff_open_password > div {width: 100%; margin-top: 26px;} 
.staff_open_password > div input {width: calc(100% - 30px); padding: 15px 11px; font-size:15px; color: #000000; border: 1px solid #a9adb5; border-radius: 8px; font-weight: bold;} 
.staff_open_password > div input::placeholder {font-size:15px; color: #a9adb5;} 
.staff_open_password > button {margin-top: 16px; background-color: #1bd9ac; color: #ffffff; padding: 11px 0; width:100%; border: 0; border-radius: 8px;} 
.staff_open_password > button span {font-size: 18px;} 
.salary_multy_info {font-size:13px; color: #a9adb5; margin-top: 6px;} 
.staff_reg_c_title {color:#000000; font-size: 18px; text-align: center;} 
.choice_wrapper {position: relative; height: calc(100vh - 163px); display: flex; padding-top: 35%; flex-direction: column; align-items: center;} 
.staff_reg_choice > p {font-size: 14px; color: #818181; text-align: center; margin-top: 10px;} 
.staff_reg_sel_btn {display: flex; align-items: center; justify-content: center; margin-top: 26px;} 
.staff_reg_sel_btn > div {display: flex; flex-direction: column; align-items: center; padding: 27px 30px 24px; background-color: #ffffff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 12px;} 
.staff_reg_sel_btn > div:first-child {margin-right: 12.5px;} 
.staff_reg_sel_btn > div:last-child {margin-left: 12.5px;} 
.staff_reg_sel_btn > div > i.pen {background-image: url(../img/reg_select_ico_1.png); width: 37px; height: 35px; background-size: contain;} 
.staff_reg_sel_btn > div > i.id {background-image: url(../img/reg_select_ico_5.png); width: 37px; height: 35px; background-size: contain;} 
.staff_reg_sel_btn > div span {text-align: center; display: block; margin-top: 15px; color:#000000; font-size: 16px;} 
.staff_not_send_wrap {position: absolute; bottom: 0; display: flex; flex-direction: column; align-items: center; width: 100%;} 
.staff_not_send_info {display: flex; align-items: center;} 
.staff_not_send_info > p {font-size: 15px; color: #a9adb5;} 
.staff_not_send_info > i {background-image: url(../img/ico_info_g.png); width: 18px; height: 18px; background-size: 18px; padding: 6px;} 
.staff_not_send_wrap > p {font-size: 14px; color: #0095ff; text-decoration: underline; margin-top: 16px;} 
.salary_wrapper.self .salray_write_con {padding: 16px 8px 5px; width: calc(100% - 18px);} 
.salary_wrapper.self .salary_write_em_name {border-bottom: 0; width: calc(100% - 14px); padding: 0 7px 16px; margin-left: 0;} 
.salary_wrapper.self .salary_pay_total {display: flex; justify-content: space-between; padding: 10px 12px; width: calc(100% - 24px); border-radius: 8px; background-color: #fafafa;} 
.salary_wrapper.self .salary_pay_total > b {font-size: 17px; color: #000000;} 
.salary_pay_object {display: flex; flex-direction: column;} 
.salary_pay_object > span {display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; margin-top: 11px; border-bottom: 1px solid #a9adb5;} 
.salary_pay_object > span p {font-size: 14px; color: #a9adb5;} 
.salary_pay_object > span b {font-size: 14px; color: #000000;} 
.salary_pay_cell {display: flex; flex-direction: column;} 
.salary_pay_cell > span {display: flex; align-items: center; justify-content: space-between; padding: 4px 0 4px 12px;} 
.salary_pay_cell > span:first-child {padding: 12px 0 4px 12px;} 
.salary_pay_cell > span > p {width: 50%; font-size:15px; color: #000000;} 
.salary_pay_cell > span > div {width: 60%; display: flex; align-items: center; justify-content: flex-end;} 
.salary_pay_cell > span .salary_input_wrap input {border: solid 1px #a9adb5; padding: 5px 16%; font-size: 15px; color: #222222; text-align: right; width: 67%; border-radius: 4px;} 
.salary_pay_cell > span i {background-image: url(../img/ico_close_g.png); width: 18px; height: 18px; background-size: 18px; padding: 6px; min-width: 18px;} 
.salary_input_wrap {width: 100%; position: relative;} 
.salary_input_wrap p {position: absolute; right: 4%; top: 50%; transform: translateY(-50%); font-size: 15px;} 
.staff_info_date.people p {color: #a9adb5; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} 
.staff_info_date.people input {padding: 11px 30px 11px 15px; width: calc(100% - 47px);} 
.staff_info_date.people input:required {box-shadow: unset; border-color: #a9adb5; color: #222222;} 
.staff_info_date.people input:focus {padding: 10px 29px 10px 14px; outline: 0; border-color: #222222;} 
.staff_info_date.people input:focus + p {color: #222222;} 
.staff_info_date.people input:valid + p {color: #222222;} 
.salary_pay_select {width: 100%; margin: 16px 0; position: relative;} 
.salary_pay_select input {width: calc(100% - 30px); padding: 11px 15px; font-size: 15px; border: 1px solid #a9adb5; border-radius: 8px; font-weight: bold;} 
.salary_pay_con {width: 100%; position: absolute; top: calc(100% + 5px); display: flex; flex-direction: column; background-color: #ffffff; border: 1px solid #a9adb5; border-radius: 8px; max-height: 187px; overflow-y: auto;} 
.salary_pay_con > span {width: calc(100% - 30px); padding: 11px 15px;} 
.salary_pay_con > span em {font-size: 15px; color: #222222;} 
.salary_pay_con > span:not(:last-child) {border-bottom: 1px solid #c8c8c8;} 
.salary_pay_select > i {background-image: url(../img/ico_arrow_thin_b_down.png); width: 12px; height: 7.5px; background-size: contain; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} 
.salary_wrapper.excel .salary_title.plus {background-color: #ffffff;} 
.salary_wrapper.excel .salary_title > div input[type="text"] {padding: 11px 15px; width: 100%; font-size: 15px; font-weight: bold; border: 1px solid #a9adb5; border-radius: 8px;} 
.salary_upload_list {display: flex; flex-direction: column;} 
.salary_upload_wrap {padding: 12px 10px 12px 15px; background-color: #ffffff; border: 1px solid #a9adb5; border-radius: 8px; display: flex; flex-direction: column; margin-top: 12px;} 
.salary_upload_wrap:first-child {margin-top: 22px;} 
.salary_upload_wrap.fail {border: 2px solid #ff684a; padding: 11px 9px 16px 14px;} 
.salary_upload_wrap.success {border: 2px solid #17bf98; padding: 11px 9px 16px 14px;} 
.salary_upload_wrap.success .salary_upload_con {display: flex;} 
.salary_upload_wrap.success .salary_upload_btn {display: flex;} 
.salary_upload_wrap.fail .salary_upload_con {display: flex;} 
.salary_upload_wrap.fail .salary_upload_btn {display: flex;} 
.salary_upload_list span {display: flex; align-items: center; justify-content: space-between;} 
.salary_upload_list span em {font-size: 15px; color: #222222; padding: 4.5px 12.5px; border-radius: 16px; background-color: #ebf0f2;} 
.salary_upload_list span p {display: flex; align-items: center; color: #222222;} 
.salary_upload_list span p i {margin-right: 8px; background-size: contain; width: 25px; height: 25px;} 
.salary_upload_list span p i.up1 {background-image: url(../img/excel_up_1.png);} 
.salary_upload_list span p i.up2 {background-image: url(../img/excel_up_2.png);} 
.salary_upload_list span p i.up3 {background-image: url(../img/excel_up_3.png);} 
.salary_upload_list span p i.up4 {background-image: url(../img/excel_up_4.png);} 
.salary_upload_con {display: none; align-items: center; margin-top: 14.5px; position: relative;} 
.salary_upload_con > span {width:100%; justify-content: flex-start; align-items: flex-start; padding: 9px 10px; margin-left: -5px; border-radius: 8px;} 
.salary_upload_wrap.success .salary_upload_con > span {background-color: #f3fff4; border: 1px solid #17bf98;} 
.salary_upload_wrap.success .salary_upload_con > span p span {color: #12997a; display: block;} 
.salary_upload_wrap.fail .salary_upload_con > span {background-color: #fff8f6; border: 1px solid #d22600;} 
.salary_upload_wrap.fail .salary_upload_con > span p span {color: #ff684a; display: block;} 
.salary_upload_con > span p span:last-child {font-size: 13px;} 
.salary_upload_con > span > i {background-size: contain; width: 15px; height: 15px; margin-right: 7.5px;} 
.salary_upload_con > span > i.excel {background-image: url(../img/excel_icon1.png);} 
.salary_upload_con > span > i.pdf {background-image: url(../img/pdf_icon.png);} 
.salary_upload_con > span > p {font-size: 15px; display: flex; flex-direction: column; align-items: flex-start;} 
.salary_upload_con > i.del {background-image: url(../img/btn_pl_close.png); width: 15px; height: 15px; background-size: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} 
.salary_upload_btn {display: none; width: 100%; justify-content: center;} 
.salary_upload_btn p {padding: 8px 33px; font-size: 16px; color: #222222; border: 1px solid #222222; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 8px; margin-top: 16px;} 
.send_display_wrap_bt .send_c_bottom .send_pdf_check {width: calc(38% - 10px); font-size: 13px; color: #a9adb5;} 
.send_display_wrap_bt .send_c_bottom .send_c_fees {width: calc(38% - 10px)} 
.send_display_wrap_bt .send_c_bottom .send_c_shar {width: 25%} 
.send_pdf_check p {width: 100%; text-align: center; padding: 6.5px 0; border: 1px solid #c8c8c8; border-radius: 8px; font-size: 13px;} 
.staff_wrapper.main .staff_title {flex-direction: column;} 
.staff_search_total_wrap {display: flex; width: 100%; justify-content: space-between;} 
.wrap.staff .common_search_box {margin-bottom: 22px;} 
.staff_title > .common_search_box {display: block;} 
.kt_event_bg {width: calc(100vw - 44px); height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; padding: 0 22px; display: flex; flex-direction: column; justify-content: center;} 
.kt_event_top {display: flex; justify-content: space-between; align-items: center;} 
.kt_event_top_l {display: flex; align-items: center; color:#ffffff;} 
.kt_event_top_l > label {font-size: 12px; margin-left: 5px; -webkit-tap-highlight-color: transparent;} 
.kt_event_top_l > input {background-image: unset; border: 1px solid #ffffff; border-radius: 50%; transition: 0.2s;} 
.kt_event_top_l > input:checked {background-color: #17bf98; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; border: 1px solid #17bf98; -webkit-tap-highlight-color: transparent;} 
.kt_event_top_r {display: flex; justify-content: flex-end; color:#ffffff;} 
.kt_event_top_r i.del {background-image: url(../img/ico_close_mini.svg); width: 15px; height: 15px; background-size: 15px; padding: 8px; -webkit-tap-highlight-color: transparent;} 
.kt_event_con {background-color: #ffffff; border-radius: 14.5px; display: flex; flex-direction: column; align-items: center; margin-top: 3px; padding: 16px 0 0; overflow:hidden; margin-bottom: 31px;} 
.kt_event_con > i.kt_popup_event_1 {background-image: url(../img/kt_popup_event_1.svg); width: 207px; height: 24px; background-size: contain;} 
.kt_event_con > i.kt_popup_event_2 {background-image: url(../img/kt_popup_event_2.svg); width:120px; height: 15.5px; background-size: contain; margin-top: 8px;} 
.kt_event_con > i.kt_popup_event_3 {background-image: url(../img/kt_popup_event_3.svg); width: 196.5px; height: 58px; background-size: contain; margin-top: 8px;} 
.kt_event_con > i.kt_popup_event_4 {background-image: url(../img/kt_popup_event_4.png); width: 256px; height: 178px; background-size: cover;} 
.kt_event_text {display: flex; flex-direction: column; justify-content: center; align-items: center;} 
.kt_event_text p {font-size: 8px; color: #161616; margin-top: 13px; word-break: keep-all; width: 70%;} 
.kt_event_text p:last-child {margin-top: 3px;} 
.kt_event_checkbox {display: flex; padding: 0 17px; margin-top: 16px; align-items: center;} 
.kt_event_checkbox input {min-width: 24px; background-image: unset; height: 24px; border: 1px solid #222222; border-radius: 4px; transition: 0.2s; -webkit-tap-highlight-color: transparent;} 
.kt_event_checkbox input:checked {background-color: #2dbdb6; background-image: url(../img/check_w.png); background-size: 15px; background-position: center; border: 1px solid #2cbbb6;} 
.kt_event_checkbox label {font-size: 9px; color: #161616; margin-left: 6.5px; -webkit-tap-highlight-color: transparent;} 
.kt_event_con > .btm_button {width: 100%; position: unset; background-color: #ffc100; background-image: url(../img/kt_popup_btn.svg); background-size: 87px; background-position: center; background-repeat: no-repeat; -webkit-tap-highlight-color: transparent; height: 18.055vw;} 
.kt_event_con.send {padding-top: 0;} 
.kt_event_con > .btm_button.send {background-image: url(../img/send_icon_text.svg); background-size: 198px; margin-top: 0;} 
i.pay_stub {background-image: url(../img/pop_pay_stub.png); width: 100%; background-size: cover; height: 107vw; background-position: top; background-repeat: no-repeat; position: relative;} 
.pay_stub >span {position: absolute; font-style: normal; color: #ffffff; font-size: 12px; right: 12px; bottom: 8px;} 
.pay_stub >span > p {font-style: oblique;} 

/* 절세AI분석 CSS */
/* KG1 */
.reduce_ai {text-align: left; height: 100%;} 
.redu_ai_top {margin:15px 0;} 
.redu_ai_top span {display:block; line-height: 18px; color:#000; text-align: left;} 
.redu_ai_top .pass_1 {font-size: 15px; font-weight:bold; margin-bottom: 3px;} 
.redu_ai_top .pass_2 {font-size:13px;} 
.ai_title {line-height: 18px; text-align: left; color:#000; font-size: 15px; letter-spacing:-0.6px; font-weight: bold; padding: 8.5px 0 12px;} 
.ai_title.green {color: #02b7ae; letter-spacing: -0.76px; font-size: 19px;} 
.ai_section01 .ai_title.green {padding-top: 3.5px;} 
.ai_section02 .ai_title.green,.ai_section03 .ai_title.green {padding-top: 30px;} 
.ai_title span {font-size: 22px; letter-spacing: -0.88px;} 
.ai_content {background-color: #f9f9f9;; border-radius: 8px; width: 100%; padding: 8px 43px; box-sizing: border-box; display: flex; justify-content: center;} 
.ai_section01 .ai_img,.ai_section02 .ai_img,.ai_section05 .ai_img {width: 244px; height: 84px; background-position:center center; background-size: contain; background-repeat: no-repeat;} 
.ai_section01 .ai_img {background-image: url(../img/ai_cont01.png);} 
.ai_section02 .ai_img {background-image: url(../img/ai_cont02.png);} 
.ai_section03 .ai_content {padding: 15px 20px; display: block;} 
.ai_section03 .ai_content span {font-size: 13px; line-height: 18px; letter-spacing: -0.47px; color: #000;} 
.ai_section03 .con_txt_01,
.ai_section03 .con_txt_02 {display: flex; align-items: center;} 
.ai_section03 .con_txt_01 {margin-bottom: 6px;} 
.ai_section03 .con_txt_01 span em {color:#2277f2; font-weight: bold;} 
.ai_section03 .con_txt_02 span em {color:#2dbdb6; font-weight: bold;} 
.ai_section03 .con_txt_01 i,
.ai_section03 .con_txt_02 i {width: 15px; height: 15px; background-size: contain; display:inline-block; background-repeat: no-repeat; margin-right: 8px;} 
.ai_section03 .con_txt_01 i {background-image: url(../img/ai_num01.png);} 
.ai_section03 .con_txt_02 i {background-image: url(../img/ai_num02.png);} 
.ai_section04 .ai_input_wrap {display: flex; overflow: hidden; border: 1px solid #a9adb5; border-radius: 8px;} 
.ai_input_title {font-size: 14px; font-weight: 700; color: #222; display: flex; line-height: 19px; margin:19px 0 12Px;} 
.ai_input_title .ico_cen {width: 19px; height: 19px; background-image: url(../img/ico_noti_black.svg); background-size: contain;} 
.ai_input_title > span {margin-left: 4px;} 
.ai_section04 input[class="agent"] + label {display: flex; justify-content: center; align-items: center; width: 33.3%; padding: 11px 0; font-size: 15px; line-height: 1.5; letter-spacing: -0.36px; background-color: #ffffff; color: #a9adb5;} 
.ai_section04 input[class="agent"]:checked + label {background-color: #2dbdb6; color: #fff;} 
.ai_section04 input[class="agent"] + label:nth-child(2) {border-radius: 8px 0 0 8px;} 
.pass_ins_btn {background-color: #fff; border-radius: 8px; border: 1px solid #2dbdb6; text-align: center; padding: 9px 0; margin-top: 5px; letter-spacing: -0.36px;} 
.pass_ins_btn span {font-size: 18px; line-height: 19.2px; color: #2dbdb6;} 

/* KG2 */
.ai_section04, .ai_section05 {margin-top: 20px;} 
.admit_txt {display:block; font-size: 15px; letter-spacing: -0.54px; color:#000; text-align: left; word-break: keep-all;} 
.ai_input {display: flex; margin-top:7.5px;} 
.ai_input input {border: #fafafa; background-color: #fafafa; border-radius: 8px; height: 45px; width: 100%; padding: 10px 15px; box-sizing: border-box; font-size: 15px; font-weight: bold;} 
.ai_input input::placeholder {color: #787878; font-weight: normal;} 
.ai_input input:first-child {margin-right: 10px;} 
.ai_section05 .ai_img {background-image: url(../img/ai_cont03.png);} 

/* ione 메인 인증서 연결하기 추가 */
.certi_account_link {display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; padding:0 0 40px;} 
.certi_account_link span {font-size: 13px; color:#14c3e8;} 
.certi_account_link > b {font-size: 18px; color: #084a80; margin-top: 13px;} 
.certi_account_link > p {font-size: 14px; color: #c8c8c8; margin-top: 13px;} 

/* ========================= 리뉴얼 버전 영역 =========================== */
/* B250 (다중사업장) */
.popup_bg.agree .popup.bottom {width: calc(100% - 40px); padding: 46px 20px 36px; border-radius: 30px 30px 0 0; transition: 0.3s;} 
.popup.bottom > i.del {position: absolute; right: 20px; top: 24px;} 
.popup_bg.agree .btm_button {position: unset;} 
.popup_title_store_name_wrap {display: flex; align-items: center;} 
.popup_bg.agree .popup_title > b {font-size: 1.250rem; text-align: left; width: fit-content;} 
.popup_bg.agree .popup_title > p {text-align: left; font-size: 14px; color: #a9adb5;} 
.popup_bg.agree .popup_title > p b {text-align: left; font-size: 14px; color: #656565; margin-left: 10px;} 
.popup_bg.agree .popup_title i.del {background-image: url(../img/ico_close_mini_b.svg); position: absolute; width: 4.687vw; height: 4.687vw; background-size: 4.687vw; top: 26px; right: 20px; padding: 5px;} 
.popup_bg.agree .popup_title em {text-align: left; font-size: 12px; display: flex; align-items: center; justify-content: space-between; color:#85888d;} 
.popup_bg.agree .popup_title em span {padding: 6px 13px; border: 1px solid #dddfe1; border-radius: 19px; font-size: 13px; color: #85888d;} 
.popup_bg.agree .btm_button {display: flex; justify-content: space-between;} 
.popup_bg.agree .btm_button.double span {width: calc(65% - 1vw); border-radius: 7px;} 
.popup_bg.agree .btm_button.double > span:first-child {width: calc(35% - 1vw); color: #ffffff !important;} 
.popup_bg.agree .btm_button.double span.c_green {background-color: #16BF98; color: #ffffff !important;} 
.popup_bg.agree .popup_title {width: calc(100vw - 40px); padding: 0 20px 10px; margin-left: -20px;} 
.popup_bg.agree .popup_title.over {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} 
.popup_bg.agree .popup_bottom_con {display: flex; flex-direction: column;} 
.popup_bg.agree .popup_bottom_con.over {height: 230px; overflow-y: auto;} 
.popup_bg.agree .popup_bottom_con input[type="radio"] {border: 1px solid #222222; border-radius: 50%; min-width: 24px;} 
.popup_bg.agree .popup_bottom_con input[type="radio"]:checked {background-color: #00ffba; background-image: url(../img/check_black.svg); background-size: 14px; background-position: center; background-repeat: no-repeat; border-color: #00ffba;} 
.popup_bg.agree .popup_bottom_con > span {display: flex; align-items: center; width: calc(100% - 34px); border: 1px solid #dddfe1; padding: 21px 16px; border-radius: 6px; position: relative;} 
.popup_store_label {font-size: 13px; color: #17bf98; right: 21px; border: 1px solid #17bf98; padding: 3.5px 7px; border-radius: 19px; position: absolute;} 
.popup_store_label.fail {color: #ff684a; border: 1px solid #ff684a;} 
.popup_store_label.uncert {color: #dddfe1; border: 1px solid #dddfe1;} 
.popup_store_name + .popup_store_label {position: unset;} 
.popup_bg.agree .popup_bottom_con > span.active {background-color: #25594d; color: #ffffff;} 
.popup_bg.agree .popup_bottom_con > span.active em {color: #ffffff;} 
.popup_bg.agree .popup_bottom_con > span.active p {color: #ffffff !important;} 
.popup_bg.agree .popup_bottom_con > span.active span {color: #ffffff !important; width: 100%;} 
.popup_bg.agree .popup_bottom_con > span input[type="radio"] {background-image: unset; border: 0;} 
.popup_bg.agree .popup_bottom_con > span.active input:checked {background-color: #25594d; background-image: url(../img/check_white.png); background-size: 14px; background-position: center; background-repeat: no-repeat; border-color: #00ffba;} 
.popup_bg.agree .popup_bottom_con > span.active .popup_store_label {background-color: #ffe45b; color: #222222; font-weight: bold; border-color: #ffd95b;} 
.popup_bg.agree .popup_bottom_con > span.active .popup_store_label.fail {background-color: #ff684a; color: #ffffff; font-weight: bold; border-color: #ff684a;} 
.popup_bg.agree .popup_bottom_con > span.disabled {background-color: #f2f2f2; border: 1px solid #dddfe1; color:#8b8e94;} 
.popup_bg.agree .popup_bottom_con > span.disabled > input {background-image: unset;} 
.popup_bg.agree .popup_bottom_con > span span {font-weight: bold; color: #222222;} 
.popup_bg.agree .popup_bottom_con > span p {color: #222222; font-size: 12px; color: #8a8a8b;} 
.popup_bg.agree .popup_bottom_con > span:not(:first-child) {margin-top: 8px;} 
.popup_phy_info {text-align: left; margin-left: 16px; width: 59%;} 
.popup_phy_info.gray span {color: #bcc1cb !important;} 
.popup_phy_info.gray p {color: #bcc1cb !important;} 
.popup_store_name {position: relative; font-size: 1.313rem; margin-right: 3.125vw; max-width: 64%;} 
.popup_store_name > .popup_store_label {right: -100%; top: 0;} 

/* 다중사업장 홍보 팝업 */
.popup_bg.val.purple .popup.bottom {background: linear-gradient(180deg, rgba(127,85,254,1) 0%, rgba(61,28,159,1) 100%);} 
.popup.bottom {width: calc(100% - 40px); padding: 46px 20px 36px; border-radius: 30px 30px 0 0;} 
i.location_y {background-image: url(../img/location_y.svg); width: 8.125vw; height: 10.93vw; background-size: contain; animation-name: pin; animation-duration: 0.7s; transition: 0.7s; animation-iteration-count: infinite; animation-direction: alternate-reverse;} 
.popup_val_3 i.location_y {position: absolute; right: 7.912vw; top: -4.375vw;} 
.popup_val_title {display: flex; flex-direction: column; justify-content: flex-start; width: 100%;} 
.popup_bottom_con.val {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;} 
.popup_val_1 {background-image: url(../img/val_pop_1.svg); width: 100%; height: 8.75vw; background-size: contain;} 
.popup_val_2 {background-image: url(../img/val_pop_2.svg); width: 43.75vw; height: 12.5vw; background-size: contain; margin-top: 26px;} 
.popup_val_3 {background-image: url(../img/val_pop_3.svg); width: 80.93vw; height: 28.90vw; background-size: contain; position: relative;} 
.popup_val_btn {width: 100%; display: flex; justify-content: space-between; padding: 18px 20px; margin-left: -20px; background-color: #ffffff; position: relative; bottom: -36px;} 
.popup_val_btn span {font-size: 0.938rem; color: #222222;} 
.popup_val_btn p {font-size: 0.938rem; color: #222222;} 
.select_button {background-color: #f8f8f8; padding: 14px; border-radius: 7px;} 
.select_button span {color: #cecece;} 
.select_button.active {background-color: #dddfe1;} 
.select_button.active span {color: #222222;} 

/* 라스트 뷰 */
.content_list_wrapper + .btm_button {position: fixed; bottom: 0;} 
.content_info_share + .content_list_wrapper {padding-bottom:0;} 
.content_list_wrapper + .active_button {position:fixed; left: 50%; transform: translateX(-50%); bottom: 5vw; width: calc(100vw - 12.5vw);} 
.pay_excel_up_title {display: flex; flex-direction: column; align-items: flex-start;} 
.pay_excel_up_title > span {font-size: 1.063rem;} 
.pay_excel_up_title > b {font-size: 1.375rem; margin-top: 1.25vw;} 
.section_info_text {display: flex; align-items: flex-start;} 
.section_info_text > i {min-width: 4.687vw;} 
.section_info_text > p {margin-left: 1.562vw; font-size: 0.750rem; color: #b4bac4;} 
.under_button_click {position: fixed; bottom: 50%; left: 50%; transform: translate(-50%); width: 100%; display: flex; justify-content: center; display: flex; flex-direction: column;} 
.under_button_click > span {text-align: center; font-size: 1.063rem; color: #a9adb5;} 
.listview {width: 100%;} 
.listview_cell {border-top: 0.3125vw solid #f1f1f1; border-bottom: 0.3125vw solid #f1f1f1;} 
.listview_cell_title {padding: 3.0468vw 0; display: flex; align-items: center; justify-content: space-between;} 
.listview_cell_title > em {font-size: 0.813rem; color: #919191;} 
.listview_con {width: 100%;} 
.listview_con > span {margin-top: 4.687vw; display: flex; align-items: center; justify-content: space-between;} 
.listview_con > span:last-child {margin-bottom: 5.156vw;} 
.listview_con > span > i {width: 5vw; height: 5vw; background-size: contain; padding: 2.9687vw; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9; border: 1px solid #efefef; border-radius: 50%;} 
.listview_con span div > p {margin-left: 3.125vw; font-size: 1.063rem;} 
.listview_con > span >div > .ico_new {margin-left: 1.562vw;} 
.listview_con span div > span {font-size: 0.875rem;} 
.listview_con span div > em {font-size: 0.875rem;} 
.listview_con span > div {display: flex; align-items: center;} 
.listview_con span > div > i {background-color: #efefef; border-radius: 50%;} 
.list_status {font-size: 0.718rem; padding: 1.25vw 0; width: 28.43vw; text-align: center; border-radius: 4.062vw;} 
.list_status.contract {border: 0.3125vw solid #ff5757; color: #ff0000;} 
.list_status.c_expire {border: 0.3125vw solid #ff5757; background-color: #ff7272; color: #ffffff;} 
.list_status.document {border: 0.3125vw solid #f6832b; color: #ff8800;} 
.list_status.d_expire {border: 0.3125vw solid #f6832b; color: #ffffff; background-color: #ffb547;} 
.content_info_share {padding: 7.031vw 6.25vw; margin-left: -6.25vw; width: calc(100vw - 12.5vw); border-bottom: 2.812vw solid #f2f3f5;} 
.content_info_share > span {display:flex; align-items: center; justify-content: space-between;} 
.content_info_share > span > i.bi {width: 24.68vw; height: 7.8125vw; background-image: url(../img/semo_logo.svg); background-size: contain; max-width: 125px;} 
.content_info_share > span > p {font-size: 0.750rem;} 
.content_info_share > p {font-size:0.750rem; color: #8b8e93; margin-top: 2.031vw;} 
.content_info_share + .content_list_wrapper {height: unset;} 
.content_info_share + .content_list_wrapper .listview:nth-child(1) .listview_cell {border-top: 0;} 
.content_info_share + .content_list_wrapper .listview:last-child .listview_cell {border-bottom: 0;} 
.content_info_date {width: calc(100vw - 12.5vw); padding: 4.0625vw 6.25vw; margin-left: -6.25vw; background-color: #f2f5f8; display: flex; align-items: flex-start;} 
.content_info_date > span {font-size: 0.750rem; color: #b4bac4; margin-left: 0.9375vw;} 
.content_info_date > span p {font-size: 0.750rem; color: #222222;} 
.content_wemembers {padding: 10.31vw 6.25vw; background-color: #1841a0; width: calc(100vw - 12.5vw); margin-left: -6.25vw; background-image: url(../img/semo_char2.svg); background-repeat: no-repeat; background-size: 30.62vw; background-position: 63.28vw 6.31vw;} 
.content_wemembers > span {color: #a0cef7; font-size: 1rem;} 
.content_wemembers_btn {width: calc(100% - 12.5vw); padding: 4.687vw 6.25vw; border-radius: 3.75vw; background-color: #439aff; margin-top: 7.812vw; box-shadow: 0 2.5vw 5vw 0 #091d4b; display: flex; align-items: center; justify-content: space-between;} 
.content_wemembers_btn > span {color: #ffffff; font-size: 0.875rem; display: flex; flex-direction: column;} 
.content_wemembers_btn > span b {font-size: 1.250rem; margin-bottom: 0.9375vw;} 
.content_info_title {display: flex; align-items: center; justify-content: space-between; margin-top: 5.625vw;} 
.content_info_name {display: flex; flex-direction: column;} 
.content_info_name > span {display: flex;} 
.content_info_name > span em {color: #b4bac4; font-size: 0.938rem; width: 25%;} 
.content_info_name > span p {font-size: 0.938rem; color: #222222;} 
.content_info_name > span:nth-child(2) {margin-top: 1.875vw;} 
.title_v2 + .list_store_wrapper {margin-top: 50px;} 
.list_store_wrapper {width: 100%; padding-top: 15px;} 
.list_store_content {width: 100%;} 
.list_store_content:not(:first-child) {margin-top: 15px; margin-bottom: 14px;} 

/* 상단 타이틀 */
.set_mgtitle {margin-top: 15.30vw;} 
.title_v2 {padding: 3.437vw 4.687vw; width: calc(100vw - 9.374vw); display: flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 22; background-color: #ffffff; font-family: 'Noto Sans KR' !important;} 
.title_v2 ~ .new_content {padding-top: 50px;} 
.title_v2 ~ .new_content .cont_bg.cont_pd {height: unset; padding-bottom: 50px;} 
.title_v2.b_gray {background-color: #f4f5f7;} 
.title_v2 > i {flex: 1;} 
.title_left_v2 {position: absolute; left: 0; top: 50%; transform: translateY(-50%);} 
.title_serach_section {margin-top: 19.98vw; display: flex; align-items: center; justify-content: space-between; background-color: #ffffff; border-radius: 2.5vw; width: 100%; overflow: hidden;} 
.title_serach_section.b_gray {background-color: #f4f5f7;} 
.title_serach_section.b_gray > input {background-color: transparent;} 
.title_serach_section > input {border:0; font-size: 0.938rem; font-weight: bold; height: 100%; padding: 5.312vw 4.687vw; width: 100%;} 
.title_serach_section > input::placeholder {color: #8b8e93;} 
.title_serach_section > i.search {background-image: url(../img/search.svg); width: 6.25vw; height: 6.25vw; background-size: 6.875vw; z-index: 10; padding: 4.687vw; min-width:6.25vw;} 
.title_serach_section > i.del_gray {background-image: url(../img/del_gray.svg); width: 6.25vw; height: 6.25vw; background-size: 6.25vw; z-index: 10; min-width:6.25vw;} 
.title_right_v2 {position: absolute; right: 2.5vw; display: flex; align-items: center; z-index: 5; top: 50%; transform: translateY(-50%);} 
.title_right_v2 > i.search.active {opacity: 0.3;} 
.title_right_v2 > i.menu {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_right_v2 > i.share {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_right_v2 > i.info {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_text_v2 {flex: 1; text-align: left; font-size: 1.062rem; font-weight: 500; padding: 0 37px; color: #000000;} 
.title_serach_section_v2 {width: calc(100vw - 12.5vw); display: flex; align-items: center; border-radius: 2.5vw; margin-top: 3.125vw; position: relative; margin-left: 6.25vw;} 
.title_serach_section_v2 > input {padding: 5vw 14.37vw 5vw 5.4687vw; width: 100%; font-size: 0.938rem; background-color: #f8f8f8; border-radius: 2.5vw; font-weight: 700;} 
.title_serach_section_v2 > input::placeholder {color: #8b8e93; font-weight: 350;} 
.title_serach_section_v2 > i {position: absolute; right: 5.625vw;} 
.title_left_v2 i.left_arrow {padding: 15px; background-size: 22px; z-index: 10; background-image: url(../img/left_arrow.svg); width: 22px; height: 22px;} 
.title_v2 i.search {background-image: url(../img/search.svg); width: 6.25vw; height: 6.25vw; background-size: 6.875vw; z-index: 10; padding: 4.687vw; min-width:6.25vw;} 
.title_v2 i.setting {background-image: url(../img/ico_setting.svg); width: 6.25vw; height: 6.25vw; background-size: 6.875vw; z-index: 10; padding: 4.687vw; min-width:6.25vw;} 
.list_search_result_num {margin: 7.812vw 0;} 
.list_search_result_num > p {text-align: center; font-size: 0.813rem; color: #919191;} 
.list_store_title {font-size: 13px; color: #919191; padding-bottom: 5px;} 
.list_store_title > em {font-size: 13px; color: #919191;} 
.list_store_cell {display: flex; padding: 21px 15px; background-color: #ffffff; border-radius: 8px; border:1px solid #e8e8e8; margin-top: 11px; align-items: flex-start; position: relative; flex-direction: column; justify-content: flex-start;} 
.list_store_cell .list_store_con i.down {display: block;} 
.list_store_cell.uncert .list_store_con i.down {display: none !important;} 
.list_store_cell .list_store_con > i.detail {background-image: url(../img/detail_gray_icon.svg); width: 7.812vw; height: 7.812vw; background-size: contain; position: absolute; right: 4.375vw;} 
.list_store_cell:first-child {margin-top: 0;} 
.list_store_cell i.store_star {background-image: url(../img/store_star.svg); width: 25px; height: 25px; background-size: contain; margin-right: 15px; left: 0; min-width: 25px;} 
.list_store_cell i.store_star.on {background-image: url(../img/store_star_on.svg); width: 25px; height: 25px; background-size: contain; margin-right: 15px; left: 0;} 
.list_store_cell.uncert {background-color: #6d6f71;} 
.list_store_cell.uncert .list_store_con div > b {color: #b4b4b4;} 
.list_store_cell.uncert .list_store_con div > span p {color:#b4b4b4;} 
.list_store_uncert_wrapper {width:calc(100vw - 40px); padding: 0 20px; margin-left: -20px; padding-top: 11px; margin-top: 11px; border-top: 8px solid #f1f1f1;} 
.list_store_uncert_wrapper .list_store_cell.uncert {margin-top: 11px;} 
.list_store_uncert_wrapper .list_store_cell.uncert:first-child {margin-top: 0;} 
i.ico_location {background-image: url(../img/ico_location.svg); width: 18px; height: 18px; background-size: contain;} 
i.ico_tel {background-image: url(../img/ico_tel.svg); width: 18px; height: 18px; background-size: contain;} 
i.store_right {background-image: url(../img/store_right.svg); width: 7px; height:11px; background-size: contain; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} 
i.ico_new {background-image: url(../img/ico_new.svg); width: 21px; height: 21px; background-size: contain;} 
.list_store_con i.ico_fail_red {background-image: unset; font-style: normal; font-size: 9px; padding: 4.5px 10px; border: 1px solid #ff684a; color: #ff684a; border-radius: 19px; margin-left: 6px;} 
.list_store_con i.ico_uncert_gray {background-image: unset; font-style: normal; font-size: 9px; padding: 4.5px 10px; border: 1px solid #b7b7b7; color: #b7b7b7; border-radius: 19px; margin-left: 6px;} 
.list_store_name > span i.right_b {background-image: url(../img/right_b.svg); width: 2.5vw; height: 4.531vw; background-size: contain;} 
.list_store_name {display: flex; justify-content: space-between; align-items: center;} 
.list_store_name > span {display: flex; align-items: center; max-width: 70%;} 
.list_store_name > span> b {font-size: 1.313rem; color: #222222; width: 100%; margin-right: 2.187vw;} 
.list_store_name > i.master {right: 20px;} 
.list_store_content.manage {margin-top: 0; margin-bottom: 0;} 
.list_store_content.manage .list_store_cell {border: 0; padding: 0 0 6.562vw; border-radius: 0; margin-top: 0;} 
.list_store_content.manage .list_store_cell:not(:first-child) {padding-top: 1.562vw;} 
.list_store_content.manage .list_store_cell:last-child {border-bottom: 0; padding-bottom: 0;} 
.list_store_content.manage .list_store_con > div {width: 100%;} 
.list_store_content.manage .list_store_con > div > p {display: flex; align-items: center; font-size: 1.063rem; max-width: 100%; letter-spacing: -0.7px;} 
.list_store_content.manage .list_store_con > div > p i {margin-left: 2.5vw;} 
.list_store_content.manage .list_store_title {border-top: 1px solid #f1f1f1; padding-top: 3.125vw;} 
.list_store_content.manage .list_store_name {border-top: 1px solid #f1f1f1; padding-top: 7.687vw;} 
.list_store_content.manage .list_store_name + .list_store_title {border-top: 0;} 
.list_store_content.manage .list_store_cell_detail {border-top: 0; border-bottom: 1px solid #f1f1f1; padding-bottom: 4.687vw;} 
.list_store_content.manage .list_store_cell_detail:last-child {border-bottom: 0;} 
.list_store_content.manage .list_store_cell_detail > span:first-child {padding-top: 0;} 
.list_store_content.my_customer .list_store_title {width: calc(100vw - 40px); margin-left: -20px; padding: 4.687vw 20px; border-top: 8px solid #f1f1f1;} 
.list_store_content.manage .list_store_cell.uncert {background-color: #ffffff;} 
.list_store_content.manage .list_store_cell.uncert:last-child {margin-bottom: 15px;} 
.list_store_content.manage .list_store_cell.uncert .list_store_con div p {color: #b7b7b7;} 
.list_store_right {display: flex; align-items: center; padding: 1.562vw 3.125vw; background-color: #f8f8f8; border-radius: 4.687vw;} 
.list_store_right.on {color: #17bf98;} 
.list_store_right > i.ico_master {background-image: url(../img/ico_master_off.svg); width: 4.531vw; height: 3.125vw; background-size: cover;} 
.list_store_right > i.ico_master.on {background-image: url(../img/ico_master.svg); width: 4.531vw; height: 3.125vw; background-size: cover;} 
.list_store_con i.master {background-image: url(../img/ico_master_off.svg); width: 9.062vw; height: 9.062vw; background-size: 4.687vw; background-color: #f8f8f8; border-radius: 50%; right: 0; position: absolute;} 
i.master {background-image: url(../img/ico_master_off.svg); width: 9.062vw; height: 9.062vw; background-size: 4.687vw; background-color: #f8f8f8; border-radius: 50%; right: 0; position: absolute;} 
i.master.on {background-image: url(../img/ico_master.svg);} 
.list_store_con i.master.on {background-image: url(../img/ico_master.svg);} 
.list_store_right.on i {background-image: url(../img/ico_master.svg);} 
.list_store_right i {background-image: url(../img/ico_master_off.svg);} 
.list_store_right > p {margin-left: 1.875vw; font-size: 0.813em;} 
.list_store_con div > b {color: #222222; font-size: 15px; display: flex; align-items: center;} 
.list_store_con div > b i.ico_new {margin-left: 6px;} 
.list_store_con div > span {display: flex; align-items: center; margin-top: 4px;} 
.list_store_con div > span p {color: #cacaca; font-size: 12px;} 
.list_store_con div > span em {color: #cacaca; font-size:12px; margin-left: 7px;} 
.list_store_con div > span i.down {background-image: url(../img/ico_arrow_thin_g_down.png); width: 9px; height: 5px; background-size: contain; margin-left:6px;} 
.list_store_con div > span i.up {background-image: url(../img/ico_arrow_thin_g_up.png); width: 9px; height: 5px; background-size: contain; margin-left:6px;} 
.list_store_cell_detail {display: flex; flex-direction: column; width: 100%; border-top: 1px solid #e5e5e5; margin-top: 6.562vw;} 
.list_store_cell_detail > span {display: flex; justify-content: space-between; width: 100%; padding-top: 15px;} 
.list_store_cell_detail > span:not(:first-child) {padding-top: 6.562vw;} 
.list_store_cell_detail > span > em {font-size: 0.875rem; color: #939498; margin-left: 0;} 
.list_store_cell_detail > span > p {font-size: 0.875rem; color: #222222; text-align: right; display: flex; align-items: center;} 
.list_store_cell_detail > span > p i.ico_tel {margin-right: 8px;} 
.list_store_cell_detail > span > p i.ico_location {margin-right: 8px;} 
.list_store_cell_detail > span:last-child p {align-items: flex-start;} 
.list_store_con {display: flex; align-items: center; width: calc(100% - 9.062vw)} 
.list_store_title {display: flex; align-items: center; justify-content: space-between;} 
.list_store_title i.down {background-image: url(../img/ico_arrow_thin_g_down.png); width: 12px; height: 8px; background-size: 12px; padding: 15px; margin-right: -15px;} 
.list_store_title i.up {background-image: url(../img/ico_arrow_thin_g_up.png); width: 12px; height: 8px; background-size: 12px; padding: 15px; margin-right: -15px;} 
.list_store_cell_wrap i.detail {background-image: url(../img/detail_gray_icon.svg); width: 25px; height: 25px; background-size: contain; position: absolute; right: 14px;} 
.list_store_cell_wrap.store_manage {padding-bottom:15px; border-bottom: 1px solid #c8c8c8;} 
.list_store_wrapper .active_button {background-color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 14px; border-radius: 7px; color: #bcc1cb;} 
.list_store_wrapper .active_button i.plus_gray {background-image: url(../img/ico_thin_plus_gray.svg); width: 16px; height: 16px; margin-right: 6px; background-size: contain;} 
.active_button.b_gray {background-color: #f6f7f8;} 
.list_store_con div > .list_manage_title > p {font-size: 1.063rem; color: #222222; letter-spacing: -0.7px; max-width: 60%;} 
.list_store_con div > .list_manage_title > b {font-size: 0.938rem; color: #222222; letter-spacing: -0.7px; max-width: 80%;} 
.list_store_con div > .list_manage_title > i.ico_new {margin-left: 1.875vw;} 

/* 나의사업장관리 */
.store_search_list {height: calc(100vh - 51.23vw);} 
.store_search_null {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; font-size: 13px; color: #7a7a7a;} 

/* 다중인풋 */
.section_content.active:focus {outline: 0;} 
.section_input_wrap + .next_button {margin-top: 3.125vw;} 
.section_input_wrap + .section_button {margin-top: 11.25vw;} 
.section_input_wrap + .btm_button {height: 59px} 
.section_input_wrap + .btm_button span {color: #acb5b9; background-color: #dddfe1;} 
.section_input_wrap + .btm_button.active span {background-color: #17bf98; color: #ffffff;} 
.section_content {position: relative; border: 0.625vw solid #edeef0; border-bottom: 0; min-height: 21.87vw; background-color: #ffffff;} 
.section_content.round {border-radius: 2.5vw 2.5vw 2.5vw 2.5vw !important; border: 0.625vw solid #edeef0;} 
.section_content.round_top {border-radius: 2.5vw 2.5vw !important; border: 0.625vw solid #edeef0; border-bottom:0;} 
.section_content.round_top input {border-radius: 2.5vw 2.5vw 0 0;} 
.section_content.round input {border-radius: 2.5vw !important;} 
.section_content:nth-of-type(1) {border-radius: 2.5vw 2.5vw 0 0;} 
.section_content:last-child {border-bottom: 0.625vw solid #edeef0; border-radius: 0 0 2.5vw 2.5vw;} 
.section_content:nth-of-type(1) input {border-radius: 2.5vw 2.5vw 0 0;} 
.section_content:last-child input {border-radius: 0 0 2.5vw 2.5vw;} 
.section_content > input {border: 0; background-color: #ffffff; width: calc(100% - 10vw); padding: 9.218vw 5vw 4.2185vw; font-size: 1.125rem; min-height: 8.4335vw;} 
.section_content > input ~ label {position: absolute; left: 5vw; bottom: 50%; transform: translateY(50%); font-size: 1.125rem; color: #dfdfdf; transition: 0.3s; z-index: 6; font-weight: 350; display: flex; align-items: center;} 
.section_content > input ~ label.essential {align-items: flex-end;} 
.section_content > input[readonly="readonly"]:valid ~ label {position: absolute; left: 5vw; bottom: 80% !important; transform: translateY(50%); font-size: 1.125rem; color: #dfdfdf; transition: 0.3s; z-index: 6;} 
.section_content > input[required="required"]:focus {outline: none; box-shadow:none; caret-color: #222222;} 
.section_content.active > input {border: 0.625vw solid #222222; position: absolute; border-radius: 2.5vw; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.16); z-index: 5; padding: 10.218vw 4.825vw 5.2185vw;} 
.section_content.active > input[required="required"] {border: 0.625vw solid #222222; position: absolute; border-radius: 2.5vw; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.16); z-index: 5; padding: 10.218vw 4.825vw 5.2185vw;} 
.section_content.active > input + label.essential::after {content: "";} 
.section_content > input:valid + label.essential::after {content: "";} 
.section_content input[id=text5]:valid + label.essential::after {content: none;} 
.section_content input[id=acct_no]:valid + label.essential::after {content: none;} 
.section_content.active > input ~ label.dot::after {color: #ff684a;} 
.section_content.active > input ~ label {bottom: 70%; font-size: 0.813rem; color: #222222 !important;} 
.section_content > input:valid ~ label {bottom: 70%; font-size: 0.813rem; color: #ACB5B9;} 
.section_content.active > input:valid ~ label {color: #222222;} 
.section_content:only-child {border-radius: 2.5vw;} 
.section_content:only-child input {border-radius: 2.5vw;} 
.section_content.readonly > input ~ label {bottom: 70%; font-size: 0.813rem; color: #ACB5B9;} 
.section_content_levy {font-size:0.688rem; color: #adb0b7; padding: 0.625vw 2.812vw; background-color: #fafafa; border-radius: 3.125vw; display: none; margin-left: 2.5vw;} 
.section_content.active .section_content_levy {display: block;} 
.section_content input:valid ~ label .section_content_levy {display: block;} 
.section_content.readonly .section_content_levy {display: block;} 
.section_content.disabled input {color: #acb5b9;} 
.section_content.disabled label {color: #acb5b9;} 
.section_content > input:valid {outline: none;} 
.list_store_content i.master {right:4.687vw;} 
.list_store_content.manage i.master {right:0;} 
.section_input_title > b {font-size: 1rem; color: #222222;} 

/* B257_4_2 */
.send_cancel_wrap {display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%;} 
.send_cancel_wrap .checkmark-circle {margin-bottom: 7.812vw;} 
.send_cancel_title {color: #222222; font-size: 1.563rem; line-height: 1.2; text-align: center;} 
.send_cancel_info {margin-top: 10.06vw; padding: 7.812vw; background-color: #f9f9f9; border-radius: 5.937vw;} 
.send_cancel_info > b {font-size: 1.125rem; color: #222222; padding: 0 0 4.375vw 0; display: block; border-bottom: 1px solid #222222;} 
.send_cancel_info > span p {font-size: 0.875rem; margin-top: 7.812vw; color: #85888d; word-break: keep-all;} 
.wrap.staff .send_cancel_wrap .btm_button span {box-shadow: unset;} 
.val_balloon {background-image: url(../img/val_balloon.svg); width: 100vw; height: 16.25vw; background-size: 100%; position: absolute; left: -15px; bottom: -14.5vw; display: flex; align-items: center; justify-content: space-between; background-repeat: no-repeat; background-position: top;} 
.val_balloon > p {font-size: 13px; color: #000000; margin-top: 1.875vw; font-weight: normal; letter-spacing: -0.52px; display: flex; align-items: center; margin-left: 8.187vw;} 
.val_balloon p > i.semo_char {width: 25px; height:25px; background-size: contain; background-image: url(../img/semo_char.svg); margin-right: 2.5vw; background-repeat: no-repeat; background-position: center;} 
.val_balloon > i.del {width: 12px; height: 12px; background-image: url(../img/ico_close_mini.png); background-size: 12px; position: absolute; right: 4vw; top: 54%; transform: translateY(-50%); padding: 10px;} 
.btm_button.single span {border-radius: 2.5vw; color: #adb0b7 !important; background-color: #dddfe1;} 
.btm_button.single.active span {color: #ffffff !important; background-color: #17bf98;} 
.yellow_toast {width: calc(100vw - 54px); display: flex; align-items: center; position: fixed; top: 8.437vw; left: 50%; transform: translateX(-50%); padding: 4.5px 7px; background-color:#fff351; border-radius: 11.56vw;} 
.yellow_toast > span {font-size: 15px; color: #222222; margin-left: 5px;} 
i.black_info {background-image: url(../img/black_info.svg); width: 17.5px; height: 17.5px; background-size: contain;} 
.yellow_toast > span b {font-size: 18px;} 
/* 아이원 자영업자 체인지업 */
.progress_state_box > p > i {font-style: normal; font-size: 22px; color: #a9adb5;} 
.progress_state_box > p {display: flex; align-items: center; margin: 0 2.5px;} 
.progress_on_title {font-size: 13px; letter-spacing: -0.52px; color: #ffffff; background-color: #0090db; padding: 6px 11px 5px; border-radius: 15px; display: none;} 
.progress_state_box > p.on > em {display: block;} 
.progress_state_box > p.on > i {display: none;} 
.progress_state_box ~ .title_sub {font-size: 16px; letter-spacing: -0.64px; font-weight: bold;} 
/* .change_table tr {border: 1px solid #c8c8c8;} */
.change_table tr {border-top: 1px solid #b1b1b1; display: flex;} 
.change_table tr th {flex: 1;} 
.change_table tr td {flex: 1;} 
.change_table tr:last-child {border-bottom: 1px solid #b1b1b1;} 
.change_table td {font-size: 13px; color: #464646; padding: 10px 8px; word-break: keep-all; display: flex; align-items: center;} 
.change_table th {font-size: 13px; color: #464646; padding: 10px 8px; font-weight: bold; background-color:#e1e1e1; display: flex; align-items: center;} 
.change_table td.bg_white {background-color: #ffffff;} 
.change_sec_table {display: flex;} 
.change_sec_table > span {display: flex; align-items: center; flex: 1; border: 1px solid #b1b1b1; border-top: 0; border-left: 0; border-right: 0;} 
.change_sec_table > span:last-child {border-left: 1px solid #b1b1b1;} 
.change_sec_table > span > p {flex: 1; font-size: 13px; color: #464646; padding:10px 8px; text-align: left; width: calc(100% - 16px); height: calc(100% - 20px); display: flex; align-items: center;} 
.change_sec_table > span > div {display: flex; flex-direction: column; flex: 1; height: 100%;} 
.change_sec_table > span > div >p {font-size: 13px; color: #464646; flex: 1; display: flex; align-items: center; justify-content: center;} 
.change_sec_wrap.sec1 > p {border-right: 1px solid #b1b1b1; background-color: #e1e1e1; font-weight: bold; word-break: keep-all;} 
.change_sec_wrap.sec1 > div p {padding: 18px 0;} 
.change_sec_wrap.sec1 > div > p {background-color: #e1e1e1; font-weight: bold;} 
.change_sec_wrap.sec1 > div > p:first-child {border-bottom: 1px solid #b1b1b1;} 
.change_sec_wrap.sec2 {border-bottom: 1px solid #b1b1b1; flex-direction: column;} 
.change_sec_wrap.sec2 > p {border-bottom: 1px solid #b1b1b1; text-align: right; justify-content: flex-end;} 
.change_sec_wrap.sec2 > p:last-child {border-bottom: 0;} 
.change_table td:last-child {text-align: right; border-left: 1px solid #b1b1b1; display: flex; align-items: center; justify-content: flex-end;} 
.change_table td > input {width: 100%; text-align: right; border:1px solid #222222; padding: 0 3px;} 
.change_table input[type=text] {padding: 5px 0; padding-right: 6px; border-color: #b1b1b1;} 
.change_table input[type=number] {padding: 5px 0; padding-right: 6px; border-color: #b1b1b1;} 
.change_text {display: flex; flex-direction: column;} 
.change_text.check_list {background-color: #fafafa; border-radius: 16px; padding: 20px 16px; font-weight: normal; line-height: 1.43; letter-spacing: -0.56px;} 
.change_text > span {font-size: 14px; color: #222222; letter-spacing: -0.24px; display: block; word-break: keep-all;} 
.change_text > span:not(:first-child) {margin-top: 8px;} 
.change_input_wrap {background-color: #fafafa; padding: 15px; border-radius: 0 0 16px 16px;} 
.change_input_con {display: flex; justify-content: space-between;} 
.change_input_con:not(:first-child) {margin-top: 12px;} 
.change_input_con > span {display: flex; align-items: center; width: 50%;} 
.change_input_con > span >input[type="checkbox"] {border: 1px solid #222222; border-radius: 5px;} 
.change_input_con > span >input[type="checkbox"]:checked {background-image: url(../img/check_w.png); background-color: #0090db; background-repeat: no-repeat; background-position: center; background-size: 15px; border-color: #0090db;} 
.change_input_con > span >input + label {font-size: 14px; margin-left: 5px; color: #222222; letter-spacing: -0.24px;} 
.change_input_wrap + .change_text span {font-size: 12px; color: #8a8a8b; letter-spacing: -0.24px;} 
.change_input_con + .change_text span {font-size: 12px; color: #8a8a8b; letter-spacing: -0.24px;} 
.change_up_error {display: flex; justify-content: center; align-items: center;} 
.change_up_error .send_display_wrap {display: flex; flex-direction: column; align-items: center;} 
.change_up_error + .loan_noti_box {font-weight: lighter; word-break: keep-all;} 
.change_up_error_text {text-align: center; width: 100%; display: block; font-size: 16px; color: #222222;} 
.change_up_error_text + .loan_noti_box p {font-size: 14px;} 
.change_up_error .send_display_wrap .c_ff3d3d {margin-top: 13px; font-size: 25px;} 
.wrap.change_up .send_display_wrap {display: flex; justify-content: center;} 
.ione_insurance_wrap .send_display_wrap {flex-direction: column; align-items: center;} 
.ione_insurance_wrap .send_display_wrap p {font-size: 20px; color: #0090db; letter-spacing: -0.24px;} 
.loan_notice_text {display: flex;} 
.loan_notice_text:not(:first-child) {margin: 16px 0;} 
.loan_notice_text:nth-of-type(1) {margin-top: 25px;} 
.loan_notice_text i {padding-right: 5px; padding-top: 3px; color: #85888d;} 
.loan_notice_text span {line-height: 1.57; color: #85888d; letter-spacing: -0.56px; font-weight: lighter;} 

/* 2021-10-20 서비스 결제관리 */
.payment_wrap {height: 100%; display: flex; flex-direction: column; justify-content: space-between;} 
.payment_title {font-size: 17px; color:#000000; display: block; margin-top: 17.5px;} 
.payment_service {display: flex; flex-direction: column;} 
.payment_service_cell {margin-top: 15px; padding: 21px 16px 13px 16px; height: 150px; border-radius: 15px; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; justify-content: space-between; position: relative;} 
.payment_service_cell > div {display: flex; align-items: center; justify-content: space-between;} 
.payment_service_cell > div > span {display: flex; align-items: center;} 
.payment_service_cell > div > span > input[type="radio"] {border-radius: 50%; border: 1px solid #a0a0a0; background-image: unset;} 
.payment_service_cell > div > span > input[type="radio"]:checked {background-color: #028b83; border: #028b83; background-image: url(../img/check_white.png); background-size: 15px; background-position: center; background-repeat: no-repeat;} 
.payment_service_cell > div > span > label {font-weight: 700; color:#464646; font-size:30px; margin-left: 7px;} 
.payment_service_cell > div > p {font-size: 24.5px; color: rgba(0, 0, 0, 0.2); font-weight: 700;} 
.payment_service_cell > span {font-size: 13px; color:#464646;} 
.payment_service_cell > span > em {padding: 0 6px; border-left: 1px solid #464646; border-right: 1px solid rgba(70, 70, 70, 0.4); line-height: 1.7;} 
.payment_service_cell > span > em.c_gray {color: #464646 !important; opacity: 0.4;} 
.payment_service_cell > span > em:not(:first-child) {border-left: 0;} 
.payment_service_cell > span > em:first-child {padding-left: 0; border-left: 0;} 
.payment_service_cell > span > em:nth-child(3) {border-right: 0;} 
.payment_service_cell > span > em:nth-child(5) {padding-left: 0;} 
.payment_service_cell > span > em:last-child {padding-right: 0; border-right: 0;} 
.payment_service_cell .payment_service_bottom {display: flex; justify-content: flex-end; position: relative;} 
.payment_service_cell .payment_service_bottom.preminum::after {content: ""; position: absolute; bottom: 0; width: calc(100% - 155px); height: 1px; background-color: #464646; left: 0; opacity: 0.27;} 
.payment_service_cell .payment_service_bottom.free::after {content: ""; position: absolute; bottom: 0; width: calc(100% - 89px); height: 1px; background-color: #464646; left: 0; opacity: 0.27;} 
.payment_service_cell.active {background-image: linear-gradient(114deg, #00b2b2 -9%, #00b282 48%, #00b259 103%); box-shadow: unset;} 
.payment_service_cell.active .payment_service_bottom::after {background-color: #ffffff; opacity: 0.4;} 
.payment_service_cell.active > div > span > label {color:#ffffff;} 
.payment_service_cell.active > div > p {color:#000000; opacity: 0.58;} 
.payment_service_cell.active > span > em {color:#ffffff !important; border-color: rgba(255,255,255,0.4); font-weight: 450;} 
.payment_service_cell.active > span > em.c_gray {color:rgba(255, 255, 255, 0.4) !important; border-color: rgba(255, 255, 255, 0.4); opacity: 1;} 
.payment_service_cell.active .payment_service_bottom b {color: #ffffff;} 
.payment_free_date {position: absolute; bottom: 0; right:16px; transform: translateY(100%); font-weight: 500; font-size: 13px; padding: 4px 6px; background-color: #ffd21e; color:#464646; border-radius: 0 0 9px 9px;} 
.payment_service_bottom > b {font-size: 30px; color: #464646;} 
.payment_service_info {font-size:13px; color: #464646; margin-top: 38px; padding: 18px 17px; border-radius: 15px; background-color: #f0f0f0; line-height: 1.69; word-break: keep-all;} 
.payment_service_info.kt_show {display: none;} 

/* 서비스결제관리 요금안내 */
.payment_service_pro {width:calc(100vw - 30px); padding: 35px 15px; margin-left: -15px; background-color: #f4f5f7;} 
.payment_pro_title {color: #464646; font-size: 25px;} 
.payment_pro_title > b {position: relative; z-index: 2;} 
.payment_pro_title > b::after {content: ""; position: absolute; width: 100%; height: 8px; background-color: #4ad691; left: 0; bottom: 2px; z-index: -1; border-radius: 10px;} 
/* 2022-07 20 서비스결제관리 이미지 처리 부분 */
.payment_service_table {width: 100%; height: 118vw; margin-top: 28px;} 
.payment_service_table .ico_cont {width: inherit; height: inherit;} 
/* 2022-07 20 서비스결제관리 이미지 처리 부분 END */
.payment_choose {margin: 50px 0;} 
.payment_choose * {text-align: center; padding: 10px 0;} 
.payment_choose tr th {font-size: 20px; font-weight: 700; position: relative; z-index: 1;} 
.payment_choose tr th:last-child {color: #fff;} 
.payment_choose tr td:last-child {color: #fff;} 
.payment_choose tr td {font-size: 12px; font-weight: 500; position: relative; z-index: 1;} 
.payment_choose tr:nth-child(1) th:nth-child(2) {position: relative; z-index: 1;} 
.payment_choose tr:nth-child(1) th:nth-child(2):before {content: ''; position: absolute; width: 95%; height: 307px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16); top: -13px; left: 50%; transform: translatex(-50%); background-color: #fff; z-index: -1; border-radius: 15px;} 
.payment_choose tr:nth-child(1) th:nth-child(2):after {content: ''; position: absolute; width: 50%; height: 1px; background-color: #7b7b7b; top: 53px; left: 50%; transform: translate(-50%);} 
.payment_choose tr:nth-child(1) th:nth-child(3) {position: relative; z-index: 1;} 
.payment_choose tr:nth-child(1) th:nth-child(3):before {content: ''; position: absolute; width: 95%; height: 307px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16); top: -13px; left: calc(50% + 2px); transform: translatex(-50%); z-index: -1; border-radius: 15px; background-color: #00b259;} 
.payment_choose tr:nth-child(1) th:nth-child(3):after {content: ''; position: absolute; width: 50%; height: 1px; background-color: #7b7b7b; top: 53px; left: 50%; transform: translate(-50%); background-color: #fff;} 
.payment_result_page {box-shadow: 0 3px 6px 0 rgba(154, 154, 154, 0.25); border-radius: 15px; position: relative;} 
.payment_result_page::before {content: ""; width: 42px; height: 42px; background-image: url(../img/payment_corner.webp); transform: rotate(180deg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: -10px; left: -10px;} 
.payment_result_page::after {content: ""; width: 42px; height: 42px; background-image: url(../img/payment_corner.webp); background-position: center; background-repeat: no-repeat; position: absolute; bottom: -10px; right: -10px; background-size: contain;} 
.payment_result_page > span {width: calc(100% - 30px); display: flex; justify-content: space-between; align-items: center; background-image: linear-gradient(to left, #00b2b2, #00b282 54%, #00b259); padding: 10px 15px 5px; border-radius: 15px 15px 0 0;} 
.payment_result_page > span > em {font-size: 25px; color: #ffffff;} 
.payment_result_page > span > p {font-size: 22px; color: #ffffff;} 
.payment_result_page > span > p > em {font-size: 20px;} 
.payment_result_cell {display: flex; flex-direction: column; padding: 21px 15px; border-radius: 0 0 15px 15px;} 
.payment_result_cell > span {display: flex; align-items: center;} 
.payment_result_cell > span:not(:first-child) {margin-top: 6px;} 
.payment_result_cell > span > p {font-size: 14px; color: #00b25e; font-weight: 450;} 
.payment_result_cell > span > em {font-size: 14px; color: #222222; margin-left: 4px; font-weight: 450;} 
.section_input_wrap > .payment_service_info {background-color: #e2e2e2;} 
.section_content.input_account.active .section_input_account_wrap {border: 0.625vw solid #222222; padding: 12.218vw 4.375vw 4.2185vw; border-radius: 2.5vw; box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.16); z-index: 5; position: relative; margin-top: -2vw;} 
.section_content.input_account.active.error .section_input_account_wrap {border: 0.625vw solid #f31818;} 
.section_input_account_wrap {display: flex; padding: 10.218vw 4.375vw 4.2185vw; background-color: #ffffff;} 
.section_select_bank {display: flex; align-items: center;} 
.section_select_bank > input {border: 0; margin-left: 2.5vw; font-size: 1rem; width: 100%;} 
.section_select_bank > input:valid {display: block;} 
.section_select_bank > input:valid ~ i {display: block;} 
.section_select_bank > i.down {min-width: 2.812vw; background-image: url(../img/btn_arr_down_b.png); width: 12px; height: 8px; background-size: contain;} 
.section_input_account .section_select_bank > i.down {display: none !important;} 
.section_content.active .section_input_account .section_select_bank > i.down {display: block !important;} 
.section_select_bank > input::placeholder {color: #a1a1a3; font-size: 1rem;} 
.section_select_bank > .section_bank_title {font-size: 1rem; color: #222222; border: 0; background-color: transparent; margin-left: 0; width: 19vw;} 
.section_bank_title::placeholder {color: #222222 !important;} 
.section_select_bank > label {position: absolute; left: 4.375vw; bottom: 50%; transform: translateY(50%); font-size: 1.125rem; color: #dfdfdf; transition: 0.3s;} 
.section_content.input_account.active .section_select_bank > label {bottom: 80%; font-size: 0.813rem; color: #222222;} 
.section_content.input_account.active .section_select_bank > label::after {display: none;} 
.section_content.input_account .section_select_bank > input {display: none;} 
.section_content.input_account .section_select_bank > .section_bank_title {display: none;} 
.section_content.input_account .section_select_bank > .section_bank_title:valid {display: block;} 
.section_content.input_account .section_select_bank > i {display: none;} 
.section_content.input_account.active .section_select_bank > input {display: block;} 
.section_content.input_account.active .section_select_bank > input:focus {box-shadow: unset;} 
.section_content.input_account.active .section_select_bank > .section_bank_title {display: block;} 
.section_content.input_account.active .section_select_bank > .section_bank_title:valid ~ label.essential::after {content: "";} 
.section_content.input_account.active .section_select_bank > i {display: block;} 
.section_content.input_account .section_select_bank > input:valid {display: block !important;} 
.section_content.input_account .section_select_bank > input:valid ~ input {display: block;} 
.section_select_bank > input:valid ~ label {bottom: 80%; font-size: 0.813rem; color: #222222;} 
.section_content.input_account .section_select_bank > input:valid ~ i {display: block;} 
.section_search_btn {width: fit-content; display: none;} 
.section_content.active .section_search_btn {display: block;} 
.section_content.active .section_select_bank {display: flex;} 
.section_search_wrap {display: flex; align-items: center; margin-top: 3.125vw;} 
.section_search_btn p {font-size: 0.750rem; padding: 1.875vw 3.75vw; border-radius: 5vw; background-color: #f8f8f8; color: #cbcbcb; border: 0.3125vw solid #f2f2f2;} 
.section_search_btn.active p {border: 0.3125vw solid #76787B; background-color: #8B8E93;} 
.section_account_user {font-size: 1.188rem; font-weight: 700; margin-left: 4.062vw; display: none;} 
.section_account_error {display: flex; align-items: center; margin-left: 1.562vw; display: none;} 
.section_account_error p {font-size: 0.750rem; color: #F31818; margin-left: 0.9375vw;} 
i.error_red {background-image: url(../img/error_red.svg); width: 15px; height: 15px; background-size: contain;} 
.popup_bg.changeup {align-items: flex-end;} 
.popup_bg.changeup .yellow_toast {top: 5.437vw;} 
.popup_bg.changeup .popup {width: calc(100vw - 30px); height: 83vh; background-color: #ffffff; margin-bottom: 6.562vw; border-radius: 15px; position: relative; display: flex; flex-direction: column; justify-content: space-between;} 
.popup_bg.changeup .popup .btm_button {position: unset; margin-bottom: 20px; width: calc(100% - 28px); margin-left: 14px; border-radius: 7px; overflow: hidden;} 
.popup_change_title {font-size: 26px; color: #222222; margin-top: 20px; display: block;} 
.popup_change_sel {position: relative; height: 47vh; margin-top: 18px;} 
.popup_change_sel_cell {padding: 22px 16px; justify-content: space-between; width: 55vw; height: calc(100% - 44px ); position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; box-shadow: 8px 12px 50px 0 rgba(0, 0, 0, 0.16); border-radius: 15px; transition: 0.5s ease-in-out;} 
.popup_change_sel_cell.preminum {background-image: linear-gradient(123deg, #00b2b2 2%, #00b259 111%); display: flex; flex-direction: column; border-radius: 15px; z-index: 2;} 
.popup_change_sel_cell.preminum.active {background-image: none; background-color: #fff;} 
.popup_change_sel_cell.free {left:60%; background-image: linear-gradient(139deg, #a5a8b7 -7%, #55585e 98%); z-index: 1; padding: 0 0; display: flex; flex-direction: column;} 
.popup_change_sel_cell.free.active {background-image: none; background-color: #fff;} 
.popup_change_sel_cell > span {color: #ffffff;} 
.popup_change_sel_cell > span > b {font-size: 30px;} 
.popup_change_sel_cell > span > p {font-size: 21px; margin-top: 6px;} 
.popup_change_sel_cell > span:first-child {display: flex; flex-direction: column; align-items: flex-end;} 
.popup_change_sel_cell > span:last-child {display: flex; flex-direction: column; align-items: flex-start;} 
.popup_change_sel_cell > span > em {margin-top: 6px;} 
.change_radio_btn_wrap {display: flex; align-items: center; justify-content: center; margin-top: 17px; gap: 15px;} 
.change_radio_btn {display: flex; align-items: center;} 
.change_radio_btn > input[type="radio"]:checked {background-color: #00b25e; border-radius: 50%; background-image: url(../img/check_white.png); background-size: 15px; background-position: center; background-repeat: no-repeat;} 
.change_radio_btn > input[type="radio"]:checked + label {color: #00b25e;} 
.change_radio_btn > label {font-size: 25px; color:#464646; margin-left: 8px; font-weight: 700;} 
.chagne_swich_text {display: flex; align-items: center; justify-content: center; margin: 11px 0;} 
.chagne_swich_text > p {font-size: 13px; margin-left: 5px;} 
i.info_bg_gray {background-image: url(../img/ico_noti_bg_g.svg); width: 13px; height: 13px; background-size: contain;} 
.change_info_check_wrap {margin-top: 26px;} 
.change_info_title {display: flex; width: calc(100% - 34px); background-color: #0090db; padding: 13px 17px; border-radius: 8px 8px 0 0;} 
.change_info_title > b {color: #ffffff;} 
.change_info_con {width: calc(100% - 30px); padding: 15px; background-color: #fafafa; border-radius: 0 0 15px 15px;} 
.change_info_con > span {display: flex; align-items: center; font-size: 14px;} 
.change_info_con > span:not(:first-child) {margin-top: 23px;} 
.change_info_con > span > p {color: #464646; flex: 1; font-size: 16px; font-weight: lighter;} 
.change_info_con > span > em {color: #464646; flex: 1; text-align: right; font-size: 16px;} 
.change_info_check_wrap.special input {display: none;} 
.change_info_check_wrap.special .change_info_title {background-color: #e9e9e9; color: #707070; display: flex; justify-content: space-between; align-items: center;} 
.change_info_check_wrap.special .change_info_title .agree_wrap {display: flex; align-items: center;} 
.change_info_check_wrap.special .change_info_title .agree_wrap label {display: inline-block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #707070; margin-right: 6px;} 
.change_info_check_wrap.special input:checked + .change_info_title {background-color: #0090db; color: #fff;} 
.change_info_check_wrap.special input:checked + .change_info_title .agree_wrap label {border-color: #0090db; background-image: url(../img/btn_check_on_ibk_02.svg); background-size: contain;} 
.change_info_hide {margin-top: 23px;} 
.change_info_hide > span {display: flex; align-items: center; font-size: 14px;} 
.change_info_hide > span:not(:first-child) {margin-top: 23px;} 
.change_info_hide > span > p {color: #464646; flex: 1; font-size: 16px; font-weight: lighter;} 
.change_info_hide > span > em {color: #464646; flex: 1; text-align: right;} 
.change_info_more {margin-top: 16px; display: flex; justify-content: center; width: 100%;} 
.change_info_more span {width: fit-content; display: block; background-color: #f3f3f3; padding: 9px 18px; border-radius: 18px;} 
.change_info_more span > p {font-size:14px;} 
.popup_bottom_con.grid {display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 2.5vw; column-gap: 2.031vw; max-height: 71vh; overflow-y: auto;} 
.bank_cell {height: 14.53vw; border-radius: 1.875vw; border: 0.625vw solid #e8e8e8; display:flex; align-items: center; flex-direction: column; justify-content: center;} 
.bank_cell > span {margin-top: 4px; font-size: 14px;} 

/* 은행 아이콘 */
.new_content.v2 i.ico_lb002 {background-image: url(../img/ico_lb009.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* kdb산업 */ 
.new_content.v2 i.ico_lb003 {background-image: url(../img/ico_lb001.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* ibk기업 */
.new_content.v2 i.ico_lb004 {background-image: url(../img/ico_lb002.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 국민은행 */
.new_content.v2 i.ico_lb005 {background-image: url(../img/ico_lb006.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 하나은행 */
.new_content.v2 i.ico_lb007 {background-image: url(../img/ico_lb015.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 수협 */
.new_content.v2 i.ico_lb011 {background-image: url(../img/bank_011.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 농협 */
.new_content.v2 i.ico_lb020 {background-image: url(../img/ico_lb004.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 우리 */
.new_content.v2 i.ico_lb023 {background-image: url(../img/ico_lb007.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 제일 */
.new_content.v2 i.ico_lb027 {background-image: url(../img/ico_lb008.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 시티 */
.new_content.v2 i.ico_lb031 {background-image: url(../img/ico_lb014.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 대구 */
.new_content.v2 i.ico_lb032 {background-image: url(../img/ico_lb011.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 부산 */
.new_content.v2 i.ico_lb034 {background-image: url(../img/ico_lb013.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 광주 */
.new_content.v2 i.ico_lb035 {background-image: url(../img/ico_lb005.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 제주 */
.new_content.v2 i.ico_lb037 {background-image: url(../img/ico_lb013.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 전북 */
.new_content.v2 i.ico_lb039 {background-image: url(../img/ico_lb011.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 경남 */
.new_content.v2 i.ico_lb045 {background-image: url(../img/ico_lb012.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 새마을 */
.new_content.v2 i.ico_lb048 {background-image: url(../img/ico_lb018.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 신협 */
.new_content.v2 i.ico_lb050 {background-image: url(../img/ico_lb016.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 상호저축 */
.new_content.v2 i.ico_lb054 {background-image: url(../img/ico_lb031.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* HSBC */
.new_content.v2 i.ico_lb055 {background-image: url(../img/ico_lb036.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 도이치 */
.new_content.v2 i.ico_lb057 {background-image: url(../img/ico_lb024.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* JP모건 */
.new_content.v2 i.ico_lb060 {background-image: url(../img/ico_lb030.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* BOA */
.new_content.v2 i.ico_lb061 {background-image: url(../img/ico_lb032.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 비엔피파리 */
.new_content.v2 i.ico_lb062 {background-image: url(../img/ico_lb026.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 중국공상 */
.new_content.v2 i.ico_lb064 {background-image: url(../img/ico_lb029.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* sj */
.new_content.v2 i.ico_lb071 {background-image: url(../img/ico_lb010.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 우체국 */
.new_content.v2 i.ico_lb081 {background-image: url(../img/ico_lb006.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 하나은행 */
.new_content.v2 i.ico_lb088 {background-image: url(../img/ico_lb005.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 신한은행 */
.new_content.v2 i.ico_lb089 {background-image: url(../img/ico_lb034.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 케이뱅크 */
.new_content.v2 i.ico_lb090 {background-image: url(../img/ico_lb017.svg); width: 5.625vw; height: 5.625vw; background-size: contain; min-width: 5.625vw;} /* 카카오뱅크 */
.person_acoount_info {display: flex; align-items: center;} 
.person_acoount_info > p {font-size:14px; color: #acb5b9; margin-left: 6px;} 
.section_content.input_account .section_select_bank > input:valid {display: block;} 
.section_content.input_account .section_select_bank > input:valid ~ input {display: block;} 
.section_select_bank > input:valid ~ label {bottom: 80%; font-size: 0.813rem; color: #222222;} 
.section_content.input_account .section_select_bank > input:valid ~ i {display: block;} 
.insurance_change_pro > div > i {background-color: #37b5f6;} 
.insurance_change_pro > div > i.insurance_process_img_1 {background-image: url(../img/insurance_process_img_1.svg); background-size: 32px;} 
.insurance_change_pro > div > i.insurance_process_img_2 {background-image: url(../img/insurance_process_img_2.svg); background-size: 32px;} 
.insurance_change_pro > div > i.insurance_process_img_3 {background-image: url(../img/insurance_process_img_3.svg); background-size: 32px;} 
.insurance_change_pro > i.ico_arrow_small_n_right {background-image: url(../img/ico_arrow_small_n_right.png); width: 12px; background-position-y: 15px; background-repeat: no-repeat;} 
.insurance_change_pro > div > i.on {background-image: url(../img/insurance_process_img_4.svg);} 
.insurance_change_pro .arrow_bg {position: relative;} 
.insurance_change_pro .arrow_bg::after {content: ''; position: absolute; background-image: url(../img/right_arrow_fade.svg); width: 35px; height: 35px; right: -16px; background-size: contain; background-repeat: no-repeat; background-position-y: 16px;} 
.wrap.account .duplicate_wrap {display: flex;} 
.wrap.account .duplicate_wrap i.gray_info {width: 13px; height: 13px; margin-right: 6px; background-repeat: no-repeat; background-position: center; margin-top: 3px; min-width: 13px;} 
.wrap.account .duplicate_wrap .change_text span {color: #acb5b9; letter-spacing: -0.56px; line-height: 1.43;} 
i.right_arrow_fade {background-image: url(../img/right_arrow_fade.svg); width: 35px; background-size: contain; background-repeat: no-repeat; background-position-y: 16px;} 
.payment_free_change {font-size: 14px; color: #5d5d5d; text-decoration: underline; text-align: center; display: block;} 
.tac {text-align: center !important;} 
.box_s_bb {box-sizing: border-box;} 
.change_check {overflow: hidden;} 
.change_check > * {width: 50%; border-top: 1px solid #b1b1b1; padding: 10px 8px; box-sizing: border-box; font-size: 13px; color: #464646; word-break: keep-all;} 
.change_check .left {float: left; border-right: 1px solid #b1b1b1; background-color: #e1e1e1; font-weight: bold;} 
.change_check .right {float: right; text-align: right;} 
.change_check:last-child {border-bottom: 1px solid #b1b1b1;} 
.application_table {border-bottom: 1px solid #b1b1b1; word-break: keep-all;} 
.application_table * {padding: 11px; font-size: 13px;} 
.application_table th {border-right: 1px solid #b1b1b1; background-color: #e1e1e1; color: #464646; font-weight: bold;} 
.application_table tr {border-top: 1px solid #b1b1b1;} 
.application_table td {border: 1px solid #b1b1b1; text-align: right; border-right: none;} 
.popup_content.hometax {padding: 0; border-radius: 20px; overflow: hidden;} 
.popup_connect {padding: 26px 26px 15px; text-align: left;} 
.popup_connect_title {font-size: 1.312rem; padding-top: 5px; position: relative; margin-bottom: 13px; font-weight: bold;} 
.popup_connect_title:before {content: ''; position: absolute; right: 0; top: 0; background-image: url('../img/ico_close_mini_b.svg'); width: 4.843vw; height: 4.843vw; background-size: contain;} 
.connect_easy {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dddfe1; padding-bottom: 18px;} 
.connect_easy .ico_cen {background-image: url('../img/hometax_logo.webp'); width: 31.805vw; height: 22.5vw; background-size: contain;} 
.connect_easy_txt {font-size: 1.187rem;} 
.connect_case_wrap {margin-top: 18px; padding-left: 11px;} 
.connect_case {margin-bottom: 23px;} 
.popup_content.hometax .connect_case:nth-child(2) {margin-bottom: 76px;} 
.connect_case_title {display: flex; width: 225px; justify-content: space-between; align-items: center;} 
.connect_case_title p {font-size: 1.125rem;} 
.connect_case_title span {margin-right: 14px;} 
.connect_case_title .ico_cen {width: 2.5vw; height: 2.5vw; background-image: url(../img/ico_arrow_thick_b_right.png); background-size: contain; transform: rotate(90deg);} 
.connect_case_title.active .ico_cen {transform: rotate(-90deg);} 
.connect_case_title.active + .connect_case_txt_wrap {display: block;} 
.connect_case_txt_wrap {padding: 11px 12px; display: none;} 
.connect_case_txt {display: flex; align-items: center; padding-top: 15px; font-weight: 500; color: #818181;} 
.connect_case_txt .ico_cen {width: 16px; height: 16px; background-size: contain; margin-right: 2.222vw;} 
.popup_content.hometax .connect_case_txt:nth-child(1) .ico_cen {background-image: url(../img/cir_number_1.svg);} 
.popup_content.hometax .connect_case_txt:nth-child(2) .ico_cen {background-image: url(../img/cir_number_2.svg); position: relative;} 
.popup_content.hometax .connect_case_txt:nth-child(2) .ico_cen:after, .popup_content.hometax .connect_case_txt:nth-child(2) .ico_cen:before {content: ''; position: absolute; bottom: 100%; left: 50%; transform: translatex(-50%); width: 1px; height: 18px; background-color: #c8c8c8;} 
.popup_content.hometax .connect_case_txt:nth-child(2) .ico_cen:before {top: 100%;} 
.popup_content.hometax .connect_case:nth-child(2) .connect_case_txt:nth-child(2) .ico_cen:before {content: none;} 
.popup_content.hometax .connect_case_txt:nth-child(3) .ico_cen {background-image: url(../img/cir_number_3.svg);} 
.popup_content.hometax .btm_button {position: static; height: 65px; font-weight: 500;} 
.popup_bg.application .popup_content {padding: 0; overflow: hidden; border-radius: 16px;} 
.popup_content_application {padding: 35px 20px;} 
.popup_content_application p {font-size: 20px;} 
.popup_content_application span {font-size: 16px;} 
.popup_bg.application .btm_button {position: static; height: 54px;} 
.head_title.sosang_logo {display: none;} 
.more_list .beta {display: none;} 
.more_list .new.semo2::after {display: none;} 
.more_list .more_txt.semo {display: block;} 
.more_list .more_txt.nh_colabo {display: none;} 

/* PR000 */
.new_content.gongdong .cont_bg {height: unset;} 
.new_content.gongdong .guide {margin-bottom: 70px;} 
.new_content.gongdong .title_wrap {display: flex; margin-bottom: 5.277vw; align-items: center;} 
.new_content.gongdong .title_wrap .number {width: 20px; height: 20px; border-radius: 50%; background-color: #222; margin-right: 8px; position: relative;} 
.new_content.gongdong .title_wrap .number .ico_cen {width: 20px; height: 20px; background-image: url(../img/number_01.svg); background-size: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.new_content.gongdong .title_wrap .number.one .ico_cen {left: 45%; background-size: 5px;} 
.new_content.gongdong .title_wrap .number.two .ico_cen {background-image: url(../img/number_02.svg);} 
.new_content.gongdong .title_wrap .number.three .ico_cen {background-image: url(../img/number_03.svg);} 
.new_content.gongdong .title_wrap .number.four .ico_cen {background-image: url(../img/number_04.png);} 
.new_content.gongdong .title_wrap .main h1 {color: #222; font-weight: 600; font-size: 1rem; position: relative; width: fit-content;} 
.new_content.gongdong .title_wrap .main .search:before {content: ''; position: absolute; top: 50%; left: 0; transform: translatey(-50%); color: #222; white-space: nowrap;} 
.new_content.gongdong .title_wrap .main span {font-size: 1rem;} 
.new_content.gongdong .guide .photo {width: 100%; height: 69.444vw;} 
.new_content.gongdong .guide .photo.one {height: 46.388vw;} 
.new_content.gongdong .guide .photo .ico_cen {height: inherit; background-image: url(../img/certificate_01.webp); background-size: contain;} 
.new_content.gongdong .guide .photo.two .ico_cen {background-image: url(../img/certificate_02.webp);} 
.new_content.gongdong .guide .photo.three .ico_cen {background-image: url(../img/certificate_03.webp);} 
.new_content.gongdong .guide .photo.four .ico_cen {background-image: url(../img/certificate_04.webp);} 
.new_content.gongdong .btn_wrap .push_wrap {display: flex; justify-content: space-around; align-items: center; margin-top: 9.722vw;} 
.new_content.gongdong .btn_wrap .push_wrap > * {display: flex; align-items: center; color: #8b8e94; font-size: 0.937rem;} 
.new_content.gongdong .btn_wrap .push_wrap .ico_cen {width: 36px; height: 36px; background-size: contain; margin-right: 6px;} 
.new_content.gongdong .btn_wrap .push_wrap .consult .ico_cen {background-image: url(../img/call_01.svg);} 
.new_content.gongdong .btn_wrap .push_wrap .solution .ico_cen {background-image: url(../img/thunder_02.svg);} 
.new_content.gongdong .btn_wrap .btn_close {text-align: center; padding: 5.833vw; background-color: #f1f1f1; border-radius: 1.944vw; margin-top: 70px; color: #fff; font-size: 1.187rem; margin-bottom: 32.5px;} 
.new_content.gongdong .guide.banner {width: 100%; height: 55vw; position: relative; box-sizing: border-box; background-color: #ffe434;} 
.new_content.gongdong .guide.banner > .ico_cen {height: 54.444vw; background-image: url(../img/share_banne_01.webp); background-size: contain;} 
.new_content.gongdong .guide.banner .btn_share {width: fit-content; border: 1px solid #333; background-color: #414141; color: #fff; position: absolute; padding: 2.9vw 5.555vw; border-radius: 7.5vw; bottom: 23px; left: 50%; transform: translatex(-50%); overflow: hidden; font-size: 1rem;} 
.new_content.gongdong .guide.banner .btn_share .ico_cen {width: 6px; height: 6px; background-size: contain; background-image: url(../img/btn_arr_right_b_w.png); padding-top: 13px; float: right;} 

/* B125 */
.new_content.link {background-color: #f4f5f7; height: 100%; padding-bottom: 16.666vw; box-sizing: border-box;} 
.new_content.link .cont_bg {background-color: #f4f5f7; height: unset;} 
.new_content.link .send_display_wrap {text-align: center; margin-top: 16.666vw; margin-bottom: 13.888vw;} 
.new_content.link .send_display_wrap p {color: #12997a; font-size: 1.687rem;} 
.new_content.link .checkmark-circle {margin-bottom: 7.222vw;} 
.new_content.link .checkmark-circle .background {background-color: #17bf98;} 
.new_content.link .link_info {padding: 5.277vw 6.944vw; background-color: #fff; border-radius: 20px; margin-bottom: 8.611vw;} 
.new_content.link .link_info.health {padding: 7.5vw 6.944vw;} 
.new_content.link .link_info .link_title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10.277vw;} 
.new_content.link .link_info .link_title .inner {display: flex; align-items: center;} 
.new_content.link .link_info h1 {font-size: 1.5rem; font-weight: bold; color: #222; padding-right: 2.777vw;} 
.new_content.link .link_info p {color: #8b8e94; font-size: 1rem; line-height: 1.56;} 
.new_content.link .link_info .ico_cen.right {width: 9px; height: 14px;} 
.new_content.link .link_info .link_cnt {display: flex; align-items: center; margin-bottom: 8.611vw;} 
.new_content.link .link_info .link_cnt .ico_cen {width: 44px; height: 44px; background-size: contain; margin-right: 3.333vw;} 
.new_content.link .link_info .link_cnt .link_txt > * {color: #000;} 
.new_content.link .link_info .link_cnt .link_txt p {font-size: 1.125rem;} 
.new_content.link .link_info .link_cnt .link_txt b {font-size: 1.375rem;} 
.new_content.link .link_info.card .link_cnt .link_txt b {font-size: 1.187rem;} 
.new_content.link .loan_noti_box {padding: 20px; background-color: #f4f5f7; color: #85888d; padding-bottom: 34.722vw;} 
.new_content.link .loan_noti_box .title_sub_wrap {display: flex; align-items: center; margin-bottom: 25px;} 
.new_content.link .loan_noti_box .title_sub_wrap .ico_cen {margin-right: 8px; width: 21.7px; height: 20.7px; background-size: contain; background-image: url(../img/ico_error_02.svg);} 
.new_content.link .loan_noti_box .title_sub {border: none; font-size: 1.312rem; color: #85888d; padding-bottom: 0; margin-bottom: 0;} 
.new_content.link .loan_noti_box .answer.set_pdt25 {border-top: 1px solid #85888d; border-bottom: 1px solid #85888d; margin: 16px 0; padding-bottom: 25px;} 
.new_content.link .loan_noti_box .answer h1 {position: relative; line-height: 1.57; font-weight: 500;} 
.new_content.link .loan_noti_box .answer h1:after {content:''; position: absolute; right: 20px; width: 11px; height: 6.5px; background: url(../img/arrow_up_01.svg) no-repeat center / contain; top: 50%; transform: translateY(-50%) rotate(180deg);} 
.new_content.link .loan_noti_box .answer.active h1:after {transform: rotate(0deg) translateY(-50%);} 
.new_content.link .loan_noti_box .answer .notice_text_wrap {display: none;} 
.new_content.link .loan_noti_box .answer.active .notice_text_wrap {display: block;} 
.new_content.link .loan_notice_text span {font-weight: normal; font-size: 0.937rem; word-break: keep-all;} 
.new_content.link .loan_noti_box .loan_notice_text u {color: #0095ff; margin-left: 3px;} 
.new_content.link .btm_button {height: 18.055vw;} 
.new_content.link .btm_button span.bgc_green {background-color: #17bf98; font-size: 1.187rem;} 

/* PR002_POP */
.new_content.link .popup_toast {padding: 30px 20px; box-sizing: border-box; width: 100%;} 
.new_content.link .popup_toast .btn_close .ico_cen {display: inline-block; width: 15px; height: 15px; background: url(../img/ico_close_mini_b.svg) no-repeat center / contain;} 
.new_content.link .popup_toast .popup_toast_tit {font-size: 1.125rem; font-weight: bold;} 
.new_content.link .popup_toast .popup_toast_list {border: 1px solid #dddfe1; border-radius: 6px; padding: 21px 12px; font-weight: 500;} 
.new_content.link .popup_toast .popup_toast_list.kakao {background-color: #ffe812; padding: 14px 12px;} 
.new_content.link .popup_toast .popup_toast_list span.ico_cen {width: 40px; height: 40px; background-image: url(../img/logo_kakao_01.svg);} 

/* PR003 */
.new_content.fail {text-align: center; box-sizing: border-box; padding-top: 13.472vw;} 
.new_content.fail .send_display_wrap p {font-size: 1.562rem;} 
.new_content.fail .loan_notice_text:not(:first-child) {margin-bottom: 0;} 
.new_content.fail .loan_notice_text {margin-top: 4.583vw;} 
.new_content.fail .loan_noti_box .loan_notice_text.set_mgt22 {align-items: center;} 
.new_content.fail .loan_noti_box .loan_notice_text span {font-size: 0.937rem; word-break: keep-all; letter-spacing: normal;} 
.new_content.fail .help {margin: 30px 0;} 
.new_content.fail .help span.ico_cen {width: 19px; height: 19px; background-image: url(../img/ico_error_03.svg); margin-bottom: 3px;} 
.new_content.fail .help u {color: #0095ff;} 
.new_content.fail .btm_button {height: 65px; bottom: 20px; width: calc(100% - 40px); margin: 0 20px;} 
.new_content.fail .btm_button span {border-radius: 7px;} 
.new_content.fail .btm_button .close {flex: 1.3; margin-right: 8px; color: #222; background-color: #dddfe1;} 
.new_content.fail .btm_button .replay {flex: 2;} 

/* C900_6 */
.ico_cont {background: no-repeat center / contain; display: block;} 
.new_content .popup_bg.income .popup {width: calc(100% - 12.5vw); border-radius: 20px; overflow: hidden; background-color: transparent;} 
.new_content .popup_bg.income .popup.banner .close_btn {position: absolute; right: 5.972vw; top: 5.972vw; padding: 4.166vw; margin: -4.166vw;} 
.new_content .popup_bg.income .popup.banner .close_btn i {background-image: url(../img/ico_close.svg); width: 4.166vw; height: 4.166vw;} 
.new_content .popup_bg.income .popup.rp_open i.C900.img01 {background-image: url(../img/C900_6.png);} 
.new_content .popup_bg.income .popup.rp_open i.C900 {width: 87.5vw; height: 107.222vw; margin-bottom: -1px;} 
.new_content .popup_bg.income .btm_button {height: 18.055vw;} 
.new_content .popup_bg.income .btm_button > span {height: 100%;} 
.new_content .popup_bg.income .btm_button span.c_gray {background-color: #dddfe1; color: #888 !important;} 
.new_content .popup_bg.income .btm_button span.c_b1 {background-color: #ffc94a; color: #000; font-weight: 600;} 

/************** A212 - 공동인증서 등록 **************/
.new_content .noti_txt {font-size: 0.937rem; word-break: keep-all; margin: 4.166vw 0 5.555vw;} 
.new_content .certi_wrap {padding: 3.888vw 5.277vw; width: 100%; box-sizing: border-box; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.16); border-radius: 2.222vw; display: flex; color: #000; font-size: 0.937rem; position: relative; margin-top: 3.472vw;} 
.new_content .certi_wrap .img .ico_cen {width: 8.333vw; height: 8.611vw; background: url(../img/ico_certi_m.svg) no-repeat center / contain; margin-top: 1.111vw; margin-right: 4.722vw;} 
.new_content .certi_wrap .cnt {font-size: 0.812rem;} 
.new_content .certi_wrap .cnt h1 {font-size: 0.937rem;} 
.new_content .certi_wrap .cnt .elipsis {width: 46vw; font-size: 0.937rem;} 
.new_content .certi_wrap .cnt p {color: #a9adb5; margin: 3.194vw 0 1.944vw;} 
.new_content .certi_wrap .cnt em {display: inline-block; margin-right: 2.222vw;} 
.new_content .certi_wrap .cnt span {color: #0095ff;} 
.new_content .certi_wrap i.ico_cen {position: absolute; opacity: 0.3; top: 50%; transform: translateY(-50%); right: 5.277vw;} 

/* 두번째 certibox */
.new_content .certi_wrap.dead .img .ico_cen {background: url(../img/ico_certi_m_close.svg);} 
.new_content .certi_wrap.dead .cnt span {color: #ff684a;} 

/* 세번째 certibox */
.new_content .certi_wrap.end .img .ico_cen {background: url(../img/ico_certi_m_off.svg);} 
.new_content .certi_wrap.end .cnt h1, .new_content .certi_wrap.end .cnt .elipsis, .new_content .certi_wrap.end .cnt em, .new_content .certi_wrap.end .cnt span {color: #a9adb5;} 

/* 네번째 certibox */
.new_content .certi_wrap.bring {display: block;} 
.new_content .certi_wrap.bring.text_a_c .img .ico_cen {margin-right: 0;} 
.new_content .certi_wrap.bring .img .ico_cen {width: 12.5vw; height: 12.5vw; background: url(../img/ico_thin_plus_gray.png);} 
.new_content .certi_wrap.bring .cnt p {font-size: 0.937rem;} 
.new_content .want u {display: block; margin-bottom: 5.555vw; color: #0095ff; font-size: 0.937rem;} /* A212 - want */

/************** A213 - 공동인증서 비밀번호 입력 **************/
.new_content.certi_pass .certi_wrap {border: 1px solid #dcdcdc; box-shadow: none; margin-top: 0;} 
.new_content.certi_pass .pass_input input[type=password] {margin-top: 5.555vw; border: 1px solid #a9adb5;} 
.new_content.certi_pass .pass_input input[type=password]::placeholder {font-size: 1rem; color: #a9adb5;} 
.new_content.certi_pass .toast_pop {bottom: 80px;} 

/*************** SSU000 회원가입 - 전체 약관 동의 ***************/
/* 회원가입 진행순서 */
.join_process {margin: 1.527vw 0 6.111vw; display: flex; align-items: center; justify-content: center; padding-top: 13.888vw;} 
.join_process span {font-size: 0.875rem; color: #d6d9db; margin-right: 2.777vw;} 
.join_process span.now {display: none;} 
.join_process .active {display: none;} 
.join_process span.now + .active {display: flex; align-items: center; justify-content: center; margin-right: 2.777vw; width: 6.944vw; height: 6.944vw; border-radius: 50%; color: #fff; background-color: #17bf98; font-weight: 500; font-size: 1.125rem;} 

/* 약관동의 */
.agree_wrap {padding-bottom: 18.055vw;} 
.agree_wrap .all {border-radius: 8px; padding: 5.555vw 5.902vw; border: 1px solid #919191; box-shadow: 4px 8px 10px 0 rgba(0, 0, 0, 0.05); display: flex; align-items: center; margin-bottom: 7.222vw;} 
.agree_wrap .all.active {border: 1px solid #12997a; background-color: #deffed; box-shadow: none;} 
.agree_wrap .all .ico_cen {width: 6.944vw; height: 4.722vw; background-image: url(../img/check_01.png); margin-right: 4.097vw;} 
.agree_wrap .all em {font-weight: 600; font-size: 1.312rem; color: #000;} 
.agree_wrap .all.active .ico_cen {background-image: url(../img/check_02.png);} 
.agree_wrap .all.active em {color: #12997a;} 
.agree_wrap .each_wrap {padding: 0 5.555vw 0 6.944vw;} 
.agree_wrap .each_wrap .each {display: flex;} 
.agree_wrap .each_wrap .each .left .inner {padding: 10px; margin: -10px; display: inline-block; margin-right: 3.194vw;} 
.agree_wrap .each_wrap .each .left .inner .ico_cen.check_01 {width: 5.013vw; height: 3.458vw;} 
.agree_wrap .each_wrap .each .right {width: 100%;} 
.agree_wrap .each_wrap .each .right .main, .agree_wrap .each_wrap .each .right .sub {display: flex; justify-content: space-between; align-items: center; padding-bottom: 3.055vw;} 
.agree_wrap .each_wrap .each .right .main {padding-bottom: 4.444vw;} 
.agree_wrap .each_wrap .each .right .main p {font-size: 1.187rem; color: #000;} 
.agree_wrap .each_wrap .each .right .main em {color: #ff0000;} 
.agree_wrap .each_wrap .each .right .main b {font-size: 0.875rem; color: #a8a8a8;} 
.agree_wrap .each_wrap .each .right .sub_box .sub.set_pdb_unset {margin-bottom: 6.388vw;} 
.agree_wrap .each_wrap .each .right .sub_box .sub p {color: #a8a8a8; font-size: 0.937rem;} 
.new_content.join .btm_button span.bgc_gray04 {color: #c7c7c7; font-size: 1.187rem;} 
.new_content.join .btm_button.active span.bgc_gray04 {color: #fff; background-color: #17bf98 !important;} 

/* 약관동의 active */
.agree_wrap .each_wrap .each .left .inner.active .ico_cen.check_01 {background-image: url(../img/check_03.png);} 
.new_content .cont_bg.padding20 .agree_wrap .each_wrap .each .right .main.active .ico_cen {transform: rotate(180deg);} 

/*************** SSU200 회원가입 - 필수 정보 입력 ***************/
/* 사업자번호 */
.ness_info .tit h1 {font-weight: 600; font-size: 1.437rem; margin-bottom: 15.416vw;} 
.ness_info .info_box_wrap {border-bottom: 1px solid #e3e3e3; padding-bottom: 2.083vw; position: relative; margin-bottom: 16.25vw;} 
.ness_info .info_box_wrap .info_box {display: flex; justify-content: space-between; align-items: center;} 
.ness_info .info_box_wrap .info_box .left {display: flex; align-items: center;} 
.ness_info .info_box_wrap .info_box .left input {border: none;} 
.ness_info .info_box_wrap .info_box .left input:focus {color: #000; box-shadow: none;} 
.ness_info .info_box_wrap .info_box .left .ico_cen.check_03 {width: 4.166vw; height: 3.097vw; margin-left: 2.5vw; display: none;} 
.ness_info .info_box_wrap .info_box .left p {color: #ccc; font-size: 1.25rem; font-weight: 500;} 
.ness_info .info_box_wrap .info_box .left > *:not(p) {display: none;} 
.ness_info .info_box_wrap .info_box .right .ico_cen.close_03 {display: none;} 
.ness_info .info_box_wrap em {display: none;} 
.ness_info .info_box_wrap .confirm {display: none; position: absolute; top: calc(100% + 2.222vw);} 
.ness_info .info_box_wrap .confirm b {font-size: 0.75rem;} 

/* 사업자번호 active */
.ness_info .info_box_wrap.active {border-bottom: 1px solid #000;} 
.ness_info .info_box_wrap.active .info_box .left > *:not(p) {display: inline-block;} 
.ness_info .info_box_wrap.active .info_box .left input {color: #000; font-size: 1.25rem; font-weight: 600; width: 40.277vw;} 
.ness_info .info_box_wrap.active .info_box .left p {position: absolute; bottom: calc(100% + 1.666vw); font-size: 0.812rem; color: #000;} 
.ness_info .info_box_wrap.active .info_box .right .ico_cen.close_03 {display: inline-block;} 

/* 사업자번호 valid */
.ness_info .info_box_wrap .info_box .left input:valid {display: inline-block; color: #000; font-weight: 600; font-size: 1.25rem; width: 40.277vw;} 
.ness_info .info_box_wrap .info_box .left input:valid ~ .ico_cen.check_03 {display: inline-block;} 
.ness_info .info_box_wrap .info_box .left input:valid ~ p {position: absolute; bottom: calc(100% + 1.666vw); font-size: 0.812rem;} 

/* 대표자명 */
.ness_info .info_box_wrap.ceo .info_box .left input {width: 20.555vw;} 

/* 대표자명 valid */
.ness_info .info_box_wrap.ceo.active .info_box .left input:valid {width: 20.555vw;} 

/* 주민등록번호 */
.ness_info .info_box_wrap.social .info_box .left input {width: 21.388vw;} 
.ness_info .info_box_wrap.social .info_box .left b {margin: 0 1.388vw;} 
.ness_info .info_box_wrap.social .info_box .left input.back_number {width: 5vw;} 
.ness_info .info_box_wrap.social .info_box .left .dot span {color: #cfcfcf; font-size: 0.812rem;} 

/* 주민등록번호 valid */
.ness_info .info_box_wrap.social .info_box .left input:valid ~ b {display: inline;} 
.ness_info .info_box_wrap.social .info_box .left input:valid ~ .dot {display: block;} 

/* 휴대폰번호 */
.ness_info .info_box_wrap.phone .info_box .left .service {margin-right: 4.444vw;} 
.ness_info .info_box_wrap.phone .info_box .left .service.commu b {margin-right: 2.222vw; font-weight: 600;} 
.ness_info .info_box_wrap.phone .info_box .left input {width: 43.111vw;} 
.ness_info .info_box_wrap.phone .info_box .right {display: none; font-size: 0.75rem; color: #cecece; font-weight: 500; padding: 2.083vw 2.777vw; background-color: #f8f8f8; border-radius: 4.444vw;} 
.ness_info .info_box_wrap.phone label[for=ignfo05] .right {padding: 0; padding-right: 3.055vw; background-color: transparent; font-size: 1rem;} 

/* 휴대폰번호 active */
.ness_info .info_box_wrap.phone.active {margin-bottom: 40vw;} 
.ness_info .info_box_wrap.phone.active .info_box .right {display: block;} 
.ness_info .info_box_wrap.phone.active label[for=info05] {display: none; margin-top: 6.944vw;} 
.ness_info .info_box_wrap.phone.active label[for=info05] .right {background-color: transparent;} 
.ness_info .info_box_wrap.phone label:first-child .right.active {color: #fff; background-color: #25594d;} 

/* 휴대폰번호 valid */
.ness_info .info_box_wrap.phone .info_box .left input:valid {display: block;} 

/* error */
.ness_info .info_box_wrap.error {border-bottom: 1px solid #ff5858;} 
.ness_info .info_box_wrap.error em {display: block; position: absolute; top: calc(100% + 2.222vw); color: #ff4a4a; font-size: 0.812rem; font-weight: 500;} 

/* loading */
.ness_info .info_box_wrap.loading .confirm {display: block;} 
.ness_info .info_box_wrap.loading .confirm .ico_cen.loading_01 {animation: load_spin 1s infinite linear both;} 

/* 토스트팝업 */
.new_content.join .toast {height: unset; border-radius: 35px; bottom: 85px;} 
.new_content.join .toast span {padding: 3.888vw 0;} 

/*************** SSU300 회원가입 - 상세 정보 입력 ***************/
.new_content.btn_fix {padding-bottom: 18.055vw; box-sizing: border-box;} 
.new_content.btn_fix .btm_button.active span.bgc_gray04 {color: #fff; background-color: #17bf98 !important;} 
.new_content .cont_bg.padding20 .ness_info .info_box_wrap .left p i {font-style: normal; color: #ff5858;} 
.ness_info .info_box_wrap.busi .info_box .left input {width: fit-content;} /* 상호명 */
.ness_info .info_box_wrap.adress .info_box .left textarea {border: none; resize: none; overflow:hidden; width: 80.555vw; font-weight: 600; font-size: 1rem; color: #000;} /* 상세주소 */
.ness_info .info_box_wrap.code .info_box .left input {width: 37.5vw;} /* 추천코드 */

/*************** SSU420 회원가입 - 가입 환영 ***************/
.new_content.pretendard.release .cnt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 23.61vw; box-sizing: border-box; text-align: center; color: #222; width: 100%;} 
.new_content.pretendard.release .cnt .checkmark-circle {margin-bottom: 8.055vw;} 
.new_content.pretendard.release .checkmark-circle .background {background-color: #17bf98;} 
.new_content.pretendard.release .txt h1 {font-weight: bold; font-size: 1.562rem; margin-bottom: 8.055vw; line-height: 1.28;} 
.new_content.pretendard.release .txt em {color: #8b8e94; line-height: 1.53; font-size: 1.125rem;} 
.new_content.pretendard.release .btm_button {width: calc(100% - 11.111vw); left: 50%; transform: translateX(-50%); bottom: 5.555vw;} 
.new_content.pretendard.release .btm_button span {border-radius: 1.944vw; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); font-size: 1.187rem;} 

/*************** SSU250_1 토스트팝업 ***************/
.popup_toast_bg.v2 {display: none;} 
.popup_toast_bg.v2.active {display: block;} 
.popup_toast_bg.v2 .popup_toast {box-sizing: border-box; width: 100%; padding: 21px 19px; border-radius: 9.375vw 9.375vw 0 0;} 
.popup_toast_bg.v2 .popup_toast .btn_close {text-align: right; overflow: hidden;} 
.popup_toast_bg.v2 .popup_toast .btn_close .inner {display: inline-block; padding: 10px; margin: -10px;} 
.popup_toast_bg.v2 .popup_toast .popup_toast_tit {color: #222; font-weight: 600; font-size: 1.125rem;} 
.popup_toast_bg.v2 .popup_toast_list_box.dis_gray .popup_toast_list {padding: 6.527vw 5.277vw; border: 1px solid #dfdfdf; color: #222; border-radius: 1.666vw; margin-bottom: 8px; font-weight: 600; font-size: 1.125rem;} 

/*************** SSU320 주소검색 ***************/
.new_content.adress_ser .cont_bg, .new_content.sector .cont_bg {height: unset;} 
/* title */
.title_select_section {width: 100%; display: flex; align-items: center; border-radius: 2.5vw; padding-top: 17.013vw; position: relative; position: relative;} 
.title_select_section > input {padding: 4.531vw 5.625vw; width: 100%; background-color: #f8f8f8; font-weight: 700; border-radius: 2.5vw; font-size: 1.062rem;} 
.title_select_section > input::placeholder {font-size: 0.937rem; color: #8b8e93;} 
.title_select_section > span {position: absolute; right: 5.625vw;} 

/* content */
.search_address {width: 100%; height: calc(100vh - 58vw); display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.search_address > span {display: flex; flex-direction: column; align-items: center; margin-top: 4.687vw;} 
.search_address > b {font-size: 1.063rem;} 
.search_address > span p {font-size: 0.750rem; color: #8b8e93; margin-top: 0.9375vw; display: block;} 
.search_address > span p:first-child {margin-top: 0;} 
.search_address.search {height: calc(100vh - 94.125vw);} 
.address_list_wrap {width: 100%;} 
.address_list {display: flex; flex-direction: column; padding: 3.125vw 7.8125vw 3.906vw; border-bottom: 0.3125vw solid #c8c8c8;} 
.address_list > span {font-size: 0.875rem; color: #222222; font-weight: 700;} 
.address_list > p {font-size: 0.813rem; color: #222222; margin-top: 1.875vw;} 
.address_list > em {font-size: 0.813rem; color: #8b8e93; margin-top: 0.9375vw;} 

/*************** SSU330 업종검색 ***************/
/* title */
.new_content.sector .title_select_section {border-bottom: 1px solid #e3e3e3; border-radius: 0; align-items: center; padding-bottom: 3.888vw;} 
.new_content.sector .title_select_section > input {background-color: transparent; padding: 0; border-radius: 0; font-size: 1.187rem;} 
.new_content.sector .title_select_section > input::placeholder {font-size: 1.187rem; color: #ccc; font-weight: normal !important;} 
.new_content.sector .title_select_section > span {position: static;} 
.new_content.sector .cont_bg p {display: none;} 
.new_content.sector .cont_bg p, .new_content.sector .cont_bg em {font-weight: 600; color: #222; margin-top: 2.222vw;} 

/* active */
.new_content.sector .title_select_section.active {border-bottom: 1px solid #000;} 

/* content */
.new_content.sector .address_list {padding: 5vw 20px;} 
.new_content.sector .address_list > em {font-size: 1rem; display: block; margin-bottom: 1.388vw;} 
.new_content.sector .address_list > span {font-size: 1rem; font-weight: 600;} 

/* 은행코드 아이콘 new */
i.bank {width: 13.888vw; height: 13.888vw;} 
i.bank.bk_002 {background-image: url(../img/bank_002.svg);} /* 산업은행 */
i.bank.bk_002.gray {background-image: url(../img/bank_002_g.svg);} /* 산업은행 gray */
i.bank.bk_003 {background-image: url(../img/bank_003.svg);} /* 기업은행 */
i.bank.bk_003.gray {background-image: url(../img/bank_003_g.svg);} /* 기업은행 gray */
i.bank.bk_004 {background-image: url(../img/bank_004.svg);} /* 국민은행 */
i.bank.bk_004.gray {background-image: url(../img/bank_004_g.svg);} /* 국민은행 gray */
i.bank.bk_007 {background-image: url(../img/bank_007.svg);} /* 수협은행 */
i.bank.bk_007.gray {background-image: url(../img/bank_007_g.svg);} /* 수협은행 gray */
i.bank.bk_011 {background-image: url(../img/bank_011.svg);} /* 농협 */
i.bank.bk_011.gray {background-image: url(../img/bank_011_g.svg);} /* 농협 gray */
i.bank.bk_020 {background-image: url(../img/bank_020.svg);} /* 우리은행 */
i.bank.bk_020.gray {background-image: url(../img/bank_020_g.svg);} /* 우리은행 gray */
i.bank.bk_023 {background-image: url(../img/bank_023.svg);} /* SC제일은행 */
i.bank.bk_023.gray {background-image: url(../img/bank_023_g.svg);} /* SC제일은행 gray */
i.bank.bk_027 {background-image: url(../img/bank_027.svg);} /* 씨티은행 */
i.bank.bk_027.gray {background-image: url(../img/bank_027_g.svg);} /* 씨티은행 gray */
i.bank.bk_031 {background-image: url(../img/bank_031.svg);} /* 대구은행 */
i.bank.bk_031.gray {background-image: url(../img/bank_031_g.svg);} /* 대구은행 gray */
i.bank.bk_032 {background-image: url(../img/bank_039.svg);} /* 부산은행 */
i.bank.bk_032.gray {background-image: url(../img/bank_039_g.svg);} /* 부산은행 gray */
i.bank.bk_034 {background-image: url(../img/bank_034.svg);} /* 광주은행 */
i.bank.bk_034.gray {background-image: url(../img/bank_034_g.svg);} /* 광주은행 gray */
i.bank.bk_035 {background-image: url(../img/bank_088.svg);} /* 제주은행 */
i.bank.bk_035.gray {background-image: url(../img/bank_088_g.svg);} /* 제주은행 gray */
i.bank.bk_037 {background-image: url(../img/bank_034.svg);} /* 전북은행 */
i.bank.bk_037.gray {background-image: url(../img/bank_034_g.svg);} /* 전북은행 gray */
i.bank.bk_039 {background-image: url(../img/bank_039.svg);} /* 경남은행 */
i.bank.bk_039.gray {background-image: url(../img/bank_039_g.svg);} /* 경남은행 gray */
i.bank.bk_045 {background-image: url(../img/bank_045.svg);} /* 새마을 */
i.bank.bk_045.gray {background-image: url(../img/bank_045_g.svg);} /* 새마을 gray */
i.bank.bk_048 {background-image: url(../img/bank_048.svg);} /* 신협 */
i.bank.bk_048.gray {background-image: url(../img/bank_048_g.svg);} /* 신협 gray */
i.bank.bk_050 {background-image: url(../img/bank_050.svg);} /* 상호저축은행 */
i.bank.bk_050.gray {background-image: url(../img/bank_050_g.svg);} /* 상호조합은행 gray */
i.bank.bk_054 {background-image: url(../img/bank_054.svg);} /* HSBC은행 */
i.bank.bk_054.gray {background-image: url(../img/bank_054_g.svg);} /* HSBC gray */
i.bank.bk_055 {background-image: url(../img/bank_055.svg);} /* 도이치은행 */
i.bank.bk_055.gray {background-image: url(../img/bank_055_g.svg);} /* 도이치은행 gray */
i.bank.bk_057 {background-image: url(../img/bank_057.svg);} /* JP모건은행 */
i.bank.bk_057.gray {background-image: url(../img/bank_057_g.svg);} /* JP모건은행 gray */
i.bank.bk_060 {background-image: url(../img/bank_060.svg);} /* BOA은행 */
i.bank.bk_060.gray {background-image: url(../img/bank_060_g.svg);} /* BOA은행 gray */
i.bank.bk_061 {background-image: url(../img/bank_061.svg);} /* BNP파리바 */
i.bank.bk_062 {background-image: url(../img/bank_062.svg);} /* 중국공상 */
i.bank.bk_063 {background-image: url(../img/bank_063.svg);} /* 중국은행 */
i.bank.bk_067 {background-image: url(../img/bank_067.svg);} /* 중국건설 */
i.bank.bk_067.gray {background-image: url(../img/bank_067_g.svg);} /* 중국건설 gray */
i.bank.bk_064 {background-image: url(../img/bank_064.svg);} /* 산림조합은행 */
i.bank.bk_064.gray {background-image: url(../img/bank_064_g.svg);} /* 산림조합은행 gray */
i.bank.bk_071 {background-image: url(../img/bank_071.svg);} /* 우체국 */
i.bank.bk_071.gray {background-image: url(../img/bank_071_g.svg);} /* 우체국 gray */
i.bank.bk_081 {background-image: url(../img/bank_081.svg);} /* 하나은행 */
i.bank.bk_081.gray {background-image: url(../img/bank_081_g.svg);} /* 하나은행 gray */
i.bank.bk_088 {background-image: url(../img/bank_088.svg);} /* 신한은행 */
i.bank.bk_088.gray {background-image: url(../img/bank_088_g.svg);} /* 신한은행 gray */
i.bank.bk_089 {background-image: url(../img/bank_089.svg);} /* 케이뱅크 */
i.bank.bk_089.gray {background-image: url(../img/bank_089_g.svg);} /* 케이뱅크 gray */
i.bank.bk_090 {background-image: url(../img/bank_090.svg);} /* 카카오뱅크 */
i.bank.bk_090.gray {background-image: url(../img/bank_090_g.svg);} /* 카카오뱅크 gray */
i.bank.bk_092 {background-image: url(../img/bank_092.svg);} /* 토스 */
i.bank.bk_092.gray {background-image: url(../img/bank_092_g.svg);} /* 토스 gray */

/* 카드선택 */
section.banking_choice {height: 116.666vw; overflow-y: scroll; margin: 6.944vw 4.444vw 0; overflow-x: hidden;} 
.banking_choice .main_tit h1 {font-weight: 600; font-size: 1.5rem; color: #222; line-height: 1.4;} 
.banking_choice .banking_wrap .banking_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:10.555vw 10vw;} 
.banking_choice .banking_wrap .bankings .bank_tit {font-weight: 600;} 
.banking_choice .banking_wrap .banking_list .banking i.bank {margin: auto;} 
.banking_choice .banking_wrap .banking_list .banking .bk_name {font-weight: 600; color: #222; margin-top: 3.611vw; font-size: 0.974rem;} 

/* 팝업 라운드 */
.popup_bg.round .popup {border-radius: 5.555vw; overflow: hidden;} 
.popup_bg.round .popup_txt {padding: 10.555vw 7.777vw;} 
.popup_bg.round .popup_tit {font-size: 1.437rem; font-weight: 600;} 
.popup_bg.round .popup_txt .popup_sub.pt_pd2 {font-size: 1.062rem; color: #222; line-height: 1.44;} 
.popup_bg.round .popup_btn {height: 18.055vw; font-size: 1.187rem; font-weight: 600;} 
.popup_bg.round .bgc_gray05 {color: #888;} 

/* Popup 띄웠을때 배경 스크롤방지 */
.not-scroll {overflow: hidden; width: 100%; height: 100vh; touch-action: none;} 

/* 하단 팝업 */
.common-popup_top .banner-list i {width: inherit; height: inherit; background-size: contain; background-repeat: no-repeat; background-position: center center;} 
.overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 999;} 
.common-popup {position: absolute !important;} 
.common-popup.bottom {bottom: 0; left: 0; right: 0;} 
.common-popup_top .banner-list {width: 100%; height: 79.166vw;} 
.common-popup_top .banner-list i.banner {background: url(../img/banner03_1.png) center / contain;} 
.common-popup_btn {display: flex; justify-content: space-between; padding: 5.555vw; background-color: #fff; color: #000;} 
.common-popup .check-area {padding: 5vw; margin: -5vw;} 
.common-popup button {all: unset;} 
.common-popup .swiper-pagination {position: static; background-color: #fff; padding-top: 2.5vw;} 
.common-popup .swiper-pagination-bullet-active {background-color: #000;} 

/* .select-box */
.select-box {appearance: auto; border: 1px solid #000; border-radius: 5px; width: 71%; margin: 10px 0; background-color: #fff;} 
.common-popup_top .banner-list i.banner04 {background-image: url(../img/bg_main_banner07.png);} 
.common-popup_top .banner-list i.banner05 {background-image: url(../img/popup_labor-contract.png);} 
.common-popup_top .banner-list i.banner06 {background-image: url(../img/banner_03_1.png);} 

/* NB500 간편송금 */
.check_area {padding: 3vw; margin: -3vw; width: fit-content; margin-left: auto;} 
.wrap.send .check_area {position: absolute; bottom: 130px; right: 0; z-index: 1;} 
.btn_remit_list {background: none; border: none; display: flex; align-items: center; font-size: 0.875rem; padding: 0; color: #000;} 
.btn_remit_list .ic_bankbook {width: 25px; height: 25px; margin-right: 4px;} 
.stmn_list-name {display: flex; align-items: center;} 
.stmn_tit + ul .stmn_list.static a {position: static;} 
.stmn_list i.ico_arr_right.gray {background-image: url(../img/store_right.svg); width: 7px; height: 12px; margin-left: -7px;} 

/* 사전 점검 안내 팝업 공통 */
/* 2023-03-06 서비스 점검 안내 IEP000_1 */
.common-popup .info-popup {position: relative; box-sizing: border-box; height: 79.166vw; padding: 6.944vw 8.333vw 0; border-radius: 8.333vw 8.333vw 0 0; background-color: #38c9a8; color: #000;} 
.common-popup .info-popup .tit {margin-bottom: 5.138vw;} 
.common-popup .info-popup .main_tit {padding-bottom: 2.777vw; font-weight: 600; color: #fff; font-size: 1.375rem; border-bottom: 1px solid #fff; margin-bottom: 4.444vw;} 
.common-popup .info-popup .sub_tit {font-weight: 600; font-size: 1.0325rem; color: #fff; margin-bottom: 5.138vw;} 
.common-popup .info-popup .content {max-height: 57vw; overflow-y: scroll; padding-bottom: 6.944vw; box-sizing: border-box;} 
.common-popup .info-popup .content .desc {font-size: 0.875rem; line-height: 1.12rem; color: #175345;} 
.common-popup .info-popup .content p + p {margin-top: 3.333vw;} 
.common-popup .info-popup .link_btn {margin-top: 8.333vw; display: flex; align-items: center;} 
.common-popup .info-popup .link_btn span {font-weight: 700; color: #175345;} 
.common-popup .info-popup .link_btn i {width: 2.222vw; height: 3.611vw; margin-left: 1.666vw; background-image: url(../img/arr_green_16x26.svg);} 

/* media query */
@media screen and (max-width: 339px) {
  html, body {font-size: 14px;} 
}
@media (max-width:321px){
  .my_stat_con {height: 541px;} 
  .my_stat_wrapper .my_stat_display {height: 611px;} 
}
@media(max-width: 321px){
  .setting_box .peris_link {margin-top: 100px;} 
}
@media(max-width:321px){
  .wrap.service .service_wrapper011 .g_reg011_01 > i >div {padding: 21px 30px;} 
  .wrap.service .service_wrapper011 > li > i > div > p:first-child {margin-bottom: 0;} 
}
@media(max-width:321px){
  .app_list_back {height:auto;} 
}
@media(max-width:321px){
  .banner_box.gift {height: 106.5px;} 
  button.btn_full_round.set_pd.set_posi_b.gift {bottom: 107px !important;} 
}
@media (max-width:321px){
  .ntlw_list span.ntlw_class {font-size: 13px;} 
  .ntlw_list p.ntlw_txt {font-size: 13px;} 
}
@media (min-width : 320px) and (max-width : 359px){
  .ndwd_list.pd_horizon .ndwd_tit {font-size: 14px;} 
  .ndwd_list.pd_horizon .ndwd_txt {font-size: 14px;} 
}
@media(max-width:320px){
  .tag_wrap {gap:5px;} 
  .tag_wrap.renew .tag {width: 68px; height: 25px; line-height: 25px;} 
}
@media(max-width:280px){
  .tag_wrap {gap:3px;} 
  .tag_wrap.renew .tag {width: 60px; height: 22px; line-height: 22px; font-size: 12px;} 
}
@media (max-width:321px){
  .pay_cell2 p {font-size: 18px;} 
}
@media(max-width:321px){
  .pay_cell1 .elipsis {width: 130px;} 
}
@media(max-width:321px){
  .pay_detail_list_con_left_text p {font-size: 14px;} 
}
@media(max-width:321px){
  .tax_detail_box .pay_detail_box_cell {width: 40%;} 
  .my_rank_con > div {width: 35%;} 
  .my_rank_con span {width: 65%;} 
}
@media(max-width:321px){
  .tax_detail_box_right {width: 100%;} 
  .tax_detail_box_right p:nth-child(2) {font-size: 13px;} 
  .pay_detail_list_bt span {font-size: 13px!important;} 
  .tax_detail_box_content >.c_black > strong {font-size: 13px;} 
  .csd_calendar_box p {font-size: 14px;} 
}
@media (max-width:321px){
  .sub_bank {margin-bottom: 10px;} 
}
@media (min-width: 320px){
  .pay_detail_list_con {width: 100%;} 
  .pay_detail_list_con_left {width: 100%;} 
}
@media(max-width:320px){
  .bx-wrapper {height: calc(100% + 85px);} 
  .pay_detail_list_cell1 .pay_cell1 {width:calc(100% + 30px);} 
  .pay_cell2 p {font-size: 21px;} 
}
@media(max-width:321px){
  .my_cont_num b {font-size: 14px;} 
}
@media(max-width:361px){
  .wrap.send .send_input {margin-bottom: 0;} 
}
@media(max-width:321px) {
  .wrap.send .send_insert > span {font-size: 13px;} 
  .send_transfer.down::after {right: 12px;} 
  .send_transfer.up::after {right: 0;} 
  .send_tab_list > .send_search button {padding: 8px 11px;} 
  .send_tab_list > .send_search .send_search_input::before {width: 17px; height: 17px;} 
  .send_tab_list > .send_search .send_search_input input {padding: 5px 20px;} 
  .wrap.send .send_b_wrap .send_tab_list > li p {font-size: 12px !important;} 
  .send_tab_list > .send_search button i {width: 13px; height: 13px;} 
}
@media(max-width:320px){
  .semo_con_card_wrap > div {margin-top: 5px;} 
}
@media(max-width:361px){
  .function_list_box.line_2 {padding: 0 15px;} 
  .function_list_box {padding: 0 15px;} 
  .wrap.proof .function_list_box {padding: 0 12px;} 
}
@media(max-width:320px){
  .phy_sec4_now {width: 100%;} 
  .wrap_phy_care .phy_care_sec2 > em {padding: 0 5px;} 
  .care_aside_box .care_aside_box_l > i {width:calc(100% - 30px);} 
}
@media(max-width:375px){
  .tax_ai_apply {justify-content: center; background-position-y:53%;} 
  .tax_ai_warning_wrapper {margin-top: 0;} 
  .tax_ai_warning_wrapper > p {margin-top: 10px;} 
}
@media(max-width:320px){
  .staff_reg_number > div > div .dot {margin-right: 1px;} 
}
@media(max-width:321px){
  .salary_upload_wrap.success .salary_upload_con > span p span {width: 90%;} 
}
@media (max-width: 359px){
  .connect_easy_txt {font-size: 1.079rem;} 
}
@media (min-width : 320px) and (max-width : 359px){
  .new_content.link .loan_noti_box .answer h1:after {right: 0;} 
}
@media (height : 568px){
  .new_content.fail {padding-top: 6.25vw;} 
}
@media (min-width : 710px){
  .new_content .popup_bg.income .popup {width: calc(50% - 6.25vw);} 
  .new_content .popup_bg.income .popup.banner .close_btn {right: 3vw; top: 3vw;} 
  .new_content .popup_bg.income .popup.banner .close_btn i {width: 2.083vw; height: 2.083vw;} 
  .new_content .popup_bg.income .btm_button {height: 9vw;} 
  .new_content .popup_bg.income .popup.rp_open i.C900 {width: 43.75vw; height: 53.611vw; margin-bottom: -1px;} 
}

/* animation */
@keyframes load_spin {
  0% {transform: rotate(0deg);} 
  100% {transform: rotate(360deg);} 
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} 
  to {-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} 
}
@keyframes rotating {
  from {-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} 
  to {-ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} 
}
@-webkit-keyframes ex_mark {
  0% {height: 0;} 100% {height: 25px;} 
}
@-webkit-keyframes dot {
  0% {height: 0;} 100% {height: 7.5px;} 
}
@-webkit-keyframes mark {
  0% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 0; width: 0; opacity: 1;} 
  20% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 0; width: 18.75px; opacity: 1;} 
  40% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 37.5px; width: 18.75px; opacity: 1;} 
  100% {height: 37.5px; width: 18.75px; opacity: 1;} 
}
@-webkit-keyframes checkmark {
  0% {height: 0; width: 0; opacity: 1;} 
  20% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 0; width: 18.75px; opacity: 1;} 
  40% {height: 37.5px; width: 18.75px; opacity: 1;} 
  100% {height: 37.5px; width: 18.75px; opacity: 1;} 
}
@-moz-keyframes checkmark {
  0% {height: 0; width: 0; opacity: 1;} 
  20% {height: 0; width: 18.75px; opacity: 1;} 
  40% {height: 37.5px; width: 18.75px; opacity: 1;} 
  100% {height: 37.5px; width: 18.75px; opacity: 1;} 
}
@keyframes checkmark {
  0% {height: 0; width: 0; opacity: 1;} 
  1% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 0; width: 0; opacity: 1;} 
  20% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 0; width: 14.75px; opacity: 1;} 
  40% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 26.5px; width: 14.75px; opacity: 1;} 
  100% {border-right: 7.5px solid white; border-top: 7.5px solid white; height: 26.5px; width: 14.75px; opacity: 1;} 
}
@keyframes rotate_image {
  100% {transform: rotate(-360deg);} 
}
@-webkit-keyframes chevy_1 {
  0% {opacity: 0; transition: 0.1s;} 100% {opacity: 1; transition: 0.1s;} 
}
@-webkit-keyframes chevy_2 {
  0% {opacity: 0; transition: 0.1s;} 100% {opacity: 1; transition: 0.1s;} 
}
@-webkit-keyframes chevy_3 {
  0% {opacity: 0; transition: 0.1s;} 100% {opacity: 1; transition: 0.1s;} 
}
@keyframes pin {
  0% {top:-4.375vw;} 100% {top: -7.675vw;} 
}