@charset "utf-8"; 
/* smpk Semo_Style Ver 9 2023-02-15 수정중 */
@font-face {font-family: "NotosansKR"; font-weight: 300; src: url("../font_v2/NotoSansKR-Light-Hestia.ttf") format("truetype");} 
@font-face {font-family: "NotosansKR"; font-weight: 350; src: url("../font_v2/NotoSansKR-DemiLight.otf") format("truetype");} 
@font-face {font-family: "NotosansKR"; font-weight: 400; src: url("../font_v2/NotoSansKR-Regular-Hestia.otf") format("truetype");} 
@font-face {font-family: "NotosansKR"; font-weight: 500; src: url("../font_v2/NotoSansKR-Medium-Hestia.otf") format("truetype");} 
@font-face {font-family: "NotosansKR"; font-weight: 700; src: url("../font_v2/NotoSansKR-Bold-Hestia.otf") format("truetype");} 
/* font pretendard */
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-Thin.woff2") format("woff2"); font-weight: 100;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-ExtraLight.woff2") format("woff2"); font-weight: 200;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-Light.woff2") format("woff2"); font-weight: 300;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-Regular.woff2") format("woff2"); font-weight: 400;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-Medium.woff2") format("woff2"); font-weight: 500;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-SemiBold.woff2") format("woff2"); font-weight: 600;} 
@font-face {font-family:'Pretendard Variable'; src: url("../font_v2/Pretendard-Bold.woff2"); font-weight: 700;} 
@font-face {font-family:'Pretendard Variable'; src: url("../font_v2/Pretendard-ExtraBold.woff2"); font-weight: 800;} 
@font-face {font-family:'Pretendard'; src: url("../font_v2/Pretendard-Black.woff2"); font-weight: 900;} 
@font-face {font-family: 'iropke'; src:url("../font_v2/IropkeBatangM.otf");} 

.stdn {display: none !important;} 
.stdb {display: block !important;} 

/* ######### Reset Css ######### */
* {-webkit-tap-highlight-color: transparent; user-select: none;} 
html,body {background: #fff;}
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, input {margin:0; padding:0;} 
th, td {margin:0; padding:0;} 
em {font-style: normal;} 
table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;} 
ul,li {list-style:none;} 
caption, th {text-align:left;} 
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:inherit; padding:0; margin:0;} 
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit; font-size:100%; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 0;} 
input:focus {outline: 0;} 
html,body {height:100%; width: 100%; margin: 0 auto; font-family:'Pretendard'; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 500;} 
a {color:inherit; text-decoration:none;} 
i {display: block; font-style: normal;} 
i.ico_cen {background-position: center; background-repeat: no-repeat;} 
select:disabled {opacity: 1;} 
textarea {resize: none;} 
textarea:focus {outline: 0;} 
.ico_cont {background-position: center center; background-size: contain; background-repeat: no-repeat;} 

/* ######### 아이콘 ######### */
i.info_red {background-image: url(../img_v2/info_red.svg); background-size: contain;} 
i.info_gray_blank {background-image: url(../img_v2/info_gray_blank.svg); background-size: contain;} 
i.y_bell {background-image: url(../img_v2/y_bell.svg);} 
i.info {background-image: url(../img_v2/info.svg); width: 6.25vw; height: 6.25vw; background-size: contain;} 
i.info_gray {background-image: url(../img_v2/info_gray.svg); width: 4.166vw; height: 4.166vw; background-size: contain;} 
i.right_white {background-image: url(../img_v2/right_white.svg); width: 6.25vw; height: 6.25vw; background-size: contain;} 
i.check_blue {background-image: url(../img_v2/check_blue.svg);} 
i.left_arrow {width: 5.937vw; height: 5vw; background-image: url(../img_v2/left_arrow.svg);} 
i.left {background-image: url(../img_v2/left.svg); background-size: contain; width: 2.343vw; height: 5vw;} 
i.right {background-image: url(../img_v2/right.svg); background-size: contain; width: 2.343vw; height: 5vw;} 
i.menu {background-image: url(../img_v2/menu.svg); width: 6.25vw; height: 6.25vw; background-size: contain;} 
i.up_gray_round {background-image: url(../img_v2/up_gray_round.svg);} 
i.down_gray_round {background-image: url(../img_v2/down_gray_round.svg);} 
i.up {background-image: url(../img_v2/up.svg); width: 2.812vw; height: 1.7187vw; background-size: contain;} 
i.down {background-image: url(../img_v2/down.svg); width: 2.812vw; height: 1.7187vw; background-size: contain;} 
i.del {background-image: url(../img_v2/del.svg); width: 4.687vw; height: 4.687vw; background-size: contain;} 
i.search {background-image: url(../img_v2/search.svg); width: 6.25vw; height: 6.25vw; background-size: contain;} 
i.share {background-image: url(../img_v2/share.svg); width: 6.25vw; height: 6.25vw; background-size: contain;} 
i.right_bold {background-image: url(../img_v2/right_bold.svg);} 
i.plus_l_gray {background-image: url(../img_v2/plus_l_gray.svg); width: 5vw; height: 5vw; background-size: contain;} 
i.plus_gray {background-image: url(../img_v2/plus_gray.svg); width: 5vw; height: 5vw; background-size: contain;} 
i.plus_white {background-image: url(../img_v2/plus_white.svg); width: 5vw; height: 5vw; background-size: contain;} 
i.up_gray {background-image: url(../img_v2/up_gray.svg); width: 2.812vw; height: 1.718vw; background-size: contain;} 
i.down_gray {background-image: url(../img_v2/down_gray.svg); width: 2.812vw; height: 1.718vw; background-size: contain;} 
i.menu {width: 6.25vw; height: 6.25vw;} 
i.employee {background-image: url(../img_v2/employee.svg);} 
i.semo_char1 {background-image: url(../img_v2/semo_char1.svg); width: 10vw; height: 11.87vw; background-size: contain;} 
i.error_red {background-image: url(../img_v2/error_red.svg); width: 4.687vw; height: 4.687vw; background-size: contain;} 
.dot::after {content: "*"; color: #ff684a;} 
.essential::after {content: "(필수)"; font-size: 0.875rem; color: #ff684a; margin-left: 0.9375vw;} 
i.sos {background-image: url(../img_v2/sos.svg);} 
i.close_btn {background-image: url(../img_v2/ico_close.svg);} 
i.badge {background-image: url(../img_v2/badge.svg);} 
i.info_blue {background-image: url(../img_v2/info_blue.svg);} 
.semo_f_1, .semo_f_2, .semo_f_3, .semo_f_4, .semo_f_5 {width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_f_1 {background-image: url(../img_v2/semo_f_1.svg);} 
i.semo_f_2 {background-image: url(../img_v2/semo_f_2.svg);} 
i.semo_f_3 {background-image: url(../img_v2/semo_f_3.svg);} 
i.semo_f_4 {background-image: url(../img_v2/semo_f_4.svg);} 
i.semo_f_5 {background-image: url(../img_v2/semo_f_5.svg);} 
i.semo_f_1_off {background-image: url(../img_v2/semo_f_1_off.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_f_2_off {background-image: url(../img_v2/semo_f_2_off.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_f_3_off {background-image: url(../img_v2/semo_f_3_off.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_f_4_off {background-image: url(../img_v2/semo_f_4_off.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_f_5_off {background-image: url(../img_v2/semo_f_5_off.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.semo_absence {background-image: url(../img_v2/semo_absence.svg); width: 10.93vw; height: 10.93vw; background-size: contain;} 
i.info_reg {background-image: url(../img_v2/info_reg.svg); width: 22.5vw; height:22.5vw; background-size: contain;} 
i.section_num1, i.section_num2, i.section_num3, i.section_num4 {width: 7.5vw; height: 7.5vw; background-size: contain;} 
i.section_num1 {background-image: url(../img_v2/section_num1.svg);} 
i.section_num2 {background-image: url(../img_v2/section_num2.svg);} 
i.section_num3 {background-image: url(../img_v2/section_num3.svg);} 
i.section_num4 {background-image: url(../img_v2/section_num4.svg)} 

i.plus_gray_light {background-image: url(../img_v2/plus_gray_light.svg); width: 4.375vw; height: 4.375vw; background-size: contain;} 
i.ico_new {width: 6.562vw; height: 6.562vw; display:inline-block; background-size: contain; background-image: url(../img_v2/ico_new.svg);} 
i.location {width: 12.81vw; height: 17.96vw; background-image: url(../img_v2/location.svg); background-size: contain;} 
i.chain {background-image: url(../img_v2/chain.svg); width: 8.125vw; height: 8.125vw; background-size: contain;} 
i.minus {background-image: url(../img_v2/ico_minus.svg); width: 7.812vw; height: 7.812vw; background-size: contain;} 
i.reg_new {background-image: url(../img_v2/reg_new.svg); width: 5.937vw; height: 4.687vw; background-size: contain;} 

.upload_icon1, .upload_icon2, .upload_icon3, .upload_icon4 {width: 7.812vw; height: 7.812vw; background-size: contain;} 
i.upload_icon1 {background-image: url(../img_v2/upload_icon1.svg) !important;} 
i.upload_icon2 {background-image: url(../img_v2/upload_icon2.svg) !important;} 
i.upload_icon3 {background-image: url(../img_v2/upload_icon3.svg) !important;} 
i.upload_icon4 {background-image: url(../img_v2/upload_icon4.svg) !important;} 
i.excel {background-image: url(../img_v2/thezone.svg); width: 4.375vw; height: 4.375vw; background-size:contain;} 
i.del_gray {background-image: url(../img_v2/del_gray.svg); width: 5.555vw; height: 5.555vw; background-size: contain;} 
i.c_bi {background-image: url(../img_v2/semo_logo.svg); width: 24.68vw; height: 7.62vw; background-size: contain; background-repeat: no-repeat;} 
i.semo_compelete {background-image: url(../img_v2/semo_compelete.svg); width: 40.62vw; height: 40.62vw; background-size: contain;} 
i.clock {background-image: url(../img_v2/clock.png);} 

/* 아이콘 Gif */
i.search_gif {width: 26.666vw; height: 26.666vw; background-image: url(../img_v2/search.gif)} 

/* emoji */
i.emoji {width: 16.666vw; height: 20.833vw; background-image: url(../img_v2/emoji.png);} 

/* number */
i.num_01 {background-image: url(../img_v2/num01.svg);} 
i.num_02 {background-image: url(../img_v2/num02.svg);} 
i.num_03 {background-image: url(../img_v2/num03.svg);} 
i.num_04 {background-image: url(../img_v2/num04.svg);} 

/* ######### 체크박스 ######### */
i.minus {background-image: url(../img_v2/ico_minus.svg); width: 6.875vw; height: 6.875vw; background-size: contain;} 
input[type="checkbox"] {border: 0.3125vw solid #222222; width: 7.5vw; height: 7.5vw; border-radius: 1.25vw; min-width: 7.5vw;} 
input[type="checkbox"]:checked {background-color: #17bf98; border: 0.3125vw solid #17bf98; background-image: url(../img_v2/check_w.svg); background-size: 4.687vw; background-repeat: no-repeat; background-position: center;} 
input[type="checkbox"]:checked.blue {background-color: #0088ff; border-color: #0088ff;} 
input[type="checkbox"]:disabled {background-color: #dddfe1 !important; border: #dddfe1 !important;} 
input[type="radio"] {border: 0.3125vw solid #222222; width: 7.5vw; height: 7.5vw; border-radius: 1.25vw; min-width: 7.5vw} 
input[type="radio"]:checked {background-color: #17bf98; border: 0.3125vw solid #17bf98; background-image: url(../img_v2/check_w.svg); background-size: 4.687vw; background-repeat: no-repeat; background-position: center;} 
input[type="date"]::-webkit-calendar-picker-indicator {background: none;} 
input.round[type="checkbox"] {border: 1px solid #d4d4d4; border-radius: 50%; width: 6.944vw; height: 6.944vw; min-width: 6.9444vw; padding: 1.666vw; box-sizing: border-box;} 
input.round[type="checkbox"]:checked {border-color: #006ccb; background:#fff url(../img_v2/chekc_rd.svg) center center no-repeat; background-size: 3.6111vw 3.611vw;} 


/* ######### 레이아웃 ######### */
/* 플렉스 */
.flex_cs {display:flex; align-items: center; justify-content: space-between;} 
.flex_ac {display: flex; align-items: center;} 
.dn {display: none !important;} 
.flex-1 {flex: 1 !important;} 
/* 포지션 */
.pos_static {position: static !important;} 
/* 하단 버튼위 INFO */
.bot_fix_pd20 .desc {display: flex; align-items: center; justify-content: center; line-height: 1.53; color: #b8b8b8; margin-bottom: 6.111vw;} 
.bot_fix_pd20 .desc i {margin-right: 1.388vw;} 
.bot_fix_pd20 .desc span {font-size: 0.75rem;} 
.bot_fix_pd20.none_bg {
 background-color:transparent; 
} 

/* 공통적용가능 클래스 */
p.info {text-decoration: underline; color: #8b8e93;} 
.height_unset {height: unset !important;} 
.title_sub_info {color: #adb0b7; font-size: 0.813rem; padding: 3.75vw 6.25vw;} 
.highlight {color: #222; font-weight: 500; box-shadow: inset 0 -10px 0 #91FFD5;} 
.elipsis {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 

/* 토스트 팝업 */
.toast {width: calc(100vw - 22.499vw); padding: 3.437vw 6.562vw; background-color: #202328; border-radius: 8.125vw; position: fixed; bottom: -22.81vw; left: 50%; transform: translateX(-50%); transition: 0.5s ease-in-out; opacity: 0;} 
.toast.show {bottom: 22.81vw; opacity: 1;} 
.toast > span {color: #ffffff; font-size: 1rem;} 

/* ######### Color ######### */
/* 텍스트 컬러 */
.f_l_green {color: #17bf98;} 
.f_gray {color: #b4bac4;} 
.f_d_gray {color: #868e93;} 
.f_blue {color: #0090db;} 
.f_red {color: #ff684a;} 
.f_a_gray {color:#8a8a8b;} 

/* 배경 컬러 */
.b_d_gray02 {background-color: #f4f5f7 !important;} 
.bgc_white01 {background-color: #fff !important;} 
.bgc_gray01 {background-color: #f4f5f7 !important;} 
.bgc_sig {background-color: #17bf98 !important; color: #fff !important;} 
.c_sig {color: #17bf98 !important;} 
.c_gray01 {color: #adb0b7 !important;} 
.c_purple {color: #5d72dc !important;} 
.b_gray {background-color: #f4f5f7 !important;} 
.b_white {background-color: #ffffff !important;} 

/* 텍스트 사이즈 */
.set_font20 {font-size: 1.250rem;} 
.set_font28 {font-size: 1.750rem;} 

/* 폰트 두께 */
.font_w_b {font-weight: bold !important;} 

/* ######### Margin & Padding ######### */
/* 마진 - 여백 */
.set_mgt0 {margin-top:0 !important;} 
.set_mgt1 {margin-top: 0.3125vw;} 
.set_mgt2 {margin-top: 0.625vw;} 
.set_mgt3 {margin-top: 0.9375vw;} 
.set_mgt4 {margin-top: 1.25vw;} 
.set_mgt5 {margin-top: 1.562vw;} 
.set_mgt6 {margin-top: 1.875vw !important;} 
.set_mgt7 {margin-top: 2.187vw;} 
.set_mgt8 {margin-top: 2.5vw;} 
.set_mgt9 {margin-top: 2.812vw;} 
.set_mgt10 {margin-top: 3.125vw !important;} 
.set_mgt11 {margin-top: 3.437vw;} 
.set_mgt12 {margin-top: 3.75vw;} 
.set_mgt13 {margin-top: 4.062vw;} 
.set_mgt14 {margin-top: 4.375vw !important;} 
.set_mgt15 {margin-top: 4.687vw;} 
.set_mgt16 {margin-top: 5vw;} 
.set_mgt17 {margin-top: 5.312vw;} 
.set_mgt18 {margin-top: 5.625vw;} 
.set_mgt19 {margin-top: 5.937vw;} 
.set_mgt20 {margin-top: 6.25vw;} 
.set_mgt21 {margin-top: 6.562vw !important;} 
.set_mgt23 {margin-top: 7.187vw !important;} 
.set_mgt25 {margin-top: 7.812vw;} 
.set_mgt26 {margin-top: 8.125vw;} 
.set_mgt27 {margin-top: 8.437vw;} 
.set_mgt30 {margin-top: 9.375vw;} 
.set_mgt31 {margin-top: 9.687vw;} 
.set_mgt36 {margin-top: 11.25vw;} 

.set_mgl10 {margin-left: 2.5vw;} 
.set_mgl18 {margin-left: 5.625vw;} 
.set_mgr6 {margin-right: 1.875vw;} 
.set_mgr8 {margin-right: 2.5vw;} 

.set_mgr6 {margin-right: 1.875vw;} 
.set_mgr8 {margin-right: 2.5vw;} 

.set_mgb0 {margin-bottom: 0 !important;} 
.set_mgb5 {margin-bottom: 1.388vw !important;} 
.set_mgb13 {margin-bottom: 4.062vw !important;} 
.set_mgb15 {margin-bottom: 4.687vw} 
.set_mgb17 {margin-bottom: 5.312vw !important;} 
.set_mgb25 {margin-bottom: 7.812vw !important;} 
.set_mgb35 {margin-bottom: 10.93vw !important;} 
.set_mgb45 {margin-bottom: 12.5vw !important;} 
.set_mgb66 {margin-bottom: 18.333vw !important;} 
.let_mgb22 {margin-bottom:6.111vw !important;} 

/* 패딩 - 여백 */
.set_pdt0 {padding-top: 0vw !important;} 
.set_pdt1 {padding-top: 0.3125vw;} 
.set_pdt2 {padding-top: 0.625vw;} 
.set_pdt3 {padding-top: 0.9375vw;} 
.set_pdt4 {padding-top: 1.25vw;} 
.set_pdt5 {padding-top: 1.562vw;} 
.set_pdt6 {padding-top: 1.875vw;} 
.set_pdt7 {padding-top: 2.187vw !important;} 
.set_pdt8 {padding-top: 2.5vw;} 
.set_pdt9 {padding-top: 2.812vw;} 
.set_pdt10 {padding-top: 3.125vw;} 
.set_pdt11 {padding-top: 3.437vw;} 
.set_pdt12 {padding-top: 3.75vw;} 
.set_pdt13 {padding-top: 4.062vw;} 
.set_pdt14 {padding-top: 4.375vw;} 
.set_pdt15 {padding-top: 4.687vw;} 
.set_pdt16 {padding-top: 5vw;} 
.set_pdt17 {padding-top: 5.312vw !important;} 
.set_pdt18 {padding-top: 5.625vw;} 
.set_pdt19 {padding-top: 5.937vw;} 
.set_pdt20 {padding-top: 6.25vw;} 

.set_pdb0 {padding-bottom: 0 !important;} 
.set_pdb150 {padding-bottom: 41.666vw !important;} 
.set_pdb17 {padding-bottom:5.312vw !important;} 
.set_pdb27 {padding-bottom:7.5vw !important;} 

.set_pdl0 {padding-left: 0 !important;} 
.set_pdl20 {padding-left: 5.555vw !important;} 

.set_pdr0 {padding-right: 0 !important;} 

/* 패딩바텀 360vw*/
.let_pdb28 {padding-bottom: 7.777vw;} 
.let_pdb21 {padding-bottom:5.833vw;} 
.set_pdb20 {padding-bottom: 6.25vw !important;} 
.set_pdb36 {padding-bottom: 11.25vw !important;} 
.pb_btm_button {padding-bottom: 31.25vw !important;} 
.mb_btm_button {margin-bottom: 31.25vw !important;} 



/* 채널 로고 */
i.bi {background-position: center; background-repeat: no-repeat; background-image: url(../img_v2/semo_logo.svg);} 

/* 이미지 */
span.ico_cen {display: inline-block; background-position: center !important; background-repeat: no-repeat !important; vertical-align: middle; background-size: contain;} 
.ico_cen.down_01 {width: 2.5vw; height: 1.527vw; background-image: url(../img_v2/down.svg);} /* #000 */
.ico_cen.loading_01 {width: 3.458vw; height: 4.083vw; background-image: url(../img_v2/loading_01.png);} /* #000 */
.ico_cen.check_01 {width: 6.944vw; height: 4.722vw; background-image: url(../img_v2/check_01.png);} /* #dfdfdf */
.ico_cen.check_03 {width: 6.944vw; height: 4.722vw; background-image: url(../img_v2/check_03.png);} /* #17bf98 */
.ico_cen.check_04 {width: 6.944vw; height: 4.722vw; background-image: url(../img_v2/check_w.svg);} /* #fff */
.ico_cen.up_01 {width: 3.055vw; height: 1.944vw; background-image: url(../img_v2/up.svg);} /* #000 */
.ico_cen.right_01 {width: 1.666vw; height: 2.777vw; background-image: url(../img_v2/right_gray.svg);} /* #a8a8a8 */
.ico_cen.right_02 {width: 2.5vw; height: 4.166vw; background-image: url(../img_v2/right_big.svg);} /* #000 */
.ico_cen.refresh_02 {width: 6.944vw; height: 6.944vw; background-image: url(../img_v2/refresh_02.png);} /* #747474 */
.ico_cont.report_01 {width: 13.888vw; height: 16.111vw; background-image: url(../img_v2/report_01.png);} /* #ebebeb */
.ico_cen.close_bg_gray {width: 6.388vw; height: 6.388vw; background-image: url(../img_v2/del_gray.svg);} /* #dfdfdf */
.ico_cen.calc_01 {width: 61.111vw; height: 61.111vw; background-image: url(../img_v2/calc_01.svg);} /* 220px = 61.111vw */ 
.ico_cen.hometax_01 {width: 61.111vw; height: 61.111vw; background-image: url(../img_v2/hometax_01.webp);} 
.ico_cen.trigger_01 {width: 5vw; height: 3.888vw; background-image: url(../img_v2/trigger_01.png);} /* #cbcbcb */
.ico_cen.faq_01 {width: 61.111vw; height: 61.111vw; background-image: url(../img_v2/faq_01.png);} /* 챗봇 인트로이미지 */
.ico_cen.headset_01 {width: 5vw; height: 5vw; background-image: url(../img_v2/headset_01.svg);} /* #000 */
.ico_cen.plus_02 {width: 3.333vw; height: 3.333vw; background-image: url(../img_v2/plus_02.svg);} 
.ico_cen.connect_01 {width: 9.166vw; height: 9.166vw; background-image: url(../img_v2/connect_01.svg);} 
.ico_cen.certi_03 {width: 9.166vw; height: 9.166vw; background-image: url(../img_v2/certi_03.svg);} 
.ico_cen.info_02 {width: 4.861vw; height: 4.861vw; background-image: url(../img_v2/info_02.svg);} 
.ico_cen.link_01 {width: 50vw; height: 50vw; background-image: url(../img_v2/link_01.svg);} /* 180px = 50vw */ 
.ico_cen.pencel_01 {width: 5vw; height: 5vw; background-image: url(../img_v2/pencel_01.svg);} /* #717171w */ 
.ico_cen.check_sig {width: 4.375vw; height: 3.125vw; background-image: url(../img_v2/semo_check.svg) !important; background-size: contain;} /* #12997a */

/* ######### 은행 아이콘 ######### */

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

/* 카드아이콘 */
i.bank.bk_30000001 {background-image: url(../img_v2/bank_004.svg);} /* 국민카드 */
i.bank.bk_30000001.gray {background-image: url(../img_v2/bank_004_g.svg);} /* 국민카드*/
i.bank.bk_30000002 {background-image: url(../img_v2/bank_367.svg);} /* 현대카드 */
i.bank.bk_30000002.gray {background-image: url(../img_v2/bank_367_g.svg);} /* 현대카드*/
i.bank.bk_30000003 {background-image: url(../img_v2/bank_365.svg);} /* 현대카드 */
i.bank.bk_30000003.gray {background-image: url(../img_v2/bank_365_g.svg);} /* 현대카드*/
i.bank.bk_30000004 {background-image: url(../img_v2/bank_081.svg);} /* 외환카드 */
i.bank.bk_30000004.gray {background-image: url(../img_v2/bank_081_g.svg);} /* 외환카드*/
i.bank.bk_30000006 {background-image: url(../img_v2/bank_361.svg);} /* BC카드 */
i.bank.bk_30000006.gray {background-image: url(../img_v2/bank_361_g.svg);} /* BC카드*/
i.bank.bk_30000008 {background-image: url(../img_v2/bank_088.svg);} /* 신한카드 */
i.bank.bk_30000008.gray {background-image: url(../img_v2/bank_088_g.svg);} /* 신한카드 */
i.bank.bk_30000009 {background-image: url(../img_v2/bank_027.svg);} /* 씨티카드 */
i.bank.bk_30000009.gray {background-image: url(../img_v2/bank_027_g.svg);} /* 씨티카드 */
i.bank.bk_30000012 {background-image: url(../img_v2/bank_034.svg);} /* 광주카드 */
i.bank.bk_30000012.gray {background-image: url(../img_v2/bank_034_g.svg);} /* 광주카드 */
i.bank.bk_30000013 {background-image: url(../img_v2/bank_007.svg);} /* 수협카드 */
i.bank.bk_30000013.gray {background-image: url(../img_v2/bank_007_g.svg);} /* 수협카드 */
i.bank.bk_30000014 {background-image: url(../img_v2/bank_034.svg);} /* 전북카드 */
i.bank.bk_30000014.gray {background-image: url(../img_v2/bank_034_g.svg);} /* 전북카드 */
i.bank.bk_30000015 {background-image: url(../img_v2/bank_081.svg);} /* 하나카드 */
i.bank.bk_30000015.gray {background-image: url(../img_v2/bank_081_g.svg);} /* 하나카드 */
i.bank.bk_30000017 {background-image: url(../img_v2/bank_368.svg);} /* 롯데카드 */
i.bank.bk_30000017.gray {background-image: url(../img_v2/bank_368_g.svg);} /* 롯데카드 */
i.bank.bk_30000018 {background-image: url(../img_v2/bank_020.svg);} /* 우리카드 */
i.bank.bk_30000018.gray {background-image: url(../img_v2/bank_020_g.svg);} /* 우리카드 */
i.bank.bk_30000019 {background-image: url(../img_v2/bank_368.svg);} /* 롯데카드 */
i.bank.bk_30000019.gray {background-image: url(../img_v2/bank_368_g.svg);} /* 롯데카드 */
i.bank.bk_30000021 {background-image: url(../img_v2/bank_011.svg);} /* NH농협카드 */
i.bank.bk_30000021.gray {background-image: url(../img_v2/bank_011_g.svg);} /* NH농협카드 */
i.bank.bk_30000022 {background-image: url(../img_v2/bank_002.svg);} /* 산은카드 */
i.bank.bk_30000022.gray {background-image: url(../img_v2/bank_002_g.svg);} /* 산은카드 */
i.bank.bk_30000032 {background-image: url(../img_v2/bank_039.svg);} /* 부산VISA카드 */
i.bank.bk_30000032.gray {background-image: url(../img_v2/bank_039_g.svg);} /* 부산VISA카드 */
i.bank.bk_30000033 {background-image: url(../img_v2/bank_367.svg);} /* 현대백화점카드 */
i.bank.bk_30000033.gray {background-image: url(../img_v2/bank_367_g.svg);} /* 현대백화점카드 */
i.bank.bk_30000035 {background-image: url(../img_v2/bank_088.svg);} /* 제주VISA카드 */
i.bank.bk_30000035.gray {background-image: url(../img_v2/bank_088_g.svg);} /* 제주VISA카드 */
i.bank.bk_30000060 {background-image: url(../img_v2/bank_003.svg);} /* BC카드(기업)*/
i.bank.bk_30000060.gray {background-image: url(../img_v2/bank_003_g.svg);} /* BC카드(기업) */
i.bank.bk_30000061 {background-image: url(../img_v2/bank_031.svg);} /* BC카드(대구) */
i.bank.bk_30000061.gray {background-image: url(../img_v2/bank_031_g.svg);} /* BC카드(대구) */
i.bank.bk_30000062 {background-image: url(../img_v2/bank_039.svg);} /* BC카드(부산) */
i.bank.bk_30000062.gray {background-image: url(../img_v2/bank_039_g.svg);} /* BC카드(부산) */
i.bank.bk_30000063 {background-image: url(../img_v2/bank_039.svg);} /* BC카드(경남) */
i.bank.bk_30000063.gray {background-image: url(../img_v2/bank_039_g.svg);} /* BC카드(경남) */
i.bank.bk_30000064 {background-image: url(../img_v2/bank_023.svg);} /* BC카드(SC) */
i.bank.bk_30000064.gray {background-image: url(../img_v2/bank_023_g.svg);} /* BC카드(SC) */
i.bank.bk_365 {background-image: url(../img_v2/bank_365.svg);} /* 삼성카드 */
i.bank.bk_365.gray {background-image: url(../img_v2/bank_365_g.svg);} /* 삼성카드 gray */
i.bank.bk_361 {background-image: url(../img_v2/bank_361.svg);} /* BC카드 */
i.bank.bk_361.gray {background-image: url(../img_v2/bank_361_g.svg);} /* BC카드 gray */
i.bank.bk_368 {background-image: url(../img_v2/bank_368.svg);} /* 롯데카드 */
i.bank.bk_368.gray {background-image: url(../img_v2/bank_368_g.svg);} /* 롯데카드 */
i.bank.bk_367 {background-image: url(../img_v2/bank_367.svg);} /* 현대백화점카드 */
i.bank.bk_367.gray {background-image: url(../img_v2/bank_367_g.svg);} /* 현대백화점카드 */

/* 홈택스/ 건강보험공단 */
i.ico_hometax {background-image: url(../img_v2/ico_hometax.svg);} 
i.ico_nhis {background-image: url(../img_v2/ico_nhis.svg);} 
/* 배달앱 로고 */
i.delivery {width: 9.722vw; height: 9.722vw;} 
i.delivery.dv_1010 {background-image: url(../img_v2/delivery_01.png);} /* 배달의민족 */
i.delivery.dv_1050 {background-image: url(../img_v2/delivery_02.png);} /* 쿠팡이츠 */
i.delivery.dv_1020 {background-image: url(../img_v2/delivery_03.png);} /* 요기요 */

/* 배달앱 및 기타로고 추가 2022-10-27 */
i.delivery_big.dv_1010 {background-image: url(../img_v2/deliver_01_100x100.png);} /* 배달의민족 */
i.delivery_big.dv_1050 {background-image: url(../img_v2/deliver_02_100x100.png);} /* 쿠팡이츠 */
i.delivery_big.dv_1020 {background-image: url(../img_v2/deliver_03_100x100.png);}  /* 요기요 */
i.nhis_big {background-image: url(../img_v2/nhis_100x100.png);} /* 건강보험공단*/
i.hometax_big{background-image: url(../img_v2/hometax_100x100.png);} /* 홈택스 */

/* 용도팝업 START */
/* 공통 */
.ico_cont.purpose {width: 13.888vw; height: 13.888vw;} 
.ico_cont.purpose.set {background-image: url(../img_v2/purpose-set.png);} 

/* 수입용도 */
.ico_cont.purpose.I2009 {background-image: url(../img_v2/income-purpose01.png);} /* 개인용도 */
.ico_cont.purpose.I1002 {background-image: url(../img_v2/income-purpose02.png);} /* 카드매출 */
.ico_cont.purpose.I1004 {background-image: url(../img_v2/income-purpose03.png);} /* 현금매출 */
.ico_cont.purpose.I2008 {background-image: url(../img_v2/income-purpose04.png);} /* 배달매출 */
.ico_cont.purpose.I1003 {background-image: url(../img_v2/income-purpose05.png);} /* 온라인매출 */
.ico_cont.purpose.I2005 {background-image: url(../img_v2/income-purpose06.png);} /* 기타 */
.ico_cont.purpose.I2001 {background-image: url(../img_v2/income-purpose07.png);} /* 일반이체 */
.ico_cont.purpose.I2006 {background-image: url(../img_v2/income-purpose08.png);} /* 세금계산 */
.ico_cont.purpose.I2007 {background-image: url(../img_v2/income-purpose09.png);} /* 현금영수증 */
.ico_cont.purpose.I2010 {background-image: url(../img_v2/income-purpose10.png);} /* 미분류 */

/* 지출용도 */
.ico_cont.purpose.O2015 {background-image: url(../img_v2/outlay-purpose01.png);} /* 개인용도 */
.ico_cont.purpose.O2006 {background-image: url(../img_v2/outlay-purpose02.png);} /* 구입 */
.ico_cont.purpose.O1003 {background-image: url(../img_v2/outlay-purpose03.png);} /* 급여 */
.ico_cont.purpose.O1004 {background-image: url(../img_v2/outlay-purpose04.png);} /* 세금 */
.ico_cont.purpose.O1005 {background-image: url(../img_v2/outlay-purpose05.png);} /* 임대료 */
.ico_cont.purpose.O2007 {background-image: url(../img_v2/outlay-purpose06.png);} /* 기타 */
.ico_cont.purpose.O2001 {background-image: url(../img_v2/outlay-purpose07.png);} /* 일반이체 */
.ico_cont.purpose.O2008 {background-image: url(../img_v2/outlay-purpose08.png);} /* 세금계산서 */
.ico_cont.purpose.O2009 {background-image: url(../img_v2/outlay-purpose09.png);} /* 관리비 */
.ico_cont.purpose.O2010 {background-image: url(../img_v2/outlay-purpose10.png);} /* 교통출장비 */
.ico_cont.purpose.O2011 {background-image: url(../img_v2/outlay-purpose11.png);} /* 차량유지비 */
.ico_cont.purpose.O2012 {background-image: url(../img_v2/outlay-purpose12.png);} /* 복리후생비 */
.ico_cont.purpose.O2013 {background-image: url(../img_v2/outlay-purpose13.png);} /* 접대비 */
.ico_cont.purpose.O2014 {background-image: url(../img_v2/outlay-purpose14.png);} /* 카드대금 이체 */
.ico_cont.purpose.O2016 {background-image: url(../img_v2/outlay-purpose15.png);} /* 미분류 */
/* 용도팝업 END */

/* 레아이웃 */
.title ~ .basic_wrapper {padding-top: 13.4vw; height: calc(100% - 13.4vw);} 
.basic_wrapper {width: 100%; height: 100%; margin: 0 auto; overflow-x: hidden; background-color: #fff;} 
.basic_wrapper.sample {padding-top: 13.4vw; height: unset;} 
.basic_web_view {width: 100%;} 
.padding_wrapper20 {width: calc(100% - 12.5vw); padding: 0 6.25vw; margin: 0 auto;} 
.padding_wrapper25 {width: calc(100% - 11.11vw); padding: 0 5.555vw; margin: 0 auto;} 
.wrap_pd20 {width: calc(100% - 11.11vw); padding: 0 5.555vw; margin: 0 auto;} 

/* ######### 아래화살표 애니메이션 ######### */
.staff_reg_info {text-align: center; color: #a9adb5; left: 50%; top: 50%;} 
.staff_reg_info > div {display: flex; flex-direction: column; align-items: center; margin-top:18px;} 
.staff_reg_info > div > i {background-image: url(../img_v2/down_gray_round.svg); 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;} 
@-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;} 
} 

/* ######### 버튼공통 ######### */
/* Button Reset */
button {font-family: inherit; padding: 0; border:0; color: inherit; background-color: inherit; appearance: none; font-size: inherit; background-image: inherit; font-weight: 500;} 

/*###### 새버튼 ######*/

/*### 바텀버튼 레이아웃 ###*/
.bot_absol {position: absolute; bottom:0; width: 100%;} 
.bot_fix {position: fixed; left:0; bottom: 0; width: 100%; z-index: 99;} 
.btn_center_l {display: flex; justify-content: center; align-items: center;} 
/* 더블버튼 레이아웃 */
.btn_db_wrap {display: flex; justify-content: space-between;} 
/*### 버튼형태별 ###*/
button.type_A {width: 100%; height: 18.055vw; background-color: #ebebeb; color: #c7c7c7; font-size: 1.187rem;} 
button.type_A.dark-base {background-color: #dddfe1; color: #adb0b7;} 
button.type_A.active {background-color: #17bf98; color: #fff;} 
button.type_A.active_blue {background-color: #0088ff; color: #fff;} 
/* button.type_b {background-color: #f8f8f8; color: #cecece;} */
button.type_B {width: 100%; height: 18.055vw; background-color: #ebebeb; color: #c7c7c7; border-radius: 7px; font-size: 1.187rem;} 
button.type_B.active_blue {background-color: #0088ff; color: #fff;} 
button.type_B.dark-base {background-color: #dddfe1; color: #adb0b7;} 
button.type_B.active {background-color: #17bf98; color: #fff;} 
button.type_B.white {background-color: #fff; border: 1px solid #c9c9c9;} 
button.type_B.white span {color: #dedede; font-size: 1.187rem; font-weight: 600;} 
button.type_B.white.is-active {border-color: #000;} 
button.type_B.white.is-active span {color: #000;} 
button.double_rd {width: 43.333vw; height: 18.055vw; box-sizing: border-box; background-color: #e5e5e5; color: #222; font-size: 1.187rem; font-weight: 600; border-radius: 7px;} 
button.double_rd.active {background-color: #17bf98; color: #fff;} 
button.entry_btn {color:#a2a5ac; border-radius: 10px; background-color: #f2f5f7; font-size: 0.875rem; padding:2.3vw 3.125vw; display: inline-block; min-width: 37.5vw;} 
button.mini.typeA {background-color: #f2f2f2; color: #6b6d73; padding: 2.777vw 3.888vw; border-radius: 16px;} 
button.mini.typeB {width: 16.944vw; height: 8.333vw; border-radius: 16px; font-size: 0.75rem; background-color: #f8f8f8; color:#cecece;} 
button.mini.typeB.active {background-color: #25594d; color: #fff;} 
button.underline span {text-decoration: underline;} 
button.underline .red {color: #ff5858;} 
button.refresh {background-image: url(../img_v2/refresh.svg); background-size: contain; text-indent: -9999px;} 
button.refresh.gray {background-image: url(../img_v2/refresh_g.svg);} 
button.refresh_cycle {background-image: url(../img_v2/refresh_cycle_g.svg); background-size: contain; text-indent: -9999px;} 
.btn_logout {text-align: center; margin: 1.666vw 0 3.472vw;} 
.btn_logout button {padding: 2.777vw; color: #bcbcbc; font-size: 0.937rem;} 

/* Button wrap 레이아웃 */
.bot_fix_pd20 {position: fixed; left: 0; bottom: 0; width: 100%; padding:3.5vw 5.555vw 8.333vw; box-sizing: border-box; background-color: #fff;} 
.bot_fix_pd20.db {display: flex; align-items: center; justify-content: space-between;} 
.bot_absol_pd20 {position: absolute; bottom: 0; width: 100%; padding:3.5vw 5.555vw 8.333vw; box-sizing: border-box; background-color: #fff;} 
.btn.flex_cs {padding-top: 0;} 
.btn.flex_cs .type_B {height: 12.5vw; font-size: 1.062rem; color: #6c6d6e; background-color: transparent; border: 1px solid #808080;} 
.btn.flex_cs .type_B.cancel {margin-right: 2.777vw;} 
button.close_btn {background: url(../img_v2/del.svg) center no-repeat; background-size: contain; width: 4.166vw; height: 4.166vw;} 
button.connect {width: 6.944vw; height: 6.944vw; background: url(../img_v2/connect_50x50.svg) center no-repeat; background-size: contain;} 
button.error {width: 6.944vw; height: 6.944vw; background: url(../img_v2/unconnect_50x50.svg) center no-repeat; background-size: contain;} 

/* 취소버튼 */
.btn_gray_bd {color: #aeaeae; padding-right: 2.777vw; font-size: 0.937rem; text-decoration: underline; display: flex; align-items: center; margin-left: auto;} 
.btn_gray_bd .ico_cen {width: 7px; height: 11px; margin-left: 2.5vw;} 

/* 더보기 작은 버튼 */
button.mini.low_arr {border-radius: 20px; border: 1px solid #000; width: 26vw; height: 9.166vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center;} 
button.mini.low_arr span {font-size: 0.937rem; line-height: 9.166vw;} 
button.mini.low_arr i {width: 15px; height: 9px; background-image: url(../img_v2/arr_up_01.svg); transform:rotate(180deg); margin-right: 2.222vw;} 

/* 노란라운드 버튼 */
button.rd_yellow {border-radius: 11.111vw; background-color: #fff027; border: 1.5px solid #ffde5a; width: 100%; height: 15.138vw;} 
button.rd_yellow span {font-weight: 700; font-size: 1.312rem; color: #312617;} 

/* 노란라운드 버튼02 */
button.rd_yellow02 {background-color: #fff027; border: 1.5px solid #ffde5a; color: #000; font-weight: 600;} 

/* 옛날버튼 */
.btm_button.info {max-height: 19.05vw; margin-left: -6.25vw;} 
.btm_button.info > span {font-size: 0.750rem; text-decoration: underline; background-color: #f2f3f5; color: #85888d;} 
.btm_button.bottom_fix {position: fixed; bottom: 0; left: 0; z-index: 15;} 
.btm_button {width: 100vw; display: flex; justify-content: center;} 
.btm_button > span {flex: 1; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; background-color: #dddfe1; color: #acb5b9; height: 18.055vw;} 
.btm_button.bottom_absol {position: absolute; bottom:0; left: 0;} 
.btm_button.active > span {background-color: #17BF98; color: #ffffff;} 
.btm_button span.c_gray {background-color: #dddfe1; color: #222222;} 
.btm_button span.c_green {background-color: #17bf98; color: #ffffff !important;} 
.btm_button span.c_yellow {background-color: #ffc94a; color: #000; font-weight: 600;} 
.link_copy_btn {width: fit-content;} 
.link_copy_btn p {padding: 1.562vw 3.437vw; background-color: #f7f7f7; color: #000000; font-size: 0.813rem; border-radius: 4.687vw;} 
.btm_button.double {width: calc(100vw - 12.5vw); position: fixed; bottom: 0; padding: 2vw 6.25vw 4.687vw; justify-content: space-between; z-index: 20;} 
.btm_button.double > span {color: #222222; flex: unset; border-radius: 2.187vw;} 
.btm_button.double > span:first-child {width: calc(35% - 1vw);} 
.btm_button.double > span:last-child {width: calc(65% - 1vw);} 
.btm_button.single {width: calc(100vw - 11.874vw);} 
.btm_button.single > span {width: 100%; border-radius: 2.187vw; color: #ffffff;} 
.btm_button + p.info {text-align: center;} 
.btm_button.half_btn {background-color: #f4f5f7; display: flex; justify-content: space-between; width: 100vw; padding:2vw 0 6.944vw;} 
.btm_button.half_btn > span {color: #fff; border-radius: 2.187vw; box-sizing: border-box;} 
.btm_button.half_btn .half_left {background-color: #17bf98; margin: 0 2.031vw 0 6.25vw; border: 0.312vw solid #12997a;} 
.btm_button.half_btn .half_right {background-color: #fcae13; margin: 0 6.25vw 0 2.031vw; border: 0.312vw solid #d8870d; color: #fff;} 

/* 추가버튼 */
.btm_plus {width: 100vw; display: flex; justify-content: center; align-items: center; background-color: #17bf98; color: #fff; font-size: 1.187rem; padding: 5.972vw 0;} 
.btm_plus.bottom_fix {position: fixed; bottom: 0; left: 0; z-index: 15;} 

/* 추가버튼 라운드 배경흰색 */
.add_button_wrap {position: fixed; bottom: 0; padding-bottom: 9.583vw; width: 100%; display: flex; justify-content: center;} 
.add_button {background-color: #fff; font-size: 1.125rem; border: 1px solid #000; border-radius: 30px; padding: 3.333vw 6.388vw; display: flex; align-items: center; justify-content: center; box-sizing: border-box;} 
.add_button i {width: 4.444vw; height: 4.444vw; background-image: url(../img_v2/plus_r.svg); margin-right: 2.5vw;} 

/* 다음버튼 */
.next_button {width: 100%; display: flex; justify-content: center; position: relative;} 
.next_button p {padding: 3.906vw 10.31vw; font-size: 1.188rem; color: #adb0b7; border-radius: 9.375vw; background-color: #dddfe1; border: 0.625vw solid #dddfe1;} 
.next_button.active p {background-color: #17bf98; border: 0.3125vw solid #12997a; color: #ffffff;} 
.calc_link {position: absolute; right: 1.562vw; top: 0; color: #222222; text-decoration: underline; font-size: 0.750rem; padding: 1.562vw;} 

/* 개별버튼 */
.section_button {width: calc(100% - 10vw); padding: 0 4.687vw; height: 16.86vw; text-align: center; display: flex; align-items: center; background-color: #baf9e1; border: 1px solid #17bf98; border-radius: 2.5vw; position: relative;} 
.section_button > span {font-size: 1rem; color: #25594d; font-weight: 400;} 
.section_button i.semo_char1 {margin-right: 3.125vw;} 
.section_button i.right_bold {width: 1.484vw; height: 3.125vw; background-size: cover; position: absolute; right: 4.687vw;} 
.section_button.self {padding: 0 4.687vw; height: 16.86vw; background-color: #ffffff; border: 0.3125vw solid #dddfe1;} 
.section_button.self > span {color:#222222;} 

/* 밑줄버튼 */
.button_line {font-size: 1.125rem; padding-bottom: 4.166vw; text-decoration: underline;} 

/* ######### 팝업 ######### */
/* 알림 팝업 */
.popup_bg {width: 100vw; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 888;} 
.popup.alert {width: 100%; background-color: #ffffff; padding: 9.375vw 6.562vw 0; border-radius: 3.125vw; overflow: hidden; margin: 0 5.555vw;} 
.popup.alert.round {border-radius: 5.555vw;} 
.popup.alert .alret_text {text-align: center; display: flex; flex-direction: column;} 
.popup.alert .alret_text > b {font-size: 1.250rem; font-weight: 600;} 
.popup.alert .alret_text h1 {font-weight: 600; color: #222; font-size: 1.437rem; padding-bottom: 4.166vw; line-height: 1.3; display: flex; justify-content: center; align-items: center;} 
.popup.alert .alret_text h1.info i {width: 5.277vw; height: 5.277vw; background-image: url(../img_v2/ico_info_gray.svg); margin-left: 1.666vw;} 
.popup.alert .alret_text h2.error_code {font-size: 1.312rem; color: #959aa4; margin-bottom: 4.444vw;} 
.popup.alert .alret_text span {line-height: 1.5; color: #222; font-size: 1.062rem;} 
.popup.alert .alret_text span.txt02 {margin-top: -1.388vw;} 
.popup.alert .alret_text span.txt03 {margin-top: 2.777vw;} 
.popup.alert .alret_text p.txt01 {margin-top: 5.555vw; color: #a4a4a4; line-height: 1.5} 
.popup.alert .btm_button {width: calc(100% + 13.12vw); height: 18.055vw; margin-left: -6.562vw; margin-top: 8.75vw; display: flex; align-items: center;} 
.popup.alert .btm_button span.c_gray {color: #888; font-size:1.187rem;} 
.popup.alert .btm_button span.bgc_sig {flex: 1.37; color: #ffffff; background-color: #17bf98; font-size:1.187rem;} 
.popup.alert .btm_button.flex1 span.bgc_sig {flex: 1;} 

/* 배너 팝업 */
.popup.banner {width: calc(100% - 12.5vw); border-radius: 5.555vw; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative;} 
.popup.banner .close_btn {position: absolute; right: 5.972vw; top: 5.972vw; padding: 4.166vw; margin: -4.166vw;} 
.popup.banner .close_btn i {width: 4.166vw; height: 4.166vw; background-image: url(../img_v2/ico_close.svg);} 
.popup.banner .btm_button {width: 100%; display: flex; align-items: center; font-size: 1.187rem;} 
.popup.banner .btm_button > span.c_gray {color: #888;} 

/* 하단 슬라이드 팝업 */
.popup.bottom {width: calc(100% - 11.111vw); background-color: #ffffff; position: absolute; bottom: -100%; left: 0; border-radius: 9.375vw 9.375vw 0 0; padding: 7.343vw 5.5555vw 8.333vw; position: absolute; transition: 0.1s; z-index: 9999;} 
.popup.bottom.type_A {padding: 7.343vw 0 0;} 

.popup_bottom_con {width: 100%; display: flex; flex-direction: column; max-height: 66vh; overflow-y: auto; padding-bottom: 1vw;} 
.popup_bottom_con.set_mgt17 {margin-top:0;} 
.popup_bottom_con > span {padding: 5.555vw 5.937vw; border: 0.3125vw solid #dddfe1; margin-top: 2.5vw; border-radius: 1.875vw; display: flex; align-items: center; position: relative; box-sizing: border-box;} 
.popup_bottom_con > span > b {font-size: 1.125rem; min-width: fit-content; font-weight: 600;} 
.popup_bottom_con > span:first-child {margin-top: 0;} 
.popup_bottom_con > span p.delete {position: absolute; right: 5.937vw; font-size: 0.938rem; padding: 1.562vw 4.375vw; background-color: #f2f2f2; border-radius: 4.687vw;} 
.popup_bottom_con span > .popup_sub_text {padding: 0.7812vw 2.812vw; display: block; font-size: 0.688rem; background-color: #FAFAFA; color: #ADB0B7; margin-left: 2.812vw; border-radius: 5.555vw;} 
.popup_bottom_con span > .popup_sub_text em {color: #12997a;} 
.popup_bottom_con .kakao {background-color: #ffe812; border-color: #f2d200; max-height: 18.888vw;} 
.popup_bottom_con .kakao .ico_kakao {width: 11.111vw; height: 11.111vw;} 

/* ### popup header ### */
/* CCE000, CMR020, CHA000 */
.popup_header .pop_close_btn {display: flex; justify-content: flex-end; width: 100%;} 
.popup_header .pop_close_btn i {background-image: url(../img_v2/del.svg); width: 4.687vw; height: 4.687vw; background-size: 4.687vw; padding: 1.25vw;} 
.popup_title {display: flex; justify-content: space-between; align-items: center; position: relative; font-size: 1.125rem; font-weight: 600;} 
.popup_title b {font-weight: 600; font-size: 1.125rem;} 
.popup_title h1 {font-size: 1.25rem;} 
.popup_title.hung {justify-content: flex-end} 
.popup_title.non-title {justify-content: flex-end;} 
.popup_title.non-title i.del {margin-bottom: 3.6vw;} 
.popup_title.center_array {text-align: center; justify-content: center; margin-top: 6.25vw;} 
.popup_title > i.del {background-image: url(../img_v2/del.svg); width: 4.687vw; height: 4.687vw; background-size: 4.687vw; padding: 1.25vw; margin-bottom: 10vw;} 
.popup_title.hung > i.del {margin-bottom:0;} 
.popup_bg.button .popup_title.align_center {align-items: flex-start;} 
.popup_bg.button .popup_title.align_center b {display: flex; flex-direction: column; align-items: center;} 
.popup_bg.button .popup_title.align_center i.info_gray_blank {margin-bottom: 0; width: 15.62vw; height: 15.62vw;} 
.popup_bg.button .popup_title.align_center i.info_red {margin-bottom: 0; width: 15.62vw; height: 15.62vw;} 
.popup_list_wrap {display: flex; justify-content: space-between;} 
.popup_list_wrap> p {text-align: right; width: calc(50% - 1.875vw); color: #85888d;} 
.popup_list_wrap > em {text-align: left; width: calc(50% - 1.875vw); color: #85888d;} 
.popup_list_wrap:last-child p {color: #222222; line-height: 1.6;} 
.popup_list_wrap:last-child em {color: #222222; line-height: 1.6;} 
.popup_bottom_con.charater {display: flex; justify-content: center; align-items: center;} 
.popup_title_sub {font-size: 0.750rem; color: #85888D; text-decoration: underline; display: block;} 
.popup_title_sub {margin-bottom: 3vw; margin-top: 0;} 
.popup_bottom_con.sub_con > span {align-items: flex-start; flex-direction: column; justify-content: center;} 
.popup_title_desc {margin-bottom: 5.277vw;} 
.popup_title_desc span {color: #85888d; font-size: 0.875rem;} 
.popup_bottom_con.sub_con > span em {font-size: 0.750rem; color: #A9ADB5; margin-top: 0.9375vw;} 
.popup_bg.sub_con span {flex-direction: column; justify-content: center; align-items: flex-start;} 
.popup_bg.sub_con span > p {font-size: 0.750rem; color: #A9ADB5;} 
.popup_bg.over_scroll > .popup {padding-bottom: 0;} 
.popup_bg.over_scroll .popup_bottom_con {overflow-y: scroll; max-height: 61vh;} 
.popup_bg.over_scroll .popup_bottom_con > span:last-child {margin-bottom: 2.5vw;} 
.popup_bottom_con span.selected {color: #DFDFDF;} 
.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;} 
.popup_bottom_con.date_select {flex-direction: unset; position: relative;} 
.popup_bottom_con.date_select::after {content: ""; width: 100%; height: 9.6781vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: gray; border-radius: 2.5vw; opacity: 0.2;} 
.popup_data_select_wrap {display: flex; width: 100%; padding: 0 12.5vw;} 
.popup_bottom_con.date_select .popup_data_select_wrap > div {flex-direction: unset; flex: 1; max-height: 48.29vw; overflow-y: auto;} 
.popup_bottom_con.date_select .popup_data_select_wrap > div::-webkit-scrollbar {display: none;} 
.popup_bottom_con.date_select .popup_data_select_wrap > div > span {text-align: center; width: 100%; display: flex; align-items: center; font-size: 1.125rem; color: #c8c8c8; height: 9.6781vw; justify-content: center;} 
.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 {font-size: 0.875rem; color: #000000; margin-top: 1.25vw;} 
.popup_bg.button .popup_title b {text-align: center; width: 100%; margin-right: -5.837vw;} 
.popup_bg.button .popup_title i {margin-bottom: 10vw;} 
.popup_bg.button .popup_bottom_con > span {border: 0; justify-content: center; height: unset;} 
.popup_bg.button .popup_bottom_con > span p {text-align: center; color: #85888d; display: block;} 
.popup_bg.button .btm_button.double {position: unset; padding: 0 0;} 
.popup_tax_send_alert {position: absolute; top: -11.375vw; left: 50%; transform: translateX(-50%); font-size: 0.75rem; background-color: #00ffba; padding: 1.718vw 5.625vw; width: calc(100% - 22.5vw); border-radius: 7.812vw;} 
.popup_tax_send_alert >i.y_bell {width: 3.906vw; height: 4.678vw; background-size: contain;} 
.popup.bottom .btm_button.double {background-color: #fff;} 

/* 전체화면 팝업 */
.popup_whole {height: 100%; bottom:-100%; left:0; position: fixed; background-color: #fff; z-index: 9999;} 
.popup_whole header {padding: 5vw 5.555vw; position: fixed; background-color: #fff; width: 100%; box-sizing: border-box;} 
.popup_whole section.clause {overflow-y: scroll; height: 100%;} 
.popup_whole header.close_btn {display: flex; justify-content: flex-end;} 
section.clause .tit h1 {font-size: 1.625rem; color:#222; font-weight: 600; margin-bottom: 2vw; margin-right: -5px;} 
section.clause .tit h2 {color: #b2b2b2; font-size: 1.062rem;} 
section.clause article.content {padding: 14.166vw 5.555vw 35vw;} 
section.clause article.content ul.text_wrap li.text {margin-top: 6.944vw;} 
section.clause article.content ul.text_wrap li.text .txt01 {font-weight: 600; margin-bottom: 2.777vw;} 
section.clause article.content ul.text_wrap li.text .txt02 {font-size: 0.875rem; line-height: 1.4;} 
section.clause article.content .li_tit h3 {font-size: 1.125rem; margin-top:6vw;} 
button.close {width: 4.166vw; height: 4.166vw; background: url(../img_v2/del.svg) center center no-repeat; background-size: contain; text-indent: -9999px;} 

/* 서류 요청 팝업 */
.popup_document_con {max-height: 80vh; overflow-y: auto; overflow-x: hidden; width: 88.126vw; padding: 0 5.937vw; margin-left: -5.937vw;} 
.popup_content_title {font-size: 1.125rem; font-weight: 600;} 
.popup_document > em {color: #adb0b7; font-size: 0.688rem;} 
.popup_bg.req .popup.bottom {max-height: 90vh; padding-top: 8.125vw; padding-bottom: 0;} 
.popup_document.sec1 {display: flex; flex-direction: column; padding-bottom: 6.562vw; border-bottom: 0.3125vw solid #c8c8c8;} 
.popup_document.sec1 span {display: flex; align-items: flex-end;} 
.popup_document.sec1 span:last-child {margin-top: 1.406vw;} 
.popup_document.sec1 span em {width: 30%; color: #acb5b9; font-size: 0.813rem;} 
.popup_document.sec1 span p {width: 70%; color: #222222; font-size: 1rem;} 
.popup_document.sec2 {display: flex; flex-direction: column; justify-content: flex-start; padding: 5.625vw 0; border-bottom: 0.3125vw solid #c8c8c8;} 
.popup_document.sec2 > span {display: flex; align-items: center; margin-top:3.125vw;} 
.popup_document.sec2 > span b {font-size: 0.938rem; display: flex; align-items: flex-end; font-weight: 600;} 
.popup_document.sec2 > span b p {font-size: 0.688rem; font-weight: 400; color: #adb0b7;} 
.popup_document.sec2 > span:nth-of-type(1) {margin-top: 5.625vw;} 
.popup_document.sec2 > span i.check_sig {margin-right: 3.437vw;} 
.popup_document.sec3 {display: flex; flex-direction: column; justify-content: flex-start; padding: 6.25vw 0; border-bottom: 0.3125vw solid #c8c8c8;} 
.popup_document.sec3 > em {margin-top: 0.9375vw;} 
.popup_document.sec3 > span {display: flex; align-items: center; margin-top: 6.25vw;} 
.popup_document.sec3 > span:nth-of-type(1) {margin-top: 5.937vw;} 
.popup_document.sec3 > span > input[type="checkbox"]:checked + label {font-weight: 600;} 
.popup_document.sec3 > span > input[type="text"] {padding: 1.562vw; margin-left: 1.875vw; border-radius: 1.25vw; border: 0.3125vw solid #222222; font-size: 0.9375rem;} 
.popup_document.sec3 > span > label {font-size: 0.938rem; margin-left:1.875vw;} 
.popup_document_send {display: flex; align-items: center; margin: 6.562vw 0;} 
.popup_document_send input[type="checkbox"] {width: 7.5vw; height: 7.5vw; border-radius: 50%; border: 0.3125vw solid #222; min-width: 7.5vw;} 
.popup_document_send label {font-size: 0.875rem; margin-left: 1.875vw;} 
.popup_document_send input[type="checkbox"]:checked {border-color: transparent; background-image: url(../img_v2/check_w.svg); background-color: #17BF98;} 
.popup_document_send input[type="checkbox"]:checked + label {font-weight: 600;} 
.popup_document_con > .btm_button {width: 100vw; margin-left: -5.937vw;} 

/* 약관 동의 팝업 */
.popup_bg.agree .popup_title_sub {text-decoration: none; line-height: 1.5;} 
.popup_bg.agree .popup_bottom_con > span {display: flex; align-items: center;} 
.popup_bg.agree .popup_bottom_con label {display: flex; align-items: flex-end; font-size: 1.125rem; font-weight: 600; margin-left: 3.125vw; width: 100%;} 
.popup_bg.agree .popup_bottom_con label p {font-size: 0.813rem; font-weight: 400;} 
.popup_bg.agree .popup_bottom_con > span {position: relative;} 
.popup_bg.agree .popup_bottom_con > span i {position: absolute; top: 50%; right: 5.312vw; transform: translateY(-50%);} 
.popup_bg.agree .popup_bottom_con > span > input[type="checkbox"] {border-radius: 50%;} 
.popup_bg.agree .popup_bottom_con > span > input[type="checkbox"]:checked {background-image: url(../img_v2/check_black.svg); background-color: #00ffba; border: 0.625vw solid #00ffba;} 
.popup_bg.agree .popup_bottom_con > span > input[type="radio"] {border-radius: 50%;} 
.popup_bg.agree .popup_bottom_con > span > input[type="radio"]:checked {background-image: url(../img_v2/check_black.svg); background-color: #00ffba; border: 0.625vw solid #00ffba;} 
.popup_bg.agree .popup_bottom_con > span.active {background-color: #222222;} 
.popup_bg.agree .popup_bottom_con > span.active label {color: #ffffff;} 
.popup_bg.agree .btm_button {width: 100%; border-radius: 2.187vw; overflow: hidden;} 
.popup_bg.agree .btm_button span {width: 100%; border-radius: 2.187vw; overflow: hidden; background-color: #f8f8f8; color: #cecece; font-size: 1.063rem;} 
.popup_bg.agree .btm_button span.c_kakao {background-color: #ffeb00; color: #222222; display: flex; justify-content: center; align-items: center;} 
.popup_bg.agree .btm_button.active span {color: #ffffff; background-color: #17bf98;} 
.popup_bg.agree .btm_button.double {position: unset; padding: 0 0;} 
.popup_bg.agree .btm_button.double > span:first-child {width: calc(35% - 1vw);} 
.popup_bg.agree .btm_button.double span {width: calc(65% - 1vw);} 
.popup_bg.agree .btm_button.double span.c_green {background-color: #17bf98;} 
.popup_bg.agree .btm_button.double span.c_gray {background-color: #dddfe1; color: #222222;} 
.popup_bg.agree .popup_bottom_con .popup_phy_info {flex-direction: column; align-items: flex-start;} 
.popup_phy_info {font-size: 1.125rem;} 
.popup_phy_info > span {font-weight: 400; font-size: 0.688rem;} 
.popup_bg.agree .popup_bottom_con .popup_phy_info > p {margin-top: 0.9375vw; font-size: 0.750rem;} 
.popup_bg.agree .popup_bottom_con > span.active .popup_phy_info span {color: #ffffff;} 
.popup_bg.agree .popup_bottom_con > span.active .popup_phy_info p {color: #ffffff;} 
.popup_bg.agree .popup_bottom_con > span .popup_phy_info span {color: #8a8a8b; display: flex; justify-content: space-between; align-items: center; width: 100%;} 
.popup_bg.agree .popup_bottom_con > span .popup_phy_info span p.info {font-size: 0.688rem; color:#8a8a8b;} 
.popup_bg.agree .popup_bottom_con > span .popup_phy_info p {color: #8a8a8b;} 
.popup_bg.agree .popup_bottom_con span.disabled input {border-color: #e5e5e5; background-color: #f9f9f9;} 
.popup_bg.agree .popup_bottom_con span.disabled label {color: #d1d1d1;} 

/* 팝업 desc */
.popup.desc .popup_title {font-size: 1.25rem; line-height: 1.4;} 
.popup.desc .popup_title h1 {display: flex; margin-top: 3.333vw} 
.popup.desc .popup_title h1 em {margin-right: 1.5vw;} 
.popup.desc {padding-bottom: 13.888vw;} 
.popup.desc .popup_bottom_con p {color: #85888d; line-height: 1.4;} 
.popup.desc .popup_bottom_con .desc_txt01 {padding: 6.527vw 0 5vw;} 
.popup.desc .popup_bottom_con .desc_title {margin-bottom: 5vw;} 
.popup.desc .popup_bottom_con .desc_title h2 {font-size: 1.125rem; font-weight: 600;} 
.popup.desc .popup_bottom_con .desc_txt {margin-bottom: 3.333vw; } 
.popup.desc .popup_bottom_con .desc_txt.sub_title {margin: 5vw 0 11.111vw;} 

/* 근로계약서 작성하기 팝업 choicebox */
.popup_bottom_con.choicebox {padding-bottom: 30vw; max-height: 93vw;} 
.popup_bottom_con.choicebox i.choice {width: 5.555vw; height: 3.75vw; background-image:url(../img_v2/check_40-27_gray.svg); margin-right: 3.361vw;} 
.popup_bottom_con.choicebox span.is-active {background-color: #f3fff4; border-color: #12997a; color: #12997a;} 
.popup_bottom_con.choicebox span.is-active i.choice {background-image: url(../img_v2/check_40-27_semo.svg);} 
.popup_bottom_con.choicebox .active_button {margin-top: 2.5vw;} 

/* 홈택스 회원가입정책 안내 팝업 */
.popup_link-section {margin-top: 6.527vw;} 
.popup_link-title {margin-bottom:-2.5vw;} 
.popup_link-content {margin-top: 12.777vw;} 
.popup_link-content .tit {margin-bottom:4.444vw;} 
.popup_link-content .desc {margin-bottom: 4.722vw;} 
.popup_link-content .desc span {color: #85888d;} 


/* 계좌선택 팝업 */
.popup_bg.account-choice button.popup_all-check {display: flex; align-items: center; padding: 2.222vw; margin: -2.222vw;} 
.popup_bg.account-choice button.popup_all-check .ico_cont {width: 4.444vw; height: 3.055vw; background-image: url(../img_v2/check_gray.svg); margin-right: 2.222vw;} 
.popup_bg.account-choice button.popup_all-check .all-check_txt {font-size: 0.937rem; color: #cecece;} 
.popup_bg.account-choice .popup.bottom {padding-bottom: 134px;} 
.popup_account-list-wrap {margin-top: 7.777vw; max-height: 66vw; overflow-y: scroll;} 
.popup_account-list {display: flex; align-items: center;} 
.popup_account_cnt {display: flex; align-items: center;} 
.popup_account-list + .popup_account-list {margin-top: 8.055vw;} 
.popup_account-list .check-area {display: flex; align-items: center;} 
.popup_account-list .account-checked {display: none;} 
.popup_account-list label {width: 26px; height: 26px; border: 1px solid #d4d4d4; border-radius: 50%; display: inline-block;} 
.popup_account-list .account-checked:checked ~ label {background-color: #17bf98; border-color: transparent; background-image: url(../img_v2/check_w.svg); background-repeat: no-repeat; background-size: 4.333vw; background-position: center;} 
.popup_account-list i.bank, .popup_account-list i.delivery {width: 9.722vw; height: 9.722vw; margin-left: 5.694vw;} 
.popup_account-list .popup_account_txt {margin-left: 3.055vw;} 
.popup_account_state-wrap {display: flex; margin-bottom: 1.666vw;} 
.popup_account_state {border-radius: 3.194vw; padding: 1.388vw 2.638vw; font-size: 0.812rem;} 
.popup_account_state.personal {background-color: #ecf7ff; color: #6586fd;} 
.popup_account_state.share {background-color: #ecfff4; color: #3fa781;} 
.popup_account_state.enter {background-color: #f0eeff; color: #977ee0;} 
.popup_account_state + .popup_account_state {margin-left: 2.777vw;} 
.popup_account_name {font-size: 1.062rem; color: #222; font-weight: 600; max-width: 50vw; display: block;} 
.popup_account_num {color: #adb0b7; font-size: 0.812rem;} 
.popup_bg.account-choice .bot_fix_pd20 {left: 0;} 

/* 계좌선택 팝업 is-active */
.popup_bg.account-choice button.popup_all-check.is-active .all-check_txt{color: #000;}
.popup_bg.account-choice button.popup_all-check.is-active .ico_cont {background-image: url(../img_v2/check_black.svg);} 

/* 월 선택하기 팝업 */
.popup_day-choice-list-wrap {margin-top: 6vw;} 
.popup_day-choice-list {display: flex; align-items: center; padding: 2.777vw 0;} 
.popup_day-choice-list + .popup_day-choice-list {margin-top: 5.973vw;} 
.popup_day-choice_date {font-size: 1.125rem; font-weight: 600;} 
.popup_day-choice-list .check-area {width: 4.333vw; height: 3vw; margin-right: 3.055vw;} 
.popup_day-choice-list.active .check-area .ico_cont {width: inherit; height: inherit; background-image: url(../img_v2/check_03.png);} 
.popup_day-choice-list.active .popup_day-choice_date {color: #17bf98;} 


/* 팝업 C922*/
.oth_sales_wrap .popup_bg {height: 100%;} 
.oth_sales_wrap .popup input {background-color: #f8f8f8; border-radius: 2.222vw; padding: 4.722vw 4.166vw; width: calc( 100% - 8.888vw); font-size: 1.187rem; font-weight: 600;} 
.oth_sales_wrap .popup .tit {font-size: 0.937rem; margin-bottom:3.055vw; margin-top: 6.388vw;} 
.oth_sales_wrap .popup input::placeholder {color: #c5c5c5; font-size: 1.187rem;} 
.vary_input {display: flex; align-items: center;} 
.vary_input input {text-align: right;} 
.vary_input .btn {display: flex;} 
.vary_input .btn > div {width: 12.222vw; height: 12.222vw; border-radius: 8px; border: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; margin-right: 1.666vw; box-sizing: border-box;} 
.btn > div.active {border: 1px solid #000;} 
.vary_input .btn > div i {width: 16px; height: 16px;} 
.vary_input .btn .btn_p i {background-image: url(../img_v2/plus.svg);} 
.vary_input .btn .btn_m i {background-image: url(../img_v2/minus.svg);} 
.oth_sales_wrap .popup .sale_due {display: flex; align-items: center; justify-content: space-between; font-size: 1.062rem;} 
.oth_sales_wrap .popup .choice {background-color: #f8f8f8; padding: 4.722vw 4.166vw; border-radius: 2.222vw; color: #c5c5c5; display: flex; align-items: center; width: 38.888vw;} 
.oth_sales_wrap .popup .choice i {width: 3.888vw; height: 3.6111vw; background: url(../img_v2/ico_cal_gray.svg) center no-repeat; background-size: contain; margin-right: 2.222vw;} 
.oth_sales_wrap .popup .choice.active {color: #222; font-weight: 600;} 
.oth_sales_wrap .popup .choice.active i {background-image: url(../img_v2/ico_cal02.svg);} 
.oth_sales_wrap .popup .bar {padding:0 1.25vw; color: #8b8e94; font-size: 1.25rem;} 
.oth_sales_wrap .popup .info {display: flex; align-items: center; font-size: 0.75rem; color: #8a8a8b; margin-top: 2.222vw; padding-bottom: 7.152vw; border-bottom: 0.277vw solid #b5b5b5;} 
.oth_sales_wrap .popup_bottom_con {padding:3vw 0 19vw; max-height: 60vh; overflow-y: scroll;} 
.oth_sales_wrap .popup_bottom_con > div {padding-right: 1vw;} 
.oth_sales_wrap .popup .popup_bottom_con .list {height: 100%; margin-top: 6.25vw;} 
.oth_sales_wrap .popup .list_tit {font-size: 1.125rem;} 
.oth_sales_wrap .popup .list_item {color: #8a8a8b; font-size: 0.875rem; display: flex; align-items: center; justify-content: space-between; margin-top: 4.222vw;} 
.oth_sales_wrap .popup .list_item i {width: 5.986vw; height: 5.986vw; background: url(../img_v2/del_gray.svg) center no-repeat; background-size: contain; margin-left: 2.222vw;} 
.oth_sales_wrap .popup .list_item_sum {display: flex; align-items: center; justify-content: flex-end; margin: 15px 0 5px;} 
.oth_sales_wrap .popup .list_item_sum .txt01 {font-size: 0.937rem;} 
.oth_sales_wrap .popup .list_item_sum .txt02 {font-size: 1.25rem; font-weight: 600;} 
.oth_sales_wrap .popup .list_con {display: flex; align-items: center; justify-content: center;} 

/* 오픈팝업 open popup C681*/
.open_popup_wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: calc(100% - 11.111vw);} 
.open_popup {border-radius: 8.333vw; background-color: #fff; padding: 6.9444vw;} 
.open_pop_tit {display: flex; justify-content: space-between; align-items: center; font-size: 1.25rem; font-weight: 600; color: #222;} 
.open_pop_cont ul.calc {margin: 4.166vw 0 3.6vw;} 
.open_pop_cont ul.calc li {line-height: 2; display: flex;} 
.open_pop_cont ul.calc li:first-child {display: block;} 
.open_pop_cont ul.calc li p {font-weight: 600;} 
.open_pop_cont .info {color: #85888d; line-height: 1.5;} 

/* C910_2 연결상태 팝업 */
.connect_wrap {margin-top: 5vw;} 
.connect_item {padding: 3.6vw 3.6vw 3.6vw 5.277vw; border: 0.277vw solid #d2d2d2; border-radius: 2.222vw; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.222vw;} 
.connect_item:last-child {margin-bottom:0;} 
.connect_item .txt p {font-weight: 600; color:#222; font-size: 1.125rem;} 
.connect_item .txt span {font-size: 0.75rem; color:#000;} 
.connect_item .state {font-size: 0.937rem; color: #8b8e94; position: relative; padding-left: 1.666vw;} 
.connect_item .state::before {position: absolute; content: ''; width: 2.222vw; height: 2.222vw; top: 50%; transform: translate(-50%, -50%); left: -1.666vw; border-radius: 50%; background-color: #8b8e94;} 
.connect_item.on {border-color: #b5ecc5; background-color: #f8fffa;} 
.connect_item.on .state::before {background-color: #07c54c;} 
.connect_item.on .state span {color: #249078;} 
.connect_item.off {background-color: #fff8f8; border-color: #ecb5b5;} 
.connect_item.off .state {color:#ff3d23;} 
.connect_item.off .state::before {background-color: #ff3d23;} 

/* pop03 */
.ssm_pop03 {width: calc(100% - 25.552vw); background-color: #ffffff; padding: 9.375vw 6.562vw 0; border-radius: 3.125vw; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 8.333vw;} 
.ssm_pop03 .tit {font-size: 1.562rem; margin-bottom: 5.833vw;} 
.ssm_pop03 .tit span {color: #222; font-weight: 00;} 
.ssm_pop03 .txt {color: #222; font-size: 1.125rem; line-height: 1.5;} 
.ssm_pop03 .alret_text {text-align: center; display: flex; flex-direction: column;} 
.ssm_pop03 .btm_button {height: 16.666vw !important;} 
.ssm_pop03 .btm_button > span {color: #fff; background-color: #17bf98;} 

/* CCA000 약관동의 팝업 */
.pop_tit_01 h2.txt01 {color: #85888d; font-size: 0.937rem; padding-bottom: 3.611vw;} 
.pop_tit_01 h1.txt02 {font-size: 1.312rem; font-weight: 600; color: #222; line-height: 1.3;} 
.pop_tit_02 h1.txt01 {font-weight: 600; font-size: 1.25rem; margin-bottom: 2vw;} 
.pop_tit_02 h2.txt02 {font-size: 1.25rem;} 
.check_wrap {margin: 7.361vw 0 8.611vw;} 
.check_wrap .all {display: flex; align-items: center;} 
.check_wrap .all .txt h1 {font-weight: 600; font-size: 1.375rem; margin-left: 2.222vw;} 
.check_wrap .all .check, 
.check_wrap .list_wrap .list .agree .check,
.check_wrap .list_wrap .list .detail {padding: 2vw; margin: -2vw;} 
.check_wrap .all .check i {width: 6.944vw; height: 6.944vw; border: 1px solid #000; border-radius: 50%; box-sizing: border-box;} 
.check_wrap .all.active .check i {border-color:#fff; background-image: url(../img_v2/check_bg_puple.svg);} 
.check_wrap .list_wrap {margin-top: 6.388vw; padding-left: 1.527vw;} 
.check_wrap .list_wrap .list {display: flex; align-items: center; justify-content: space-between; margin-bottom: 4.166vw;} 
.check_wrap .list_wrap .list:last-child {margin-bottom:0;} 
.check_wrap .list_wrap .list .agree {display: flex; align-items: center;} 
.check_wrap .list_wrap .list .agree i {width: 4.166vw; height: 2.8875vw; background-image: url(../img_v2/check_gray.svg);} 
.check_wrap .list_wrap .list .agree.active i {background-image: url(../img_v2/check_puple.svg);} 
.check_wrap .list_wrap .list .agree .txt {margin-left: 4.027vw;} 
.check_wrap .list_wrap .list .agree .txt span.txt01 {color: #979797;} 
.check_wrap .list_wrap .list .detail span.txt01 {text-decoration: underline; color: #b1b1b1; font-size: 0.937rem;} 
.popup.bottom.fix_type {padding-bottom: 18.055vw;} 
.popup.bottom.fix_type .tit h1 {font-size: 1.375rem; font-weight: 600; line-height: 1.3;} 
.popup.bottom.fix_type .tit p {margin-top: 3.055vw; color: #b2b2b2; line-height: 1.38;} 
.popup.bottom .secury {min-height: 70vw; margin: 10vw 0 0;} 
.popup.bottom .secury.center {display: flex; align-items: center; flex-direction: column; margin-top: 4.583vw;} 
.popup.bottom .secury .input_wrap .entry_wrap {display: flex; align-items: center; padding: 2.5vw 0; border-bottom: 1px solid #000;} 
.popup.bottom .secury .input_wrap.error .entry_wrap {border-color: #ff5858;} 
.popup.bottom .secury .input_wrap .txt {margin-right: 4.166vw;} 
.popup.bottom .secury .input_wrap .txt .txt01 {color: #6d6d6d;} 
.popup.bottom .secury .input_wrap .entry input {font-size: 1.375rem; font-weight: 600; width: 44vw;} 
.popup.bottom .secury .input_wrap .entry input::placeholder {color: #ccc;} 
.popup.bottom .secury .input_wrap .time {margin-left: auto;} 
.popup.bottom .secury .input_wrap .time .txt02 {color: #222;} 
.popup.bottom .secury .input_wrap .warn {padding: 1.222vw 0 2.777vw; display: none;;} 
.popup.bottom .secury .input_wrap.error .warn {display: block;} 
.popup.bottom .secury .input_wrap .warn .txt01 {color: #ff4a4a; font-size: 0.812rem;} 
.popup.bottom .secury .mini_btn_wrap {margin: 5vw 0 7.222vw;} 

/* 에러코드 팝업 */
.popup_bg.error .popup.alert .alret_text h1 {color: #959aa4; font-weight: 500;} 
.popup_bg.error .popup.alert .alret_text span {font-size: 1.25rem; font-weight: 600;} 
.popup_bg.error p {font-size: 1.062rem;} 

/*** CET000 은행팝업 ***/
.popup_bg .banking_choice {padding: 0; height: 116.666vw; overflow-y: scroll;} 

/* CSE000 - 다중사업장팝업 */
.overlay {background-color: rgb(0, 0, 0, 0.7); height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 22;} 
.overlay .popup_clash {position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; padding: 5.833vw 5.555vw 10vw; box-sizing: border-box; border-radius: 8.333vw 8.333vw 0 0;} 
.overlay .popup_clash .btn_close {text-align: right;} 
.overlay .popup_clash .btn_close .check_area {padding: 2.777vw; margin: -2.777vw; display: inline-block;} 
.overlay .popup_clash .btn_close .close_01 {width: 4.166vw; height: 4.166vw; background-image: url(../img_v2/del.svg);} 
.transform_header h1 {font-size: 1.25rem; color: #222; font-weight: 600;} 
.transform_header .my_work {display: flex; justify-content: space-between; align-items: center; color: #85888d;} 
.transform_header .my_work p {font-size: 0.75rem;} 
.transform_header .my_work span {font-size: 0.875rem; padding: 1.666vw 3.611vw; border: 1px solid #dddfe1; border-radius: 5.277vw;} 
.transform_cnt_wrap {margin-top: 2.777vw; overflow-y: scroll; max-height: 61.111vw;} 
.transform_cnt {display: flex; align-items: center; padding: 5.833vw 4.444vw; border: 1px solid #dddfe1; border-radius: 1.666vw;} 
.transform_cnt:not(:last-child) {margin-bottom: 2.222vw;} 
.transform_cnt .check_area {width: 6.944vw; height: 6.944vw; margin-right: 2.222vw;} 
.transform_cnt .check_area .check_04 {width: 3.888vw; height: 3.888vw;} 
.transform_cnt .store_name p {font-weight: 600; color: #222;} 
.transform_cnt .store_name span {color: #8a8a8b; font-size: 0.75rem;} 
.transform_cnt .state {margin-left: auto;} 
.transform_cnt .state p {border: 1px solid #17bf98; color: #17bf98; padding: 0.972vw 1.944vw; border-radius: 19px; font-size: 0.812rem;} 
.transform_cnt .state.fail p {color: #ff684a; border: 1px solid #ff684a;} 

/* 상단 타이틀 */
.title {padding: 3.437vw 4.687vw; width:100vw; display:flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 22; background-color: #fff; height: 13.4vw; box-sizing: border-box; font-size: 1rem; color: #000;} 
.title > i {flex: 1;} 
.title_left {position: absolute; left: 0; top: 0;} 
.title_left i.left_arrow {padding: 4vw; background-size: 2.343vw; z-index: 10; background-size: 4.722vw;} 
.title_right {position: absolute; right: 2.5vw; display: flex; align-items: center; z-index: 5;} 
.title_right > i.menu {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_right > i.search {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_right > i.search.active {opacity: 0.3;} 
.title_right > i.share {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_right > i.info {padding: 2.968vw; background-size: 6.25vw; z-index: 10;} 
.title_share {padding: 3vw; margin: -3vw;} 
.title_text {flex: 1; text-align: left; font-weight: 500; padding-left:8.888vw;} 
.title_serach_section {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 > input {padding: 5vw 14.37vw 5vw 5.4687vw; width: 100%; font-size: 1.062rem; background-color: #f8f8f8; border-radius: 2.5vw; font-weight: 600;} 
.title_serach_section > input::placeholder {color: #8b8e93; font-weight: 400;} 
.title_serach_section > i {position: absolute; right: 5.625vw; width:6.111vw; height:6.111vw;} 

.title_select_section {width: calc(100vw - 12.5vw); display: flex; align-items: center; border-radius: 2.5vw; margin-top: 3.125vw; position: relative; margin-left: 6.25vw; position: relative;} 
.title_select_section > input {padding: 4.531vw 5.625vw; width: 100%; background-color: #f8f8f8; font-weight: 600; border-radius: 2.5vw;} 
.title_select_section > i {position: absolute; right: 5.625vw;} 
/* 타이틀 버튼 */
.title_state {font-size: 0.875rem; padding: 1.1vw 2.916vw; border: 0.277vw solid #888e94; border-radius: 5.555vw; box-sizing: border-box; color: #888e94;} 
/* 타이틀 공유하기 버튼 */
button.share_btn {border: 1px solid #c9c9c9; border-radius: 3.5px; height: 8.333vw; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; padding: 0 2.916vw;} 
button.share_btn i.share {width: 4.166vw; height: 4.166vw; margin-right: 1.25vw;} 
/* 컨텐츠 타이틀 */
.content_title {width: 100%; margin-left: -4.687vw; padding: 0 4.687vw; display: flex; align-items: center; justify-content: space-between;} 
.content_title > .content_title_text {font-size: 1.313rem; font-weight: 600;} 
.content_title > .content_title_text b {font-weight: 600;} 
.padding_wrapper20 > .content_title {margin-left: -6.25vw; padding: 0 6.25vw;} 

/* 상단 닫기버튼 */
.top_close_btn {position: fixed; background-color: #fff; z-index: 999; width: 100%; display: flex; justify-content: flex-end; padding: 4.1666vw 5.555vw; box-sizing: border-box;} 
.top_close_btn i {width: 5.555vw; height: 5.555vw; background-image: url(../img_v2/del.svg);} 

/* 리스트 뷰 , 직원관리 */
.padding_wrapper20 > .content_list_wrapper {width: calc(100vw - 12.5vw); padding-bottom: 12.25vw; overflow-y: scroll;} 
.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.125rem; color: #8B8E93;} 
.listview {width: 100%;} 
.listview:last-child {margin-bottom: 20px;} 
.listview_cell {border-top: 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.937rem;} 
.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.812rem; padding: 1.25vw 0; width: 25.277vw; text-align: center; border-radius: 4.062vw; box-sizing: border-box;} 
.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_v2/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_v2/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; font-weight: 600;} 
.content_info_title {display: flex; align-items: center; justify-content: space-between; margin-top: 5.625vw;} 
.content_info_title b {font-weight: 600;} 
.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;} 

/* 등록 버튼 */
.active_button {width: 100%; min-height:18.055vw; border-radius: 2.187vw; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center;} 
.active_button > span {font-size: 1.094rem; color: #bcc1cb; margin-left: 2.9687vw;} 
.active_button.active {background-color: #17bf98;} 
.active_button.active span {color: #ffffff;} 
.long_button {width: 100%; height: 18.055vw; border-radius: 1.944vw; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; color:#cecece;} 
.long_button.gray {background-color: #e8ecef; color: #acb5b9;} 
.long_button.active {background-color: #17bf98; color: #fff;} 
/* 담당세무사정보 , 입사서류 제출*/
.content_info_reg {width: 100%; display: flex; justify-content:space-between; align-items: center; padding: 6.562vw 0 8.125vw;} 
.content_info_reg > div {display: flex; flex-direction: column; align-items: flex-start;} 
.content_info_reg > div > b {font-size: 1.313rem; color: #222222;} 
.content_info_reg > div > em {font-size: 0.813rem; color: #8b8e93; margin-top: 3.25vw;} 
.tax_info_input_wrap {padding: 8.125vw 6.25vw; width: calc(100% - 12.5vw); background-color: #f4f5f7; height: calc(100% - 66.85vw);} 
.tax_info_input_wrap> b {font-size: 1.313rem;} 
.tax_info_input_wrap > span {font-size: 1.188rem;} 
.tax_info_input_wrap .section_content {width: unset;} 
.tax_info_input_wrap + .content_info_date {margin-left: 0;} 
.section_include {display: flex; align-items: center; justify-content: space-between; padding: 6.562vw 5.625vw; border-radius: 2.5vw; background-color: #ffffff; margin-top: 2.5vw; border: 0.625vw solid #edeef0;} 
.section_include:first-child {margin-top: 0;} 
.section_include > span {color: #dfdfdf;} 
.section_include.active {border: 0.625vw solid #222222;} 
.section_include.active span {color: #222222;} 
.section_include.active .btm_button.single > span {color: #ffffff;} 
.section_include.active i {background-image: url(../img_v2/right.svg);} 

/* 주소검색 */
.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; font-weight: 600;} 
.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: 600;} 
.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;} 
.section_content.address .section_address_num {display: none;} 
.section_content.address.active {border: 0.625vw solid #222222; border-radius: 2.5vw; box-shadow: 0 1.25vw 2.5vw 0 rgb(0 0 0 / 16%); z-index: 5; position: relative;} 

.section_content.address.entry > label {color: #acb5b9;} 
.section_content.address > .address_list {padding:10.62vw 5vw 4.2185vw; border-bottom: 0;} 
.section_content.address > label {position: absolute; z-index: 10; left: 5vw; font-size: 0.813rem; bottom: 50%; transform: translateY(50%); font-size: 1.125rem; color: #dfdfdf;} 
.section_content.address.active > .address_list + label {bottom: 75%; font-size: 0.813rem; color: #222222;} 
.section_content.address.entry > .address_list + label {bottom: 75%; font-size: 0.813rem; color: #acb5b9;} 

/* 날짜 선택 */
.section_content input[type="date"] {display: none;} 
.section_content.active input[type="date"] {display: block;} 

/* 온 오프 체크박스 */
.section_input_title {display: flex; align-items: center; margin-bottom: 6.562vw; position: relative;} 
.section_input_title i {margin-right: 2.187vw; border-radius: 50%; background-color: transparent; font-size: 1.125rem; width: 7.5vw; height: 7.5vw; display: flex; justify-content: center;} 
.section_input_title p {font-size: 0.875rem; font-weight: 500;} 
.section_input_title i.on + p {font-size: 1.188rem;} 
.section_input_title i.complete {background-color: #545454; background-image: url(../img_v2/check_w.svg); width: 6.25vw; height: 6.25vw; background-size: 3.656vw; background-repeat: no-repeat; background-position: center;} 
.section_input_title i.complete + p {display: flex; align-items: center;} 
.section_input_title i.complete + p::after {content: "▼"; color: #222222; font-size: 0.500rem; margin-left: 3.125vw; display: block;} 
.onoff_input_wrap {display: flex; align-items: center;} 
.onoff_input {width: 13.75vw; height:8.155vw; position: relative; background-color: transparent;} 
.onoff_input label {display: block; width: 7.222vw; height: 7.222vw; position: absolute; top: 50%; transform: translateY(-50%); left: 0.75vw; cursor: pointer; background-color:#ffffff; border-radius: 50%; box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.16); transition: all 0.4s ease; z-index: 2;} 
.onoff_input > span {color: #a9adb5; font-size: 0.813rem;; position: absolute; left: calc(-100% - 3.611vw); text-align: right; top:50%; transform: translateY(-50%); transition: 0.2s;} 
.onoff_input input[type=checkbox] {visibility: hidden;} 
.onoff_input input[type=checkbox]:checked + label {left: calc(100% - 7.958vw); background-color: #f3fff4;} 
.onoff_input input[type=checkbox]:checked ~ span {color: #17bf98;} 
.onoff_input input[type=checkbox]:checked {background-color: #1bd9ac;} 
.onoff_input_bg {width: 100%; height: 100%; background-color: #e1e1e1; border-radius: 4.166vw; position: absolute; top: 0; left: 0; transition: 0.3s;} 
.onoff_input input[type=checkbox]:checked ~ .onoff_input_bg {background-color: #1bd9ac;} 

/* 첨부서류 선택 */
.section_sub_title {display: block; font-size: 0.688rem; color: #adb0b7;} 
.section_select_doument {width: 100%; position: relative;} 
.section_select_doument input {padding: 6.562vw 5.625vw; width: calc(100% - 13.125vw); margin-top: 2.031vw; border-radius: 2.5vw; font-size: 1.125rem; border: 0.625vw solid #edeef0;} 
.section_plcture_invite {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2.5vw; width: calc(100% - 0.625vw); height: 27.81vw; border-radius: 2.5vw; background-color: #ffffff; border: 0.3125vw solid #dddfe1; position: relative; padding: 5.5vw 0;} 
.section_plcture_invite > p {font-size: 0.875rem; color: #8b8e93;} 
.section_plcture_invite > i.plus_l_gray {margin-top: 2.5vw;} 
.section_plcture_invite > i.del {position: absolute; padding: 3.125vw; background-size: 4.687vw; right: 1.562vw; top: 1.562vw;} 
.section_plcture_invite > img {object-fit: contain; height: 100%;} 
.section_plcture_invite > span {font-size: 0.875rem; margin-bottom: 2.343vw;} 
.accountant_share {display: flex; align-items: center;} 
.accountant_share input[type="checkbox"] {border-radius: 50%; margin-right: 1.875vw;} 
.accountant_share input[type="checkbox"]:checked {background-image: url(../img_v2/check_black.svg); background-color: #74ff99; border: 0.3125vw solid #17bf98;} 
.accountant_share input[type="checkbox"]:checked + label {font-weight: 600;} 
.section_invite_img_wrap.dash {background-image: linear-gradient(to right,#8b8e93 50%, rgba(255,255,255,0) 0%); background-position: top; background-size: 4.625vw 0.625vw; background-repeat: repeat-x; position: relative;} 
.section_invite_img_wrap.dash::after {content: "첨부 된 서류"; position: absolute; font-size: 0.688rem; color: #adb0b7; top: -1.562vw; left: 50%; transform: translateX(-50%); background-color: #f4f5f7; padding: 0 1.562vw;} 

/* 다중인풋 */
.section_input_wrap + .next_button {margin-top: 3.125vw;} 
.section_input_wrap + .section_button {margin-top: 11.25vw;} 
.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 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 > 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; z-index: 6; font-weight: 400; 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; z-index: 6;} 
.section_content.active > input + label.essential::after {content: "";} 
.section_content > input:valid + label.essential::after {content: "";} 
.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.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.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 {background-color: #f9f9f9; color: #acb5b9;} 
.section_content.disabled label {color: #acb5b9;} 

/* 다중인풋 - 주민등록번호 */
.section_input_id_wrap {padding: 9.218vw 5vw 4.2185vw; min-height: unset; display: flex; flex-direction: column; border-radius: 0 0 0 0; background-color: #ffffff;} 
.section_content.active.input_id > .section_input_id_wrap {border: 0.625vw solid #222222; padding: 10.218vw 4.375vw 5.2185vw; border-radius: 2.5vw; box-shadow: 0 1.25vw 2.5vw 0 rgba(0, 0, 0, 0.16); z-index: 5; position: relative;} 
.section_content.active .section_input_id > label {bottom: 70%; font-size: 0.813rem; color: #222222;} 
.section_input_id {display: flex; justify-content: space-between; align-items: center; border-bottom: 0; padding-bottom:0;} 
.section_input_id > input[type="text"] {border: 0; width: calc(50% - 3.125vw); font-size: 1.188rem; position: relative;} 
.section_input_id > input[type="text"] ~ label {position: absolute;} 
.section_input_id > input[type="tel"] {border: 0; width: calc(50% - 3.125vw); font-size: 1.188rem; position: relative;} 
.section_input_id > input[type="tel"] ~ label {position: absolute;} 
.section_input_id > input:focus ~ label {bottom: 70%; font-size: 0.813rem; color: #222222;} 
.section_input_id > input:nth-of-type(1) {flex: 2; font-size: 1.188rem;} 
.section_input_id > input:nth-of-type(2) {flex: 1; text-align: center; display: none;} 
.section_input_id > span {display: none;} 
.section_input_id > .id_back_number {flex: 4; display: none;} 
.section_input_id > input ~ label {position: absolute; left: 5vw; bottom: 50%; transform: translateY(50%); font-size: 1.125rem; color: #dfdfdf; z-index: 6;} 
.section_input_id > input ~ label.dot::after {color: #dfdfdf;} 
.section_input_id > input:focus ~ label.dot::after {color: #ff684a;} 
.section_input_id > input:valid ~ label.dot::after {color: #ff684a;} 
.section_input_id > input:valid ~ label {bottom: 70%; color: #ACB5B9; font-size: 0.813rem;} 
.id_back_number {display: flex; font-size: 0.500rem;} 
.id_back_number > p {margin-right: 0.9375vw; color: #cfcfcf;} 
.id_back_number > p:last-child {margin-right: 0;} 
.section_content.active .section_input_id {display: flex;} 
.section_content.active .section_input_id > input:nth-of-type(2) {display: block;} 
.section_content.active .section_input_id > span {display: block;} 
.section_content.active .section_input_id > .id_back_number {display: flex;} 
.section_input_id > input:valid {display: block;} 
.section_input_id > input:valid ~ span {display: block;} 
.section_input_id > input:valid ~ input {display: block;} 
.section_input_id > input:valid ~ .id_back_number {display: flex;} 
.section_content.active .section_nation {display: flex;} 
.section_input_check {display: none; justify-content: flex-end; align-items: center; margin-top: 2.812vw;} 
.section_input_check label {font-size: 0.875rem; margin-right: 3.125vw;} 
.section_input_check input[type="checkbox"] {border: 0.625vw solid #222222; width: 7.5vw; height: 7.5vw; border-radius: 1.25vw;} 
.section_input_check input[type="checkbox"]:checked {background-color: #17bf98; border: 2px solid #17bf98; background-image: url(../img_v2/check_w.svg); background-size: 4.687vw; background-repeat: no-repeat; background-position: center;} 
.section_content.input_id.active .section_input_id {border: 0;} 
.section_content.input_id.active .section_input_check {display: flex;} 
.section_nation {position: absolute; right: 6.562vw; top: 50%; transform: translateY(-50%); z-index: 5; display: flex; align-items: center; display: none; width: 20vw;} 
.section_nation > input {margin-right: 2.5vw; color: #222222; background-color: transparent; text-align: right; width: 100%;} 
.section_nation > input::placeholder {color: #222222 !important;} 
.section_content > i.down {position: absolute; right: 4.687vw; top: 50%; width: 2.812vw; height: 1.562vw; background-size: cover;} 
.section_content > i.up {position: absolute; right: 4.687vw; top: 50%; width: 2.812vw; height: 1.562vw; background-size: cover;} 
.section_content > i.minus {position: absolute; right: 4.687vw; top: 30%; width: 6.875vw; height: 6.875vw;} 
.section_total_pay {text-align: right; padding: 2.5vw 4.687vw; border-top: 0.625vw solid #bfbfbf;} 
.section_total_pay > span {color: #ababab;} 

/* 다중인풋 - 급여계좌 */
.section_content.input_account.active .section_input_account_wrap {border: 0.625vw solid #222222; padding: 10.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;} 
.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: 23vw;} 
.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;} 
.section_content.input_account.active .section_select_bank > label {bottom: 80%; font-size: 0.813rem; color: #222222;} 
.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 > i {display: none;} 
.section_content.input_account.active .section_select_bank > input {display: block;} 
.section_content.input_account.active .section_select_bank > .section_bank_title {display: block;} 
.section_content.input_account.active .section_select_bank > i {display: block;} 
.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;} 
.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: 600; 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;} 

/* 입사서류 등록하기 */
.section_sub_title + .section_content_wrap .section_content {width: unset;} 
.section_content.date_select {position: relative; display: flex; justify-content: center; flex-direction: column;} 
.section_select_doument.round {border-radius: 2.5vw; border-bottom: 0.625vw solid #edeef0;} 
.section_select_doument.round input {border-radius: 2.5vw !important;} 
.section_select_doument > i.down {position: absolute; right: 6.25vw; top: 50%;} 
.section_select_doument > input {margin-top: 0; border-top: 0;} 
.section_select_doument:first-child > input {border-top: 0.625vw solid #edeef0; border-radius: 2.5vw 2.5vw 0 0; border-bottom: 0;} 
.section_select_doument:last-child > input {border-radius: 0 0 2.5vw 2.5vw;} 

/* 휴직정보 입력 */
.section_calendar_wrap {display: flex;} 
.section_calendar_wrap > .section_content {flex: 1; border-bottom: 0;} 
.section_calendar_wrap > .section_content:first-child {border-radius: 2.5vw 0 0 0; border-right: 0;} 
.section_calendar_wrap > .section_content:first-child input {border-radius: 2.5vw 2.5vw 0 0;} 
.section_calendar_wrap > .section_content:last-child {border-radius: 0 2.5vw 0 0;} 
.section_calendar_wrap > .section_content:last-child input {border-radius: 2.5vw 2.5vw 0 0;} 
.section_calendar_wrap > .section_content.not_round {border-radius: 0;} 
.section_calendar_wrap > .section_content.active input {border-radius: 2.5vw;} 
.section_absence_info {display: flex; flex-direction: column; padding: 4.687vw 5.312vw; max-height: 39.06vw; height: 28.43vw; border-radius: 2.5vw; background-color: #ffffff;} 
.section_calendar_wrap ~ .section_content {width: unset;} 
.section_absence_info > div {display: flex; align-items: center;} 
.section_absence_info > div i {margin-right: 0.9375vw;} 
.section_absence_info > div p {font-size: 0.750rem; color: #b4bac4;} 
.section_absence_info > textarea {font-size: 0.875rem; color: #222222; margin-top: 2.656vw; word-break: keep-all; background-color: transparent; height: 100%;} 
.section_absence_info > textarea::placeholder {color: #dfdfdf;} 
.section_absence_info.readonly {background-color: #e7ebee;} 
.section_absence_info.memo {max-height: 19.83vw;} 

/* 630 직원상세정보 */
.staff_detail_wrap {padding: 0 4.687vw; font-weight: 400; margin-bottom: 25vw;} 
.st_cont_wrap {padding: 3.333vw 0 4.687vw;} 
.st_name {font-size: 1.313rem; color:#222; font-weight:600; padding: 4.166vw 0 2.187vw;} 
.st_detail {background-color: #fff; border-radius: 2.5vw; padding: 0 5.312vw; margin:2.656vw 0 4.687vw; border: 1px solid #c7c7c7;} 
.std_content {display: flex; justify-content: space-between; align-items: flex-start; padding: 3.125vw 0;} 
.cont_title {display: flex; font-size: 1.187rem; color: #000; font-weight: 600; width: 100%; padding: 5vw 5.312vw; margin-left: -5.312vw; justify-content: space-between; align-items: center;} 
.cont_title i {width: 2.875vw; height: 3.218vw; background-size: cover; align-items: center;} 
.cont_title em {font-size:0.688rem; color:#939498; font-weight: 400;} 

/* arrow 회전 */
.cont_title i.up {transform: rotate(180deg);} 
.std_content span {text-align: right;} 
.std_content .std_txt01, .std_content .std_txt02 {display: inline-block; font-size: 0.937rem;} 
.std_content .std_txt01 {font-weight: 600;} 
.std_content .std_txt02 {color: #000; text-align: right; width: 60%; display: flex; align-items: flex-start; justify-content: flex-end;} 
.std_txt02.list {display: flex; flex-direction: column; width: 68%;} 
.std_txt02.list .std_txt_list {width: 100%; position: relative; padding: 10px 0;} 
.std_txt02.list .std_txt_list::after {content: ""; width: calc(100vw - 19.373vw); position: absolute; height: 0.3125vw; right: 0; bottom: 0; background-color: #d4d4d4;} 
.std_txt02.list .std_txt_list:first-child {padding-top: 0;} 
.std_txt02.list .std_txt_list .paystub_warn {justify-content: flex-end; margin-left: -14vw;} 
.std_txt02.list .std_txt_list .paystub_warn > i {background-image: url(../img_v2/info_gray.svg); width: 4.687vw; height: 4.687vw;} 
.std_txt02.list .std_txt_list .paystub_warn > span {margin: 0;} 
.std_content.date .std_txt02.list {width: 80%;} 
.std_content.date .std_txt02.list .std_txt_list::after {display: none;} 
.std_content .std_txt02 > span {display: flex; flex-direction: column; width: fit-content;} 
.std_content .std_txt02 > span em {margin: 0.9375vw 0; display: flex; align-items: center; justify-content: flex-end;} 
.std_content .std_txt02 > span em p {text-align: right; flex: 1;} 
.std_content .std_txt02 > span em p:first-child {flex: 1.2;} 
.std_content .std_txt02 > span em p:last-child {text-align: right; flex: 1.2;} 
.std_content .std_txt02 > span em:first-child {margin-top: 0;} 
.std_content .std_txt02 .f_l_green {font-weight:600;} 
.std_content .std_txt01 em {color: #adb0b7; font-size: 0.75rem;} 
.std_content .std_txt01 em.end {color:#b4bac4;} 
.std_content.wide .std_txt02 {width: 44%;} 
.std_content.pay {align-items: center;} 
.std_content .std_txt02 .tell {text-decoration: underline;} 
.std_content .std_txt02 .ico_cen {background-image: url(../img_v2/ico_tel.svg); width: 5.625vw; height: 5.625vw; background-size: contain; margin-right: 1.875vw;} 
.std_content .std_txt02 .request {color:#c8c8c8;} 
.std_cell {display: flex; align-items: center;} 
.std_content .hash {color: #adb0b7; font-size: 0.688rem; background-color: #fafafa; padding: 0.625vw 2.8125vw; margin-top: 1.25vw; border-radius: 3.125vw; display: block; width: fit-content;} 
.std_content.memo {display: block; padding:0;} 
.std_content.memo textarea {border-radius: 1.562vw; background-color: #fff; border: 0.3125vw solid #c7c7c7; width: 100%; padding:0.5rem 0.625rem; box-sizing: border-box; resize: none; height: 7.25rem;} 
.std_content.memo textarea:focus {outline: 0;} 
.std_content.memo textarea::placeholder {color: #c7c7c7; font-size: 0.937rem;} 
.active_button.pd14mg15 {margin:4.687vw 0;} 
.oth_adr {align-items: baseline; padding-bottom:0;} 
.others .std_txt02 {color:#8b8e93;} 
.oth_adr .std_txt02 span {line-height: 1.25rem;} 

/* C632 */
.resi_copy {padding: 1.093vw; background:#fff url(../img_v2/regi_copy.png) center center no-repeat; background-size: contain;} 

/* C634 */
.section_content.regi {width: 100%;} 
.section_content.regi label {color: #000;} 
.section_content.regi .exp_date {padding: 3.593vw 5.625vw 3.906vw;} 
.section_content.regi .exp_date p {font-size:0.813rem; color:#acb5b9; padding-bottom:2vw;} 

/* C619 C604-2 */
.alarm_pop {height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center;} 
.al_pop_img {background-size: contain; background-repeat: no-repeat; background-position: center center; width: 40.625vw;; height: 40.625vw; display: flex; justify-content: center;} 
.semo_com .al_pop_img {background-image: url(../img_v2/semo_compelete.svg);} 
.semo_sorry .al_pop_img {background-image: url(../img_v2/semo_sorry.svg);} 
.al_pop_ment01 {font-size:1.25rem; text-align: center; margin-top:4.812vw; display: inline-block; line-height:1.3;} 
.al_pop_ment01.green {color:#17bf98;} 
.al_pop_ment01.orange {color:#ff684a;} 
.al_pop_ment02 {color:#a9adb5; font-size:0.938rem; margin-top: 5.625vw; line-height:1.5;} 

/* C603_2 */
.share_pop_wrap {padding: 0 6.25vw;} 
.share_pop {background-color: #fff; border-radius: 2.5vw; padding: 8.125vw 6.25vw; margin:40.781vw 0 7.187vw; box-shadow: 0 1.25vw 3.75vw rgb(0,0,0,0.12);} 
.share_pop_title {display: flex; font-size: 0.938rem; color: #000; font-weight: 600; width: 100%; padding: 0 5.312vw 2.187vw; margin-left: -5.312vw; justify-content: space-between; align-items: center;} 
.share_pop_title span:last-child {font-size: 0.750em; color: #8b8e93; text-align: right; display: flex; font-weight: 400; align-items: center; justify-content: flex-end; text-decoration: underline; padding: 2.5vw; margin-right: -2.5vw;} 
.share_pop_content {display: flex; justify-content: space-between; align-items: center; padding: 1.406vw 0;} 
.share_pop_txt01, .share_pop_txt02 {display: inline-block; color:#222; font-size:0.875rem;} 
.share_pop_txt01 {font-weight:600;} 
.share_pop_txt02 {text-align: right; width: 60%; display: flex; align-items: center; justify-content: flex-end;} 
.kakao_btn {display: flex; background-color: #ffeb00; padding: 3.906vw 0; border: 0.625vw solid #f2d200; border-radius: 7.656vw; font-weight: 500; font-size: 1.188rem; justify-content: center;} 
 .ico_kakao {background-image: url(../img_v2/ico_kakao.svg); width: 1.563rem; height: 1.563rem; margin-right: 1.562vw; background-size: contain;} 

/* C603_3 */
.auth_wrap {padding:0 7.812vw; text-align: center; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;} 
.auth_con01 {display:inline-block;} 
.auth_con01 .ico_cen {width: 51.562vw; height: 30vw; background-image: url(../img_v2/ico_auth.svg); background-position: center center; background-size: contain;} 
.auth_con02 {text-align: center; margin-top: 8.125vw;} 
.auth_con02 span {font-weight: 600; font-size: 1.313rem;} 
.auth_con03 {margin-top: 11.875vw; width: 100%;} 
.auth_con03 input {width: 100%; border-radius: 2.5vw; text-align: center; font-size: 1.125rem; font-weight: 600; color: #222; letter-spacing: -0.143vw; padding: 5.625vw 0; border: 0.625vw solid #edeef0;} 
.auth_con03 input.fail, .auth_con03 input.focus {box-shadow: 0 0.625vw 1.25vw rgb(0,0,0,0.16);} 
.auth_con03 input.fail {border: 0.625vw solid #f31818;} 
.auth_con03 input.focus {border: 0.625vw solid #222;} 
.auth_con03 input::placeholder {font-size: 1.125rem; color: #dfdfdf; font-weight: 400;} 
.auth_con04 {background-color: #17bf98; color: #fff; padding: 3.906vw 0; text-align: center; border: 0.625vw solid #12997a; border-radius: 9.375vw; font-weight: 400; line-height: 8.75vw; width: 100%; margin-top: 5.625vw;} 
.auth_con04 > span {font-size: 1.188rem;} 

/* 급여작성하기 C654 */
.pay_title_top {display: flex; align-items: center; justify-content: space-between;} 
.accountant_name {display: flex; align-items: center; background-color: #ffffff; width: fit-content; padding: 1.25vw 3.125vw; border-radius: 4.687vw;} 
.accountant_name > p {font-size: 0.875rem; color: #00b981; margin-left: 1.875vw;} 
.pay_title_top > p {font-size: 0.688rem; padding: 1.562vw; margin-right: -1.562vw;} 
.pay_write_result {padding: 6.25vw 4.531vw; background-color: #ffffff; border-radius: 2.187vw;} 
.pay_write_result_cell {display: flex; align-items: center; justify-content: space-between;} 
.pay_write_result_cell > span > em {color: #8b8e93; font-size: 0.813rem;} 
.pay_write_sum_total {display: flex; align-items: center; justify-content: space-between; margin-top: 3.75vw; padding-bottom: 4.921vw; border-bottom: 0.3125vw solid #d4d4d4;} 
.pay_write_sum_total > p {font-size: 1.625rem;} 
.pay_write_sum_total > b {font-size: 1.625rem; letter-spacing: -0.325vw; font-weight: 600;} 
.pay_write_sum_total.double {flex-direction: column;} 
.pay_write_sum_total.double span {display: flex; justify-content: space-between; width: 100%; font-size: 1.438rem;} 
.pay_write_sum_total.double span:first-child {color: #8b8e93;} 
.pay_write_sum_total.double span:last-child {margin-top: 1.562vw;} 
.pay_write_employee {display: flex; flex-direction: column;} 
.pay_write_employee > span {display: flex; align-items: center; justify-content: space-between; padding: 2.187vw 0;} 
.pay_write_employee > span:first-child {margin-top: 0.7812vw;} 
.pay_write_employee > span > div {display: flex; align-items: center;} 
.pay_write_employee > span > div > p {width: 9.722vw; height: 9.722vw; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f9f9f9; font-size: 0.750rem; color: #8b8e93;} 
.pay_write_employee > span > div > em {font-size: 1.063rem; margin-left: 2.343vw; width: 26vw;} 
.pay_write_employee > span > div > span {margin-right: 3.437vw;} 
.pay_write_employee > span > div > i.right {width: 1.484vw; height: 3.125vw; background-size: cover;} 
.pay_write_employee.payroll {padding: 3.437vw 0;} 
.pay_write_employee.payroll > span {display: flex; flex-direction: column; position: relative;} 
.pay_write_employee.payroll > span.omission:after {content: '*필수항목 누락'; position: absolute; right:0; top:0; font-size:0.75rem; color: #ff684a;} 
.pay_write_employee.payroll > span > div i.right {position: absolute; transform: translateY(-50%); top: 50%; right: 0;} 
.pay_write_employee.payroll > span > div {width: 100%; display: flex; position: relative;} 
.pay_write_employee.payroll > span > div:not(:first-child) {flex-direction: column; align-items: flex-start;} 
.pay_write_employee.payroll > span > div > .pay_write_preview {background-color: transparent; text-decoration: underline; color: #000000; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: fit-content;} 
.pay_write_employee.payroll > span:not(:first-child) {border-top: 0.3125vw solid #d4d4d4;} 
.pay_write_payroll_form {display: flex; justify-content: space-between; margin-right: 0 !important; width: calc(100% - 7.187vw); padding: 2.187vw 0;} 
.pay_write_payroll_form > div {width: 100%;} 
.pay_write_payroll_form > em:last-child {text-align: right; width: 50%; display: inline-block; box-sizing: border-box;} 
.pay_write_payroll_form > .pay_input_btn {width: unset; color: #f8ffb1; font-size: 0.750rem; background-color: #222222; padding: 0.9375vw 4.062vw; border-radius: 4.678vw;} 
.pay_write_req_title {font-size: 0.875rem; color: #8a8a8b;} 
.pay_write_req_con {width: 100%;} 
.pay_write_req_con textarea {width: calc(100% - 11.25vw); margin-top: 3.75vw; padding: 4.687vw 5.625vw; font-size: 1rem; height: 27.02vw; border: 0.3125vw solid #dcdcdc; border-radius: 2.5vw;} 
.pay_write_req_con textarea::placeholder {color: #dfdfdf;} 
.pay_write_staff_title {font-size: 1.313rem; display: flex; flex-direction: column;} 
.pay_write_staff_title b {font-weight: 600;} 
.pay_write_staff_wage {margin-top: 2.343vw;} 
.pay_write_staff_wage span {display: flex; justify-content: flex-end; align-items: center; font-size: 0.938rem; color: #8a8a8b;} 
.pay_write_staff_wage span b {font-size: 1.750rem; color: #222222; font-weight: 600;} 
.pay_write_staff_wage ~ .section_content_wrap .section_content {width: unset;} 
.pay_write_staff_title ~ .section_content_wrap .section_content {width: unset;} 
.pay_write_object > span {display: flex; align-items: center; justify-content: space-between;} 
.pay_write_object > span > b {font-size: 1.313rem; font-weight: 600;} 
.pay_write_object_plus {display: flex; align-items: center; padding: 4.375vw 4.687vw; background-color: #e3e7ea; border-radius: 2.343vw;} 
.pay_write_object_plus > span {font-size: 1.094rem; color: #9fa5af; margin-left: 2.812vw;} 

/* C650 */
.pay_admin {padding: 7.5vw 6.25vw; width: calc(100vw - 12.5vw); margin-left: -6.25vw; background-color: #ffffff;} 
.pay-ad_01 {display: flex; justify-content: space-between; border-bottom: 0.312vw solid #d4d4d4;} 
.pa_txt01 {font-size: 1.313rem; font-weight: 600; padding-bottom: 1.25vw;} 
.pa_txt02 {font-size: 1.063rem; color: #adb0b7; font-weight: 400; padding-bottom: 8.046vw; line-height: 1.5;} 
.pa_img i {width: 22.5vw; height: 22.5vw; background: url(../img_v2/pay_admin01.svg); background-size: contain;} 
.pa_input {position: relative; width: calc(100% - 11.25vw); border: 0.625vw solid #edeef0; background-color: #ffffff; padding: 0 5.625vw; margin-top: 4.062vw; min-height: 21.87vw; border-radius: 2.666vw;} 
.pay-ad_02 {margin: 5.859vw 0 11.562vw;} 
.pay-ad_02 .pa_txt03 {color: #222; font-size: 1.25rem; font-weight: 500;} 
.pa_txt03 + .section_content_wrap .section_content {width: unset;} 
.pa_input > i.down {position: absolute; right: 4.687vw; top: 50%; width: 2.812vw; height: 1.562vw; background-size: cover;} 
.pay-ad_03 {margin-top: 11.562vw;} 
.pa_txt04 {font-size: 1.313rem; color: #222; font-weight: 600;} 
.pa_toggle_wrap {display: flex; justify-content: space-between;} 
.pa_tog_btn {border-radius: 9.375vw; border: 0.312vw solid #dfdfdf; background-color: #f9f9f9; width: 40.875vw; padding: 3.5vw 0; margin: 5.625vw 0; display: flex; align-items: center; justify-content: center;} 
.pa_tog_btn.active {background-color: #222; font-weight: 600;} 
.pa_tog_btn input[type="radio"] {border-radius: 50%; border: 0.312vw solid #d4d4d4; background-color: #fff; width: 7.5vw; height: 7.5vw; margin-right: 3.125vw;} 
.pa_tog_btn.active input[type="radio"] {background-color: #00ffba; background-image: url(../img_v2/check_black.svg); background-size: 4.687vw; background-position: center; background-repeat: no-repeat; border: 0.312vw solid #00ffba;} 
.pa_tog_btn label {color: #bcc1cb; font-size: 1.375rem;} 
.pa_tog_btn.active label {color: #fff;} 
.pay-ad_04 {padding: 5vw; background-color: #f9f9f9; border-radius: 2.666vw; min-height: 42.031vw;} 
.pa_txt05 {display: flex; align-items: center; margin-bottom: 1.875vw;} 
.pay-ad_04 i {background-image: url(../img_v2/ico_error.svg); background-size: contain; width: 4.687vw; height: 4.687vw; margin-right: 2.258vw;} 
.pa_txt05 span {color: #b4bac4; font-size: 0.938rem;} 
.pa_txt06 span {font-size: 0.875rem;} 

/* C651 */
.pay_date, .pay_month, .pay_day {display:flex; align-items: center;} 
.pay_month > span {display: flex; align-items: center;} 
.pay_month > span::after {content: "▼"; font-size: 0.500rem; margin-left: 2.5vw;} 
.pay_date {justify-content: space-between; margin-bottom: 5.625vw;} 
.pay_month {font-size: 1.375rem; font-weight: 600; color: #222;} 
.pay_month i {background-image: url(../img_v2/semo_down.svg); background-size: contain; width: 2.5vw; height: 2.5vw; margin-left: 2.5vw;} 
.pay_month_input {display: flex;} 
.pay_day {color: #8b8e93; font-size: 0.813rem; padding: 1.562vw; margin-right: -1.562vw;} 
.pay_day i {background-image: url(../img_v2/ico_memo_gray.svg); background-size:contain; width: 4.375vw; height: 4.375vw; margin-left: 1.406vw;} 
.pay_record {display: flex;} 
.pay_clock {display: flex; align-items:flex-start} 
.pay_clock i {background-image: url(../img_v2/ico_clock.svg); background-size:contain; width: 4.687vw; height: 4.687vw; margin-right: 2.343vw;} 
.rec_txt01 {font-weight: 500; font-size: 0.875rem;} 
.rec_txt02 {font-size: 0.688rem; color: #8b8e93; margin: 0.937vw 0;} 
.rec_txt02 span {margin-left: 2.5vw;} 
.rec_txt03 span {display: flex; font-size: 0.563rem; color: #222; border-radius: 1.25vw; background-color: #f2f2f2; padding: 1.25vw 2.5vw; font-weight: 500; width: fit-content; margin-top: 1.875vw;} 
.rec_txt03 span > p {font-size: 0.375rem; margin-left: 2.187vw; color: #8b8e93;} 
.pay_content {background-color: #f4f5f7; padding:7.187vw 6.25vw 0 6.25vw;} 
.pay_list {display:flex; justify-content: space-between; background-color: #fefefe; padding: 4.375vw 5.625vw; margin-bottom: 3.437vw; border-radius: 2.5vw; border: 0.3125vw solid #e8e8e8;} 
.pay_list p {font-weight: 600; margin-bottom: 2.5vw;} 
.pay_list span {font-size: 0.75rem; color: #adb0b7;} 
.pl_btn {display: flex; align-items: center;} 
.pl_btn span {display: inline-block; background-color: #efefef; border-radius: 9.375vw; color: #12997a; padding: 0.937vw 3.125vw;} 

/* C653 직원관리 추가관리 */
.employee_select_title {display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; padding: 2.5vw 6.25vw; width: calc(100vw - 12.5vw); margin-left: -6.25vw;} 
.employee_select_cell .employee_select_title {margin-bottom: 3.75vw;} 
.employee_select_cell:not(:first-child) .employee_select_title {margin-top: 6.562vw;} 
.employee_select_title>span {font-size: 0.875rem; color: #a1a5ae;} 
.employee_select_title > input[type="checkbox"] {border: 0.3125vw solid #c7c7c7;} 
.employee_select_title > input[type="checkbox"]:checked {border: 0.3125vw solid #17bf98;} 
.employee_form {font-size: 0.750rem; color: #8b8e93; background-color: #f9f9f9; border-radius: 50%; width: 9.722vw; height: 9.722vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center;} 
.employee_select_con {display: flex; align-items: center; justify-content: space-between; padding: 2.5vw 0;} 
.employee_select_con >div {display: flex; align-items: center;} 
.employee_select_con >div > span {margin-left: 4.062vw;} 
.employee_select_con >div > span p {font-size: 1.063rem; color: #000000;} 
.employee_select_con >div > span em {font-size: 0.688rem; color: #8b8e93;} 

/* C625 */
.staff_wrapper {width: 100%;} 
.staff_top_open_wrap {width:100%; background-color: #ffffff; padding: 6.25vw; margin-left: -6.25vw; padding-bottom:0;} 
.staff_pdf_wirte_title {display: flex; align-items: center;} 
.staff_pdf_wirte_title >i.reg_new {background-size: contain; margin-left: 1.875vw;} 
.staff_pdf_wirte_title > p {margin-left: 5px; color: #12997a; font-size: 0.875rem; font-weight: 600;} 
.staff_pdf_wirte_title > b {font-size: 0.938rem; color: #000000; font-weight: 600;} 
.staff_pdf_wirte_sec {width: 100%; padding: 3.75vw 0; text-align: center; font-size:1rem; font-weight:600; color: #ff9900; border: 1px solid #a9adb5; border-radius: 8px; margin-top: 3.437vw;} 
.staff_pdf_wirte_sec > em {font-size: 0.750rem; color: #a9adb5; font-weight: 400;} 
.staff_document_pdf {display: flex; flex-direction: column;} 
.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 6.25vw; margin-left: -6.25vw; width: 100%; height: 21.87vw; border-bottom: 0.3125vw 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: 0.875rem; color: #000000;} 
.staff_document_pdf span > em {font-size: 0.750rem; color: #a9adb5;} 
.staff_document_pdf div > p {font-size: 0.875rem; color: #a9adb5;} 
.staff_document_pdf div > b {font-size: 0.875rem; color: #222222; font-weight: 600;} 
.staff_document_pdf > b {font-size: 0.938rem; color: #000000; padding: 12px 15px; width: 100%; margin-left: -15px; background-color: #ffffff; font-weight: 600;} 
.staff_wrapper {width: 100vw; height: calc(100vh - 34vw); margin-left: -6.25vw; display: flex; justify-content: center; flex-direction: column; align-items: center;} 
.staff_wrapper.reg {height: calc(100vh - 90vw);} 
.staff_wrapper i.info_gray {width: 18.75vw; height: 18.75vw;} 
.staff_empty_doc {display: flex; justify-content: center; flex-direction: column; align-items: center;} 
.staff_empty_doc > p {text-align: center; color: #acb5b9; font-size: 1.125rem; margin-top: 6.25vw;} 

/* C663 */
.content_info_share .pay_write_result {padding: 0;} 
.content_info_banner {background-color: #fff; padding: 3.125vw; display: flex; border: 1.25vw solid #f2f2f2; margin: 7.812vw 0;} 
.content_info_banner i {width: 8.75vw; background-image: url(../img_v2/ico_letter.svg); background-size: contain; margin-right: 3.125vw;} 
.content_info_banner span {font-size: 0.813rem; color: #8b8e93; line-height: 1.3;} 
.salary_count_wrap, .salary_upload, .sal_up01 {display:flex; justify-content: space-between; align-items: center;} 
.salary_upload {background-color: #f3fff4; border-radius: 2.5vw; border: 0.3125vw solid #17bf98; padding: 5.468vw; color: #12997a; font-size: 1.063rem;} 
.sal_up01 i {background: url(../img_v2/thezone.svg) center center no-repeat; background-size: contain; width: 4.687vw; height: 4.687vw;} 
.sal_up01 span {margin-left: 2.343vw;} 
.sal_up02 i {background: url(../img_v2/upload.svg) center center no-repeat; background-size: contain; width: 6.25vw; height: 6.25vw;} 
.semo_look_banner {width: calc(100vw - 12.5vw); margin-left:0; font-size:1.125rem; padding: 6.562vw 6.25vw; background: #63e2c5 url(../img_v2/semo_look.webp) center right no-repeat; background-size: contain; margin-left: -6.25vw;} 
.ione_look_banner {width: calc(100vw - 12.5vw); font-size: 1.125rem; padding: 6.562vw 6.25vw; background: #0095ff url(../img_v2/ione_look.webp) center right no-repeat; background-size: contain; color: #ffffff; display: none;} 
.nh_look_banner {width: calc(100vw - 12.5vw); margin-left: -6.25vw; font-size: 1.125rem; padding: 6.562vw 6.25vw; background: #00b259 url(../img_v2/nh_look.webp) center right no-repeat; background-size: contain; color: #ffffff; display:none;} 
.kt_look_banner {width: calc(100vw - 12.5vw); margin-left: -6.25vw; font-size: 1.125rem; padding: 6.562vw 6.25vw; background: #2dbdb6 url(../img_v2/kt_look.webp) center right no-repeat; background-size: contain; color: #ffffff; display:none;} 

/* C670 */
.paystub_title {font-size: 0.875rem; color: #8b8e93; margin: 3.6vw 0 14.843vw; line-height: 1.5;} 
.paystub_title .highlight {color: #222; font-weight: 500; box-shadow: inset 0 -8px 0 #91FFD5;} 
.paystub {background-color: #fefefe; display: flex; justify-content: space-between; border-bottom: 0.312vw solid #d4d4d4; padding: 4.375vw 3.125vw 0 5.625vw; border-radius: 2.5vw; border: 0.312vw solid #cfcfcf; font-size: 1rem; margin-bottom: 3.593vw;} 
.paystub_txt01 {font-weight: 600; padding-bottom: 2.5vw; font-size: 0.875rem;} 
.paystub_txt02 {font-size: 0.75rem; color: #adb0b7; line-height: 1.5;} 
.paystub_img01, .paystub_img02 {width: 25vw; height: 25vw; background-size: contain;} 
.paystub_img01 {background-image: url(../img_v2/paystub01.svg);} 
.paystub_img02 {background-image: url(../img_v2/paystub02.svg);} 
.paystub_warn {display: flex; align-items: center; justify-content: center; padding-top: 2vw;} 
.paystub_warn i {background:url(../img_v2/info_gray.svg) center center no-repeat; width: 4.687vw; height: 4.687vw; background-size: contain;} 
.paystub_warn span {font-size: 0.75rem; color: #b4bac4; margin:0 1.562vw;} 
.paystub_warn p {font-size: 0.75rem; color: #222; text-decoration: underline;} 

/* C679 급여대장 */
.pay_write_store_payroll {display: flex; flex-direction: column;} 
.pay_write_store_payroll > span {font-size: 1.063rem;} 
.pay_write_store_payroll > b {font-size: 1.375rem; font-weight: 600;} 
.pay_write_payroll_success {display: flex; align-items: center; font-size: 0.750rem; color: #12997a;} 
.pay_write_payroll_success i.ico_cen {width: 4.375vw; height: 3.125vw; background-image: url(../img_v2/semo_check.svg) !important; background-size: contain;} 
.pay_write_payroll_success > p {margin-left: 2.812vw;} 
.pay_write_store_payroll ~ .popup_tax_send_alert {position: unset; background-color: #222222; color: #ffee00; display: flex; transform: unset; width: calc(100% - 11.25vw); align-items: center;} 

/* C679 - 1 */
.st_detail_wrap_title {display: block; font-size: 1.125rem;} 
.st_detail_pay_result {text-align: right; width: 100%; display: flex; justify-content: flex-end; font-size: 1.125rem; color: #ababab;} 

/* C681 */
.payslip_ment {display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 7.812vw 0; border-bottom: 0.3125vw solid #d9d9d9;} 
.payslip_ment p {font-size: 1.625rem; line-height: 1.5; margin-bottom: 1.875vw;} 
.payslip_ment em {font-size: 1.125rem; font-weight: 600; padding: 0 2vw;} 
.payslip_title {margin-top: 8.359vw;} 
.payslip_title span {font-size: 1.188rem; display: flex; align-items: center; justify-content: space-between;} 
.payslip_title span em {font-weight: 600; display: flex; align-items: center;} 
.payslip_title span em > p {font-size: 1.188rem; font-weight: 400;} 
.payslip_title p {font-size: 1.75rem; font-weight: 600; line-height: 1.5;} 
.payslip_name {display: flex; justify-content: space-between; align-items: flex-end; font-size: 1.063rem; color: #222; margin-bottom: 4.062vw;} 
.payslip_title .c_bi {width: 18.90vw;} 
.payslip_name .pys_txt p {font-weight: 600; line-height: 1.5;} 
.payslip_name .pys_img i {width: 35vw; height: 25vw; background: url(../img_v2/payslip.svg) center center no-repeat; background-size: contain;} 
.payslip_name .pys_img p {font-size: 0.875rem; color: #9fa5af; text-align: right; padding-top:2.777vw;} 
.payslip_list_wrap {border-radius: 1.25vw; padding: 4.687vw 4.687vw 2.361vw 4.687vw; margin-bottom: 4.062vw;} 
.payslip_list_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.812vw;} 
.payslip_list_title .txt {display: flex; align-items: center;} 
.payslip_list_title .icon {padding:3vw; margin:-3vw;} 
.payslip_list_title .icon i {width: 5.277vw; height: 5.277vw; background-image: url(../img_v2/ico_que.svg); margin-right:4.687vw;} 
.payslip_list_title .point {background-color: #222; border-radius: 50%; width: 1.666vw; height: 1.666vw; margin-right: 2.031vw;} 
.payslip_list_title span {font-size: 0.938rem; color: #222; font-weight: 600;} 
.payslip_list_title i {text-align: right;} 
.payslip_list_item {display: flex; justify-content: space-between; padding: 0 4.687vw 2.361vw 6.812vw;} 

.payslip_list_item .pl_txt {font-size: 0.938rem; color: #8a8a8b;} 
.payslip_list_item .pl_num {font-weight: 400;} 
.payslip_total {display: flex; justify-content: space-between; background-color: #eff3f3; border-radius: 2.5vw; padding: 3.437vw 4.687vw 3.437vw 6.812vw; margin:1.8vw 0;} 
.payslip_total .pl_txt {color: #222; font-size: 0.938rem; font-weight: 600;} 
.payslip_total .pl_num {font-weight: 600;} 
.payslip .btm_button {width: unset;} 
.payslip .btm_button > span {border-radius: 2.5vw; font-size: 1.438rem; margin: 9.375vw 0; font-weight: 500;} 

/* C682 */
.payslip_send ul {display: flex; justify-content: space-between; align-items: center;} 
.payslip_send ul.payslip_send_list {border-bottom: 0.312vw solid #c8c8c8; padding: 3.125vw 4.687vw; font-size: 0.937rem;} 
.payslip_send ul.payslip_send_tit {background-color: #fafafa; color: #a1a5ae; padding: 3.125vw 4.687vw; font-size: 0.812rem;} 
.payslip_send ul li.name {width: 40%; display: flex; align-items: center;} 
.payslip_send ul li.phone {width: 43%; text-align: center;} 
.payslip_send ul li.condi {width: 23%; display: flex; justify-content: center;} 
.payslip_send ul.payslip_send_list {border-bottom: 1px solid #d1d1d1; padding: 0.7vw 4.687vw; font-size: 0.938rem;} 
.payslip_send ul.payslip_send_list span {font-size: 0.75rem;} 
.payslip_send ul.payslip_send_tit li input[type="checkbox"] {border: 0.312vw solid #c7c7c7;} 
.payslip_send ul li input[type="checkbox"] {margin-right: 3.125vw; border: 0.312vw solid #222;} 
.payslip_send ul li input[type="checkbox"]:checked {border: 0.3125vw solid #17bf98;} 
.payslip_send ul li.condi .pre {color: #acb5b9;} 
.payslip_send ul li.condi .fail {color: #ff3d3d;} 
.payslip_send ul li.preview {width: 17%; display: flex; justify-content: center;} 
.payslip_send ul li.preview .ico_cen {width: 6.111vw; height: 12.111vw; background: url(../img_v2/document_01.png) no-repeat center / contain;} 
.payslip_info_wrap {margin-top: 5vw; padding: 0 4.687vw;} 
.payslip_info {background-color: #f9f9f9; padding: 5vw; border-radius: 2.5vw;} 
.payslip_info .kakao_ment {font-size: 0.875rem;} 
.kakao_warn {display: flex; align-items: center; margin-bottom: 1.875vw;} 
.kakao_warn i {background: url(../img_v2/info_gray.svg); width: 4.687vw; height: 4.687vw; background-size: contain;} 
.kakao_warn span {font-size: 0.938rem; color: #b4bac4; margin: 0 1.562vw;} 

/* C685 */
.withdraw_account, .wi_item_tit, .wi_account, .wi_add, .wi_choicebox, .wi_option {display: flex; align-items: center; justify-content: space-between;} 
.wi_option {width: 60%;} 
.wi_option > input {text-align: right; width: 100%;} 
.withdraw {padding: 2.777vw 0 5.833vw;} 
.withdraw_top {display: flex; justify-content: space-between; align-items: flex-end;} 
.withdraw_tit {font-weight: 600; color: #222; font-size: 1.062rem;} 
.refresh_btn {display: flex; align-items: center; border-radius: 8.333vw; border: 0.312vw solid #222; padding: 1.111vw 3.055vw;} 
.refresh_btn i {width: 6.111vw; height: 6.111vw; background: url(../img_v2/refresh.svg) center center no-repeat; background-size: contain; margin-right: 1.111vw;} 
.refresh_btn span {font-size: 0.875rem;} 
.withdraw_account {border-radius: 2.222vw; background-color: #f8f8f8; padding: 5vw; margin: 3.125vw 0 4.166vw;} 
.withdraw_account span {font-weight: 600;} 
.withdraw_amount > div {display:flex; justify-content: space-between;} 
.withdraw_amount .balance {color: #222; margin-bottom: 2.222vw;} 
.withdraw_amount .limit {color: #8b8e93;} 
.withdraw_amount .txt {font-size: 1.062rem; font-weight: 400;} 
.withdraw_amount .value {font-weight: 600;} 
.withdraw_info {background-color: #f4f5f7; padding: 5.125vw 6.25vw 34vw 6.25vw;} 
.wt_result_txt {text-align: right; text-decoration: underline; font-size: 0.812rem; margin-top: -3vw; padding: 1vw 0 3vw; color: #222;} 
.wt_result_txt span {padding: 3vw; margin-right: -3vw;} 
.withdraw_item {background-color: #fff; padding: 5vw; margin-bottom: 3.611vw; border-radius: 2.222vw;} 
.withdraw_item_alret {display: flex; align-items: center; padding: 3.906vw 5vw; width: 100%; margin-left: -5vw; font-size: 0.750rem; color: #000000; background-color: #e6e6e6; margin-bottom: -5vw; border-radius: 0 0 2.5vw 2.5vw;} 
.withdraw_item_alret > em {color: #8a8a8b;} 
.wi_name {display:flex; align-items: center;} 
.wi_item_tit .wi_warn {font-size: 0.75rem; color: #ff3d3d; letter-spacing: -0.6px;} 
.wi_name input {margin-right: 2.777vw;} 
.wi_name label {font-size: 1.187rem; font-weight: 600; position: absolute; left: 10.125vw;} 
.wi_account {font-size: 0.875rem; color: #8a8a8b; padding-top: 2.944vw; position: relative;} 
.wi_check {font-size: 0.75rem; letter-spacing: -0.48px; color: #222; text-decoration: underline; padding: 4.166vw; margin-right: -4.166vw; position: absolute; right: 0;} 
.wi_add {padding-top: 6.875vw;} 
.add_wrt p {display: flex; align-items: center; color: #acb5b9; font-size: 0.875rem; padding: 1.666vw; margin-left: -1.666vw;} 
.add_wrt p::after {content: "▼"; font-size: 0.500rem; display: block; margin-left: 1.562vw; transition: 0.3s; margin-top: 0.555vw;} 
.add_wrt p.up::after {transform: rotate(180deg);} 
.add_wrt > span {font-size: 0.875rem; color: #acb5b9;} 
.wi_amount {font-size: 1.375rem; color: #222; font-weight: 600; width: 55%;} 
.wi_amount > span {text-align: right; width: 100%; display: block;} 
.wi_amount .txt_blue {color: #184cb2;} 
.wi_amount .txt_red {color: #ff3d3d;} 
.wi_pay_input {width: 45%; padding: 2.031vw 7.587vw 2.031vw 2.187vw; border: 0.3125vw solid #e8e8e8; border-radius: 2.5vw; position: relative;} 
.wi_pay_input > input {width: 100%; font-weight:600; text-align: right; font-size: 1.375rem;} 
.wi_pay_input > input + label {position: absolute; font-size: 1.375rem; font-weight: 600; right: 1.8vw;} 
.withdraw_warn {background-color: #222; color: #fff; font-size: 0.937rem; padding: 2.5vw 6.25vw; font-weight: 300; position: fixed; bottom: 17.777vw; width: 100%;} 
.withdraw_item .paystub_warn span {margin-left: 0.833vw; margin-right: 0; color: #8a8a8b; font-size:0.75rem; letter-spacing: -0.6px;} 
.withdraw_item .paystub_warn.account_add {justify-content: flex-start;} 
.withdraw_item .paystub_warn.month_amount {justify-content: flex-end;} 
.withdraw_item .paystub_warn i {width: 4.166vw; height: 4.166vw;} 
.wi_choicebox_wrap {padding-top: 3.611vw;} 
.wi_choicebox {font-size: 0.875rem; color: #222; padding: 0.833vw 2.5vw 0.833vw 3.8vw; border: 0.277vw solid #c0c3c8; border-radius: 2.222vw; margin-top: 1.388vw; position: relative;} 
.wi_choicebox > div:first-child {width: 40%;} 
.wi_choicebox > div > span {font-size: 0.875rem;} 
.wi_choicebox .rd_del {width: 5.277vw; height: 5.277vw; background: url(../img_v2/rd_del.svg) center center no-repeat; background-size: 5.277vw; padding: 2.5vw;} 

/* C657 */
.pay_category {width: 100%;} 
.pca_title {margin:7.812vw 0; display: flex; align-items: center;} 
.pca_title input {font-size: 1.25rem; font-weight: 600;} 
.pca_title b {font-size: 1.250rem; transition: 0.3s; display: flex; align-items: center; font-weight: 600;} 
.pca_title b.down::after {content: "▼"; font-size: 0.5rem; margin-left: 3.125vw; transition: 0.2s;} 
.pca_title b.up::after {content: "▼"; transform: rotate(180deg); font-size: 0.5rem; margin-left: 3.125vw; transition: 0.2s;} 
.pca_content ul {display: flex; justify-content: space-between; align-items: center; padding: 0 4.687vw;} 
.pca_con_list_wrap {height: calc(100vh - 70.9vw); overflow-y: scroll;} 
.pca_content ul li.name {width: 40%; display: flex; align-items: center;} 
.pca_content ul li.date {width: 30%; text-align: center;} 
.pca_content ul li.amount {width: 30%; display: flex; justify-content: flex-end;} 
.pca_content ul li.name input[type="checkbox"] {margin-right: 3.125vw; border: 0.312vw solid #222;} 
.pca_content ul li.name input[type="checkbox"]:checked {border: 0.312vw solid #17bf98;} 
.pca_content ul.pca_con_tit {background-color: #fafafa; color: #a1a5ae; padding: 3.125vw 4.687vw; font-size: 0.875rem;} 
.pca_content ul.pca_con_tit li input[type="checkbox"] {border: 0.312vw solid #c7c7c7;} 
.pca_content ul.pca_con_list {border-bottom: 1px solid #d1d1d1; padding: 3.125vw 4.687vw;} 
.pca_con_pop {height: 100vw; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center;} 
.pca_pop_img {background: url(../img_v2/ico_think.svg) center center no-repeat; background-size: contain; width: 26.562vw; height: 37.812vw; display: flex; justify-content: center;} 
.pca_pop_ment {color: #a1a5ae; font-size: 0.875rem; margin-top: 5.625vw;} 

/* C660 */
.benefit_add .txt01 {font-size: 0.875rem; font-weight: 600; margin-top: 8.125vw;} 
.benefit_add .txt02 {font-size: 0.688rem; color: #adb0b7; line-height: 1.5; margin: 2.5vw 0 2.5vw;} 
.benefit_add .bene_input {height: 21.875vw;} 
.benefit_add .bene_input input {width: 100%; height: 100%; padding: 2.187vw 5.625vw; box-sizing: border-box; border-radius: 2.5vw; border: 0.3125vw solid #edeef0; font-size: 1.125rem; color: #222; font-weight: 600;} 
.benefit_add .bene_input input::placeholder {color: #dfdfdf; font-size: 1.125rem; font-weight: 400;} 

/* 급여 작성하기 */
.section_content_wrap.total {border: 0.625vw solid #bfbfbf; border-radius: 2.5vw; width: calc(100% - 1.25vw);} 
.section_content_wrap.total .section_content {border: 0; border-bottom: 0.3125vw solid #f4f5f7;} 
.section_content_wrap.state {border: 0.416vw solid #edeef0;} 
/* C686_6 */
.send_center_title {display: flex; flex-direction: column; align-items: center; padding: 21.87vw 0;} 
.send_center_title > span {font-size: 1.438rem;} 
.send_center_title > b {font-size: 1.750rem; font-weight: 600;} 
.send_pay_list_wrap {display: flex; flex-direction: column;} 
.send_pay_list_wrap > span {display: flex; justify-content: space-between; border-bottom: 0.3125vw solid #8a8a8b; padding: 0 0 4.687vw;} 
.send_pay_list_wrap > span em {color: #8a8a8b; font-size: 0.813rem; display: flex; align-items: center;} 
.send_pay_list_wrap > span em i {margin-right: 0.9375vw;} 
.send_pay_list_info {display: flex; justify-content: center;} 
.send_pay_list_info p {font-size: 0.75rem; padding: 2.031vw 6.562vw; border-radius: 10.62vw; background-color: #f4f5f7;} 
.send_pay_list_info p em {color: #8a8a8b;} 
.send_pay_list {display: flex; flex-direction: column; padding: 25px 0; border-bottom: 0.3125vw solid #d4d4d4;} 
.send_pay_list > b {font-size: 1.188rem; margin-bottom:2.187vw; font-weight: 600;} 
.send_pay_list > p {font-size: 0.938rem; margin-bottom: 5vw;} 
.send_pay_list > span {display:flex; justify-content: space-between; padding: 1.093vw 0;} 
.send_pay_list > span > em {font-size: 1.063rem; color: #8a8a8b;} 
.send_pay_list > span > p {font-size: 1.063rem;} 
.send_pay_list > span > b {font-size: 1.063rem; font-weight: 600;} 

/* C688_1 */
.send_center_title.complete > i.check_w {background-image: url(../img_v2/check_w.svg); width: 18.75vw; height: 18.75vw; background-size: 12.375vw; background-repeat: no-repeat; background-position: center; background-color: #17bf98; border-radius: 50%;} 
.send_center_title.complete > i.info_red {width: 18.75vw; height: 18.75vw;} 
.send_center_title.complete + .padding_wrapper20 .send_pay_list:first-child {border-top: 0.625vw solid #222222;} 
.send_center_title.complete + .padding_wrapper20 .send_pay_list:nth-last-child(2) {border-bottom: 0;} 
/* C679 급여대장 */
.pay_write_store_payroll {display: flex; flex-direction: column;} 
.pay_write_store_payroll > span {font-size: 1.063rem;} 
.pay_write_store_payroll > b {font-size: 1.375rem; font-weight: 600;} 
.pay_write_payroll_success {display: flex; align-items: center; font-size: 0.750rem; color: #12997a;} 
.pay_write_payroll_success > p {margin-left: 2.812vw;} 
.pay_write_store_payroll ~ .popup_tax_send_alert {position: unset; background-color: #222222; color: #ffee00; display: flex; transform: unset; width: calc(100% - 11.25vw);} 


/* C685_2 */
.wi_item_tit_cell:not(:first-child) {margin-top: 6.875vw;} 
.wi_item_tit {height: 7.5vw; position: relative;} 

/* C688 */
.trans_complete_wrap {padding:0 6.25vw; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center;} 
.trans_complete_pop {height: 50%; display: flex; align-items: center; flex-direction: column; text-align: center; justify-content: center;} 
.trans_complete_pop .trans_com_img {background: url(../img_v2/check_w.svg); background-size: contain; width: 18.75vw; height: 18.75vw; margin-bottom: 5vw; background-color: #17bf98; background-size: 12.375vw; background-repeat: no-repeat; background-position: center; border-radius: 50%;} 
.trans_complete_pop {border-bottom: 0.625vw solid #222; width: 100%;} 
.trans_complete_pop span {font-size: 1.312rem; font-weight: 600; color: #17bf98; margin-bottom: 1.388vw;} 
.trans_complete_pop span.trans_com_ment {color:#222;} 
.trans_pop_txt_wrap {margin: 3.611vw 0;} 
.trans_pop_txt {font-size: 1.062rem; color: #222; margin-bottom: 2.5vw;} 
.trans_pop_txt .tp_txt02 {font-weight: 600;} 
.trans_complete_wrap .active_button {color: #bcc1cb; font-size: 1.09rem;} 
.trans_pop_total_wrap {border-bottom: 0.3125vw solid #d4d4d4; padding-bottom: 4.166vw;} 
.trans_pop_total_wrap span {font-size: 0.875rem; margin-bottom: 1.388vw; line-height: 1.5;} 
.trans_pop_total.amount {font-weight: 600; color: #222;} 
.trans_pop_list_wrap {margin-top: -3.125vw;} 
.trans_pop_list {margin-top: 7.5vw;} 
.trans_pop_list p {font-size: 0.937rem; font-weight: 600; margin-bottom: 3.333vw;} 
.trans_pop_list span {font-size: 0.875rem; margin-bottom: 1.388vw; line-height: 1.5;} 
.trans_pop_list .trans_pop_total.amount span:first-child {font-weight: 400;} 

/* C690 */
.withholding {color: #222; margin-top: 3.888vw;} 
.withholding_tit {font-size: 1.375rem; font-weight: 600;} 
.withholding_top .refresh_btn {background-color: #fff; border: 0.312vw solid #9fa5af;} 
.time_limit {margin-top: 1.25vw;} 
.time_limit span {font-size: 1.062rem;} 
.withholding_warn {display: flex; font-size: 0.812rem; color: #ff684a; margin: 4.444vw 0 1.666vw;} 
.withholding_warn i {background:url(../img_v2/ico_warn.svg) center center no-repeat; background-size:contain; width: 3.125vw; margin-right: 1.666vw;} 
.withholding_list {background-color: #fff; border-radius: 1.944vw; padding:5vw 4.166vw 8.472vw 4.166vw; margin-top: 3.611vw;} 
.withholding_list_top {border-bottom: 0.312vw solid #222; padding-bottom:4.652vw;} 
.withholding_list_top .wl_tit {font-size: 1.312rem;} 
.withholding_list_top .wl_condi {display:flex; align-items: center;} 
.withholding_list_top .wl_con_date {color: #8a8a8b; font-size: 0.75rem;} 
.withholding_list_top .wl_condi p {margin-left: 2.222vw; width: 18.611vw; background-color: #ff3d3d; padding:1.111vw 0; color: #fff; font-size: 0.75rem; border-radius: 3.888vw; text-align: center;} 
.withholding_list_top .wl_condi p.wl_complete {background-color: #d2d2d2;} 
.withholding_list_amount {font-size: 1.125rem; margin: 4.375vw 0 3.75vw;} 
.wl_amount_num em {font-weight: 600;} 
.withholding_list_account {color:#8a8a8b;} 
.withholding_list_btn {display: flex; justify-content: center; background-color: #17bf98; border-radius: 3.888vw; color: #fff; font-size: 1.093rem; padding: 3.888vw 0; border: 0.625vw solid #12997a; margin-top: 4.722vw;} 
.withholding_list_btn.wl_gray_btn {background-color: #dddfe1; color: #acb5b9; border: none;} 
.withholding_list .active_button {background-color: #dddfe1;} 
.withholding_list .active_button.active {background-color: #17bf98;} 
.withholding_list .active_button.active span {color: #ffffff;} 
.withholding_list .active_button span {color: #acb5b9;} 

/* C689 */
.bottom_info_fix {position: fixed; bottom: 17.777vw; padding: 1.6vw 6.25vw 2.6vw; display: flex; align-items: center; width: calc(100vw - 12.5vw); background-color: #222222; justify-content: space-between;} 
.bottom_info_fix > span {color: #ffffff;} 
.wi_add + .send_pay_list_wrap > span {border-bottom: 0; padding-bottom: 2.187vw; font-size: 0.937rem;} 
.withdraw_item.search .wi_name label {left: 0;} 
.withdraw_empty {background-color: #f4f5f7; height: 75%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; color: #8a8a8b;} 
.withdraw_empty p {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);} 

/* C655_4 */
.work_date {margin-top: 2.187vw;} 
.work_date:first-child {margin-top: 0;} 
.work_date_wrap {background-color: #fff; border-radius: 2.5vw; padding: 4.166vw;} 
.work_date_time {color: #222; display: flex; align-items: center; flex: 1.8; justify-content: space-between; font-size: 0.937rem;} 
.wd_time_wrap {position: relative; display: flex; align-items: center; background-color: #f8f8f8; width: 21vw; padding: 2.187vw 0 2.187vw; border-radius: 2.5vw;} 
.wd_time_wrap.gray input {color: #ababab;} 
.wd_time_wrap.gray span {color: #ababab;} 
.wd_time_wrap input {text-align: right;} 
.wd_time {font-size: 0.937rem; width: 10vw; background-color: transparent;} 
.work_date_pay {flex: 1; display: flex; justify-content: flex-end; align-items: center;} 
.work_date_pay i.del_gray {
 width: 4vw; 
 height: 4vw; 
} 
.work_date_pay .wd_pay {
 margin-right: 1.5vw; 
} 
 
.wd_date {transition: 0.3s; display: flex; align-items: center; margin-right: 3.75vw;} 
/* .wd_date > input {width: 18.2vw;} */
.wd_date.gray {color: #ababab;} 
.wd_date.down::after {content: "▼"; font-size: 0.5rem; margin-left: 2.222vw;} 
.wd_date.up::after {transform: rotate(180deg); content: "▼"; font-size: 0.5rem; margin-left: 2.222vw;} 
.wd_pay {font-size: 1rem; font-weight: 600; color: #ababab; margin-right: 2.5vw;} 
.work_date + .paystub_warn {justify-content: flex-end; padding: 4.062vw 0; border-bottom: 0.3125vw solid #d4d4d4;} 
.work_date + .paystub_warn > span {color: #8a8a8b;} 
.paystub_warn + .work_date {margin-top: 5.468vw;} 

/* C679_7_3 */
.basic_web_view .section_include {justify-content: flex-start; position: relative;} 
.basic_web_view .section_include .withholding_warn {display: none;} 
.basic_web_view .section_include i.plus_gray {position: absolute; right: 5.625vw; top: 50%; transform: translateY(-50%);} 
.basic_web_view .section_content {border-radius: 2.5vw; border-bottom: 0.625vw solid #edeef0; overflow: hidden;} 
.basic_web_view .section_include.active {border: 0.3125vw solid #17bf98; padding: 3.25vw 5.625vw; flex-direction: column;} 
.basic_web_view .section_include.active .salary_upload_wrap {width: calc(100% - 7.812vw); display: flex;} 
.basic_web_view .section_include.active.error {border-color: #ff3d3d;} 
.basic_web_view .section_include.active.error .btm_button.single > span {background-color: #f9f9f9; color: #acb5b9;} 
.basic_web_view .section_include.active.error .salary_upload_wrap {width: calc(100% - 7.812vw); display: flex;} 
.basic_web_view .section_include.active.error .salary_upload {background-color: #ffffff; border-color: #acb5b9;} 
.basic_web_view .section_include.active.error .salary_upload i.excel {display: none;} 
.basic_web_view .section_include.active.error .withholding_warn {display: flex; justify-content: flex-start;} 
.basic_web_view .section_include.active.error .withholding_warn > span {color: #ff684a;} 
.basic_web_view .section_include.active.error .sal_up01 span {color: #222222;} 
.basic_web_view .section_include.active.error .sal_up01 em {color: #acb5b9;} 
.basic_web_view .section_include.active i {display: none;} 
.basic_web_view .section_include.active .withholding_warn i {display: block; background-image: url(../img_v2/ico_warn.svg);} 
.basic_web_view .section_include.active > span {margin-left: 0; width: 100%; text-align: center; font-size: 0.75rem;} 
.basic_web_view .section_include .salary_upload {margin-top: 3.75vw; padding: 2.656vw 2.812vw; width: calc(100% - 6.249vw); justify-content: flex-start; align-items: flex-start; position: relative; display: none;} 
.basic_web_view .section_include .btm_button {display: none;} 
.basic_web_view .section_include.active .salary_upload {display: flex;} 
.basic_web_view .section_include.active .btm_button {display: flex;} 
.basic_web_view .sal_up01 {display: flex; flex-direction: column; position: relative; align-items: flex-start;} 
.basic_web_view .sal_up01 > span {font-size: 0.875rem; display: flex; align-items: center; margin-left: 0; color: #12997a;} 
.basic_web_view .sal_up01 > em {font-size: 0.75rem; margin-top: 0.9375vw;} 
.basic_web_view .section_include.active .salary_upload i.excel {display: block; background-image: url(../img_v2/thezone.svg);} 
.basic_web_view .section_include.active .salary_upload i.del {display: block; background-image: url(../img_v2/del.svg); width: 4.687vw; height: 4.678vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 3.125vw; background-size: 4.687vw;} 
.basic_web_view .section_include .btm_button {width: 100%;} 
.basic_web_view .section_content.click {border: 2px solid #222222 !important; border-radius: 18px 18px 0 0; box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.16);} 
.section_content.click + .section_content_web_view_list {display: flex; position: absolute; width: 100%; z-index: 10; box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.16);} 
.section_content.click + .section_content_web_view_list > span {border-left: 2px solid #222222; border-right: 2px solid #222222;} 
.section_content.click + .section_content_web_view_list > span:last-child {border-bottom: 2px solid #222222;} 
.basic_web_view .section_include > span {margin-left: 2.5vw;} 
.web_view_info {padding: 0 6.25vw;} 
.web_view_info b {font-size: 1.250rem; display: block; padding: 3.437vw 0; border-bottom: 0.625vw solid #222222; font-weight: 600;} 
.web_view_info span {margin-top: 5vw; display: block;} 
.web_view_info span p {font-size: 0.813rem; color: #b2b5bc; word-break: keep-all; margin-top: 5vw;} 
.web_view_info span p:first-child {margin-top: 0;} 
.web_view_info span p:last-child {margin-top: 5vw;} 
.basic_web_view .content_wemembers {margin-left: 0; display: flex; flex-direction: column; align-items: center;} 
.content_wemembers_web_wiew {display: flex; align-items: flex-start; flex-direction: column; max-width: 1032px; width: 100%;} 
.content_wemembers_web_wiew > span {font-size: 1rem; color: #a0cef7;} 
.section_content_web_view_list {display: none; flex-direction: column;} 
.section_content_web_view_list > span {padding: 27px 35px; border-bottom: 1px solid #e5e5e5; font-size: 30px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color: #ffffff;} 
.section_content_web_view_list > span:last-child {border-radius: 0 0 18px 18px;} 
.basic_web_view .content_info_date {margin-left:0;} 
.basic_web_view .section_content.active {border: 0.625vw solid #222222;} 
.basic_web_view .section_content.active input {border: 0;} 
.basic_web_view .semo_look_banner {margin-top: 6.25vw; margin-left: 0;} 


@media(min-width:1023px) {
 .set_mgb15 {margin-bottom: 15px;} 
 .basic_web_view .content_info_date {width:100%; padding:36px 0; margin-top:0;} 
 .basic_web_view {background-color: #f4f5f7;} 
 .basic_web_view .alarm_pop {margin-bottom: 125px;} 
 .basic_web_view .section_content > i.down {width: 3.75vw; height: 2.5vw;} 
 .basic_web_view .salary_upload_wrap {width: calc(100% - 108px);} 
 .basic_web_view .section_include.active.error .withholding_warn {display: none;} 
 .basic_web_view .popup.bottom {width: 720px; bottom: 50%; transform: translate(-50%, 50%); left: 50%; border-radius: 60px; padding: 48px 40px;} 
 .basic_web_view .popup.bottom .semo_com .al_pop_img {width: 260px; height: 260px;} 
 .basic_web_view .popup.bottom .semo_com .al_pop_ment01 {margin-top: 30px;} 
 .basic_web_view .popup.bottom .semo_com .al_pop_ment01 span {font-size: 40px;} 
 .basic_web_view .btm_button.single {width: 100%;} 
 .basic_web_view .popup_bg.button .popup_title.align_center i.info_red {width: 100px; height: 100px; margin-bottom:26px !important;} 
 .basic_web_view .popup_bg.button .popup_title.align_center i.info_gray_blank {width: 100px; height: 100px;} 
 .basic_web_view .popup_bg.button .popup_list_wrap> p {font-size: 34px;} 
 .basic_web_view .popup_bg.button .popup_list_wrap> em {font-size: 34px;} 
 .basic_web_view .popup_bg.button .btm_button.double {width: 100%;} 
 .basic_web_view .btm_button.double > span {padding: 28px 0; border-radius: 14px;} 
 .basic_web_view .section_include.active.error .salary_upload {border-color: #ff3d3d;} 
 .basic_web_view .section_include.active.error .btm_button.single > span {border-color: #edeef0;} 

 /* 1023 버튼 */
 .popup_bg.button .popup_title > i.del {width: 24px; height: 24px; padding: 10px; margin-bottom: 0 !important; background-size: 30px;} 
 .popup_title > i.del {width: 30px; height: 30px; background-size: 30px; margin-bottom: 0;} 
 .popup_bg.button .popup_title.align_center b {font-size: 40px; font-weight: 600;} 
 .btm_button.single > span {padding: 28px 0; border-radius: 14px;} 
 .popup_bg.button .popup_bottom_con {margin-top: 52px;} 
 .popup_bg.button .popup_bottom_con > span {min-height: unset;} 
 .popup_bg.button .popup_bottom_con > span p {font-size: 32px;} 
 .popup_bg.button .btm_button {display: flex;} 
 .popup_bg.button .btm_button.single + .info {font-size: 24px;} 
 .popup_bg.button .btm_button span {font-size: 35px; color: #222222;} 
 .basic_web_view .padding_wrapper20 {padding: 0 0; width: 100%;} 
 .basic_web_view .basic_wrapper {overflow-x: unset; padding-bottom: 0; max-width: 1032px;} 
 .section_content_wrap {margin-top: 31px; position: relative;} 
 .basic_web_view .section_include > span {margin-left: 12.7px;} 
 .basic_web_view .content_info_share {width: 100%; padding-bottom: 31px; border-bottom: 0; padding: 0 0; margin-left: 0;} 
 .basic_web_view .pay_excel_up_title {margin-top: 31px !important;} 
 .basic_web_view .section_info_text {margin-top: 12px !important;} 
 .basic_web_view .section_info_text > p {font-size: 18px; margin-left: 7px;} 
 .basic_web_view .pay_excel_up_title > span {font-size: 25px;} 
 .basic_web_view .pay_excel_up_title > b {font-size: 34px; margin-top: 10px; font-weight: 600;} 
 .basic_web_view .section_info_text > i {width: 24px; height: 24px; min-width: unset;} 
 .basic_web_view .content_info_share > span > p {font-size: 18px; cursor: pointer;} 
 .basic_web_view .section_content {height: 110px; min-height: unset; border: 2px solid #edeef0; border-radius: 16px; border-radius: 16px;} 
 .basic_web_view .section_content {border-radius: 16px;} 
 .basic_web_view .section_content input {font-size: 30px;} 
 .basic_web_view .section_content input + label {display: none;} 
 .section_content.click {border-radius: 16px 16px 0 0;} 
 .basic_web_view .section_content {border: 2px solid #edeef0} 
 .basic_web_view .section_include.active .btm_button.single {width: calc(20% - 12px);} 
 .basic_web_view .section_include.active .btm_button.single > span {padding: 0 0; height: 105px; display: flex; align-items: center; justify-content: center; border-radius: 16px; font-size: 26px; border: 2px solid #12997a;} 
 .basic_web_view .section_include_wrap {width: 100%;} 
 .basic_web_view .section_include.active {flex-direction: unset; border: 1px solid #17bf98; padding: 0 0; box-shadow: unset; background-color: unset; border: 0; justify-content: space-between;} 
 .basic_web_view .section_include.active .salary_upload {border-radius: 16px; max-height: 109px; width: calc(80% - 76px); border: 2px solid #17bf98;} 
 .basic_web_view .section_include.active .salary_upload i.del {background-size: 28px; padding: 40px; width: 28px; height: 28px;} 
 .basic_web_view .section_include.active .btm_button {margin-top: 0; max-height: 109px;} 
 .basic_web_view .section_include.active > span {display: none;} 
 .basic_web_view .section_include.active i.plus_gray {position: absolute; right: 36px; top: 50%; transform: translateY(-50%); background-image: url(../img_v2/right.svg);} 
 .basic_web_view .section_include.active .salary_upload {margin-top: 0; padding: 10.5px 36px;} 
 .basic_web_view .section_include.active .salary_upload .sal_up01 > span {font-size: 28px;} 
 .basic_web_view .section_include.active .salary_upload .sal_up01 > em {font-size: 24px;} 
 .basic_web_view .section_include.active .salary_upload i.excel {width: 28px; height: 28px; margin-right: 16px;} 
 .basic_web_view .section_include i.plus_gray {width: 26px; height: 26px; right: 36px !important;} 
 .basic_web_view .section_include i.upload_icon1 {width: 40px; height: 40px;} 
 .basic_web_view .section_include i.upload_icon2 {width: 40px; height: 40px;} 
 .basic_web_view .section_include i.upload_icon3 {width: 40px; height: 40px;} 
 .basic_web_view .section_include i.upload_icon4 {width: 40px; height: 40px;} 
 .basic_web_view .section_content > i.down {width: 18px; height: 12px; right: 36px;} 
 .basic_web_view .section_content > i.up {width: 18px; height: 12px; right: 36px;} 
 .basic_web_view .section_content > input {padding: 0 36px; min-height: unset; width: calc(100% - 72px); height: 100%; cursor: pointer;} 
 .basic_web_view .section_content > input ~ label {font-size: 28px; left: 36px;} 
 .basic_web_view .section_include {border: 0; box-shadow: 4px 8px 8px 0 rgba(0, 0, 0, 0.08); border-radius: 16px; margin-top: 22px;} 
 .basic_web_view .section_include > span {font-size: 28px;} 
 .basic_web_view .section_include {padding: 30px 36px; cursor: pointer;} 
 .basic_web_view .btm_button {display: none;} 
 .basic_web_view .section_include i.plus_gray {position: absolute; right: 36px; top: 50%; transform: translateY(-50%);} 
 .basic_web_view .tax_info_input_wrap {padding: 36px 0; display: flex; justify-content: center; margin: 0 auto; width: 100%;} 
 .web_view_info {padding: 0 0;} 
 .web_view_info b {font-size: 34px; border-bottom: 4px solid #222222; padding: 20px 0;} 
 .web_view_info span {margin-top: 22px;} 
 .web_view_info span p {font-size: 22px; margin-top: 12px;} 
 .web_view_info span p:last-child {margin-top: 12px;} 
 .basic_web_view .content_wemembers {position: absolute; left: 0; width: 100%; padding: 49px 0 60px; width: 100%; background-image: unset;} 
 .basic_web_view .content_wemembers_btn {width: calc(100% - 70px); border-radius: 16px; padding: 34px 35px; margin-top: 32px; box-shadow: 0 8px 16px 0 #091d4b; cursor: pointer;} 
 .basic_web_view .content_wemembers_btn > span {font-size: 20px; flex-direction: unset; align-items: center;} 
 .basic_web_view .content_wemembers_btn > span b {font-size: 28px; margin-bottom: 0; margin-right: 6px; font-weight: 600;} 
 .basic_web_view .content_wemembers {margin-top: 0; padding: 49px 0 60px;} 
 .basic_web_view .content_wemembers > span {font-size: 26px; flex-direction: unset;} 
 .basic_web_view .content_wemembers_btn i.right_white {width: 24px; height: 24px;} 
 .basic_web_view .content_wemembers_btn {margin-top: 32px;} 
 .basic_web_view .content_wemembers_web_wiew {background-image: url(../img_v2/semo_char2.svg); background-repeat: no-repeat; background-size: 137px; background-position: top right;} 
 .basic_web_view .content_wemembers_web_wiew > span {font-size: 28px;} 
 .basic_web_view .semo_look_banner {display: block; padding: 43px 29px; margin-left: 0; width: calc(100% - 58px); font-size: 37px; margin-top: 53px; cursor: pointer;} 
 .basic_web_view .ione_look_banner {display: block; padding: 43px 29px; margin-left: 0; width: calc(100% - 58px); font-size: 37px; margin-top: 53px; cursor: pointer; display: none;} 
 .basic_web_view .nh_look_banner {display: block; padding: 43px 29px; margin-left: 0; width: calc(100% - 58px); font-size: 37px; margin-top: 53px; cursor: pointer; display: none;} 
 .basic_web_view .kt_look_banner {display: block; padding: 43px 29px; margin-left: 0; width: calc(100% - 58px); font-size: 37px; margin-top: 53px; cursor: pointer; display: none;} 
 .basic_web_view .content_info_date span {font-size:22px;} 
 .basic_web_view .content_info_date > span p {font-size:18px;} 
 .basic_web_view .content_info_date i {width:24px; height:24px;} 
 .basic_web_view .content_info_date > span {margin-left:15px;} 
} 

/* ################ 보고서 ################ */
/* 보고서 공통 */
.top_btn_wrap {display: none;} 
.top_btn_wrap.active {display: block;} 
.top_btn {display: flex; justify-content: center; flex-direction: column; align-items: center; position: fixed; bottom: 5vw; background-color: #fff; font-size: 0.781rem; font-weight: 600; width: 14.583vw; height: 14.583vw; border-radius: 50%; border: 0.277vw solid #dbdbdb; right: 7.222vw; box-shadow: 1.111vw 1.388vw 2.222vw 0 rgba(0,0,0,0.28); z-index: 1;} 
.top_btn i {background-image: url(../img_v2/left_big.svg); width: 3.055vw; height: 3.055vw; transform: rotate(90deg);} 
.top_btn_wrap.center {display: block;} 
.top_btn_wrap.center .top_btn {left: 50%; bottom: 20.833vw; transform: translateX(-50% ); position: sticky;} 
.report_wrap .out_bg {position: fixed; top:-14.3vw; width: 100vw; height: 14.3vw; background-color:#fff; z-index: 999;} 
.top_close_btn + .report_wrap {padding-top: 14.3vw; height: calc(100% - 14.3vw); background-color: #fff;} 
/* 아침보고서 B300 */
.report_wrap {font-family:'Pretendard'; font-weight: 500;} 
/* .report_wrap.unset {height:unset !important;} */
.title + .report_wrap {padding-top: 14.3vw; height: calc(100% - 14.3vw); background-color: #fff;} 
.title.active, .top_close_btn.active {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03);} 
.report_wrap div, .report_wrap span, .report_wrap p, .report_wrap b, .report_wrap i, .report_wrap em {letter-spacing: 0px !important;} 
.mo_blue {color: #0095ff; font-weight: 600;} 
.mo_orange {color: #ff684a; font-weight: 600;} 
.report_pd20 {padding: 0 5.55vw;} 
.morning_title {padding: 6.388vw 5.55vw 6.944vw; display: flex; justify-content: space-between;} 
.morning_title span {font-size: 1.375rem; font-weight: 600;} 
.morning_title span em {font-weight: 600;} 
.morning_title span b {font-weight: 700;} 
.morning_title p {font-size: 0.875rem; color: #656565; margin-top: 2.222vw;} 
.morning_title .mor_tit_img {width: 9.722vw; height: 9.722vw; background:url(../img_v2/ico_mor.svg) center center no-repeat; background-size: contain;} 
.morning_tab {display: flex; justify-content: space-around; border-bottom: 0.8333vw solid #efefef;} 
.morning_tab > div {flex:1; text-align: center; margin-bottom: 3.194vw;} 
.morning_tab .mot {font-size: 0.937rem; color: #acb5b9; position: relative;} 
.morning_tab .mot.on {color: #000; font-weight: 600;} 
.morning_tab .mot.on::after {position: absolute; content: ""; width: 100%; height: 0.555vw; bottom: -4.027vw; left: 50%; transform: translateX(-50%); background-color: #000;} 
.morning_content {margin-top: 6.25vw;} 
.pfs01_title {font-weight: 700;} 
.pfs02_title {font-weight: 700; margin-bottom: 2.083vw;} 
.pfs02_title .sub_txt {font-weight:400; font-size: 0.75rem;} 
.pfs03_title {font-weight: 700; margin-bottom: 2.083vw;} 
.pfs01_rate {display:flex; justify-content: space-between; margin-top: 1.388vw} 
.pfs_rate_left {display: flex; align-items: center;} 
.pfs_rate_left .pfs_rate_total {display: flex; align-items: center;} 
.pfs_rate_left .pfs_rate_num {font-size: 1.468rem; font-weight: 700; margin-right: 2.5vw;} 
.pfs_rate_per {font-size:0.937rem; color: #ff685a; display:flex; align-items: center;} 
.pfs_rate_per i {font-size: 0.625rem; margin-right: 1vw;} 
.pfs_rate_per.down i {transform: rotate(180deg);} 
.pfs_rate_right {color: #222; font-size: 0.875rem; text-align: right;} 
.pfs_rate_right .sub_txt {font-size: 1rem; font-weight: 600; color:#000;} 
.mor_graph {margin-top: 2.777vw; display: flex; justify-content: center;} 
.pfs_rate_right p:first-child {margin-bottom: 1.388vw;} 
.pfs_check {margin: 4.166vw 0 2.5vw; font-size: 0.875rem; color: #222;} 
.pfs_check p {line-height: 1.5;} 
.mor_graph > div {width: 100%; height:100%;} 
.morning_rank {margin: 5.555vw 0 8.333vw;} 
.morning_rank.mb40 {margin-bottom:11.111vw;} 
.mo_rank_tit {font-size: 1.125rem; font-weight: 600; color: #222;} 
.mo_rank_tit.sb {font-weight: 600;} 
.mo_rank_tit.gray {color:#a9adb5; font-weight: 400;} 
.mo_rank_list {margin-top: 4.166vw;} 
.mo_rank_list > div {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.777vw;} 
.mo_rank_list > div:last-child {margin-bottom: 3.75vw;} 
.rank_left {display: flex; align-items: center; width: 58%;} 
.rank_left span {color: #222; font-size:0.937rem;} 
.rank_left em {font-weight: 600;} 
.rank_left i {width: 4.861vw; height: 6.111vw; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 1.8vw;} 
.rank_left i.rank01 {background-image: url(../img_v2/rank01.svg);} 
.rank_left i.rank02 {background-image: url(../img_v2/rank02.svg);} 
.rank_left i.rank03 {background-image: url(../img_v2/rank03.svg);} 
.rank_left i.rank04 {background-image: url(../img_v2/rank04.svg);} 
.rank_left i.rank05 {background-image: url(../img_v2/rank05.svg);} 
.rank_right span {font-size: 0.937rem; color: #222;} 
.rank_right em {font-weight: 600;} 
.mo_msg {display: flex; align-items: center; justify-content: space-between; border: 0.277vw solid #c8c8c8; border-radius: 1.666vw; padding: 4.166vw; background-color: #fafafa;} 
.mo_msg_txt {color:#8b8e94; font-size: 0.937rem; line-height: 6vw;} 
.mo_msg_txt b {color:#222; font-weight: 600;} 
.mo_msg_arr {padding: 20px; margin:-20px -20px -20px 0;} 
.mo_msg_arr i {width: 2.388vw; height: 3.5vw; background:url(../img_v2/right.svg) center center no-repeat; background-size: contain;} 
.mor_info {padding:6.944vw 0 2.944vw; border-top: 0.277vw solid #c8c8c8;} 
.mor_info_tit {font-weight: 600; font-size: 0.875rem;} 
.mor_info_txt {color: #808184; font-size: 0.718rem; line-height: 1rem;} 
.mor_info_txt > div {margin-top: 2.777vw;} 
.mor_info_btn {display: flex; align-items: center; justify-content: space-between;} 
.mor_btn {display: inline-block; background-color: #eff8fc; padding: 2.222vw 2.166vw; font-size: 0.812rem; color: #7c9cdb; border-radius: 4.583vw;} 
.mor_logo {display: flex; justify-content: center; padding-bottom: 7.916vw; width: 100%;} 
.mor_logo i.c_bi {width: 19.02vw; height: 6.25vw; background-size: contain;} 
.mo_keep_txt {word-break: keep-all;} 
.st_box {display:flex; text-align: center; justify-content: space-between; margin: 3.194vw 0 7.847vw; align-items: center;} 
.st_txt {text-align: left; font-size: 0.937rem; width: 70%; line-height: 6vw;} 
.st_txt b {font-weight: 600;} 
.st_per {font-size: 1.437rem; font-weight: 600; color: #ff684a; display:flex; align-items: center; word-break: keep-all;} 
.ga_box {display:flex; text-align: center; justify-content: space-between; margin: 3.194vw 0 10.763vw;} 
.ga_txt {text-align: left;} 
.ga_txt p {font-size: 0.937rem; margin-bottom: 2.222vw;} 
.ga_txt span {font-size: 1.375rem; font-weight: 600;} 
.ga_cost {display:flex; align-items: center; font-size: 1.437rem; font-weight: 600;} 
.perchase_list {padding: 9.444vw 0 5.555vw; border-bottom: 0.277vw solid #c8c8c8;} 
.perchase_item {display:flex; align-items: center; justify-content: space-between; padding: 1.944vw 0; font-size: 0.937rem; color:#222;} 
.guest_avg {padding-top: 7.916vw; border-top: 0.277vw solid #c8c8c8;} 

/* 상권분석 */
/* A115 */
.analysis_wrap.sec01 {background-color: #f4f5f7; height: 100vh;} 
.analysis_wrap.sec02 {background-color: #f4f5f7; height:100vh;} 
.ana_wrap {padding:0 10.277vw;} 
.ana_title {color: #000; padding-top: 3.333vw;} 
.ana_txt01 {font-size: 1.75rem; margin-bottom: 2.777vw; line-height: 2.25rem;} 
.ana_txt01 span {font-weight: 600;} 
.ana_txt01 em {font-weight: 700;} 
.ana_txt01 p {font-weight: 800;} 
.ana_txt02 {margin-bottom: 8.333vw; font-size: 1.125rem;} 
.ana_txt02 span {color: #656565;} 
.ana_txt02 b {color:#000;} 
.ana_txt02 em {color: #ff7b36;} 
.ana_input_wrap, .ana_search_wrap {position: relative; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16); border-radius: 2.222vw; display: flex; background-color: #fff; padding: 5.555vw} 
.ana_input_wrap, .ana_input_wrap.enter {box-shadow: 0 2px 4px 0 rgb(0,0,0,0.16); margin-bottom: 4.166vw} 
.ana_input_wrap.active, .ana_search_wrap.active {border: 0.833vw solid #000;} 
.ana_input_wrap.active, .ana_input_wrap.enter {background:#fff url(../img_v2/ico_pin_s.svg) right 18px bottom 17px no-repeat; background-size: 21px 5.6px; box-sizing: border-box;} 
.ana_input_wrap .ana_in, .ana_search_wrap .ana_sear_in {width: 80%;} 
.ana_input_wrap .ana_in input, .ana_search_wrap .ana_sear_in input {font-weight: 700; font-size: 1.125rem; width: 100%;} 
.ana_input_wrap .ana_in input::placeholder, .ana_search_wrap .ana_sear_in input::placeholder {color: #dfdfdf; font-size: 1.125rem; font-weight: 400;} 
.ana_input_wrap .ana_pin {width: 20%;} 
.ana_input_wrap.active .ana_pin i, .ana_input_wrap.enter .ana_pin i {background-image:url(../img_v2/ico_pin_b.svg); animation: pin 0.35s ease-in-out infinite alternate;} 
.ana_input_wrap .ana_pin i {position: absolute; background: url(../img_v2/ico_pin_g.svg) center center no-repeat; background-size: contain; right: 18px; bottom: 19px; width: 21px; height: 30px;} 
.ana_sear_ico i {position: absolute; background: url(../img_v2/ico_search.svg) center center no-repeat; background-size: contain; right: 5.833vw; bottom: 5.833vw; width: 5.833vw; height: 5.833vw;} 
.ana_list01 {background-color: #fff; margin-top:-4.166vw;} 
.ana_list01, .ana_list02 {position: absolute; width: 79.44vw; background-color: #fff;} 
.ana_txt03 {display: flex; justify-content: center; flex-direction: column; align-items: center;} 
.ana_txt03 span {text-decoration: underline; font-size: 0.875rem; color: #222; padding: 3vw; margin:-3vw;} 
.ana_txt03 p {font-size: 0.875rem; color: #002897; font-weight: 600; margin-top: 3vw; padding: 3vw; width: fit-content;} 
.ana_list01 ul {max-height: 66.18vw; overflow-y: scroll;} 
.ana_list02 ul {max-height: 95vw; z-index: 999;; overflow-y: scroll;} 
.ana_list01 ul::-webkit-scrollbar, .ana_list02 ul::-webkit-scrollbar {width: 1.388vw;} 
.ana_list01 ul::-webkit-scrollbar-thumb, .ana_list02 ul::-webkit-scrollbar-thumb {background-color: #000;} 
.ana_list01 ul::-webkit-scrollbar-track {margin-top: 2.777vw;} 
.ana_list02 ul::-webkit-scrollbar-track {margin-top: 11.111vw;} 
.ana_list01 ul::-webkit-scrollbar-track, .ana_list02 ul::-webkit-scrollbar-track {margin-bottom: 2.777vw} 
.ana_list01 ul, .ana_list02 ul {background-color: #fff; border-radius: 2.222vw; border: 0.555vw solid #000; box-sizing: border-box;} 
.ana_list01 li, .ana_list02 li {border-bottom: 0.277vw solid #e5e5e5; color: #222;} 
.ana_list01 li {padding:3.888vw 4.833vw;} 
.ana_list01 li:last-child, .ana_list02 li:last-child {border-bottom:0;} 
.ana_list02 .ana_ser_tit {border: none; font-weight: 700; font-size: 0.812rem; padding: 3.888vw 4.833vw 0; color:#222;} 
.ana_list02 li {padding: 3.055vw 4.833vw; font-size: 0.937rem; z-index: 999;} 
.ana_list02 li p {color: #000; line-height: 1.5;} 
.ana_list02 li span {color:#0011ff;} 
.analysis_wrap.sec01 .ana_bg {height: 80vw; background:url(../img_v2/analy_bg01.png) center bottom 8vw no-repeat; background-size: contain; width: 100%;} 

/* A115-1 */
.ana_loading {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.ana_loading > div {text-align: center;} 
.ana_loading .ana_txt04 {margin-bottom: 2.166vw; width: 80vw;} 
.ana_loading .ana_txt04 span {font-size: 1.75rem; font-weight: 700; word-break: keep-all; line-height: 1.5;} 
.ana_loading .ana_txt05 span {font-size: 1.125rem; line-height: 2;} 
.ana_loading .ana_txt06 span {font-size: 1.75rem; font-weight: 700;} 
.ana_loading .ana_txt07 {background: url(../img_v2/analy_bg02.gif) center center no-repeat; background-size: contain; width: 100%; height: 63.888vw; margin-top: 20vw;} 
.ana_txt08 {font-size: 1.312rem; font-weight: 600; color: #ff7b36;} 
.ana_txt08 em {animation: load 1s ease-in-out infinite alternate; font-size: 2rem;} 
.ana_txt08 em:nth-child(1) {margin-left: 1.388vw;} 
.ana_txt08 em:nth-child(2) {animation-delay: 0.3s;} 
.ana_txt08 em:nth-child(3) {animation-delay: 0.5s;} 
.ana_txt08 em:nth-child(4) {animation-delay: 0.7s;} 
.ana_txt08 em:nth-child(5) {animation-delay: 0.9s;} 
.ana_txt08 em:nth-child(6) {animation-delay: 1.1s;} 

/* input 데이터값 받고 난뒤 */
.ana_item {margin-top: 4.166vw; position: relative; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 0.16); background-color: #fff; box-sizing: border-box; width: 100%; line-height: 1.6rem; padding: 3.055vw 5.555vw; border-radius: 2.222vw;} 
.ana_item i {position: absolute; background: url(../img_v2/ico_search.svg) center center no-repeat; background-size: contain; right: 5.833vw; bottom: 6.388vw; width: 5.833vw; height: 5.833vw; font-size: 0.937rem; color: #000;} 
.ana_item span {color: #0011ff;} 

/* ##### A115-0 ###### */
.analysis_wrap.sec03 {background-color: #f4f5f7; padding: 0 8.055vw 15vw;} 
.ana_txt09, .ana_txt10 {display: flex; text-align: center;} 
.ana_txt09 i {width: 6.111vw; height: 9.722vw; background:url(../img_v2/ico_pin_bic.svg) center center no-repeat; background-size: contain; margin:0 3.333vw 4.583vw 0;} 
.ana_txt10 i {width: 5.833vw; height: 5.833vw; background: url(../img_v2/ico_search.svg) center center no-repeat; background-size: contain; margin-right:3.333vw;} 
.ana_txt09 span, .ana_txt10 span {font-size: 1.25rem; color:#94979c;} 
.ana_txt09 span em, .ana_txt10 span em {font-weight: 700; color: #000;} 
.ana_neigh_wrap {background-color: #fff; border-radius: 2.222vw; padding: 6.666vw 5.555vw; margin:8.333vw 0 9.166vw; border: 0.277vw solid #c7c7c7; box-shadow: 0 0 3.6111vw rgba(0,0,0,0.12);} 
.ana_nei_tit {font-size: 1.125rem; color: #000; line-height: 1.5;} 
.ana_nei_tit span {font-weight: 700;} 
.ana_nei_count {font-size: 1.812rem; font-weight: bold;} 
.ana_nei_count em {color: #ff6a1b;} 
.ana_gage {margin-top: 5vw;} 
.ana_gage_count {color: #a9adb5; font-size: 0.8125rem; display: flex; justify-content: space-between;} 
.ana_sales_rank {padding-top: 6.180vw; border-top: 0.277vw solid #c4c7ce; font-size: 1.125rem; color: #222;} 
.asr_tit {display: flex; align-items: center;} 
.asr_tit i {width: 4.805vw; height: 6.041vw; background-size: contain; margin-right: 2.22vw; background-image: url(../img_v2/ico_won.svg);} 
.asr_list, .asr_li_left {display: flex; align-items: center;} 
.asr_list {justify-content: space-between; margin-top: 3.611vw; font-size: 0.937rem;} 
.asr_li_left p {width: 4.722vw; height: 4.722vw; border-radius: 0.833vw; display: flex; justify-content: center; align-items: center; color:#fff; font-size: 0.812rem; margin-right: 2.222vw;} 
.asr_n01 {background-color: #ffb41e;} 
.asr_n02 {background-color: #9d9d9d;} 
.asr_n03 {background-color: #d8871d;} 
.asr_n04, .asr_n05 {background-color: #000;} 
.asr_li_right {font-weight: 700;} 
.ana_button {background-color: #ffbe1a; border: 0.833vw solid #222; border-radius: 22.222vw; padding: 3.6vw 0; margin: 0 -1.388vw; box-shadow: 0 1.666vw 1.388vw 0 rgba(0,0,0,0.16); position: relative; text-align: center;} 
.ana_button span {font-size: 1.437rem; font-weight: 700; color: #222; line-height: 1.5;} 
.ana_button p {font-size: 1.062rem; color: #9c3e00; font-weight: 600;} 
.ana_button i {position: absolute; transform: translateY(-50%); top: 50%; right: 5.833vw; width: 2.5vw; height: 3.888vw; margin: 0 -5vw; padding: 0 5vw; background-image:url(../img_v2/right_big.svg);} 
.ana_gage_bar {display: flex; align-items: center; margin:1.388vw 0 6.458vw; position: relative;} 
.ana_gage_bar > div {box-sizing: border-box;} 
.ana_bar01 {background-color: #ffa87a; width: 34%; height: 4.861vw; border-radius: 2.222vw 0 0 2.22vw; border: 0.277vw solid #ff6f5d;} 
.ana_bar02 {position: absolute; left: 32%; background-color: #ff6a1b; width: 38%; display: flex; align-items: center; justify-content: center; color: #fff; height: 7.777vw; border: 0.277vw solid #ff1b1b; border-radius: 3.888vw; font-size: 0.875rem; font-weight: 600; animation: gage_bar 2.5s ease;} 
.ana_bar03 {width: 66%;; background-color: #efefef; height: 4.861vw; border-radius: 0 2.222vw 2.222vw 0; border: 0.277vw solid #d5d5d5;} 
.ana_gage_bar.per00 .ana_bar01, .ana_gage_bar.per20 .ana_bar01, .ana_gage_bar.per40 .ana_bar01 {background-color: #89d8b3; border-color: #28c878;} 
.ana_gage_bar.per00 .ana_bar02, .ana_gage_bar.per20 .ana_bar02, .ana_gage_bar.per40 .ana_bar02 {background-color: #249078; border-color: #0a653b;} 

/* 0% */
.ana_gage_bar.per00 .ana_bar01 {width: 20%;} 
.ana_gage_bar.per00 .ana_bar02 {left: 0%; animation: gage_bar00 2s ease;} 
.ana_gage_bar.per00 .ana_bar03 {width: 80%;} 
/* 20% */
.ana_gage_bar.per20 .ana_bar01 {width: 20%;} 
.ana_gage_bar.per20 .ana_bar02 {left: 10%; animation: gage_bar20 2s ease;} 
.ana_gage_bar.per20 .ana_bar03 {width: 80%;} 
/* 40% */
.ana_gage_bar.per40 .ana_bar01 {width: 30%;} 
.ana_gage_bar.per40 .ana_bar02 {left: 20%; animation: gage_bar40 2s ease;} 
.ana_gage_bar.per40 .ana_bar03 {width: 70%;} 
/* 50% */
.ana_gage_bar.per50 .ana_bar01 {width: 42%;} 
.ana_gage_bar.per50 .ana_bar02 {left: 30%; animation: gage_bar50 3s ease;} 
.ana_gage_bar.per60 .ana_bar03 {width: 58%;} 
/* 60% */
.ana_gage_bar.per60 .ana_bar01 {width: 42%;} 
.ana_gage_bar.per60 .ana_bar02 {left: 40%; animation: gage_bar60 3s ease;} 
.ana_gage_bar.per60 .ana_bar03 {width: 58%;} 
/* 80% */
.ana_gage_bar.per80 .ana_bar01 {width: 60%;} 
.ana_gage_bar.per80 .ana_bar02 {left: 50%; animation: gage_bar80 3s ease;} 
.ana_gage_bar.per80 .ana_bar03 {width: 40%;} 
/* 90% */
.ana_gage_bar.per90 .ana_bar01 {width: 65%;} 
.ana_gage_bar.per90 .ana_bar02 {left: 60%; animation: gage_bar90 3s ease;} 
.ana_gage_bar.per90 .ana_bar03 {width: 35%;} 
/* 100% */
.ana_gage_bar.per100 .ana_bar01 {width: 70%;} 
.ana_gage_bar.per100 .ana_bar02 {left: 65%; animation: gage_bar100 3s ease;} 
.ana_gage_bar.per100 .ana_bar03 {width: 30%;} 


@keyframes gage_bar {
 0% {left: 0%;} 100% {left: 32%;} 
} 
@keyframes gage_bar20 {
 0% {left:0;} 100% {left: 10%;} 
} 
@keyframes gage_bar40 {
 0% {left:0;} 100% {left: 20%;} 
} 
@keyframes gage_bar50 {
 0% {left:10%;} 100% {left: 30%;} 
} 
@keyframes gage_bar60 {
 0% {left:10%;} 100% {left: 40%;} 
} 
@keyframes gage_bar80 {
 0% {left:25%;} 100% {left: 50%;} 
} 
@keyframes gage_bar90 {
 0% {left:35%;} 100% {left: 60%;} 
} 
@keyframes gage_bar100 {
 0% {left:40%;} 100% {left: 65%;} 
} 


/* ##### A115-9 ###### */
.analysis_wrap.sec04 {padding:5vw 8.333vw;} 
.ana_head span {color: #a9adb5;} 
.mon_avg_tit {margin: 10.555vw 0 2.5vw;} 
.mon_avg_tit i {width: 5.277vw; height: 6.666vw; background-image: url(../img_v2/ico_won.svg); background-size: contain; margin-right: 3.333vw;} 
.mon_avg_tit span {font-size: 1.25rem; font-weight: 600;} 
.mon_total {text-align: right; font-size: 1.937rem; font-weight: 700;} 
.mon_graph {margin-bottom: 8.333vw;} 
.mon_arr_wrap > div {border-radius: 2.222vw; padding:4.722vw 6.666vw;} 
.mon_arr_down {background-color: #e7f9ed; border: 0.277vw solid #a1e49f; margin-bottom: 2.777vw;} 
.mon_arr_up {background-color: #ffe8db; border: 0.277vw solid #f1cac5;} 
.mon_arr_right i {width: 7.236vw; height: 7vw; margin-left: 3.041vw; background-size: contain;} 
.mon_arr_down .mon_arr_right i {background-image:url(../img_v2/arr_down.svg);} 
.mon_arr_up .mon_arr_right i {background-image:url(../img_v2/arr_up.svg);} 
.mon_arr_left {font-weight: 600; font-size: 1.125rem;} 
.mon_arr_right {font-size: 1.437rem; font-weight: 600;} 
.mon_arr_down .mon_arr_right {color: #249078;} 
.mon_arr_up .mon_arr_right {color: #ff6a1b;} 
.major_sales_wrap {margin-top: 13.611vw;} 
.major_sales_tit {font-weight: 600; font-size: 1.25rem; padding-bottom: 5.208vw; border-bottom: 0.833vw solid #222;} 
.major_sales_tit i {width: 6.111vw; height: 7.222vw; background-image: url(../img_v2/ico_note.svg); margin-right: 3.333vw;} 
.major_sales_tit span {color: #ff7b36; min-width: 26.388vw; display: inline-block;} 
.major_sales_list {border-bottom: 0.277vw solid #c4c7ce; padding-bottom: 1.388vw;} 
.major_sales_list:last-child {border: none;} 
.major_sales_list > div {padding: 1.805vw 0; color: #222;} 
.major_sales_list .msl01 {margin-top: 2.777vw;} 
.msl_txt01 {font-size: 1.062rem;} 
.msl_txt02 {font-size: 1.25rem; font-weight: 700;} 
.msl_txt03, .msl_txt04, .msl_txt05, .msl_txt06 {font-size: 0.937rem;} 
.msl_txt03, .msl_txt05 {color: #8b8e94;} 
.mon_info_wrap {padding-top: 11.666vw;} 
.mon_info_wrap > div {border: 0.277vw solid #c7c7c7; border-radius: 2.222vw; box-shadow: 0 0 3.611vw 0 rgba(0,0,0, 0.12); margin-bottom: 4.444vw; background-color: #fff;} 
.mon_info_01, .mon_info_02 {padding: 4.166vw 5.555vw 4.166vw 7.222vw;} 
.mon_info_tit {margin-bottom: 2.777vw;} 
.mon_info_01 .mon_info_tit, .mon_info_02 .mon_info_tit {font-weight: 600; font-size: 1.25rem;} 
.mon_info_01 .mon_info_txt, .mon_info_02 .mon_info_txt {font-weight: 700; font-size: 1.75rem; text-align: right;} 
.mon_info_01 i {width: 5.833vw; height: 8.902vw; background-image: url(../img_v2/ico_pin_co.svg); margin-right: 4.444vw;} 
.mon_info_02 i {width: 7.041vw; height: 9.388vw; background-image: url(../img_v2/ico_people.svg); margin-right: 3.236vw;} 
.mon_info_03, .mon_info_04 {padding: 6.944vw 5.555vw; font-weight: 700;} 
.mon_info_03 i {width: 7.222vw; height: 7.222vw; background-image: url(../img_v2/ico_clock_co.svg); margin-right: 2.222vw;} 
.mon_info_03 .mon_info_tit {font-size: 1.125rem; font-weight: 700;} 
.mon_info_03 .mon_info_txt {font-size: 1.937rem; text-align: right;} 
.mon_info_03 .mon_graph {margin-top: 4.861vw;} 
.mon_info_04 i {width: 5.972vw; height: 5.972vw; background-image: url(../img_v2/ico_cal.svg); margin-right: 2.916vw;} 
.mon_info_week01 .weekdays {color: #184fe8;} 
.mon_info_week01 .weekend {color: #ff6e23;} 
.mon_info_week02 {font-size: 1.937rem; color: #000;} 
.mon_info_04 .mon_graph {margin-top: 10vw;} 
.week_list_wrap > div {display: flex; align-items: center; justify-content: space-between; font-weight: 400; color: #8b8e94; font-size: 0.937rem; margin-top: 3.194vw;} 
.week_list.today {color: #222; font-weight: 700;} 
.ana_share_btn {background-color: #bef4ff; border: 0.833vw solid #9ed2ff; border-radius: 22.222vw; text-align: center; padding: 4.166vw 0; margin-top: 6.388vw;} 
.ana_share_btn span {color: #356788; font-weight: 700; font-size: 1.312rem;} 
.mon_foot_info {margin: 9.027vw 0;} 
.mf_tit {font-weight: 700; color: #313131; font-size: 0.875rem; line-height: 1.5;} 
.mf_txt > div {margin-top: 1.5vw; font-size: 0.718rem; color: #808184; display: flex; align-items: flex-start; word-break: keep-all; line-height: 1.5;} 
.mf_txt p {margin-right: 1vw;} 

/* B301 */
.mor_logo {padding-top:4vw;} 
.sample_bg > div {background-repeat: no-repeat; width: 100vw; background-size: contain;} 
.sample_bg {position: relative;} 
.sample_bg:before {position: absolute; width: 100%; height: 100%; content:''; opacity: 0.2; background: url(../img_v2/sample.png); background-size: contain;} 
.sample_txt_wrap {position: fixed; width: 100%; z-index: 100;} 

.sample_txt_wrap.none + .morning_title {padding-top: 6.388vw;} 
.sample_txt {text-align: center; padding:4.722vw 0; color:#504218; background-color: #ffd036; position: relative; margin-bottom: -1px;} 
.sample_txt:after {position: absolute; content: 'GO'; top: 50%; right:8.75vw; transform: translateY(-50%); width: 7.777vw; height: 7.777vw; background-color: #836c06; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffd036; font-size: 0.75rem; font-weight: 600;} 
.sample_txt p {font-weight: 600; margin-bottom: 2.5vw; font-size: 1.312rem;} 
.sample_txt span {line-height: 1.3;} 
.sam_01 {background-image: url(../img_v2/sample01.png); height: 273.75vw;} 
.sam_02 {background-image: url(../img_v2/sample02.png); height: 241.944vw;} 
.sam_03 {background-image: url(../img_v2/sample03.png); height: 309.861vw;} 

/* 상권분석 샘플이미지 */
.sam_01_01 {background-image: url(../img_v2/sample_01_01.png); height: 154.86vw; background-size: contain;} 
.sam_01_02 {background-image: url(../img_v2/sample_01_02.png); height: 157.083vw; background-size: contain;} 
.sam_01_03 {background-image: url(../img_v2/sample_01_03.png); height: 331.111vw; background-size: contain;} 

/* ############ 알림설정G ######### */
/* G300 */
.noti_set_wrap {color: #222; padding-top: 9.444vw;} 
.noti_list {padding-top: 6.9444vw; border-bottom: 0.277vw solid #c7c7c7;} 
.noti_list:last-child {border: none;} 
.noti_list .sub_tit {padding-bottom: 2.777vw; font-size: 1.062rem; font-weight: 600;} 
.noti_list .item {display:flex; justify-content: space-between; align-items: center; padding: 1.944vw 0 6.944vw;} 
.noti_set_tit {font-size: 1.125rem; font-weight: 700; padding-bottom: 3.75vw; border-bottom: 0.555vw solid #222;} 
.noti_txt span {font-size: 1.062rem; line-height: 1.5;} 
.noti_txt {font-size: 0.937rem; color: #888e94; line-height: 2; padding: 3vw; margin: -3vw;} 
.noti_txt.txt02 {text-decoration: none;} 


/* G301 */
.noti_push_wrap {background-color: #fff; padding: 6.666vw 5.555vw 9.722vw;} 
.noti_push_tit {font-weight: 600; font-size: 1.5rem; line-height: 1.5;} 
.noti_push_tit span {font-weight: 700;} 
.noti_push_msg {margin: 8.333vw 0 10vw; padding: 4.166vw; background-color: #f8f8f8; border-radius: 2.777vw;} 
.np_top > div:first-child span {font-size: 0.875rem;} 
.np_top > div:last-child span {font-size: 0.812rem;} 
.np_txt {font-weight: 600; font-size: 1.125rem; margin-top: 2.777vw;} 
.np_img {background: url(../img_v2/notice_bg.png) center center no-repeat; background-size: contain; width: 87.5vw; height: 119.722vw;} 
.np_img_txt {margin-top: 5.555vw; text-align: center; font-size: 0.75rem; color: #b4bac4;} 
.noti_push_ft {background-color: #f8f9fa; padding:10.7vw 5.555vw 13.888vw;} 
.np_ft_tit {font-size: 1.125rem; color: #222; font-weight: 700; padding-bottom: 3.611vw; border-bottom: 0.555vw solid #222;} 
.np_ft_tit span {display: inline-block; margin-left: 1.388vw;} 
.np_ft_txt {padding-top: 4.722vw; color: #6e6e6e; font-size: 0.937rem; line-height: 1.5;} 
.noti_msg {margin-top: 5.833vw; font-size: 0.875rem; color: #8b8e94; line-height: 1.5;} 

/* G302 */
.noti_push_tag {font-weight: 600; font-size: 0.937rem; margin-bottom: 4.166vw; display: flex; align-items: center;} 
.noti_push_tag span {background-color: #fff200; padding: 1.805vw 4.166vw; border-radius: 4.027vw;} 
.np_img.month {background-image: url(../img_v2/notice_bg02.png);} 
.np_ft_txt .text {margin-bottom: 6.388vw;} 
.np_ft_txt .text p {font-weight: 700; font-size: 1.125rem; color: #222;} 
.np_ft_txt .text em {color: #249078;} 

/* C909 */
.es_box02 {display: flex; flex-direction: column; justify-content: space-between;} 
.es_box02 .img {display: flex; flex-direction: column; align-items: center; padding: 9vw 0; font-size: 1rem; color: #b1b2b5; line-height: 1.2;} 
.es_box02 .img i {width: 37.5vw; height: 34.166vw; background: url(../img_v2/sosang04.png) center center no-repeat; background-size: contain; margin-bottom: 5.277vw;} 
.es_box02 .img span {padding-bottom: 6vw;} 
/* C910 */
.report_tab {width: 100%; z-index: 999; background-color: #fff; margin-bottom: 2.777vw;} 
.rt_list {display: flex; justify-content: space-between; align-items: center; padding: 4.166vw 5.555vw 0; height:10.24vw;} 
.rt_list > div {padding: 1.777vw 5.277vw; display: flex; align-items: center; color: #8b8e94; font-size: 1.125rem;} 
.rt_list .active {background-color: #fff200; color: #000; border-color: #e4721b; font-weight: 600; border-radius: 5.684vw;} 
.rt_list .jindan {background-color: #249078; color: #fff; border-radius: 5.694vw; padding: 2vw 2.777vw;} 
.rt_list .jindan i {width: 5.555vw; height: 6.25vw; margin-right: 0.833vw; background-image: url(../img_v2/ico_jindan.svg);} 
.rt_calen {display: flex; align-items: center; justify-content: space-between; padding: 14.722vw 0 5.972vw; color: #000; font-weight: 600;} 
.rt_calen .rt_arr {padding:3vw; margin:-3vw;} 
.rt_calen .rt_arr i {width: 2.5vw; height: 3.888vw;} 
.rt_calen .rt_arr .left_ar {background-image: url(../img_v2/right_big.svg); transform:rotate(180deg);} 
.rt_calen .rt_arr .right_ar {background-image: url(../img_v2/right_big.svg);} 
.rt_calen .rt_arr .stop {opacity: 0.1;} 

.rt_date_slide {display: flex; align-items: center; justify-content: space-between;} 
.rt_date_year i {width: 3.888vw; height: 3.611vw; background-image: url(../img_v2/ico_cal02.svg); margin-right: 2.222vw;} 
.rt_date_year, .rt_date_month {display: flex; align-items: center; justify-content: center;} 
.rt_date_year {margin-right: 10vw;} 
.rt_date_month {margin:-5vw; padding:5vw;} 
.rt_date_month i {width:2.222vw; height: 2.222vw; background-image: url(../img_v2/semo_down_b.svg); margin:0 0 0 2vw;} 
.report_expense {background-color: #249078; padding: 6.069vw 3.472vw 5.291vw; position: relative;} 
.report_clip {position: absolute; width: 100%; height: 17.638vw; background: url(../img_v2/ico_clip.svg) center center no-repeat; background-size: contain; left: 50%; top:0; transform: translateX(-50%);} 
.expense_section01 {background-color: #fff; border-radius:2.222vw; padding:0 8.333vw 6vw;} 
.expense_section02 {background-color: #fff; border-radius:2.222vw; padding:0 6.388vw 6vw;} 
.es_box01 {border-radius: 2.222vw;} 
.es_box01 .es_box_txt01 {display: flex; justify-content: center; font-size: 1.312rem; font-weight: 600;} 
.es_box01 .es_box_txt02 {display: flex; justify-content: center; align-items: center; font-size: 0.937rem; margin-top: 3.75vw; color:#249078;} 
.es_box01 .es_box_txt02 p {margin-right: 2.5vw;} 
.es_box01 .es_box_txt02 i {width: 3.055vw; height: 2.777vw; margin-right: 1.527vw;} 
.es_box01 .es_box_txt02.up i {background-image: url(../img_v2/semo_down.svg); transform:rotate(180deg);} 
.es_box01 .es_box_txt02.down i {background-image: url(../img_v2/semo_down.svg);} 
.es_box01 .es_box_txt03 {display: flex; justify-content: center; font-size: 2.343rem; font-weight: 700; margin:0 -8vw;} 
.es_list {border-radius: 4vw; margin-top: 8.333vw; font-weight: 600;} 
.es_list ul li {display: flex; align-items: center; justify-content: space-between; padding-bottom: 5vw; font-size: 1.062rem; font-weight: 600;} 
.es_list ul li:last-child {padding-bottom:8.694vw;} 
.es_list ul li i {width: 1.666vw; height:2.916vw; background-image: url(../img_v2/right_gray.svg); margin-left: 3.611vw;} 
.es_list ul li .cost {display: flex; align-items: center;} 
.es_list ul li .cost > div {padding: 5vw; margin:-5vw;} 
.es_list ul li .cost .false {color: #c1c3c5; font-weight: 600;} 
.es_list ul li .info {display: flex; align-items: center;} 
.es_list ul li .info i {background-image: url(../img_v2/info_01.png); width: 13.888vw; height: 5.555vw; margin-left: 1.666vw;} 
.es_list .total {display:flex; align-items: center; justify-content: space-between; border-top: 0.277vw solid #eee; margin: 0; padding: 5.555vw 2.083vw 0 0; font-size: 1.312rem; font-weight: 600;} 
.es_list .total .cost {display: flex; align-items: center; margin-right: 3.278vw;} 
.es_list .total .icon {padding:5vw; margin:-5vw;} 
.es_list .total i {width: 5.277vw; height: 5.277vw; background-image: url(../img_v2/ico_i.svg); margin-left: 1.388vw;} 
.es_list.aco ul li {font-weight: 400; font-size:1rem; padding-bottom: 5.555vw;} 
.es_list.aco ul.es_ul01 li:last-child {padding-bottom: 8.333vw;} 
.es_list.aco ul li:last-child {padding-bottom: 5.555vw;} 
.es_aco_tit {font-weight: 600; font-size: 1.312rem; padding-bottom: 5.555vw;} 
.es_list.aco ul li .false {font-weight: 400;} 
.es_aco_tit .cost div {padding:5vw; margin: -5vw;} 
.es_aco_tit .cost i {width: 2.083vw; height: 3.75vw; background-image: url(../img_v2/right_big.svg); margin-left: 3.611vw;} 
.es_aco_tit .cost i.open {transform:rotate(90deg);} 
.es_aco_tit .cost i.close {transform:rotate(-90deg);} 
.report_logo {display: flex; justify-content: center; margin-top: 10vw;;} 
.report_logo i {width: 27.777vw; height: 8.333vw; background-image: url(../img_v2/ssm_logo.svg);} 
.es_avg_tit {font-size: 1.187rem; font-weight: 600;} 
.es_avg_tit i {width: 10vw; height: 10vw;} 
.es_box_02_avg.town .es_avg_tit i {background-image: url(../img_v2/ico_town.svg);} 
.es_box_02_avg.land .es_avg_tit i {background-image: url(../img_v2/ico_land.svg);} 
.es_avg_per {text-align: center; font-size: 0.937rem; margin-top: 3.611vw;} 
.es_avg_per.down {color: #249078;} 
.es_avg_per.up {color: #ff7b36;} 
.es_avg_total {text-align: center; font-weight: 700; font-size: 1.937rem; margin-bottom: 6.944vw;} 
.ex_graph_section {background-color: #f4f5f7;} 
.ex_graph_wrap {padding: 0 5.555vw 0; background-color: #f4f5f7;} 
.ex_graph_wrap:first-child .ex_graph_tit {padding-top:12.5vw;} 
.ex_graph_wrap.last {padding-bottom:27.777vw;} 
.ex_graph_tit {padding:27.777vw 0 6.388vw;} 
.ex_graph_tit p {font-size: 1.5rem; font-weight: 700; margin-bottom: 1.666vw;} 
.ex_graph_tit span {color: #8b8394;} 
.ex_graph_subtit {display: flex; align-items: center; justify-content: space-between;} 
.ex_graph_subtit p {font-size: 1.125rem; color: #222;} 
.ex_graph_subtit span {color:#bbb; font-size: 0.875rem;} 
.ex_graph_busy {margin-top:10.8vw;} 
.ex_label {display: flex; font-weight: 600; margin-bottom: 4.166vw; justify-content: space-between; font-size:1.187rem} 
.ex_label > div {display: flex; align-items: center;} 
.ex_label.label_01 {padding: 0 19.444vw;} 
.ex_label.label_02 {justify-content: center;} 
.ex_label.label_03 {padding:0 13.888vw} 
.ex_label.label_02 > div {margin:0 4.3vw;} 
.ex_label > div p {width:5vw; height: 2.222vw; background-color:red; border-radius: 1.8vw; margin-right: 1.666vw;} 
.ex_label > div.shot p {width: 2.222vw;} 
.ex_label > div.el_01 p {background-color: #ffd036;} 
.ex_label > div.el_02 p {background-color: #249078;} 
.ex_label > div.el_03 p {background-color: #ff7b36;} 
.ex_label > div.el_04 p {background-color: #10c0e7;} 
.ex_label > div.el_05 p {background-color: #dfdfdf;} 
.ex_graph, .ex_graph_account, .ex_rank_wrap {background-color: #fff; padding: 5.555vw; border-radius: 2.222vw; border: 0.277vw solid #c7c7c7;} 
.ex_graph {border-bottom: none;} 
.ex_graph_account {border-top:0.277vw dashed rgb(199, 199, 199, 0.8);} 
.ex_graph_account.flat > div {padding: 0.833vw;} 
.ex_graph_account .date {font-weight: 400; font-size: 1.187rem;} 
.ex_graph_account .subtit {padding-bottom: 5.555vw; color:#8b8e94;} 
.ex_graph_state i {width: 7.222vw; height:7vw;} 
.ex_graph_state.up i {background-image: url(../img_v2/arr_up.svg);} 
.ex_graph_state.down i {background-image: url(../img_v2/arr_down.svg);} 
.ex_graph_state b {font-size: 1.187rem; margin-left:2vw;} 
.ex_graph_state .txt01 {font-size: 0.812rem;} 
.ex_graph_state .txt02 {font-weight: 600; font-size: 1.437rem; margin: 0 0.9vw 0 1.847vw;} 
.ex_graph_state.up .txt01 {color: #ff684a;} 
.ex_graph_state.up .txt02 {color: #ff6a1b;} 
.ex_graph_state.down .txt01 {color: #249078;} 
.ex_graph_state.down .txt02 {color: #249078;} 
.ex_graph_state > div {margin-top: 6.666vw;} 
.ex_graph_state .txt03 {color: #8b8e94;} 
.ex_graph_state .txt03 i {width: 4.166vw; height: 4.166vw; background-image: url(../img_v2/info_gray.svg); margin-right: 1.666vw;} 
.ex_graph_state .txt04 {color: #8b8e94;} 
.ex_graph_state.up .txt05 {color: #ff684a; font-weight: 600;} 
.ex_graph_state.down .txt05 {color: #249078; font-weight: 600;} 
.ex_graph_state.up .txt06 {color: #ff684a;} 
.ex_graph_state.down .txt06 {color: #249078;} 
.ex_graph_state .txt07 {color:#8b8e94; font-size: 1.125rem;} 
.ex_graph_wrap .ex_graph_tit.one_line {padding-bottom: 4.722vw;} 
.ex_graph_sample {width: 100vw; height: 163.194vw; background-image:url(../img_v2/graph_sample01.png); background-size: contain; margin:0 -5.555vw;} 

.report_foot {background-color: #255659; padding: 12.777vw 5.555vw 20vw; color: #dbe4e5;} 
.rf_tit {display: flex; align-items: center; margin-bottom:2.777vw; font-size: 1.312rem; font-weight: 600; color: #fff;} 
.rf_tit i {width: 6.027vw; height: 6.027vw; background-image: url(../img_v2/ico_i_bold.svg); margin-right: 2.3vw} 
.rf_list {border-bottom: 0.277vw solid #fff; padding:5vw 0;} 
.rf_list_tit {display: flex; align-items: center; justify-content: space-between; line-height: 1.5;} 
.rf_list_tit > div {margin:-5vw; padding: 5vw;} 
.rf_list_tit i {width: 2.791vw; height: 2.719vw; background-image: url(../img_v2/down_white.svg);} 
.rf_list_tit i.up {transform:rotate(180deg);} 
.rl_item {display: flex; align-items: flex-start; justify-content:left; word-break: keep-all; font-size: 0.812rem; line-height: 2; margin-top:5vw;} 
.rl_item p {margin-right: 1vw;} 
.rl_btn {font-size: 0.875rem; display: flex; align-items: center; padding-left: 2.286vw; margin-top:2vw; color:#8acec5} 
.rl_btn span {text-decoration: underline;} 
.rl_btn p {padding-left: 1vw;} 
.rl_info {font-size: 0.812rem; line-height: 2; padding-left: 2.286vw; margin-top: 1vw;} 
.rf_info {margin-top: 9.444vw; font-size: 0.812rem; line-height: 1.5; display: flex; align-items:flex-start; justify-content: center;} 
.es_list .custom_expen {padding: 2vw; margin: -2vw;} 
.es_list .custom_expen i {width: 5vw; height: 5vw; background-image: url(../img_v2/ico_memo_gray.svg); margin-left: 2vw;} 

.ex_round_tit {padding-top: 12.5vw; font-size: 1.5rem; font-weight: 700; margin-bottom:5vw;} 
.ex_round_subtit {font-size: 1.187rem; margin-bottom: 5.8333vw;} 
.ex_round_item {display: flex; align-items: center; justify-content: center; margin-bottom: 5.833vw;} 
.ex_round01, .ex_round02 {display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%;} 
.ex_round01 {width: 38.333vw; height: 38.333vw;} 
.ex_round02 {width: 30.555vw; height: 30.555vw;} 
.ex_round01 {z-index: 2; color: #fff; font-weight: 700;} 
.ex_round01 span {font-size: 1.187rem; line-height: 1.5;} 
.ex_round01 p {font-size: 1.312rem;} 
.ex_round01.up {background-color: #ff7b36; border: 0.277vw solid #ff1b1b;} 
.ex_round01.down {background-color: #249078; border: 0.277vw solid #0a653b; font-size: 0.875rem;} 
.ex_round02 {background-color: #e9e9e9; margin-left: -3vw; z-index: 1; color:#8b8e94; font-weight: 600;} 
.ex_round02 span {font-size: 0.812rem; line-height: 1.5;} 
.ex_round02 p {font-size: 0.937rem;} 

/* 매출탭 C920*/
.ex_rank_wrap {padding: 6.666vw 5.555vw;} 
.ex_rank {margin-bottom:5.138vw; display: flex; align-items: center; justify-content: space-between; font-size: 1.187rem;} 
.ex_rank_tit {padding: 27.777vw 0 6.388vw; font-size: 1.5rem; font-weight: 700;} 
.ex_rank:last-child {margin-bottom: 0;} 
.ex_rank .txt {display: flex; align-items: center;} 
.ex_rank .txt .name {width: 30.5vw;} 
.ex_rank .num {background-color: #ffde3b; border: 0.277vw solid #707070; border-radius: 50%; width: 4.76vw; height: 4.76vw; font-size: 0.812rem; justify-content: center; margin-right: 2.5vw;} 
.ex_rank .count {font-weight: 700; font-size: 1.125rem;} 
.es_banner {background-color: #005744; margin-top: 9.444vw; line-height: 1.5; display: flex; align-items: center; justify-content: space-between; padding-left: 6.944vw;} 
.es_banner .text .txt01 {font-size: 1.125rem; color:#fff;} 
.es_banner .text .txt02 {color: #ffd036; font-size: 1.375rem; font-weight: 700;} 
.es_banner .text .txt03 {color: #8acec5; font-size: 0.875rem;} 
.es_banner .img i {width: 29.166vw; height: 29.166vw; background-image: url(../img_v2/es_banner.svg);} 

/* 매출탭 년간 C921 */
.ex_graph_account.compare .ex_graph_state > div {margin-top: 2.361vw;} 
.ex_graph_account.compare .ex_graph_state:first-child > div {margin-top:0;} 
.ex_graph_account.compare .ex_graph_state:nth-child(3) > div {margin-top: 8.333vw;} 

/* 기타매출입력하기 C922 */
.oth_sales_wrap {position: relative; height: 100%; background-color: #f4f5f7; overflow-y: scroll;} 
.oth_top {padding:7.222vw 5.555vw; display: flex; align-items: center; justify-content: space-between; background-color: #fff;} 
.oth_top p {font-weight: 700; font-size: 1.312rem; color: #222; margin-bottom: 2.361vw;} 
.oth_top span {color: #8b8e93; font-size: 0.812rem;} 
.oth_ico i {width: 22.222vw; height: 22.222vw; background: url(../img_v2/ico_hand.svg); background-size: contain;} 
.oth_sales {background-color: #f4f5f7; padding:7.777vw 6.666vw 0;} 
.oth_add {display: flex; flex-direction: column; align-items: center; padding: 30vw 0;} 
.oth_add i.bg {width: 26.111vw; height: 25.277vw; background: url(../img_v2/sosang03.svg); background-size: contain; margin-bottom: 5.277vw;} 
.oth_add p {color: #bfbfbf;} 
.oth_sales .active_button {background-color: #fff; padding: 5.277vw 0; bottom:24.444vw;} 
.oth_sales .rt_calen {padding-top:0;} 
.oth_sales .rt_calen .rt_arr .right_ar, .oth_sales .rt_calen .rt_arr .left_ar {background-image: url(../img_v2/right_big.svg);} 
.oth_sales .rt_date_year {margin-right:0;} 
.oth_sales .btm_plus i {width: 4.444vw; height: 4.444vw; margin-right: 2.5vw;} 
.oth_sales_wrap .oth_sales .total {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 7.777vw;} 
.oth_sales_wrap .oth_sales .total span {font-size: 0.937rem; color: #8a8ab8;} 
.oth_sales_wrap .oth_sales .total p {font-size: 1.437rem; font-weight: 600; margin-left: 2.222vw; color:#222;} 

.oth_sales_wrap .btm_button.half_btn {background-color: #fff; padding:2vw 0 6.944vw; font-size: 1.187rem;} 
.oth_sales_wrap .btm_button.double > span:last-child {width: calc(65% - 3.5vw); margin-left: 2.5vw;} 
.oth_sales_wrap .btm_button.double .half_right {background-color: #17bf98; border: 0.277vw solid #12997a; color: #fff;} 
.oth_sales_wrap .btm_button.half_btn .half_left {background-color: #ebebeb; border: none; color: #c7c7c7;} 
.oth_sales_wrap .btm_button.half_btn .half_left.active {background-color: #ff7b36; color: #fff;} 
.oth_sales_wrap .btm_button.half_btn .half_right {background-color: #17bf98; border: none;} 
.oth_list_wrap {margin-top: 4.166vw; padding-bottom: 18.047vw; height: 100%;} 
.oth_list {padding: 4.722vw 3.611vw 5vw; background-color: #fff; border-radius: 2.222vw; margin-bottom: 2.777vw;} 
.oth_list_con {display: flex; align-items: center; justify-content: space-between;} 
.oth_due {font-size: 0.875rem; color: #222; margin-bottom: 2.361vw;} 
.oth_list_txt {font-size: 0.812rem; color: #8b8e94;} 
.oth_list_num {font-weight: 600; color: #222; font-size: 1.25rem; display: flex; align-items: center; justify-content: center;} 
.oth_list_num p {margin-right: 1.944vw;} 
.oth_list_num .icon {padding: 5vw; margin:-5vw;} 
.oth_list_num i {width: 3.055vw; height: 1.944vw; background-image: url(../img_v2/down_round.svg);} 

/* 기타지출 C932 */
.report_wrap input[type="radio"] {border-radius: 50%; width: 6.666vw; height: 6.666vw; padding: 0; background-color: #fff; min-width: 6.666vw; border: 0.277vw solid #222;} 
.report_wrap input[type="radio"]:checked {background:#74ff99 url(../img_v2/check_black.svg) center center no-repeat; border: 0.277vw solid #17bf98; background-size: 4vw;} 
.report_radio_wrap.sale {display: flex; gap: 1.111vw; margin-bottom: 1.111vw; font-size: 1.062rem;} 
.report_radio_wrap.sale input[type="radio"] {margin-right: 1vw;} 
.report_radio_wrap.sale .report_radio {min-height: 15vw; padding-left:3.6vw;} 
.report_radio_wrap.sale .report_radio.active {background-color: #25594d; color: #fff;} 
.report_radio {border: 0.277vw solid #dddfe1; width: 100%; display: flex; align-items: center; border-radius: 2.222vw;} 

/* C940 C941 알림톡카드*/
.ssm_card_bg {background-color: #eee; box-sizing: border-box; height: 100vh;} 
.ssm_card_bg .ssm_logo {padding-bottom: 7.222vw; padding-left: 10vw; padding-top: 7vw;} 
.ssm_slider {text-align: center; top:43%; transform: translateY(-50%);} 
.ssm_slider .swiper-wrapper {padding-bottom: 3vw;} 
.ssm_slider .swiper-pagination {position: unset;} 
.ssm_card_bg .bx-viewport {padding-bottom: 4vw;} 
.ssm_item {border-radius: 6.111vw; background-color: #fff; box-shadow: 0.555vw 2.222vw 2.222vw 0 rgba(0, 0, 0, 0.1); padding: 8.75vw 5.111vw 5.8333vw; box-sizing: border-box; width: 80vw; height: 134.488vw; margin-right: -5vw; margin-left:10vw;} 
.ssm_item .content {display: flex; flex-direction:column; align-items: center; text-align: center;} 
.ssm_item .tit {display: flex; justify-content: flex-start; margin-bottom:4.166vw;} 
.ssm_item .tit span {border: 1px solid #000; border-radius: 5.694vw; padding:1.666vw 3.75vw; font-weight: 600;} 
.ssm_item .content .text {height: 38.597vw;} 
.ssm_item .content .text .txt01 {font-size: 1.625rem; font-weight: 600; margin-bottom: 2.777vw;} 
.ssm_item .content .text .txt02 {font-size: 2.25rem; font-weight: 700; margin:0 -4.166vw 2.777vw;} 
.ssm_item .content .text .txt02.elipsis {max-width: 72.888vw;} 
.ssm_item .content .text .txt03 {color: #249078; font-size: 1.125rem; height:13.055vw; line-height: 1.5;} 
.ssm_item .content .text .txt04 {color: #c7c7c7; font-size: 1.125rem; height:13.055vw; line-height: 1.5;} 
.ssm_item .content .img i {width: 47.222vw; height: 47.222vw; background-size: contain; margin:5.6vw 0 9.2vw;} 
.ssm_item.green {background-color: #249078; color: #fff;} 
.ssm_item.green .tit span {border-color: #fff;} 
.ssm_item.card_01 {padding:0;} 
.ssm_item.card_01 .top p {font-size: 3.187rem;} 
.ssm_item.card_01 .top span {font-size: 2.312rem;} 
.ssm_item.card_01 .bottom {height: 33vw; box-sizing: border-box; text-align: right; background-color: #fff; border-radius: 0 0 6.111vw 6.111vw; padding: 6.805vw 7.777vw 7.777vw;} 
.ssm_item.card_01 .bottom p {color: #888; font-size: 1.312rem; margin-bottom: 2.5vw;} 
.ssm_item.card_01 .bottom span {font-size: 1.687rem;} 
.ssm_item.card_01 .top {text-align: left; padding: 10.555vw 5vw 57.722vw 9.583vw; font-weight: 600; color: #fff; box-sizing: border-box; background:#249079 url(../img_v2/card_logo_01.svg) right 5vw bottom 4.305vw no-repeat; background-size: 28.333vw 28.055vw; height: 101.488vw; border-radius: 6.111vw 6.111vw 0 0;} 

.card_wrap.month .ssm_item.card_01 .top {background-image:url(../img_v2/card_logo_02.png);} 
.ssm_item.card_02 .content .img i {background-image: url(../img_v2/card02.png);} 
.ssm_item.card_03 .content .img i {background-image: url(../img_v2/card03.png);} 
.ssm_item.card_04 .content .img i {background-image: url(../img_v2/card04.png);} 
.ssm_item.card_05 .content .img i {background-image: url(../img_v2/card05.png);} 
.ssm_item.card_06 .content .img i {background-image: url(../img_v2/card06.png);} 
.ssm_item.card_07 .content .img i {background-image: url(../img_v2/card07.png);} 
.ssm_item.card_08 .content .img i {background-image: url(../img_v2/card08.png);} 
.ssm_item.card_09 .content .img i {background-image: url(../img_v2/card09.png);} 
.ssm_item.card_10 .content .img i {background-image: url(../img_v2/card10.png);} 
.ssm_item.card_11 .content .img i {background-image: url(../img_v2/card11.png);} 
.ssm_item.card_12 .content .img i {background-image: url(../img_v2/card12.png);} 
.ssm_item.card_13 .content .img i {background-image: url(../img_v2/card13.png); margin-top:-3vw; width: 72.222vw; height:65vw;} 
.ssm_item.card_14 .content .img i {background-image: url(../img_v2/card14.png);} 
.ssm_item.card_15 .content .img i {background-image: url(../img_v2/card15.png);} 
.ssm_item.card_16 .content .img i {background-image: url(../img_v2/card16.png);} 
.ssm_item.card_17 .content .img i {background-image: url(../img_v2/card17.png);} 
.ssm_item.card_18 .content .img i {background-image: url(../img_v2/card18.png);} 
.ssm_item.card_19 .content .logo i {background-image: url(../img_v2/hr_ssm.png); width: 43.055vw; height: 11.111vw;} 
.ssm_item.card_19 .content .img i {background-image: url(../img_v2/card19.png); width: 47.222vw; height: 47.222vw;} 
.ssm_item.card_20 .content .logo i {background-image: url(../img_v2/wol_ssm.png); width: 43.055vw; height: 11.111vw;} 
.card_wrap.last .ssm_item .content .img i {background-image: url(../img_v2/card19.png); width: 47.222vw; height: 47.222vw;} 
.card_wrap.last .ssm_item .content {padding-top: 8.888vw;} 
.card_wrap.last .ssm_item .content .img i {margin: 14.027vw 0;} 
.ssm_card_bg .info {color: #888e94; text-align: center; padding-top: 6%; height: 7.1666vw;} 
.card_wrap .btn {position: absolute; z-index: 9999; width: 100%; bottom: -35px; background-color: #eee;} 
.card_wrap .btn span {text-decoration: underline;} 
.card_wrap .link {display: flex; align-items: center; font-size: 0.906rem;} 
.card_wrap .link i {margin-left: 1vw; width: 1.666vw; height: 2.5vw; background-size: contain; background-image: url(../img_v2/right_bold.svg);} 
.card_wrap .green .link i {background-image: url(../img_v2/down_white.svg); transform: rotate(270deg); width: 2.666vw; height: 3.5vw;} 
.card_link_btn {border-radius: 10.972vw; border: 0.277vw solid #222; background-color: #fff; font-weight: 600; color: #09090a; font-size: 1.187rem; padding: 4.166vw 0; width: 60.416vw; display: flex; align-items: center; justify-content: center;} 
.card_link_btn i {width: 2.5vw; height: 3.888vw; background-image: url(../img_v2/right_bold.svg); margin-left: 2.444vw;} 


@media screen and (min-width:518px) {
 .ssm_card_bg {width: 288px; height: 512px; font-size: 12px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;} 
.ssm_card_bg .ssm_logo {margin-bottom: 10px; padding: 26px 0 0 21.2px;} 
.ssm_card_bg .ssm_logo i.c_bi {width:54.8px; height: 18px;} 
.ssm_item {border-radius: 17.6px; background-color: #fff; box-shadow: 2px 8px 8px 0 rgb(0 0 0 / 10%); padding: 25.2px 17.6px 17.6px; box-sizing: border-box; margin-right: -20px; margin-left: 20px; width: 245.6px; height: 382.4px;} 
.ssm_item.card_01 .top {padding:30.4px 14.4px 12.4px 27.6px; background-position: right 7.2px bottom 6.027px; background-size: 81.6px 80.8px; height: 287.6px; border-radius: 17.6px 17.6px 0 0;} 
.ssm_item.card_01 .top p {font-size: 3.187em;} 
.ssm_item.card_01 .top span {font-size: 2.312em;} 
.ssm_item.card_01 .bottom {height: 94.8px; padding: 19.6px 22.8px 22.4px; border-radius: 0 0 17.6px 17.6px;} 
.ssm_item.card_01 .bottom p {margin-bottom: 7.2px; font-size: 1.312em;} 
.ssm_item.card_01 .bottom span {font-size: 1.687em;} 
.ssm_item .tit {margin-bottom: 12px;} 
.ssm_item .tit span {border-radius: 16.4px; padding: 4.8px 10.8px;} 
.ssm_item .content .text {height: 111px;} 
.ssm_item .content .text .txt01 {font-size: 1.625em; margin-bottom: 8px;} 
.ssm_item .content .text .txt02 {font-size: 2.25em; margin:0 -12px 8px;} 
.ssm_item .content .text .txt02.elipsis {max-width: 210px;} 
.ssm_item .content .text .txt03 {font-size: 1.125rem; height:37.6px;} 
.ssm_item .content .text .txt04 {font-size: 1.125rem; height:37.6px;} 
.ssm_item .content .img i {width: 136px; height: 136px; margin:16px 0 26px;} 
.ssm_item .content .img i {width: 136px; height: 136px; margin:16px 0 26px;} 
.card_wrap.last .ssm_item .content {padding-top: 25px;} 
.card_wrap.last .ssm_item .content .img i {margin: 50px 0 50px;} 
.ssm_item.card_19 .content .logo i {width: 124px; height: 32px;} 
.card_wrap.last .ssm_item .content .img i {width: 136px; height:136px;} 
.card_link_btn {border-radius: 31.6px; border: 1px solid #222; font-size: 1.187em; padding: 11px 0; width: 174px;} 
.card_link_btn i {width: 7.2px; height: 11px; margin-left: 7px;} 
.ssm_card_bg .info {height: 20px; padding-top: 17px;} 
.card_wrap .link {font-size: 1em;} 
.card_wrap .link i {margin-left: 3px; width: 6px; height:9px;} 
.ssm_item.card_13 .content .img i {margin-top: -8.6px; width: 208px; height: 187.2px;} 
.ssm_item.card_20 .content .logo i {width: 124px; height: 32px;} 
.ssm_slider .swiper-wrapper {padding-bottom: 10px;} 
.card_wrap .green .link i {width: 8px; height:9px;} 
} 

/* C912 손익샘플*/
.sample_txt_wrap {position: static;} 
.sample_txt_wrap .sample_txt.case02 {background-color: #73d7f1;} 
.sample_txt_wrap .sample_txt.case02:after {background-color: #148491; color: #73d7f1;} 
.sample_txt_wrap .sample_txt.case03 {background-color: #75e6b5;} 
.sample_txt_wrap .sample_txt.case03:after {display: none;} 
.month_ssm_01 .ssm_sample.img01 {background:url(../img_v2/ssm_sample01.png) center center no-repeat; background-size: contain; height: 545.277vw;} 
.month_ssm_01 .ssm_sample.img02 {background:url(../img_v2/ssm_sample02.png) center center no-repeat; background-size: contain; height: 419.583vw;} 
.month_ssm_01 .ssm_sample.img03 {background:url(../img_v2/ssm_sample03.png) center center no-repeat; background-size: contain; height: 125.555vw;} 
.report_wrap .ssm_pop {background-color: rgba(0,0,0,0.7);} 
.report_wrap .ssm_pop01 {color: #222;} 
.report_wrap .ssm_pop01 p {font-weight: 700; font-size: 1.625rem; line-height: 1.5;} 
.report_wrap .ssm_pop01 b {font-size: 1.312rem; margin-bottom: 5.833vw;} 
.report_wrap .ssm_pop01 span {font-size: 1rem; line-height: 1.5;} 
.report_wrap .ssm_pop01 em {font-weight: 600; font-size: 1.125rem; line-height: 1.5;} 
.report_wrap .ssm_pop01 .btm_button span {font-size: 1.187rem;} 

/* C923 매출샘플*/
.month_ssm_01 .ssm_sample.img04 {background:url(../img_v2/ssm_sample04.png) center center no-repeat; background-size: contain; height: 815.733vw;} 
.month_ssm_01 .ssm_sample.img05 {background:url(../img_v2/ssm_sample05.png) center center no-repeat; background-size: contain; height: 815.733vw;} 
/* C933 지출샘플*/
.month_ssm_01 .ssm_sample.img06 {background:url(../img_v2/ssm_sample06.png) center center no-repeat; background-size: contain; height: 573.611vw;} 
.month_ssm_01 .ssm_sample.img07 {background:url(../img_v2/ssm_sample07.png) center center no-repeat; background-size: contain; height: 573.611vw;} 

/* G600 */
.report_manage {padding: 3.611vw 5.555vw 8.333vw;} 
.report_manage .tit span {font-size: 1.25rem;} 
.report_manage .tit b {font-size: 1.437rem;} 
.report_manage .tit b em {background: linear-gradient(to top, #fff200 50%, transparent 50%); line-height: 2;} 
.report_manage .tit p {font-size: 0.875rem; color: #b8b8b8;} 
.report_manage .manage_category {margin-top: 10.555vw;} 
.report_manage .manage_category .top .cycle {display: flex; justify-content: center;} 
.report_manage .manage_category .top .img {width: 35.416vw; height: 35.416vw; background:url(../img_v2/cycle_bg01.svg) center center no-repeat; background-size: contain; position: relative;} 
.report_manage .manage_category .top .img.on {background-image: url(../img_v2/cycle01.png);} 
.report_manage .manage_category .top .img.off::before {position: absolute; border: 0.416vw solid #ff7b36; border-radius: 1.805vw; color: #ff7b36; content: '필수'; font-size: 1.156rem; padding: 1.111vw 0; width: 20vw; box-sizing: border-box; text-align: center; top: 2%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;} 
.report_manage .manage_category .top .txt {margin-top: 3.888vw; text-align: center; font-size: 1.125rem;} 
.report_manage .manage_category .bottom {display: flex; justify-content: space-between; margin: 9.166vw 0 13.055vw;} 
.report_manage .manage_category .bottom .img {width: 25vw; height :25vw; background:url(../img_v2/cycle_bg02.svg) center center no-repeat; background-size: contain; position: relative;} 
.report_manage .manage_category .bottom .manage_rd_01 .img.on {background-image: url(../img_v2/cycle_04.png);} 
.report_manage .manage_category .bottom .manage_rd_02 .img.on {background-image: url(../img_v2/cycle_03.png);} 
.report_manage .manage_category .bottom .manage_rd_03 .img.on {background-image: url(../img_v2/cycle_02.png);} 
.report_manage .manage_category .bottom .txt {text-align: center; margin-top: 3.888vw; font-size: 1.125rem;} 
.report_manage .manage_category .link {text-align: center; margin-bottom: 7.083vw;} 
.report_manage .manage_category .link span {padding: 5vw; margin: -5vw; text-decoration: underline; font-size: 0.875rem; color: #222;} 
.ssm_pop02 .tit {font-size: 1.125rem; color: #8b8394; margin-bottom: 4.166vw;} 
.ssm_pop02 .subtit {font-size: 1.375rem; font-weight: 600;} 
.ssm_pop02 .subtit em {color: #249078;} 
.ssm_pop02 .target {display: flex; flex-direction: column; align-items:center; padding: 13.194vw 7.183vw 14.583vw 0;} 
.ssm_pop02 .cost {display: flex; align-items: center;} 
.ssm_pop02 .cost .number input {width: 100%; color:#222;} 
.ssm_pop02 .cost .number input, .ssm_pop02 .cost .number input::placeholder {text-align: center; font-weight: 600; font-size: 2.062rem;} 
.ssm_pop02 .cost .number input::placeholder {color: #c7c7c7;} 
.ssm_pop02 .cost p {font-weight: 600; font-size: 1.187rem;} 
.ssm_pop02 .text {margin-top: 4.166vw; font-size: 1.062rem; color:#0073d8;} 
.ssm_pop02 .tip {font-size: 0.937rem; margin-bottom: 3.611vw; line-height: 1.5; display: flex;} 
.ssm_pop02 .tip em {color: #ff3d23; margin-right: 1vw;} 
.ssm_pop02 .tip span {color: #85888d;} 

/* G601 */
.report_manage.select {height: calc( 100% - 14.3vw); display: flex; flex-direction: column; justify-content: space-between;} 
.rm_select .tit {font-weight: 600; color: #222; font-size: 1.187rem; margin-bottom: 5vw;} 
.rm_input_wrap {border-radius: 2.222vw; background-color: #f8f8f8; height: 16.666vw; padding: 5vw; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;} 
.rm_input_wrap.active {border: 0.555vw solid #222;} 
.rm_input_wrap input {background-color: #f8f8f8; font-weight: 600; color: #000; font-size: 1.187rem; width: 65vw;} 
.rm_input_wrap input::placeholder {color: #c7c7c7; font-size: 1.187rem;} 
.rm_input_wrap .rm_input span {font-size: 1.187rem; color:#c7c7c7;} 
.rm_input_wrap .rm_input span.active {font-weight: 600; color: #000;} 
.rm_input_wrap .rm_ico {padding:3vw; margin:-3vw;} 
.rm_input_wrap .rm_ico i {width: 7.777vw; height: 7.777vw;} 
.rm_input_wrap .rm_ico i.search {background-image: url(../img_v2/search.svg);} 
.rm_input_wrap .rm_ico i.aco {background-image: url(../img_v2/down_round.svg); width: 4vw;} 
.rm_input_wrap input::placeholder {width: 88.888vw; margin-top: -20vw;} 
.rm_select_info {display: flex; align-items: center; font-size: 0.75rem; color: #8a8a8b; margin: 2.361vw 0 13.888vw;} 
.rm_select_info i {margin-right: 1.388vw; width: 4.166vw; height: 4.1666vw; background-image: url(../img_v2/info_gray.svg);} 
.report_manage.select .ana_list01, .report_manage.select .ana_list02 {width: calc(100% - 11.11vw);} 
.report_manage.select .ana_list01 {margin-top: -19.166vw;} 
.rm_select .ana_list01 p {color:#8a8a8b;} 


/* G601 팝업 */
.ssm_cate_wrap {overflow-x: hidden; overflow-y: hidden; min-height: 108.666vw; font-weight: 600;} 
.ssm_case li, .ssm_category li {width: 87vw; box-sizing: border-box; padding: 0 5.937vw; border: 0.3125vw solid #dddfe1; margin-top: 2.5vw; border-radius: 1.875vw; display: flex; align-items: center;} 
.ssm_case li {height: 18.888vw; min-height: 18.888vw;} 
.ssm_category {background-color: #fff; overflow-y: scroll; min-height: 108.666vw; max-height: 108.666vw; padding-bottom: 11vw;} 
.ssm_category li {height: 4.444vw; min-height: 14.444vw;} 

/* 진단탭/직원관리 */
/* C900 */
.jindan_wrap {background-color: #249078; padding: 7.361vw 4.166vw 10vw;} 
.jindan_wrap .rt_calen {padding: 0 7.361vw; color: #fff;} 
.jindan_wrap .rt_calen .rt_date_year i {background-image: url(../img_v2/cal_white.svg);} 
.jindan_wrap .rt_calen .rt_arr .left_ar {background-image: url(../img_v2/left_white.svg); transform:unset;} 
.jindan_wrap .rt_calen .rt_arr .right_ar {background-image: url(../img_v2/left_white.svg); transform:rotate(180deg);} 
.jindan_wrap .rt_calen .rt_arr .right_ar.stop, .jindan_wrap .rt_calen .rt_arr .left_ar.stop {opacity: 0.3;} 
.jindan_wrap .rt_date_month i {background-image: url(../img_v2/semo_down_w.svg);} 
.jindan_wrap .rt_date_year {margin-right:0;} 
.jindan_wrap .rt_date_year span em {margin-right:10vw;} 
.jindan_section {position: relative; border-radius: 2.222vw; padding: 6vw 4.166vw 4.166vw; background-color: #fff; margin-top: 15vw; box-sizing: border-box;} 
.jindan_section > .tit {padding: 0 1.736vw;} 
.jindan_section .man_img {position: absolute; width: 90px; height: 90px; background: #fff; border-radius: 50%; top: -9.166vw; right: 2vw;} 
.jindan_section .man_img i {position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 80px; height: 80px; border-radius: 50%; background-size: contain; background-image:url(../img_v2/gray_man.png);} 
.jindan_section .main_tit {color: #249078; font-size: 1.3125rem; font-weight: 700; padding-bottom: 2.5vw; border-bottom: 0.555vw solid #249078; width: 50.416vw; margin-bottom: 2.777vw;} 
.jindan_section .info .sub {font-weight: 600; padding-bottom: 6.361vw;} 
.jindan_section .info .sub .name {display: flex; align-items: center;} 
.jindan_section .info .sub .name span {display: flex; align-items: center;} 
.jindan_section .info .sub .name span em {max-width: 180px; display: inline-block; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; margin-right: 5px;} 
.jindan_section .info .text {line-height: 1.5; font-size: 1.062rem;} 
.jindan_section.connect .info .txt01 {display: -webkit-box; display: -ms-flexbox; margin-top:1px; max-height:38vw; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:6;} 
.jindan_section .info .txt01 span {font-family: 'iropke';} 
.jindan_section .info .sub .ment {display: none;} 
.jindan_section.connect .info .sub .name {display:none;} 
.jindan_section.connect .info .sub .ment {display: flex; align-items: center; color: #222;} 
.jindan_section.connect .info .sub .ment i,
.jindan_section .info .sub .name i {
 width: 4.1666vw; height: 4.1666vw; background-image: url(../img_v2/ico_i_green.svg); margin-right: 1.527vw;} 
.jindan_section.connect .info .text {position: relative;} 
.jindan_section.connect .man_img i {background-image:url(../img_v2/gray_man.png); background-size: 80px;} 
.jindan_section.connect .info .text .connect_btn {position: absolute; bottom:0; width: 100%; height: 23.111vw; display: block; background-color: #fff;} 
.jindan_section .info .text .connect_btn {display: none;} 
.jindan_section.connect .info .text .connect_btn i {margin:0 -3vw; height: 29.611vw;} 
.jindan_section.connect .info .text .connect_btn i.now {background-image:url(../img_v2/con_now.png);} 
.jindan_section.connect .info .text .connect_btn i.delay {background-image:url(../img_v2/con_delay_02.png);} 
.jindan_table {margin-top: 10vw; border-top: 0.277vw solid #b5b5b5; padding-top: 8.611vw;} 
.jindan_table .tit .txt01 {font-weight: 600; font-size: 1.312rem; margin-bottom: 1.666vw;} 
.jindan_table .tit .txt02 {font-size: 0.937rem; color: #8b8e94; margin-bottom: 5vw;} 
.jindan_table .table {display: flex; justify-content: space-between;} 
.jindan_table .table > div {background-color: #f8f9fa; border-radius: 2.777vw;} 
.jindan_table .table .tit {font-size: 0.937rem; font-weight: 600;} 
.jindan_table .table .list_wrap .list {width: 59.027vw; box-sizing: border-box;} 
.jindan_table .table .list_wrap .tit {display: flex; justify-content: flex-end; padding:5vw 4.166vw 3.611vw;} 
.jindan_table .table .list .item {display: flex; align-items: center; border-bottom: 0.277vw solid #e2e2e2; height: 14.722vw;} 
.list_wrap .item {justify-content: space-between; padding: 0 10vw 0 6.888vw;} 
.list_wrap .list .item:last-child, .result_wrap .list .item:last-child {border: none; padding-bottom: 1.777vw;} 
.jindan_table .table .result_wrap {width: 20.972vw;} 
.result_wrap .item {justify-content: center;} 
.jindan_table .table .list .item .txt {font-size: 1.125rem;} 
.jindan_table .table .list .item .rate {color: #222; font-size: 1.312rem; font-weight: 600; position: relative;} 
.jindan_table .table .list .item .tip {position: absolute; background-color: #000; color: #fff; font-size: 0.875rem; font-weight: 400; border-radius: 8px; padding: 8px 10px; top: 155%; left: -30px; Width:max-content; z-index: 1;} 
.jindan_table .table .list .item .tip p:first-child {margin-bottom: 1vw;} 
 .jindan_table .table .list .item .tip:after {position: absolute; content: ""; left: 30%; top: -15%; width: 0px; height: 0px; border-bottom:12px solid #000; border-right: 12px solid transparent; border-left: 12px solid transparent;} 
.jindan_table .table .list .item .rate.exc {font-size: 1.062rem; margin: -5vw;} 
.jindan_table .table .result_wrap .tit {padding:5vw 0 3.611vw; text-align: center;} 
.jindan_drug_wrap {display: flex; justify-content: center; gap: 6.319vw; margin-top: 4.166vw;} 
.jindan_drug_wrap .drug_wrap {display: flex; color: #222; font-size: 0.937rem;} 
.jindan_drug_wrap i {width: 4.444vw; height: 4.444vw; margin-right: 1.388vw;} 
.jindan_tip {font-size: 0.875rem; line-height: 1.5; margin-top: 19.722vw;} 
.jindan_tip .tit {color: #249078; line-height: 2;} 
.jindan_tip .tip01 {margin-bottom: 6vw;} 
.jindan_tip .sub_tit {color: #222;} 
.jindan_tip .txt {color:#85888d; padding-left:9px;} 
.jindan_slide_wrap {background-color: #f4f6f7; padding: 11.111vw 0 20vw;} 
.jindan_slide_wrap .tit {padding-left: 5.555vw;} 
.jindan_slide_wrap .tit .txt01 {font-weight: 700; font-size: 1.5rem; margin-bottom: 1.666vw;} 
.jindan_slide_wrap .tit .txt02 {color: #8b8e94; margin: 1.666vw 0 7.777vw;} 
.jindan_slide_wrap .pill_wrap {display: flex;} 
.jindan_slide_wrap .pill {background-color: #fff; border-radius: 16.25vw; width: 34.166vw; height: 61.388vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 5.972vw 0; box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.12); box-sizing: border-box;} 
.jindan_slide_wrap .pill .tit {font-size: 1.187rem; padding: 0;} 
.jindan_slide_wrap .pill .state {font-weight: 600; font-size: 1.437rem;} 
.jindan_slide_wrap .pill .state.red {color: #ef5322;} 
.jindan_slide_wrap .pill .state.yellow {color: #f5ad04;} 
.jindan_slide_wrap .pill .state.green {color: #249078;} 
.jindan_slide_wrap .pill .img i {width: 20vw; height: 20vw;} 
.jindan_slide_wrap .footer {display: flex; align-items: flex-start; padding-left: 4.444vw; color: #888e94; font-size: 0.812rem;} 
.jindan_slide_wrap .footer p {margin-left: 1vw;} 
.jindan_slide_wrap .footer p:last-child {margin-top: 1vw;} 
.pill_slider.swiper {padding: 0 5.555vw 28vw;} 
.jindan_sam_img {height: 420.138vw; background:url(../img_v2/jindan_sample_01.png) center center no-repeat; background-size: contain;} 
.jindan_section .tooltip {position: absolute; top: -6.666vw; left:0; border-radius: 4.166vw 4.166vw 4.166vw 0; background-color: #fff200; padding: 2.7777vw 3.1666vw; font-size: 0.875rem; color: #737300; font-weight: 600;} 

/* C901 */
.detail_diag {background-color: #f4f5f7;} 
.detail_diag .top {padding: 3vw 6.944vw 5.555vw; background-color: #fff;} 
.detail_diag .top .info {color: #222; font-weight: 600; font-size: 1.437rem; line-height: 1.3; display: flex; align-items: center; justify-content: space-between; margin-bottom: 6.597vw;} 
.detail_diag .top .info .img {width: 22.777vw; height: 22.777vw; border-radius: 50%; background: url(../img_v2/gray_man.png) center center no-repeat; background-size: contain;} 
.detail_diag .sample .top .info .img.sample {border: 0.277vw solid #e9e9e9; background: #f8f8f8 url(../img_v2/gray_man.png) center no-repeat; background-size: contain;} 
.detail_diag .top .date {font-weight: 700; display: flex; align-items: center; font-size: 1.25rem;} 
.detail_diag .top .date .btn {padding: 2vw; margin: -2vw;} 
.detail_diag .top .date i {background-image: url(../img_v2/down.svg); margin-left: 2.222vw; height: 3.888vw; width:3.333vw;} 
.detail_diag .content_wrap {padding:11.666vw 5.555vw 0;} 
.diag_item {padding-bottom: 27.777vw;} 
.diag_item .tit {font-size: 1.312rem; padding-bottom: 5vw; color: #222;} 
.diag_item .tit b {color: #000;} 
.diag_item .item {border: 0.277vw solid #c7c7c7; background-color: #fff; padding: 10vw 4.305vw; border-radius: 2.222vw; display: flex; flex-direction: column; align-items: center;} 
.diag_item .item .img i {width:27.777vw; height: 27.777vw;} 
.result_wrap .item i {width: 8.611vw; height: 8.611vw;} 
.drug.red {background-image: url(../img_v2/drug_red.png);} 
.drug.yellow {background-image: url(../img_v2/drug_yellow.png);} 
.drug.green {background-image: url(../img_v2/drug_green.png);} 
.drug.black {background-image: url(../img_v2/drug_b.png);} 
.diag_item .item .img i.sun {background-image: url(../img_v2/sun.png);} 
.diag_item .item .img i.cloud {background-image: url(../img_v2/cloud.png);} 
.diag_item .item .img .store {background-image: url(../img_v2/card08.png); width: 27.777vw; height: 27.777vw;} 
.diag_item .item .img .calc {background-image: url(../img_v2/card15.png);} 
.diag_item .item .cost {font-size: 1.625rem; padding: 4.722vw 0 6.388vw;} 
.diag_item .item .cost p {font-weight: 600; margin-top: 2.5vw;} 
.diag_item .item .text_01 {color: #222;} 
.diag_item .item .img .drug {width: 20vw; height: 20vw;} 
.diag_item .item .text_02 {text-align: center; line-height: 1.5; font-size: 1.125rem; color: #222; margin-top: 9.444vw;} 
.diag_item .item .text_02 span {font-weight: 600;} 
.diag_item .item .text_03 {margin-top: 14.444vw; font-size: 1.125rem; color: #0090db; text-decoration: underline;} 
.diag_item .link {color: #8b8e94; margin-top:5vw; display: flex; align-items: center; justify-content: flex-end;} 
.diag_item .link .link_i, .detail_diag .footer .btn .link_i {margin:-3vw; padding: 3vw;} 
.diag_item .link i {width: 3.888vw; height: 3.888vw; background-image: url(../img_v2/right_gray.svg); margin-left: 2.263vw;} 
.detail_diag .footer .btn i {width: 2.5vw; height: 3.888vw; background-image: url(../img_v2/left_white.svg); transform: rotate(180deg);} 
.detail_diag .footer {background-color: #249078; padding: 11.111vw 5.555vw 23.6111vw; color: #fff; font-size: 1.187rem;} 
.detail_diag .footer .btn {display: flex; align-items: center; justify-content: space-between;} 
.diag_item .item .col_wrap {display: none;} 
.diag_item .item.collect {position: relative; border: none;} 
.diag_item .item.collect .col_wrap {position: absolute; width: 100%; height:100%; background-color: #fff; color: #222; opacity: 0.9; top: 0; display: flex; align-items: center; justify-content: center; border-radius: 2.222vw;} 
.diag_item .item.collect .col_wrap .txt p {font-size: 2.125rem; font-weight: 600; padding-bottom: 2vw;} 
.diag_item .item.collect .col_wrap .txt span {font-size: 1.125rem;} 

/* C901 SAMPLE */
.sample .diag_item .item .img i.sun {background-image: url(../img_v2/sun_b.png);} 
.sample .diag_item .item .img .store {background-image: url(../img_v2/store_b.png);} 
.sample .diag_item .item .img .calc_b {background-image: url(../img_v2/calc_b.png);} 

/* C902 */
.diag_item .tip {box-sizing: border-box; width: 100%; background-color: #fbfbfb; border-radius: 2.222vw; padding: 4.166vw 5.555vw; margin-top: 11.666vw; color: #7c8084;} 
.diag_item .tip .tit {font-size: 0.937rem; display: flex; align-items: center; justify-content: space-between; padding-bottom: 0; color: #7c8084;} 
.diag_item .tip .tit p {line-height: 2; font-weight: 600; font-size: 1.062rem;} 
.diag_item .tip .tit i {background-image: url(../img_v2/arr_up_01.svg); height:3.888vw; width: 3.333vw;} 
.diag_item .tip .tit i.down {transform: rotate(180deg);} 
.diag_item .tip .content {font-size: 0.812rem; padding-top: 4.166vw; margin-top: 4.861vw; line-height: 1.5; border-top: 1px solid #c7c7c7;} 

/* ######### CCA000 ######### */
.card_connect_wrap {padding-top: 4.166vw; padding-bottom: 18.055vw;} 
.card_connect_wrap .ys_connect article {padding: 0 5.555vw;} 
.card_connect_wrap section.ys_connect .text h1.tit {font-size: 1.625rem; font-weight: 600; line-height: 1.5; color: #222;} 
.card_connect_wrap section.ys_connect .text h2.sub_tit {font-size: 1.062rem; color: #707070; padding: 4.722vw 0 12.5vw;} 
article.name_input_wrap .name_input {border-bottom: 1px solid #e3e3e3; justify-content: space-between; padding: 2.083vw 0;} 
article.name_input_wrap .name_input.active {border-color: #000;} 
article.name_input_wrap .name_input {display: flex; align-items: center;} 
article.name_input_wrap .name_input .entry {display: flex; align-items: center;} 
article.name_input_wrap .name_input .entry p {margin-right: 2.777vw;} 
article.name_input_wrap .name_input input {font-size: 1.25rem; width: 60vw;} 
article.name_input_wrap .name_input input::placeholder {color: #ccc;} 
article.name_input_wrap .name_input .btn i.del_gray {display: none;} 
article.name_input_wrap .name_input.active .btn i.del_gray {display: block;} 
article.solve {margin-top: 8.75vw;} 
article.solve .entry_btn_wrap {margin-bottom: 3.055vw;} 

/* ######### CCA020 ######### */
/* 아이디 비밀번호 확인 로딩화면 */
section.id_pw_check {position: absolute; left:0; right:0; top:50%; bottom:0; transform: translateY(-50%);} 
section.id_pw_check i {margin: auto;} 

/* 애니메이션 적용시 */
.text_ani {text-align: center; font-size: 1.312rem; font-weight: 600; padding-top:20vw; line-height: 1.5; position: relative; width: 100%;} 
.text_fade {display: none;} 


/* 연결성공화면 */
section.connect_state {display: flex; flex-direction: column; align-items: center; padding: 0 5.555vw; overflow-y: scroll; justify-content: center;} 
section.connect_state article.main_tit {text-align: center; padding: 6.527vw 0 10.833vw; font-size: 1.562rem; color: #222;} 
section.connect_state article.main_tit h1 {font-weight: 700; margin-bottom: 1vw;} 

/* 삭제 CSS 0805 */
section.connect_state.success, section.connect_state.error {height: calc(100% - 26.388vw);} 

/* 연결실패 */
section.connect_state.fail {margin-top: 16vw; margin-bottom: 34vw;} 
section.connect_state.fail article.info .box {padding: 5.277vw 7.638vw; margin-bottom: 7.222vw;} 
section.connect_state.fail article.info .box p {color: #85888d; line-height: 1.5; font-size: 1.125rem;} 
section.connect_state.fail article.main_tit {padding: 1.388vw 0 5vw;} 
article.exp_aco li.list {padding: 4.166vw 0; border-bottom: 1px solid #7a7a7a;} 
article.exp_aco li.list:last-child {border-bottom: none;} 
article.exp_aco .tit {display: flex; align-items: center; justify-content: space-between;} 
article.exp_aco .tit h1 {color: #636363; font-size: 0.937rem; font-weight: 600;} 
article.exp_aco .tit .icon {margin: -5vw; padding: 5vw;} 
article.exp_aco .tit .icon i {width: 2.791vw; height: 2.719vw; background-image: url(../img_v2/up_gray.svg);} 
article.exp_aco .tit .icon i.down {transform:rotate(180deg);} 
article.exp_aco .tit .icon i.up {transform:rotate(0deg);} 
article.exp_aco .txt {display: flex; align-items: flex-start; word-break: keep-all; color: #636363; font-size: 0.937rem; margin-top: 4.166vw;} 
article.exp_aco .txt p {margin-right: 2vw;} 

/* 보안문자 입력팝업 center 레이아웃 */
.popup.bottom .secury.center .entry_wrap {display: flex; justify-content: center;} 
.popup.bottom .secury.center .img img {width: 45vw; height: 19.027vw; border: 1px solid #000;} 
.popup.bottom .secury.center .input_wrap .entry input {text-align: center;} 
.pop_btn_fix {position: fixed; left:0; bottom: 0; width: 100%;} 
.popup .account_input {padding: 10vw 0;} 
.popup .account_input input {font-weight: 600; font-size: 1.5rem;} 
.popup .account_input input::placeholder {color: #ccc;} 

/* ######### CCA030 ######### */
.card_connect_wrap section.identi_wrap {padding: 0 5.555vw;} 
.identi_wrap {height: 100%;} 
.identi_wrap header.main_tit {margin-bottom: 15.277vw;} 
.identi_wrap header.main_tit h1.txt01 {font-weight: 600; color: #222; font-size: 1.625rem; margin-bottom: 4.583vw;} 
.identi_wrap header.main_tit h2.txt01 {color: #b2b2b2; font-size: 1.062rem;} 
.identi_wrap .content article {margin-bottom: 10.416vw;} 
.identi_wrap .content article .tit h1 {font-size: 0.812rem; color: #6d6d6d;} 
.identi_wrap .content article.name .input_wrap,
.identi_wrap .content article.birth .input_wrap, 
.identi_wrap .content article.email .input_wrap {padding: 1.666vw 0 2.222vw; border-bottom: 1px solid #e3e3e3; font-weight: 600; font-size: 1.25rem; display: flex;} 

.identi_wrap .content article.birth .input_wrap {display: flex;} 
.identi_wrap .content article.birth .input_wrap input {width: 44.388vw;} 
.identi_wrap .content article.birth .input_wrap .num.long input {width: initial;} 
.identi_wrap .content article .input_wrap input::placeholder {color: #ccc; font-weight: 500;} 
.identi_wrap .content article.birth .input_wrap span {margin-right:1vw;} 
.identi_wrap .content article.birth .input_wrap .pass {display: flex; align-items: center;} 
.identi_wrap .content article.birth .input_wrap .pass input {width: 6vw;} 
.identi_wrap .content article.birth .input_wrap .pass .secret {font-size: 0.75rem; color: #cfcfcf;} 

.identi_wrap .content article.phone .item {display: flex; align-items: center; border-bottom: 1px solid #e3e3e3; padding:1vw 0 2.083vw; font-weight: 600;} 
.identi_wrap .content article.phone .item .select {display: flex; align-items: center; justify-content: space-between; width:16.805vw; margin-right: 4.444vw;} 
.sign .content article.cont_wrap .cont.active {border-color: #000;} 
.identi_wrap .content article.phone .item .select i {width: 2.5vw; height: 1.527vw; background-image: url(../img_v2/down.svg);} 
.identi_wrap .content article.phone .item .input_wrap input {width:44vw; font-size: 1.25rem;} 


/* ##### CCA040 #### */
/* 아이디 만들기 & 비밀번호 만들기*/
section.sign {padding: 0 5.555vw;} 
.sign header.main_tit {margin-bottom: 15.277vw;} 
.sign header.main_tit h1.txt01 {font-size: 1.625rem; color: #222; font-weight: 600; padding-bottom: 4.444vw; line-height: 1.3;} 
.sign header.main_tit h2.txt01 {font-size: 1.062rem; color: #8b8e93;} 
.sign header.main_tit h2.txt01 p {font-size: 0.937rem; margin-top: 1vw;} 
.sign header.main_tit h2.txt01 em {margin-left: 2.777vw;} 
.sign .content article.cont_wrap .cont {border-bottom: 1px solid #e3e3e3; padding-bottom: 1.25vw; margin-bottom: 2.083vw;} 
.sign .content article.cont_wrap .cont .cont_tit .txt01 {color: #6d6d6d; font-size: 0.812rem;} 
.sign .content article.cont_wrap .cont .item {display: flex; align-items: center;} 
.sign .content article.cont_wrap .cont.active button.mini.typeB {background-color:#25594d; color: #fff;} 
.sign .content article.cont_wrap .cont.active .btn i {display: block;} 
.sign .content article.cont_wrap .cont .btn i {display: none;} 
.sign .content article.cont_wrap.error .cont {border-color: #ff5858;} 
.sign .content article.cont_wrap.success .cont {border-color: #5d72dc;} 

.sign .content article.cont_wrap .info_01 {display:none;} 
.sign .content article.cont_wrap .info_02 {display:none;} 
.sign .content article.cont_wrap.error .info_01 {display: block; color: #ff4a4a; font-size: 0.812rem;} 
.sign .content article.cont_wrap.error .info_02 {display: none;} 
.sign .content article.cont_wrap.success .info_02 {display: block; color: #5d72dc; font-size: 0.812rem;} 
.sign.id_make .cont_wrap {margin-bottom: 1.52vw;} 
.card_connect_wrap .warn {display: flex; padding-top: 4.166vw;} 
.card_connect_wrap .warn .icon i {background-image: url(../img_v2/info_gray.svg); width: 4.166vw; height: 4.166vw; margin-right: 1.388vw;} 
.card_connect_wrap .warn .desc {font-size: 0.75rem;} 
.card_connect_wrap .warn .desc h1 {color: #8a8a8b; margin-bottom: 1.388vw;} 
.card_connect_wrap .warn .desc p {color: #bababa;} 

.sign .content article.id_wrap .item .select span {font-size: 0.937rem; margin-right: 3.055vw;} 
.sign .content article.cont_wrap .item .input_wrap {display: flex;} 
.sign.pw_make .content article.cont_wrap .item .input_wrap, 
.sign.id_make .content article.cont_wrap .item .input_wrap {margin-right: auto; margin-left: 2.63vw;} 
.sign .content article.cont_wrap .item .input_wrap input {max-width: 46vw; font-weight: 600; font-size: 1.25rem;} 
.sign.pw_make .content article.cont_wrap .cont .item .input_wrap input {max-width: 60vw;} 
.sign .content article.cont_wrap .item .input_wrap input::placeholder {color:#ccc; font-weight: 500;} 
.sign .content article.cont_wrap .item .btn {display: flex; align-items: center;} 
.sign .content article.cont_wrap .item .btn i {background-image: url(../img_v2/del_gray.svg); width: 5.555vw; height: 5.555vw; margin-right: 3.2vw;} 

/* 홈택스 수집하기 상단 토스트 메시지 */
.card_connect_wrap .sign-toast_info span.name {max-width: 34vw;} 
.sign-toast_info .text i {width: 8.333vw; height: 3.611vw; background-image: url(../img_v2/free_60x26.svg); margin-right: 1.666vw;} 
.sign-toast_info {background-color: #4e4e4e; border-radius: 2.222vw; padding: 2.5vw 3.611vw; display: flex; margin-bottom: 4.166vw; width: calc(100vw - 11.111vw); box-sizing: border-box; 
} 
.sign-toast_info .icon i {width: 3.611vw; height: 4.166vw; background-image: url(../img_v2/y_bell.svg); margin-right: 2.222vw;} 
.sign-toast_info .text {display: flex; align-items: center;} 
.sign-toast_info span.name {font-size: 0.812rem; color: #fff200;} 
.sign-toast_info span.desc {font-size: 0.75rem; color: #fff; margin-left: 1.666vw;} 
.sign-toast_info .btn_wrap {margin-left: auto;} 
.sign-toast_info .btn_wrap .down_btn {margin:-3vw; padding: 3vw;} 
.sign-toast_info .btn_wrap .down_btn i {width: 2.777vw; height: 2.222vw; background-image: url(../img_v2/semo_down_w_20x16.svg);} 
.sign-toast_info.is-active .icon i {animation:ring 1.35s linear infinite;} 

/* ##### CHA000 ##### */
/* 카드선택 */
section.banking_choice {padding: 0 5.555vw;} 
.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; grid-gap: 10.555vw 0;} 
.banking_choice .banking_wrap .bankings {margin-top: 12.5vw;} 
.banking_choice .banking_wrap .bankings .bank_tit {font-weight: 600; margin-bottom: 6.944vw;} 
.banking_choice .banking_wrap .banking_list .banking i.gray + .bk_name {color: #959595; font-weight: 500;} 
.banking_choice .banking_wrap .banking_list .banking .bk_name {font-weight: 600; color: #222; margin-top: 3.611vw; text-align: center;} 


/* 기타 */
.banking_choice .banking_wrap.list_03 .banking_list {grid-gap: 6vw; padding: 6.944vw 2.638vw 0;} 
.banking_choice .banking_wrap .banking_list .banking .other {border-radius: 4.5px; border: 1px solid #484848; height: 13.888vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center;} 

.banking_choice .banking_wrap .banking_list .banking .other.active {border: none; background-color: #12997a;} 
.banking_choice .banking_wrap .banking_list .banking .other.active p {color: #fff;} 
.banking_choice .banking_wrap .banking_list .banking .other p {color: #222; font-weight: 600;} 
.banking_choice .banking_wrap .banking_list .banking .other.small p {font-size: 0.875rem; line-height: 1.3;} 
.banking_choice.bank .btn_center_l {margin-top: 10vw; margin-bottom: -5.555vw;} 
.banking_choice.bank .banking_wrap .banking_list {padding-bottom: 2.77vw;} 

/* ########## 직원관리 샘플 ############### */
/* C602(1) jin - sample page */
.padding_wrapper20.sample_wrap {position: relative; z-index: 1;} 
.padding_wrapper20.sample_wrap .sample {position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; background: url(../img_v2/sample.png) repeat center / contain; background-color: #eee; opacity: 0.3; z-index: -1;} 
.padding_wrapper20.sample_wrap .sample ~ .content_list_wrapper {height: 100%; padding-bottom: 46vw;} 
.btn_bottom_fix .active_button {width: unset; margin: 0 20px 20px 20px;} 
.bd_n {border: none !important;} 
.ico_cont.plus_01 {background-image: url(../img_v2/plus.svg);} /* 두번째 btn_sample .ico_cont 에 추가됐어요 */
.btn_bottom_fix .btn_sample .ico_cont.plus_01 {width: 4.444vw; height: 4.444vw; margin-right: 2.5vw;} 
.btn_bottom_fix .btn_sample u {font-weight: 600;} 
.btn_bottom_fix .btn_sample em {font-size: 1.187rem;} 
.ico_cont.info_02 {background-image: url(../img_v2/info_02.svg);} 

/* C602_pop(1) jin - sample page */
.popup_bg.resist .popup {width: 100%; margin: 0 20px; padding-top: 10.555vw; z-index: 100;} 
.popup_bg.resist .popup .alret_text b {margin-bottom: 8.333vw; font-size: 1.437rem;} 
.popup_bg.resist .popup .alret_text span {font-size: 1.062rem;} 
.popup_bg.resist .popup .btm_button {margin-top: 10.555vw;} 
.popup_bg.resist .popup .btm_button span {font-weight: 500;} 
.c_gray02 {color: #888 !important;} 

/* C604-1(1) jin - sample page */
.staff_detail_wrap {position: relative;} 
.staff_detail_wrap .sample {position: absolute; width: 100%; height: calc(100% + 11.111vw); top: 0; left: 0; box-sizing: border-box; background: url(../img_v2/sample.png) repeat center / contain; background-color: #eee; opacity: 0.3; z-index: 1;} 

/* C654(1) jin - sample page */
.pay_content_wrap, .pay_write_req_con {position: relative;} 
.pay_content_wrap > .sample, .pay_write_req_con .sample {position: absolute; width: calc(100% + 12.5vw); height: 60%; top: -9.722vw; left: -6.25vw; box-sizing: border-box; background: url(../img_v2/sample.png) repeat center / contain; background-color: #eee; opacity: 0.3; z-index: 14;} 
.pay_write_req_con .sample {height: calc(100% + 37.555vw);} 
.pay_write_req_con .sample ~ textarea {color: #222;} 

/* C669(1) jin - sample page */
.pl_btn .origin {display: block;} 
.pl_btn.sample .origin {display: none;} 
.pl_btn .replace {display: none;} 
.pl_btn.sample .replace {display: block; font-size: 0.875rem; background-color: #fff; color: #222; border: 1px solid #000;} 

/* C670(1) jin - sample page */
.paystub.sample {border: 1px solid #e1e1e1; background-color: transparent;} 
.paystub.sample .paystub_text_wrap span {color: #cecece;} 
.paystub.sample .paystub_img01 {filter: grayscale(1); opacity: 0.2;} 

/* C679(1) jin - btn */
.basic_wrapper.pay .btm_button.half_btn {padding: 0;} 
.basic_wrapper.pay .btm_button.half_btn .left {margin: 0; border-radius: 0; color: #adb0b7;} 

/* C679_3(1) jin - sample page */
.pay_write_result .sample {position: absolute; width: calc(100% + 12.5vw); height: 80%; top: 0; left: -6.25vw; box-sizing: border-box; background: url(../img_v2/sample.png) repeat center / contain; background-color: #eee; opacity: 0.3;} 
.pay_write_employee.payroll > span.omission.none::after {content: none;} 
/* C679_3(1) jin - btn */
.btn_bottom_fix {position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 22; background-color: #f4f5f7; box-sizing: border-box;} 
.btn_bottom_fix .btn_sample {font-size: 0.812rem; display: flex; align-items: center; margin: 8.611vw auto; width: fit-content;} 
.btn_bottom_fix .btn_sample.bd_n {padding: 2.5vw 4.166vw;} 
.btn_bottom_fix .btn_sample .ico_cont {width: 15px; height: 15px; margin-right: 4px;} 
.btn_bottom_fix .btm_button .half_right {display: none;} 

/* CMR000 */
.report_tab.swiper {box-sizing: border-box; padding: 0 5.555vw;} 
.report_tab.swiper .rt_list.swiper-wrapper {padding: 1.388vw 0 0;} 
.report_tab.swiper .rt_list.swiper-wrapper > div {padding: 0;} 
.report_tab.swiper .rt_list.swiper-wrapper .jindan {padding: 2vw 2.777vw; justify-content: center;} 

/* C681(1) jin - sample page */
.payslip {position: relative;} 
.payslip .sample {content: ''; position: absolute; width: calc(100% + 12.5vw); height: calc(100% - 47.7vw); top: 0; left: -6.25vw; background: url(../img_v2/sample.png) repeat center / contain; opacity: 0.3; background-color: #eee; z-index: 1;} 

/* EX1 */
.pri_ser {padding-top: 10.972vw; height: calc( 100vh - 24.372vw ); display: flex; flex-direction: column; justify-content: space-between;} 
.pri_ser article {border-radius: 8px; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.05); background-color: #fff; padding: 6.111vw 5.555vw; display: flex; align-items: center; justify-content: space-between; margin-bottom: 4.166vw;} 
.pri_ser article.item01 {position: relative; background-color: #249078;} 
.pri_ser article.item01 .tooltip {position: absolute; border: 2px solid #25594d; background-color: #fff; border-radius: 26px; padding: 1.2vw 10vw; font-size: 0.875rem; top: -11%; left: 50%; transform: translateX(-50%); width: fit-content;} 
.pri_ser article.item01 h1, .pri_ser article.item01 h2 {color: #fff;} 
.pri_ser article h1 {font-size: 1.437rem; font-weight: 600; padding-bottom: 3.611vw;} 
.pri_ser article h2 {font-size: 0.812rem; line-height: 1.5; color: #a1a1a1;} 
.pri_ser article .icon i {width: 15.277vw; height: 15.277vw;} 
.pri_ser article.item01 .icon i {background-image: url(../img_v2/ico_card.svg);} 
.pri_ser article.item02 .icon i {background-image: url(../img_v2/ico_more.svg);} 
.pri_ser .button {padding-bottom: 13.888vw;} 
.pri_ser .clause {border-radius: 26px; border: 1px solid #9d9d9d; font-size: 1.062rem; color: #9d9d9d; text-align: center; padding: 3.472vw 0; margin-bottom: 6.388vw;} 
.pri_ser .cancle {text-align: center; color: #6d6d6d; font-size: 0.937rem;} 
.pri_ser .cancle span {margin:-20px; padding: 20px;} 

/* ######### 인증서 하이패스 ############ */
/* CCE000 */
.highpass_guide {padding: 13.4vw 5.555vw 27.777vw;} 
.highpass_guide .main_tit {padding-top: 4.166vw; margin-bottom: 11.111vw;} 
.highpass_guide .main_tit .txt01 {font-weight: 600; font-size: 1.625rem; color: #222; line-height: 1.3;} 
.highpass_guide .main_tit .txt01 em {font-weight: 600; box-shadow: inset 0 -15px 0 #fff200;} 
.guide_view_wrap {margin-bottom: 15.555vw;} 
.guide_view {background-color: #f5f5f5; border: 1px solid #bfbfbf; border-radius: 16px; padding: 3.472vw; box-sizing: border-box; position: relative;} 
.guide_view.num_01 .img {justify-content: space-between; align-items: flex-end;} 
.guide_view.num_01 .img .txt {font-size: 1.25rem; color: #0088ff; padding-bottom: 10px;} 
.guide_view.num_02 {padding-top: 6.527vw; padding-bottom: 3.888vw;} 
.guide_view::after {width: 0.555vw; height: 15.555vw; position: absolute; content: ''; display: block; bottom: -15.555vw; left:5.555vw; background-image: url(../img_v2/dotted_b.png); background-size: contain;} 
.guide_view.num_04:after {display: none;} 
.guide_view.num_02 .tit {margin-bottom: 3.75vw;} 
.guide_view .order i {width: 6.944vw; height: 6.944vw;} 
.guide_view.num_01 .order i {background-image: url(../img_v2/num01_high.svg);} 
.guide_view.num_02 .order i {background-image: url(../img_v2/num02_high.svg);} 
.guide_view.num_03 .order i {background-image: url(../img_v2/num03_high.svg);} 
.guide_view.num_04 .order i {background-image: url(../img_v2/num04_high.svg);} 
.guide_view .tit {margin-top: 2.5vw;} 
.guide_view .tit .txt01 {font-weight: 600; font-size: 1.25rem; color: #222; line-height: 1.4;} 
.guide_view .tit .txt01 .point {color: #0088ff;} 
.guide_view .img {display: flex; justify-content: flex-end; margin-right: -3.472vw;} 
.guide_view.num_01 .img i {width: 53.75vw; height: 29.444vw; background-image: url(../img_v2/high_01.svg);} 
.guide_view.num_02 .img {margin: 0 -3.472vw; justify-content: center;} 
.guide_view.num_02 .img i {width: 84.027vw; height: 99.444vw; background-image: url(../img_v2/high_02.png);} 
.guide_view.num_03 .img i {width: 56.805vw; height: 20.833vw; background-image: url(../img_v2/hg_03_blue.svg);} 
.guide_view.num_04 .img i {width: 38.333vw; height: 15.5554vw; background-image: url(../img_v2/hg_04.svg);} 
.guide_view .info {background-color: #fff; border-radius: 10px; border: 1px solid #b7b7b7; padding: 4.166vw; font-weight: 600; font-size: 0.937rem;} 
.guide_view .qna {margin: 0 -1.8vw; border-radius: 2.777vw; background-color: #fff; 
 border: 1px solid #b7b7b7; padding: 6vw 2.5vw;} 
.guide_view .qna li {margin-bottom: 9.166vw;} 
.guide_view .qna li.qna_03 {margin-bottom: 0;} 
.guide_view .qna .qna_tit {color: #0088ff; font-size: 0.937rem;} 
.guide_view .qna li > div {display: flex;} 
.guide_view .qna li .qna_tit {font-size: 0.9375rem; margin-bottom: 2vw;} 
.guide_view .qna li .qna_cont {font-size: 0.875rem; line-height: 1.5;} 
.guide_view .qna li em {margin-right: 0.8vw;} 

.highpass_guide .content .banner {display: block; padding-bottom: 43.5vw; margin: 27.777vw -5.555vw 0;} 
.highpass_guide .content .banner_wrap {position: relative;} 
.highpass_guide .content .banner-top {position: absolute; background-color: #ffb623; height:84.305vw; width: 100%;} 
.highpass_guide .content .banner-bottom {padding: 0 5.555vw;} 
.highpass_guide .content .banner-bottom .sos_wrap {height:106.111vw; width: 100%; position: relative; top: 9.055vw;} 
.highpass_guide .content .banner-bottom .sos_wrap .img {display: flex; justify-content: center;} 
.highpass_guide .content .banner-bottom .sos_wrap .img i {width: 22.361vw; height: 24vw;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info {background-color: #fff; border-radius: 16px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.16); padding: 9.166vw 8.611vw 8.6vw; box-sizing: border-box;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .tit {text-align: center;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .tit h1.txt01 {color: #ff8b3d; font-size: 1.875rem; font-weight: 600; margin-bottom: 4.444vw;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .tit p.txt01 {font-weight: 600; color: #222; font-size: 1.437rem;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .sos_list_wrap {margin-top: 10.416vw;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .sos_list {display: flex; align-items: center; justify-content: center; height: 12.5vw; border: 1px solid #bfbfbf; border-radius: 8px; box-sizing: border-box; background-color: #f9f9f9; margin-bottom: 3.611vw;} 
.highpass_guide .content .banner-bottom .sos_wrap .sos_info .sos_list p {font-size: 0.937rem;} 

/* CCE010 */
.highpass_main {background-color: #f4f5f7;} 
.cce010-top {padding: 4.5833vw 5.555vw 6.388vw;} 
.cce010-header {display: flex; justify-content: flex-end;} 
.cce010-header .btn-area button {padding: 3vw; margin: -3vw;} 
.cce010-header .btn-area button i {width: 5.555vw; height: 5.555vw; background-image: url(../img_v2/close.png);} 
.cce010-header .btn-area button.headset i {margin-right: 5.555vw; background-image: url(../img_v2/headset_01.svg);} 
.cce010-title {padding-top: 8.333vw;} 
.cce010-title h1 {font-size: 1.5rem; font-weight: 600;} 
.highpass_main .rf_list:last-child {border:none;} 

 /* CCE050 */
 .cce050 {padding: 0 5.555vw;} 
 .cce050 .content-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 10vw;} 
 .cce050 .content-wrap .cover {margin: 5.834vw 0 8.055vw;} 
 .cce050 .content-wrap .cover i {width: 26.666vw; height: 26.666vw; background-image: url(../img_v2/search.gif);} 
.cce050 .content-wrap .desc {text-align: center;} 
.cce050 .content-wrap .desc .main-text span {font-size: 1.5625rem; font-weight: 600; color: #222; line-height: 1.5;} 
.cce050 .content-wrap .desc .sub-text {font-size: 1.1875rem; line-height: 1.5;} 
.cce050 .content-wrap .desc .sub-text .txt01 {color: #8a8a8b;} 
.cce050 .content-wrap .desc .sub-text .txt02 {color: #0088ff;} 
.cce050 .result-wrap {margin-bottom: 18.055vw;} 
.cce050 .result-wrap .result-top {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.cce050 .result-wrap .desc {text-align: center;} 
.cce050 .result-wrap .desc .main-text {margin-bottom: 3.055vw;} 
.cce050 .result-wrap .desc .main-text .txt01 {font-weight: 700; font-size: 1.5625rem;} 
.cce050 .result-wrap .desc .sub-text .txt01 {font-size: 1.125rem;} 
.cce050 .result-wrap .checkmark-circle .background {background-color: #0088ff;} 
.assert_list_wrap {padding: 0 5.555vw 13.333vw; background-color: #f4f5f7;} 
.assert_list {border-radius: 8px; background-color: #fff; border: 1px solid #0088ff; margin-bottom: 3.333vw; padding: 5.555vw;} 
.assert_list .assert_tit {display: flex; align-items: center; justify-content: space-between;} 
.assert_tit.line {border-bottom: 1px solid #f4f5f7; padding-bottom: 4.166vw;} 
.assert_list.is-unconnect .assert_choice_tooltip.info {padding-top: 3.055vw;} 
.assert_list .assert_tit .tit_left p {font-weight: 600; font-size: 1.3125rem;} 
.assert_list .assert_tit .tit_right {display: flex; align-items: center;} 
.assert_list .assert_tit .tit_right .number p {font-size: 1.187rem;} 
.assert_list .assert_tit .tit_right .arr_btn i {width: 4.166vw; height: 2.5vw; background-image: url(../img_v2/down_round.svg); margin-left: 4.027vw;} 
.assert_list .assert_tit .tit_right .arr_btn i.up {transform: rotate(180deg);} 
.assert_list.is-unconnect .assert_content {display: none;} 
.assert_list .assert_choice_tooltip.info {display: none;} 
.assert_list.is-unconnect .assert_choice_tooltip.info {display: flex;} 
.assert_list .assert_content.bank {margin-bottom: -2.777vw;} 
.assert_list .assert_content .item_box {padding-top:7.222vw;} 
.assert_list .assert_content .item_box .item_tit {display: flex; align-items: center;} 
.assert_list .assert_content .item_box .item_tit .logo i {width: 6.944vw; height: 6.944vw; margin-right: 1.666vw;} 
.assert_list .assert_content .item_box .item_tit .name p {font-weight: 600; font-size: 1.187rem;} 
.assert_list .assert_content .item_box .item .item_list {display: flex; align-items: center; justify-content: space-between;} 
.assert_list .assert_content .item_box .item_tit {margin-bottom: 5.833vw;} 
.assert_list .assert_content .item_box .item .item_list {margin-bottom: 7.222vw;} 
.assert_list .assert_content .item_box .item .item_list .info .number {font-size: 1.187rem; margin-bottom: 1.25vw;} 
.assert_list .assert_content .item_box .item .item_list .info .txt {color: #717171; max-width: 55vw; font-weight: 400;} 
.assert_list .assert_content .item_box .item .item_list .assert_state .register p, .assert_choice_complete .state p {color: #12997a;} 
.assert_list .assert_content .item_box .item .item_list .assert_state .register .fail,
.assert_choice_complete .state p.fail {color: #ff5858; text-decoration: underline;} 
.assert_list .assert_content .item_box .item .item_list .assert_state .register .ongoing,
.assert_choice_complete .state p.ongoing {color: #0088ff;} 

.assert_choice.double {margin-top: 6.527vw;} 
.assert_choice.double .assert_choice_content:first-child {margin-bottom: 6.25vw;} 
.assert_choice_content {display: flex; justify-content: space-between; align-items: center;} 
.assert_choice_tooltip {display: flex; margin-top: 3.055vw} 
.assert_choice_tooltip i {width: 4.166vw; height: 4.166vw; margin-right: 1.111vw;} 
.assert_choice_tooltip p {font-size: 0.75rem;} 
.assert_choice_tooltip i.info_gray + p {color: #8a8a8b;} 
.assert_choice_tooltip p {font-size: 0.812rem; color: #0088ff;} 
.assert_choice_content .term p {font-size: 1.125rem; font-weight: 400;} 
.assert_choice_content .term p.active {font-weight: 600;} 
.assert_choice_complete {display: flex; align-items: center; justify-content: space-between; margin-top: 6.388vw;} 
.assert_choice_complete .name p {font-size: 1.125rem; font-weight: 600;} 
.highpass_footer .report_foot {background-color: #fff; color: #000; padding: 12.777vw 4.166vw 38vw} 
.highpass_footer .report_foot .rf_tit {color: #000;} 
.highpass_footer .report_foot .rf_tit i {width: 6.111vw; height: 6.111vw; background-image: url(../img_v2/ico_i_black.svg);} 
.highpass_footer .report_foot .rf_list {border-color: #000;} 
.highpass_footer .rf_list_tit em {margin-left: 19px;} 
.highpass_footer .rl_item {line-height: 1.5; color: #85888d;} 
.highpass_footer .rl_btn {color: #fff200;} 

/* CCE030 */
.highpass_result {min-height: calc(100vh - 13.4vw); display: flex; flex-direction: column; justify-content: space-between; background-color: #fff;} 
.highpass_result .result_header {margin: 4.166vw 0 2.777vw; padding: 0 5.555vw; 
} 
.highpass_result .result_header .state-info {background-color: #f4f5f7; border-radius: 3.2vw; padding: 5.555vw;} 
.highpass_result .result_header .state-info .tit {display: flex; align-items: center; 
 margin-bottom: 3.888vw;} 
.highpass_result .result_header .state-info .tit i {margin-right: 3.333vw; width: 8.333vw; height: 8.333vw; background-image: url(../img_v2/clock_60x60.png);} 
.highpass_result .result_header .state-info.is-fail .tit i {background-image: url(../img_v2/clock_b_60x60.png);} 
.highpass_result .result_header .state-info .tit h1 {font-weight: 600; font-size: 1.375rem;} 
.highpass_result .result_header .state-info .desc p {color: #8a8a8b; font-size: 0.937rem; line-height: 1.5;} 
.highpass_result .highpass_content {padding-bottom: 44.175vw;} 
.highpass_result .assert_list {border: none;} 
.highpass_result .assert_list .assert_tit {border-bottom: 1px solid #c1c1c1; padding-bottom: 4.166vw;} 
.highpass_result .assert_choice_complete {margin-top: 4.166vw;} 
.highpass_result .assert_list .assert_tit .tit_right .number p {font-weight: 600; font-size: 1.3125rem;} 
.result_footer {padding: 0 5.555vw 8vw; box-sizing: border-box;} 
.result_footer .assert_choice_tooltip {margin-bottom: 6.8vw;} 
.highpass_result .double_rd.active {background-color: #0088ff; font-size: 1.062rem;} 
.highpass_wrap .double_rd {color: #000;} 

/* CCE030 시간경화 화면*/
section.timeout {min-height: calc(100vh - 13.4vw); padding: 0 5.555vw; display: flex; flex-direction: column; justify-content: space-between;} 
section.timeout .timeout_content {margin-top: 13.888vw; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10.555vw;} 
section.timeout .timeout_content .timeout_title h1 {font-weight: 700; font-size: 2.062rem; color: #222;} 
section.timeout .timeout_content .timeout_cover i {width: 33.333vw; height: 33.333vw; background-image: url(../img_v2/clock.png);} 
section.timeout .timeout_content .timeout_desc p {color: #85888d; font-size: 1.125rem; text-align: center; line-height: 1.5;} 
section.timeout .timeout_footer {padding-bottom: 8vw;} 

/* CCE040 */
.cce040-top {background-image: url(../img_v2/cce040-cover_02.png); background-size: 41.666vw 41.666vw; background-position: right bottom; background-repeat: no-repeat; height: 41.666vw; margin:3.75vw 0 6.111vw; padding: 0 5.555vw;} 

/* 연결하기 버튼추가 1025 */
.cce040 .connect-button_wrap {padding: 0 5.555vw; margin: 4.444vw 0;} 
.cce040 .connect-button_wrap .link_button {border-radius: 4.166vw; background-color: #f5f7f8; padding: 4.444vw 5.555vw; display: flex; align-items: center; justify-content: space-between;} 
.cce040 .connect-button_wrap .link_button .left_area {display: flex; align-items: center;} 
.cce040 .connect-button_wrap .link_button .left_area .icon i {width: 9.722vw; 
 height: 9.722vw; margin-right: 2.777vw;} 
.cce040 .connect-button_wrap .link_button .desc h2 {font-weight: 600;} 
.cce040 .connect-button_wrap .link_button .desc span {color: #ababab; font-size: 0.8125rem; font-weight: 400;} 
.cce040 .connect-button_wrap .link_button .right_area button i {width: 2.5vw; 
 height: 4.166vw; background-image: url(../img_v2/arr_b_30x18.svg);} 

.cce040-top_title i {width: 66.944vw; height: 8.611vw; background-image: url(../img_v2/cce040-cover_01.svg);} 
.cce040-top_desc {margin-top: 6.666vw;} 
.cce040-top_desc span {color: #8a8a8b; line-height: 1.5;} 
.cce040-top_desc span em {box-shadow: inset 0 -10px 0 #fff200; color: #8a8a8b;} 
.cce040-content {padding: 0 5.555vw 5vw; border-bottom: 9px solid #f8f9fb;} 
.cce040-content .list_wrap .list {display: flex; align-items: center; padding: 5vw 0;} 
.cce040-content .list_wrap .list .desc {display: flex; align-items: center;} 
.cce040-content .list_wrap .list .desc .tit {color: #0088ff; font-size: 1.1875rem; margin-right: 1.111vw;} 
.cce040-content .list_wrap .list .icon {margin-right: 3.6vw;} 
.cce040-content .list_wrap .list .icon i {width: 11.111vw; height: 11.111vw;} 
.cce040-content .list_wrap .item_01 .icon i {background-image: url(../img_v2/ico-high_01.svg);} 
.cce040-content .list_wrap .item_02 .icon i {background-image: url(../img_v2/ico-high_02.svg);} 
.cce040-content .list_wrap .item_03 .icon i {background-image: url(../img_v2/ico-high_03.svg);} 
.cce040-content .list_wrap .item_04 .icon i {background-image: url(../img_v2/ico-high_04.svg);} 
.cce040-content .list_wrap .item_05 .icon i {background-image: url(../img_v2/ico-high_05.svg);} 
.cce040-content .list_wrap .item_06 .icon i {background-image: url(../img_v2/ico-high_06.svg);} 
.highpass_wrap .info-box {margin: 3.333vw 0 7.777vw ; display: flex; align-items: flex-start; border-radius: 3.333vw; 
 background-color: #f5f7f8; padding: 5vw 5.555vw;} 
.highpass_wrap .info-box .icon i {width: 4.166vw; height: 4.166vw; background-image: url(../img_v2/info_gray.svg); 
 margin-right: 1.388vw; margin-top: 0.833vw;} 
.highpass_wrap .info-box .desc {color: #8a8a8b; font-size: 0.875rem; line-height: 1.5;} 
.highpass_wrap .rf_list_tit i {width: 3.472vw; height: 2.222vw; background-image: url(../img_v2/arr_up_b_25x16.svg); 
 transform: rotate(180deg);} 
.highpass_wrap .rf_list_tit i.up {transform: rotate(360deg);} 

/* .cce040 .rf_tit i {
 width: 6.111vw; 
 height: 6.111vw; 
 background-image: url(../img_v2/ico_i_black.svg); 

} 
.cce040 .highpass_footer .report_foot {
 background-color: #fff; 
 color: #000; 
} 
.cce040 .highpass_footer .report_foot .rf_tit {
 color: #000; 
} 
.cce040 .highpass_footer .report_foot .rf_list {
 border-color: #000; 
} 
.cce040 .highpass_footer .report_foot .rl_item {
 color: #85888d; 
} */
.cce040 .highpass_footer .rf_list:last-child {border-bottom: none;} 



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

/* 약관동의 */
.agree_wrap {margin-top: 6.111vw; padding-bottom: 18.055vw;} 
.agree_wrap .all_wrap {margin: 0 6.111vw; padding-bottom: 5.902vw; border-bottom: 1px solid #c8c8c8; margin-bottom: 6.041vw;} 
.agree_wrap .all_wrap .all {display: flex; align-items: center; width: fit-content;} 
.agree_wrap .all_wrap .all_checkbox {margin-right: 4.444vw;} 
.agree_wrap .all_wrap .all_checkbox input[id=all_check] {display: none;} 
.agree_wrap .all_wrap .all_checkbox label[for=all_check] {width: 8.333vw; height: 8.333vw; border: 1px solid #7b7b7b; border-radius: 50%; display: inline-block;} 
.agree_wrap .all_wrap .all_checkbox input[id=all_check]:checked ~ label[for=all_check] {border-color: transparent; background: url(../img_v2/check_w.svg) no-repeat center; background-size: 5.5vw; background-color: #17bf98} 
.agree_wrap .all_wrap em {font-weight: 600; font-size: 1.312rem; color: #000;} 
.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: 1.666vw;} 
.agree_wrap .each_wrap .each .left .inner input {display: none;} 
.agree_wrap .each_wrap .each .left .inner label {display: inline-block; width: 5.013vw; height: 3.458vw; background: url(../img_v2/check_01.png) no-repeat center / contain;} 
.agree_wrap .each_wrap .each .left .inner input:checked ~ label {background-image: url(../img_v2/semo_check.svg);} 
.agree_wrap .each_wrap .each .left .inner .ico_cen.check_01 {width: 5.013vw; height: 3.458vw; background-size: contain;} 
.agree_wrap .each_wrap .each .right {width: 100%;} 
.agree_wrap .each_wrap .each .right .main {display: flex; justify-content: space-between; align-items: center;} 
.agree_wrap .each_wrap .each .right .main {margin-bottom: 4.527vw;} 
.agree_wrap .each_wrap .each .right .main p {font-size: 1.062rem; color: #000;} 
.agree_wrap .each_wrap .each .right .main p em {font-size: 0.875rem;} 
.agree_wrap .each_wrap .each .right .main p em.choice {color: #a8a8a8;} 
.agree_wrap .each_wrap .each .right .main .ico_cen {width: 1.944vw; height: 3.055vw; background-size: contain;} 
.agree_wrap .each_wrap .each .right .main b {font-size: 0.875rem; color: #a8a8a8; font-weight: 500;} 
.agree_wrap .each_wrap .each .right .sub_box {display: none;} 
.agree_wrap .each_wrap .each .right .sub_box .sub p {color: #a8a8a8; font-size: 0.875rem; text-decoration: underline; margin-bottom: 3.333vw;} 
.agree_wrap .each_wrap .each .right .sub_box .sub p:last-child {margin-bottom: 4.583vw;} 

/* 약관동의 active */
.agree_wrap .each_wrap .each.active .right_bold {transform: rotate(-90deg);} 

/*************** SB004_세모장부 회원가입 리뉴얼_SSU100 약관동의 ***************/
.terms-wrap.popup_whole {position: static;} 
.terms-wrap.popup_whole section.clause article.content {padding: 0 5.555vw;} 
.terms-wrap.popup_whole .bot_fix_pd20 {position: static; padding: 8.333vw 5.555vw;} 
.terms-wrap.popup_whole section.clause article.content ul.text_wrap li.text {padding-bottom: 5.555vw;} 
.terms-wrap.popup_whole section.clause article.content ul.text_wrap li.text .number {font-size: 0.75rem;} 
.terms-wrap.popup_whole section.clause article.content ul.text_wrap li.text .number.ten {font-size: 1.187rem;} 

/*************** SB004_세모장부 회원가입 리뉴얼_SSU10A 개인정보 수집·이용 동의 ***************/
.common_table {border: solid 1px #a9adb5; margin-bottom: 5.555VW;} 
.common_table th {padding: 1.666VW 0; background-color: #06346c; text-align: center; font-size: 1rem; font-weight: 600; line-height: 1.47; letter-spacing: -0.088vw; color: #ffffff;} 
.common_table td {padding: 2.5vw 0; border: solid 1px #a9adb5; font-size: 0.75rem; 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;} 

/*************** SB004_세모장부 회원가입 리뉴얼_SSU110 통신사 이용약관 동의 ***************/
.mobile-carrier-box {margin: 6.944vw 0 5.555vw; display: flex; justify-content: space-between; align-items: center;} 
.mobile-carrier {padding: 1.527vw 0; text-align: center; width: 32%; border-radius: 1.111vw; box-shadow: 0 0.555vw 1.111vw 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; font-size: 1.062rem; line-height: 1.47; letter-spacing: -0.094vw; color: #000;} 
.mobile-carrier.active {background-color: #06346c; color: #fff;} 


/*************** SSU200 회원가입 - 필수 정보 입력 ***************/
/* 사업자번호 */
.ness_info {padding-bottom: 18.055vw;} 
.ness_info .tit h1 {font-weight: 600; font-size: 1.437rem; margin: 6.111vw 0 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 p {color: #ccc; font-size: 1.25rem; font-weight: 500;} 
.ness_info .info_box_wrap .info_box .left p i {display: inline-block; color: #ff5858;} 
.ness_info .info_box_wrap .info_box .left > *:not(p) {display: none;} 
.ness_info .info_box_wrap .info_box .right button.ico_cen.close_bg_gray {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; font-weight: 500;} 

/* 사업자번호 active */
.ness_info .info_box_wrap.active {border-color: #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: calc(100% - 6.388vw);} 
.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 button.ico_cen.close_bg_gray {display: inline-block; background-size: contain;} 

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

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

/* 주민등록번호 */
.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;} 
.ness_info .info_box_wrap.social .info_box .left .dot::after {content: none;} 

/* 주민등록번호 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; display: flex; align-items: center;} 
.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;} 
.ness_info .info_box_wrap.phone label[for=info05] .left .service b {font-weight: 500;} 
.ness_info .info_box_wrap.phone label[for=info05] .right {padding: 0; padding-right: 3.055vw; background-color: transparent; font-size: 1rem;} 
.ness_info .info_box_wrap.phone.active label[for=info05] .right {background-color: transparent;} 

/* 휴대폰번호 active */
.ness_info .info_box_wrap.phone.active .info_box .right {display: block;} 

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

/* 인증번호 */
.ness_info .info_box_wrap.certi {display: none;} 
.ness_info .info_box_wrap.active.certi .info_box .left input {width: 55.555vw;} 
.ness_info .info_box_wrap.certi .info_box .left .service {display: flex;} 
.ness_info .info_box_wrap.certi .info_box .left .service b {color: #ccc; font-weight: 500; margin-right: 4.166vw;} 

/* 인증번호 active */
.ness_info .info_box_wrap.certi.show {display: block;} 
.ness_info .info_box_wrap.certi.active .info_box .left p {left: 0;} 

/* 인증 valid */
.ness_info .info_box_wrap.certi .info_box .left input:valid ~ .service p {color: #ccc;} 

/* 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;} 

/* confirm */
.ness_info .info_box_wrap.desc .confirm {display: block;} 
.ness_info .info_box_wrap.desc .confirm .ico_cen.check_sig {width: 4.166vw; height: 3.097vw;} 
.ness_info .info_box_wrap.desc .confirm .ico_cen.loading_01 {animation: load_spin 1s infinite linear both;} 

@keyframes load_spin {
 0% {transform: rotate(0deg);} 
 100% {transform: rotate(360deg);} 
} 


/*************** SSU300회원가입 - 상세 정보 입력 ***************/

/* 상세주소 */
.ness_info .info_box_wrap .info_box .left textarea {border: none; resize: none; overflow:hidden; width: 88.889vw; font-weight: 600; font-size: 1.25rem; color: #000; word-break: keep-all;} 

/* 업태 */
.ness_info .info_box_wrap.sector .info_box .left textarea {font-size: 1.25rem;} 

/* 추천코드 */
.ness_info .info_box_wrap.code .info_box .left input {width: 37.5vw;} 
.ness_info .info_box_wrap.code .info_box .left input:invalid ~ .check_sig {display: none;} 
.ness_info .info_box_wrap.code .info_box .right {display: none;} 
.btn_round-check {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.code .confirm {padding-bottom: 34.721vw;} 
.ness_info .info_box_wrap .confirm .free_benefit {color: #5d72dc; font-size: 0.812rem; margin-top: 2.777vw;} 

/* 추천코드 active */
.ness_info .info_box_wrap.code.active .info_box .right {display: flex; align-items: center;} 
.ness_info .info_box_wrap.code.active .typeB {margin-left: 2.222vw;} 

/*************** SSU320 주소 검색 ***************/
.title_serach_section.big > input {font-size: 1.062rem;} 
.title_serach_section.big > input::placeholder {font-size: 0.937rem;} 
.search_address .ico_cont {margin-bottom: 8.333vw;} 
.search_address.big > b {font-size: 1.187rem;} 
.search_address.big > span p {font-size: 0.937rem; line-height: 1.2;} 
.address_list_wrap.big .address_list {padding: 3.125vw 5.555vw 3.906vw;} 
.address_list_wrap.big .address_list > * {font-size: 1rem;} 
.basic_wrapper.semo-join_adress {overflow-x: visible;} 
.semo-join_adress .search_address {display: block; text-align: center; padding-top: 40vw; box-sizing: border-box;} 
.semo-join_adress .search_address .ico_cont {margin: 0 auto; margin-bottom: 8.333vw;} 

/*************** SSU330 업종 검색 ***************/
.title_select_wrap {padding: 0 5.555vw;} 
.title_select_wrap p {margin-top: 2.222vw;} 
.title_select_wrap.bd_btm .title_select_section input {background-color: transparent; padding:3.125vw 0 3.888vw; font-size: 1.187rem;} 
.title_select_wrap.bd_btm .title_select_section input::placeholder {font-size: 1.187rem;} 
.title_select_wrap.bd_btm .title_select_section {margin: 0 auto; border-bottom: 1px solid #e3e3e3; border-radius: 0; width: 100%;} 

/*************** SSU420 가입 환영 ***************/
.connect_state .main_tit.join p {font-size: 1.125rem; line-height: 1.53; color: #8b8e93; margin-top: 13.055vw;} 

/*************** KSU500 가입 환영 ***************/
.join_header_txt {margin-bottom: 6.388vw;} 
.join_header_txt h1 {font-size: 1.437rem; font-weight: 600;} 

/* ## 서비스 선택 ## */
/* 무료 */
.service_card {padding: 5.555vw 4.166vw; border: 1px solid #d1d1d1; box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.08); border-radius: 4.166vw; position: relative;} 
.service_card_content {color: #464646;} 
.service_card_content .service_card_header {display: flex; align-items: center; margin-bottom: 3.888vw;} 
.service_card_content .service_card_header .ico_cont {width: 6.666vw; height: 6.666vw; border-radius: 50%; border: 1px solid #a0a0a0; margin-right: 2.222vw;} 
.service_card_content .service_card_header .service_card_type {margin-left: auto; font-size: 1.625rem; color: #dadada;} 
.service_card_content .service_card_header h2 {font-size: 1.687rem; font-weight: 600;} 
.service_card_content .service_card_info p {display: flex;} 
.service_card_content .service_card_info p + p {margin-top: 5px;} 
.service_card_content .service_card_info p span {position: relative; font-size: 0.812rem;} 
.service_card_content .service_card_info p span:not(:last-child):after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 7.5px; background-color: #464646;} 
.service_card_content .service_card_info p span:first-child {padding-right: 6px;} 
.service_card_content .service_card_info p span + span {padding: 0 6px;} 
.service_card_content .service_card_price {margin-top: 10.138vw; text-align: right; font-weight: 600; font-size: 1.562rem;} 

/* 프리미엄 */
.service_card.premium {margin: 4.166vw 0 7.083vw; position: relative;} 
.service_card.premium .service_card_basic {color: #dadada;} 
.service_card.premium .service_card_free {top: 100%; padding: 0.555vw 2.777vw; background-color: #ffd21e; font-size: 0.812rem; right: 4.444vw; border-radius: 0 0 1.388vw 1.388vw; position: absolute;} 

/* 서비스 선택 active */
.service_card.active {background-image: linear-gradient(114deg, #35a7d2 -42%, #2dbdb6 63%, #2dbdb6 103%); border-color: transparent;} 
.service_card.active .service_card_content {color: #fff;} 
.service_card.active .service_card_content .service_card_header .service_card_type {color: #b1fffb;} 
.service_card.active .service_card_content .service_card_info p span:not(:last-child):after {background-color: #fff;} 
.service_card.active .service_card_header .ico_cont {background-color: #279eaf; border-color: transparent; background-image: url(../img_v2/check_w.svg); background-size: 3.888vw;} 
.service_card.premium.active .service_card_basic {color: #a8f2ee;} 

/* 디스크립션 */
.join_desc {margin-bottom: calc(18.055vw + 7.777vw); background-color: #f5f7f8; padding: 4.166vw 4.444vw; border-radius: 1.805vw;} 
.join_desc_content {color: #414141; font-size: 0.812rem;} 
.join_desc_content p:not(:last-child) {margin-bottom: 1.666vw;} 

/*************** CCA080 ***************/
.franchise_wrap {padding: 0 5.555vw;} 
/* 가맹점 로고 */
.franchise {display: flex; margin-top: 7.222vw; align-items: center;} 
.franchise .logo .ico_cen {width: 12.5vw; height: 12.5vw; background-image: url(../img_v2/logo_01.webp); margin-right: 4.166vw;} 
.franchise .store h1 {font-size: 1.375rem; font-weight: 600; line-height: 0.9; margin-bottom: 2.222vw;} 
.franchise .store h1.elipsis {width: 55.555vw;} 
.franchise .store p.elipsis {width: 51.666vw;} 

/* 최근 수집 일시 박스 */
.recent_box_wrap {margin: 7.777vw 0 3.055vw;} 
.recent_box_wrap .recent_box {padding: 5.555vw; background-color: #f5f7f8; border-radius: 1.805vw; display: flex; justify-content: space-between; align-items: center;} 
.recent_box_wrap .recent_box .date > * {color: #4a4a4a;} 
.recent_box_wrap .recent_box .date p {margin-bottom: 1.111vw;} 
.recent_box_wrap .recent_box .date b {font-weight: 600; margin-right: 0.833vw;} 
.recent_box_wrap .recent_box .date .recent {color: #12997a; display: none;} 
.recent_box_wrap .recent_box .date .flex_ac.update .recent {display: block;} 
.recent_box_wrap .recent_box .date .flex_ac.update .default {display: none;} 
.recent_box_wrap .recent_box .date em {font-weight: 600; margin-right: 2.222vw;} 
.recent_box_wrap .recent_box .state > * {font-size: 1.062rem;} 
.recent_box_wrap .recent_box .state p {color: #12997a;} 
.recent_box_wrap .recent_box .state span {display: none;} 
.recent_box_wrap .recent_box .state.error p {display: none;} 
.recent_box_wrap .recent_box .state.error span {display: block; color: #ff5858;} 

/*************** CHA070 홈택스 관리 ***************/
.franchise .logo .ico_cen.hometax {background-image: url(../img_v2/hometax_logo.svg);} 
.franchise_wrap.link .sub_tit h1 {font-weight: 600; font-size: 1.125rem;} 
.franchise_wrap.link .franchise {margin-bottom: 7.222vw;} 
.franchise_wrap.link .franchise .logo .ico_cen {background-image: url(../img_v2/certi_01.webp); width: 11.111vw; height: 11.111vw;} 
.franchise_wrap.link .franchise.enter .logo .ico_cen {background-image: url(../img_v2/certi_02.webp);} 
.franchise_wrap.link .franchise .store p {margin-bottom: 1.666vw;} 
.franchise_wrap.link .franchise .store p.txt03 {margin-bottom:0;} 
.franchise .store p.elipsis.end {width: calc(100vw - 26.379vw)} 

/* CEA040 */
.franchise .store p.txt03 button {display: none;} 
.franchise .store p.txt03 {display: flex; justify-content: space-between;} 
.franchise.error01 .store p.txt03 button {display: block;} 
.franchise-box {background-color: #f5f7f8; border-radius: 6.5px; margin-bottom: 2.222vw;} 
.franchise-box_tit {padding: 5.555vw 5.555vw 5.763vw;} 
.franchise-box_tit h1 {padding-bottom: 5.555vw; border-bottom: 1px solid #c1c1c1; font-size: 1.125rem; font-weight: 600;} 
.franchise-box_multi {display: flex; flex-wrap: wrap;} 
.franchise-box_item {display: flex; align-items: center; width: calc( 50% - 9.722vw); padding-left: 9.722vw; padding-bottom: 5.555vw;} 
.franchise-box_item span {font-weight: 600; font-size: 1.187rem;} 
.franchise-box_item i {width: 6.944vw; height: 6.944vw;} 
.franchise-box_item i.bank {margin-right: 1.666vw;} 
.franchise-box_single {padding: 3.75vw 5.555vw; display: flex; align-items: center;} 
.franchise-box_single .icon i {width: 21.527vw; height: 8.611vw; margin-right: 2.777vw;} 
.single-box_tit {font-weight: 600; font-size: 1.187rem;} 
.franchise_footer {margin: 5.833vw 0 22.222vw;} 
/* 연결된 공동인증서 버튼 */
.btn_r_gray {text-decoration: none; padding: 2.222vw 3.055vw; background-color: #f2f5f7; border-radius: 2.777vw; font-weight: 500; display: flex; align-items: center; justify-content: space-between; width: 35vw; margin-left: auto;} 
.btn_r_gray em {color: #a2a5ac; font-size: 0.875rem;} 
.btn_r_gray .right_01 {width: 1.944vw; height: 3.055vw;} 
.franchise_wrap.link .btn_gray_bd {margin-top: 4.166vw;} 

/* 연결오류 공동인증서01 */
.franchise.error01 .logo {filter: grayscale(1);} 
.franchise.error01 .store p {color: #bebebe;} 

/* 연결오류 공동인증서02 */
.franchise.error02 .store p {color: #ff5858;} 

/*************** CHA060 홈택스 관리 ***************/
.card_connect_wrap section.ys_connect .intro.text h1.tit {font-size: 1.75rem;} 
.card_connect_wrap section.ys_connect .intro.text h2.sub_tit {font-size: 1.25rem; color: #8b8e93;} 
.card_connect_wrap section.ys_connect .img {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);} 


/* CHA00E */
.identi_wrap .content article.CHA00E-cover-wrap {margin-top: -4.722vw; margin-bottom: 5.944vw;} 
i.CHA00E-cover {width: 100%; height: 128.055vw; background-image: url(../img_v2/CHA00E-cover_02.png);} 

/* ################## 폰트기준 ################## */
@media screen and (min-width:270px) and (max-width:339px) {html,body {font-size: 12px;} 
} 
@media screen and (min-width:320px) and (max-width:339px) {html,body {font-size: 14.4px;} 
} 

@media screen and (min-width:340px) and (max-width:359px) {html,body {font-size: 15px;} 
} 

@media screen and (min-width:360px) {html,body {font-size: 16px;} 
} 
 

/* ######### 애니메이션 ######### */
@keyframes pin {
 0% {bottom:22px;} 100% {bottom: 28px;} 
} /* input pin animation*/
 @keyframes load {
 0% {opacity:0;} 50% {opacity:0.7;} 100% {opacity:0.1;} 
} /* 계산중 load animation */
 
 /* WOW JS Custom */
 .dtu {animation: dtu 0.1s linear both;} 
 @keyframes dtu {
 0% {opacity: 0; transform: translateY(30vw);} 
 100% {opacity: 1; transform: translateY(0);} 
} 

/* 체크박스 애니메이션 */
 .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: #17BF98; 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 .ex_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;} 
 @-webkit-keyframes ex_mark {
 0% {height: 0;} 100% {height: 25px;} 
} 
 @-webkit-keyframes dot {
 0% {height: 0;} 100% {height: 7.5px;} 
} 
 .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;} 
 @-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;} 
} 
 

 /* ################# Main.css ##################### */
 /****************************** CSE010 매출 · 지출 용도설정 ******************************/
/* 탭메뉴 */
.usage_set .rt_list {justify-content: flex-start;} 
.usage_set .rt_list > div {font-size: 1.313rem; padding: 2.777vw 6.666vw;} 
.usage_set .rt_list .active {background-color: transparent; border-bottom: 2px solid #000; border-radius: 0;} 

/* 서브텍스트 */
.usage_set .sub_txt {margin: 5vw 5.555vw 6.944vw; font-size: 0.937rem; color: #888e94; display: flex;} 
.usage_set .sub_txt em {margin-right: 0.833vw;} 

/* 목록 */
/* 1. 타이틀 */
.set_list ul {margin: 0 5.555vw;} 
.set_list .tit {background-color: #1bd9ac; padding: 1.111vw 9.11vw; display: flex; align-items: center; color: #fff;} 
.set_list .tit .ico_cen.check_04 {width: 4.722vw; height: 3.333vw; margin-right: 2.222vw;} 
.set_list .tit p {font-size: 1rem;} 

/* 2. 목록 내용 */
/* 2-1. On */
.set_list ul li {padding: 3.055vw 0; border-bottom: 1px solid #e1e1e1;} 
.set_list ul li .set_list_cnt {display: flex; align-items: center; width: 100%;} 
.set_list ul li .check_area {padding: 3.055vw; margin-right: 3.889vw;} 
.set_list ul li .ico_cen {width: 5vw; height: 3.888vw;} 
.set_list ul li .list_kind p {font-weight: 600; font-size: 1.062rem; margin-bottom: 1.666vw;} 
.set_list ul li .list_kind span {font-size: 0.937rem; color: #a9adb5;} 
.set_list ul li .onoff_input_wrap {margin-left: auto;} 
.set_list ul li:last-child {border-bottom: none;} 

/* 2-2 Off */
.set_list.off {margin-bottom: 7.5vw;} 
.set_list.off .tit {background-color: #c9d4d8;} 

/****************************** CSE020 수집 관리 ******************************/
.collect_manage .tit_wrap {padding: 5vw 5.555vw 8.6vw; display: flex; justify-content: space-between; align-items: center;} 
.collect_manage .tit_wrap .tit .logo {margin-bottom: 2.777vw;} 
.collect_manage .tit_wrap .tit .logo i {width: 45.555vw; height: 5.833vw; background-image: url(../img_v2/highpass.svg);} 
.collect_manage .tit_wrap .txt h2 {color: #b4b4b4;} 
.collect_manage .tit_wrap .btn_wrap button {margin:-5vw; padding: 5vw;} 
.collect_manage .tit_wrap .btn_wrap button i {width: 2.5vw; height: 4.166vw; background-image: url(../img_v2/right_gray.svg);} 
.collect_list {margin: 0 5.555vw; padding-top: 9.6vw; border-top: 1px solid #b4b4b4;} 
.collect_list li {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10.972vw;} 
.collect_list li .tit span {font-weight: 600; font-size: 1.125rem;} 
.collect_list li .cnt {display: flex; align-items: center;} 
.collect_list li .cnt p {font-size: 1.125rem;} 
.collect_list li .cnt p.progress {color: #0095ff;} 
.collect_list li .cnt p.error {color: #ff5858;} 
.collect_list li .cnt .btn_wrap {display: flex; align-items: center;} 
.collect_list li .cnt .btn_wrap button {margin: -5vw; padding: 5vw;} 
.collect_list li .cnt .btn_wrap button i {width: 2.5vw; height: 4.166vw; background-image: url(../img_v2/right_gray.svg); margin-left: 3.194vw;} 
.collect_list li .cnt .ico_cen.right_01 {margin-left: 3.194vw; width: 2.5vw; height: 4.166vw;} 

/****************************** CSE000 설정 ******************************/
.basic_wrapper.cse000 {background-color: #eef0f3;} 
/* 헤더 타이틀 */
.emo_team {display: flex; align-items: center;} 
.emo_team .ico_cen.headset_01 {margin-right: 2.222vw;} 

/* 1. 사업장 정보 */
.store_info_wrap {color: #000;} 
.store_info_wrap .store_info {padding: 5vw 5.555vw 9.305vw; background-color: #fff;} 
.store_info_wrap .store_info .store_name {display: flex; align-items: center; margin-bottom: 5.833vw;} 
/* 가게 이름 */
.store_info_wrap .store_info .store_name h1 {font-size: 1.437rem; font-weight: 600; max-width: 67.5vw; margin-right: 5vw;} 
/* 사업자번호 */
.store_info_wrap .store_info .store_num {display: flex; align-items: center; margin-bottom: 2.083vw;} 
.store_info_wrap .store_info .store_num .ico_cen.plus_02 {margin-right: 1.111vw;} 
.store_info_wrap .store_info .store_num p {font-size: 1.312rem; font-weight: 600; margin-right: 2.777vw;} 
.store_info_wrap .store_info .store_num .add {display: flex; align-items: center; padding: 1.666vw 3.055vw; background-color: #f2f5f7; border-radius: 4.166vw;} 
.store_info_wrap .store_info .store_num .add em {font-size: 0.812rem; color: #a2a5ac;} 
/* 성함 */
.store_info_wrap .store_info .name em {font-weight: 600; font-size: 1.187rem; margin-right: 1.666vw;} 
.store_info_wrap .store_info .name span {color: #6a6a6a; font-size: 0.937rem;} 

/* 2. 사업장 관리 및 설정 */
.store_manage_wrap {background-color: #eef0f3;} 
.store_manage_wrap .store_manage {padding: 6.944vw 5.555vw; color: #000;} 
/* 맨 위 박스 3개 */
.store_manage_wrap .store_manage .item_box .item_wrap {display: flex; align-items: center; justify-content: space-between;} 
.store_manage_wrap .store_manage .item_box .item_wrap .item {padding: 4.722vw; border-radius: 2.222vw; background-color: #fff;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row {gap: 8px;}
.store_manage_wrap .store_manage .item_box .item_wrap.row .item {flex: 1; text-align: center; margin-bottom: 4.166vw; padding: 4.722vw 0; height: 26.527vw; box-sizing: border-box;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item span.ico_cen {margin-bottom: 2.777vw;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item .service-state .service-state-txt {color: #a2a5ac; font-size: 0.687rem;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item .service-state.ticket {display: flex; justify-content: center;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item .service-state.ticket i {width: 9.166vw; height: 9.166vw; background-image: url(../img_v2/ticket_66x66.svg); margin-bottom: 2.777vw;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item p {font-weight: 600; font-size: 1rem;} 
.store_manage_wrap .store_manage .item_box .item_wrap.row .item.data p {color: #d5d5d5;} 

/* 세모주치의 연결 관리, 씀씀보고서 관리 */
.store_manage_wrap .store_manage .item_box .item_wrap.col {margin-bottom: 4.166vw;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item {width: 100%;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item.report {padding: 7.638vw 5.555vw;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item .item_list {display: flex; justify-content: space-between; align-items: center;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item .item_list .left p {font-size: 1.062rem; font-weight: 600;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item .item_list .right {display: flex; align-items: center;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item .item_list .right .state {font-size: 1.062rem; margin-right: 3.194vw; color: #b4b4b4;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item .item_list .right .ico_cen.right_01 {width: 2.5vw; height: 4.166vw;} 
/* 서비스 결제 관리 부분 */
.store_manage_wrap .store_manage .item_box .item_wrap.col .item.col_4 {padding: 8.611vw 5.555vw;} 
.store_manage_wrap .store_manage .item_box .item_wrap.col .item.col_4 .item_list:not(:last-child) {margin-bottom: 9.722vw;} 

/* 비활성화박스 */
.transform_cnt.disable {background-color: #f2f2f2;} 
.transform_cnt.disable .store_name p, .transform_cnt.disable .store_name span {color: #bcc1cb;} 
.transform_cnt.disable .state.no_certi p {color: #dddfe1; border: 1px solid #dddfe1;} 
/* active */
.transform_cnt.check.active {background-color: #25594d;} 
.transform_cnt.check.active .store_name p, .transform_cnt.check.active .store_name span {color: #fff;} 
.transform_cnt.check.active .state p {background-color: #ffe45b; border-color: #ffe45b; color: #222; font-weight: bold;} 
.transform_cnt.check.active .state.fail p {color: #fff; background-color: #ff684a; border-color: #ff684a;} 
/* 버튼 */
.popup_clash .bot_fix.pos_static {margin-top: 3.888vw;} 
.popup_clash .bot_fix.pos_static button {border-radius: 2.5vw;} 
.noti_yellow {background-color: #fff351; margin: 7.5vw; padding: 1.25vw 1.944vw; border-radius: 11.56vw; display: flex; align-items: center;} 
.noti_yellow p {color: #222; margin-left: 1.388vw; font-size: 0.937rem;} 



/****************************** CFA000 계좌에 연결하면 ******************************/
.card_connect_wrap .ys_connect.account_link .text h1.tit {font-size: 1.75rem;} 
.card_connect_wrap .ys_connect.account_link .text h2.sub_tit {color: #8b8e93; line-height: 1.4; font-size: 1.25rem;} 
.card_connect_wrap .ys_connect.account_link .bot_fix_pd20 .desc {text-align: left; color: #656565; font-weight: 600; font-size: 1.187rem;} 
.card_connect_wrap .ys_connect.account_link .bot_fix_pd20 .desc em {margin-right: auto;} 
.type_B.link {background-color: #5d72dc; display: flex; align-items: center; justify-content: space-between; padding: 4.166vw 5.555vw; text-align: left;} 
.type_B.link:not(:last-child) {margin-bottom: 4.444vw;} 
.type_B.link .no_certi_link p {color: #fff; font-weight: 600;} 
.type_B.link .no_certi_link span {color: #bbcbff; font-size: 0.937rem;} 

/****************************** CFA010 계좌 관리 ******************************/
.title_share .btn_edit {width: 25px; height: 25px;} 
.title_share .btn_edit .ico_cont {width: inherit; height: inherit; background-image: url(../img_v2/ico_edit_52x52.svg);} 
.account_manage_wrap {display: flex; flex-direction: column; justify-content: space-between; min-height: 100%;} 
.account_manage_wrap .assert_list {padding: 0;} 
.account_manage .account_count_wrap {margin: 4.7222vw 5.555vw 0; display: flex; justify-content: space-between; font-size: 0.875rem;} 
.account_manage .account_count_wrap .account_count {display: flex; align-items: center;} 
.account_manage .account_count_wrap .account_count .account_count_val.c_gray {color: #acacac;} 
.account_manage .account_count_wrap .account_count .account_count_val.error {color: #acacac; color: #FF5858;} 
.account_manage .account_count_wrap .account_count .bar {display: inline-block; width: 1px; height: 16.5px; background-color: #000; margin: 0 2.5vw;} 
.account_manage .account_count_wrap .btn_add_account {background-color: #F2F5F7; color: #5D72DC; border-radius: 10px; padding: 9px 19px;} 
.account_manage .assert_list, .account_manage .assert_list .assert_content {border: none;} 
.account_manage .assert_list .assert_content .item_box {padding-top: 0; margin-bottom: 13.472vw;} 
.account_manage .assert_list .assert_content .item_box .item_tit {padding: 5.555vw; background-color: #f7f7f7; display: flex; justify-content: space-between; align-items: center; margin-top: 5.555vw;} 
.account_manage .assert_list .assert_content .item_box .item_tit .account_name {display: flex; align-items: center;} 
.account_manage .assert_list .assert_content .item_box .item {padding: 0 5.555vw;} 
.account_manage .assert_list .assert_content .item_box .item .item_list {align-items: flex-start;} 
.assert_list .assert_content .item_box .item .item_list .info .number_wrap {display: flex; align-items: center; margin-bottom: 1.25vw;} 
.assert_list .assert_content .item_box .item .item_list .info .number_wrap .number {margin: 0; margin-right: 4.166vw;} 
.assert_list .assert_content .item_box .item .item_list .info .number_wrap .right_02 {width: 1.944vw; height: 3.055vw;} 
.account_manage .btn_acount_add {text-align: right; margin: 0 5.555vw 19.305vw;} 
.account_manage .btn_acount_add button {background-color: #f2f5f7; padding: 2.291vw 3.055vw; border-radius: 2.777vw; display: flex; margin-left: auto; align-items: center;} 
.account_manage .btn_acount_add button em {color: #a2a5ac; font-size: 0.875rem; margin-right: 5vw;} 
.account_manage .btn_acount_add button .right_01 {width: 2.5vw; height: 4.166vw;} 
.account_manage_wrap .bot_fix_pd20 .desc {text-align: left; display: flex; align-items: center; justify-content: flex-start;} 
.account_manage_wrap .bot_fix_pd20 .desc p {font-size: 0.75rem;} 

/****************************** CFA020 내 계좌 관리 ******************************/
.my_account_manage .franchise_wrap .franchise_wrap_inner {margin-bottom: 10vw;} 
.my_account_manage .franchise_wrap.link .franchise_wrap_inner {padding-bottom: 10vw; border-bottom: 1px solid #e1e1e1;} 
.my_account_manage .assert_list {padding: 0 5.555vw; margin-bottom: 12.666vw;} 
.my_account_manage .assert_list, .my_account_manage .assert_list .assert_content.bank {border: none;} 
.my_account_manage .assert_list .assert_content .item_box {padding-top: 0;} 

/****************************** CFA030 계좌 정보 ******************************/
.franchise .logo i.bank {width: 45px; height: 45px; background-size: contain; background-repeat: no-repeat; margin-right: 4.166vw;} 
.account-info {padding: 0 5.555vw;} 
.account-info__content {display: flex; align-items: center; color: #222; font-size: 1.062rem; margin-bottom: 7.222vw;} 
.account-info__content .account-info__category {width: 31.111vw; font-weight: 600;} 
.account-info__content .account-info__answer {display: flex; align-items: center;} 
.account-info__content .account-info__answer .ico_cen.pencel_01 {margin-left: 3.055vw;} 
.account-info__content .account-info__answer .account-info__check-wrap {display: flex; align-items: center;} 
.account-info__content .account-info__answer .account-info__check-wrap .account-info__check {display: flex; align-items: center;} 
.account-info__content .account-info__answer .account-info__check-wrap .account-info__check:not(:last-child) {margin-right: 10.555vw;} 
.account-info__content .account-info__answer .account-info__check-wrap .account-info__check input {display: none;} 
.account-info__content .account-info__answer .account-info__check-wrap .account-info__check label {width: 6.666vw; height: 6.666vw; display: inline-block; border: 1px solid #000; border-radius: 50%; margin-right: 1.666vw; background: url(../img_v2/check_w.svg) no-repeat center / 4.263vw;} 
.account-info__content .account-info__answer .account-info__check-wrap .account-info__check input:checked ~ label {background-color: #17bf98; border-color: transparent;} 

/* ###### SB037_금융상품관_KIP00A ###### */
.tab-menu {width: 100%; box-sizing: border-box; background-color: #fff; overflow-x: scroll;} 
.tab-menu button {font-weight: 500;} 
.tab-menu::-webkit-scrollbar {display: none;} 
.tab-menu_content {margin: 0 5.555vw; position: relative; display: flex; align-items: center;} 
.tab-menu_list {display: inline-flex; box-sizing: border-box; flex: 1;} 
.tab-menu_nav {font-weight: 600; white-space: nowrap; text-align: center; box-sizing: border-box;} 
.tab-menu_nav button {min-width: 11.15vw; padding: 2.777vw 0;} 
.tab-menu_nav:not(:last-of-type) {margin-right: 4.027vw;} 
.tab-menu_nav .tab-menu_name {color: #9e9e9e; font-size: 1.125rem; font-weight: 600;} 
.tab-menu_list .tab-menu-bar {position: absolute; width: 11.15vw; height: 0.833vw; background-color: #000; left: 0; bottom: 0; border-radius: 1.5px; transition: transform .2s;} 
.bank-product_main .swiper-pagination-bullet {border-color: transparent;} 

/* active */
.tab-menu_nav.active .tab-menu_name {color: #000;} 
/****************************** KIP020 오류페이지 ******************************/
section.connect_state article.info .box {padding: 7.222vw 6.25vw; background-color: #f9f9f9; border-radius: 19px; width: 88.888vw; box-sizing: border-box;} 
section.connect_state article.info .box h1 {color: #222; font-weight: 600; font-size: 1.125rem; padding-bottom: 3.888vw; margin-bottom: 4.722vw; border-bottom: 1px solid #222;} 
section.connect_state article.info .box p {color: #85888d; line-height: 1.5; font-size: 0.937rem;} 
.connect_state.error .info {margin-top: 12.083vw;} 
.info-box_txt {position: relative; padding-left: 2.777vw;} 
.info-box_txt::before {content: '-'; position: absolute; left: 0;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA000 - 달력메인 ******************************/
/* ## 헤더 ## */
.calendar-wrap {padding-top: 13.4vw; padding-bottom: 50vw;} 
.fix-top-nav {padding: 0 5.555vw; display: flex; align-items: center; height: 13.4vw; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 23; box-sizing: border-box;} 
.fix-top-nav.is-active {box-shadow: 0 5px 5px 0 rgb(0 0 0 / 3%);} 
.fix-top-nav_cnt {display: flex; width: 100%;} 
.fix-top-nav_main-tit {display: flex; align-items: center;} 
.calendar-wrap .fix-top-nav_main-tit .main-tit_txt {font-size: 1.437rem; font-weight: 600;} 
.fix-top-nav_main-tit .main-tit_sub-txt {margin-left: 3.194vw;} 
.fix-top-nav_main-tit button.check-area {padding: 3vw; margin: -3vw;} 
.fix-top-nav_icon {margin-left: auto; display: flex; align-items: center;} 
.fit-top_nav-left {display: flex; align-items: center;} 
.fit-top_nav-left .check-area {padding: 2.222vw; margin: -2.222vw;} 
.fit-top_nav-left .back-btn {text-indent: -9999px;} 
.fit-top_nav-left .fit-top_title {margin-left: 3.333vw;} 
.fit-top_nav-left .back-btn i {background-image: url(../img_v2/left_arrow.svg); width: 5.833vw; height: 5vw;} 
.fix-top-nav_icon .check-area {padding: 2.222vw; margin: -2.222vw;} 
.fix-top-nav_icon .check-area + .check-area {margin-left: 3.333vw;} 
.fix-top-nav_icon i.ico_cont {width: 6.944vw; height: 6.944vw; text-indent: -99999px;} 
.fix-top-nav_icon i.excel-down {background-image: url(../img_v2/excel-download_50x50.svg);} 

.fix-top-nav i.unconnect {background-image: url(../img_v2/unconnect_50x50.svg);} 
.fix-top-nav i.connect {background-image: url(../img_v2/connect_50x50.svg);} 
.fix-top-nav i.trash-can {background-image: url(../img_v2/trash-can.png);} 
.fix-top-nav i.share {background-image: url(../img_v2/share.svg);} 
.fix-top-nav i.close {background-image: url(../img_v2/close.png);} 

/* ## 메인_헤더 is-on ## */
.calendar-main-header-wrap {margin: 4.027vw 5.555vw 0;} 
.calendar-main_tit {margin-bottom: 5.972vw;} 
.calendar-main_tit_account {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.083vw; font-weight: 600;} 
.btn_all-account {display: flex; align-items: center; padding: 3vw; margin: -3vw;} 
.btn_all-account i.down {width: 2.777vw; height: 2.5vw; background-image: url(../img_v2/semo_down_b.svg);} 
.calendar-main_tit_txt, .calendar-main_tit_count {font-size: 1.093rem; margin-right: 1.111vw;} 
.calendar-main_tit_price {font-size: 1.187rem;} 
.calendar_entire_tit {font-size: 1.062rem; color: #acb5b9; font-weight: 600;} 
.calendar_sub-tit {border-top: 1px solid #e1e1e1; padding-top: 7.5vw;} 
.calendar_entire-wrap {display: flex; justify-content: space-between; align-items: center;} 
.calendar_entire-wrap + .calendar_entire-wrap {margin-top: 3.472vw;} 
.calendar_entire_val {font-size: 1.187rem;} 

/* ## 메인_헤더 is-off ## */
.calendar-main-header.is-off {display: flex; align-items: center; padding-bottom: 5.555vw; border-bottom: 1px solid #e1e1e1;} 
.calendar-main-header.is-off .calendar-main_tit {margin-bottom: 0;} 
.calendar-main-header.is-off .calendar-main-header_logo {width: 40px; height: 40px; background-color: #f8f9fb; border-radius: 50%; padding: 0.763vw; margin-right: 2.777vw;} 
.calendar-main-header.is-off .calendar-main-header_logo .ico_cont {width: inherit; height: inherit; background-image: url(../img_v2/deal-thumb.png);} 
.calendar-main_tit-collect {font-size: 1.062rem; color: #17bf98; font-weight: 600;} 
button.calendar-main-header_arrow {padding: 4.333vw; margin: -4.333vw; margin-left: auto;} 
button.calendar-main-header_arrow .ico_cont {background-image: url(../img_v2/arrow_semo_30x18.svg); width: 1.944vw; height: 4.055vw; text-indent: -9999px;} 


/* ## 달력 ## */
/* 달력 헤더 */
.calendar-date_header {padding: 6.319vw 5.555vw 5.972vw 5.555vw; font-weight: 600; font-size: 1.25rem; display: flex; align-items: center; background-color: #fff;} 
.calendar-date_choice {display: flex; align-items: center; padding: 3vw; margin: -3vw;} 
.calendar-date {margin-right: 2.222vw; font-weight: 600;} 
.calendar-date_choice i.down {width: 3.055vw; height: 1.944vw;} 
.calendar .content_tit_btn_wrap {margin-left: auto; display: none;} 
.calendar-wrap.is-link .content_tit_btn_wrap {display: flex;} 
.content_tit_btn button.refresh.gray.spin {animation: load_spin 1s infinite linear both;} 

/* 달력 메인 */
.calendar-wrap .mbsc-datepicker * {font-family:'Pretendard'; font-weight: 500;} 
.calendar-wrap .mbsc-datepicker input[type="radio"] {display: none;} 
.calendar-wrap .mbsc-ios.mbsc-page {background: #fff; padding: 0;} 
.calendar-wrap .mbsc-datepicker .mbsc-calendar {padding-bottom: 0;} 
.calendar-wrap .mbsc-ios.mbsc-calendar-button.mbsc-button {display: none;} 
.calendar-wrap .mbsc-ios.mbsc-segmented {margin: 0; padding: 0; border-radius: 0; background-color: #f5f7f8; border-radius: 0 0 7.5px 7.5px;} 
.calendar-wrap .mbsc-ios.mbsc-datepicker-inline {border: none;} 
.calendar-wrap .mbsc-calendar, .mbsc-calendar-controls, .mbsc-calendar-title-wrapper {display: block;} 
.calendar-wrap .mbsc-calendar-header {position: absolute; top: 100%; left: 0; right: 0;} 
.calendar-wrap .mbsc-datepicker-tab-wrapper {overflow: visible;} 
.calendar-wrap .mbsc-calendar-wrapper {overflow: visible;} 
.calendar-wrap .mbsc-ios.mbsc-calendar-controls {display: none;} 
.calendar-wrap .mbsc-ios.mbsc-segmented-button.mbsc-button {border-radius: 0 0 2.083vw 2.083vw; height: 6.388vw;} 
.calendar-wrap .mbsc-ios.mbsc-segmented-selectbox-inner {background-color: transparent;} 
.calendar-wrap .mbsc-calendar-day-inner {height: 18.055vw; border: none;} 
.calendar-wrap .mbsc-ios.mbsc-calendar-week-day {font-size: 15px; color: #9c9c9c;} 
.calendar-wrap .mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {border-color: #17bf98; background: #17bf98; color: #fff;} 
.calendar-wrap .mbsc-ios.mbsc-calendar-today {color: #17bf98;} 
.calendar-wrap .mbsc-icon {width: 4.166vw; height: 2.5vw;} 
.calendar-wrap .mbsc-ios.mbsc-calendar-day-text {font-size: 15px;} 
.calendar-wrap .mbsc-calendar-text {height: initial; line-height: initial; text-align: center; box-sizing: border-box;} 
.calendar-wrap .mbsc-calendar-label-text {text-overflow: unset; overflow: initial;} 
.calendar-wrap .mbsc-ios.mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text {width: 1.64em; height: 1.64em; font-size: 15px; line-height: 1.64em; margin: 0.18em;} 
.calendar-wrap .mbsc-ios.mbsc-segmented-item:before {border-color: transparent;} 

/* 달력 탭메뉴 */
.calendar-wrap .tab-menu_nav.active .tab-menu_name {color: #17bf98;} 
.calendar-wrap .tab-menu_list .tab-menu-bar {background-color: #17bf98;} 

/* 거래내역 */
.calendar-wrap .deal-history-wrap {display: none;} 
.calendar-wrap.is-link .deal-history-wrap {display: block;} 
.deal-history_list + .deal-history_list {margin-top: 12.5vw;} 
.deal-history-wrap .tab-menu-bar {height: 0.555vw;} 
.deal-history_day {margin-bottom: 7.916vw;} 
.deal-history_date {color: #515151; font-weight: 600; font-size: 0.937rem;} 
.deal-history_info-guide {display: flex; justify-content: center; padding: 11px 0; margin-top: 5.555vw; background-color: #f5f7f8; border-radius: 1.805vw;} 
.deal-history_info-guide .ico_cont {width: 4.166vw; height: 4.166vw; margin-right: 1.388vw; background-image: url(../img_v2/info_gray.svg);} 
.deal-history_info-guide .info-guide_txt {color: #8a8a8b; font-size: 0.75rem;} 
.deal-history_info {display: flex; align-items: center;} 
.deal-history_info + .deal-history_info {margin-top: 7.633vw;} 
.deal-history_info-logo .ico_cont {width: 30px; height: 30px; margin-right: 2.222vw;} 
.deal-history_info i.thumb {background-image: url(../img_v2/deal-thumb.png);} 
.deal-history_info-cnt {width: 100%;} 
.deal-history_info-tit, .deal-history_info-val {display: flex; justify-content: space-between; align-items: center;} 
.deal-history_info-val {margin-top: 1.111vw;} 
.deal-history_company {font-size: 0.937rem; color: #3a3a3a;} 
.deal-history_company.elipsis, .deal-history_purpose.elipsis {width: 39.444vw;} 
.deal-history_purpose {font-size: 0.812rem; color: #ababab;} 
.btn_sales-hold {display: flex; align-items: center; padding: 3vw; margin: -3vw;} 
.sales-hold_txt {font-size: 0.812rem; color: #ababab;} 
.btn_sales-hold i.que {width: 3.611vw; height: 3.611vw; background-image: url(../img_v2/ico_semo_que_26x26.svg); margin-left: 1.388vw;} 
.deal-history_price {font-size: 1rem; font-weight: 600;} 
.deal-history_price.tit {font-size: 1.062rem; font-weight: bold;} 
.deal-history_list-wrap {padding: 0 5.555vw;} 
.deal-history_list-wrap.is-off {margin-top: 20vh;} 
.deal-history-wrap .btn_view-all-wrap {text-align: right; margin: 9.444vw 5.555vw 0 0;} 
.deal-history-wrap .btn_view-all {display: inline-flex; align-items: center; padding: 2.777vw; margin: -2.777vw;} 
.deal-history-wrap .btn_view-all .view-all-txt {color: #000; font-size: 1.062rem; font-weight: 600; margin-right: 3.611vw;} 
.deal-history-wrap .btn_view-all .ico_cont {width: 2.5vw; height: 4.167vw; background-image: url(../img_v2/arr_b_30x18.svg);} 
.btn_expand-wrap {text-align: center; margin-top: 10.222vw;} 
.deal-history_list-wrap .btn_expand {padding: 3vw; margin: -3vw;} 
.btn_expand .ico_cont {width: 11.666vw; height: 5.277vw; background: url(../img_v2/expand.png) no-repeat center / contain;} 

/* 거래내역 is-off */
.deal-history_list-none {font-size: 0.937rem; color: #9d9d9d; text-align: center; margin-bottom: 16.388vw;} 
.deal-history_list-none .assert_choice_tooltip {display: inline-flex;} 
.deal-history_list_date {color: #000;} 
.deal-history_list-wrap.is-on {display: none;} 
.deal-history-wrap.is-list .deal-history_list-wrap.is-on {display: block; margin-top: 7.777vw;} 
.deal-history-wrap.is-list .deal-history_list-wrap.is-off {display: none;} 

/* 달력 footer 메뉴바 */
.calendar_tab-bar {display: flex; align-items: center; justify-content: space-between; width: calc(100% - 11.111vw); height: 11.388vw; padding: 1.388vw 1.666vw; margin: 0 auto; margin-bottom: 4.652vw; background-color: #eee; border-radius: 5.694vw; box-sizing: border-box;} 
.calendar_tab-bar_left {display: inline-flex; align-items: center; white-space: nowrap; width: calc(100% - 13.611vw); height: 100%; overflow-x: scroll; border-radius: 5.694vw;} 
.calendar_tab-bar_left::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/} 
.calendar_tab-bar_list {display: flex; align-items: center; padding: 0 5.3vw; height: 100%; font-size: 0.875rem;} 
.calendar_tab-bar_list.is-active {background-color: #17bf98; color: #fff; border-radius: 4.305vw;} 
.calendar_tab-bar_right {padding: 1.944vw;} 
.calendar_tab-bar_right .ico_cont {width: 7.222vw; height: 7.222vw; background-image: url(../img_v2/ico_edit_52x52.svg); text-indent: -9999px;} 

/* 버튼 */
.btn_change-order-wrap {margin-left: auto;} 
.btn_change-order {padding: 3vw; margin: -3vw;} 
.btn_change-order .ico_cont {width: 6.944vw; height: 6.944vw; background-image: url(../img_v2/order_change_50x50.svg); text-indent: -9999px;} 
.btn_change-order .ico_cont.reverse {background-image: url(../img_v2/order_change-reverse_50x50.png);} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA010 - 내역 ******************************/
.calendar-wrap.list {padding-bottom: 10vw;} 
.calendar.fix {position: fixed; top: 13.4vw; z-index: 3; width: 100%;} 
.calendar.fix ~ .deal-history-wrap {margin-top: 45vw;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA020 - 달력메인(검색) ******************************/
.calendar_enter-search {padding: 13.4vw 0 10vw 0;} 
.calendar_enter-search .title_serach_section input {font-size: 1.187rem; font-weight: 600; padding-right: 24vw;} 
.calendar_enter-search .title_serach_section .ico_cont.cancel {background-image: url(../img_v2/close_03.png); right: 15vw;} 
.from-to-date-wrap {margin: 0 5.555vw;} 
.from-to-date_cnt {display: flex; margin: 6.111vw 4.722vw; position: relative;} 
.from-to-date_cnt::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.888vw; height: 0.555vw; background-color: #000;} 
.from-to-date-wrap .from-to-date, .from-to-date-wrap .from-to-date::placeholder {color: #17bf98; font-size: 1.125rem; font-weight: 600; background-color: transparent; width: 30.555vw;} 
.from-to-date-wrap .from-to-date {padding: 3vw; margin: -3vw;} 
.from-to-date-wrap .check-area:last-child {margin-left: auto;} 
.from-to-date-wrap .from-to-date.to {text-align: right;} 
.calendar_enter-search .tab-menu_content {margin: 0; border-bottom: 1px solid #9e9e9e;} 
.calendar_enter-search .tab-menu_list {justify-content: space-between;} 
.calendar_enter-search .tab-menu_nav {padding: 2.777vw 1.944vw; position: relative;} 

/* from-to-date 팝업 */
.popup_from-to-date .mbsc-ios.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item {text-align: center;} 
.popup_from-to-date .mbsc-ios.mbsc-datetime-day-wheel .mbsc-scroller-wheel-item {text-align: center;} 
.popup_from-to-date .mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font.btn_set-date {background-color: #17bf98; border: none; color: #fff; font-weight: 600; font-family: "pretendard"; font-size: 1.187rem;} 

/* is-active */
.calendar_enter-search .tab-menu_nav.is-active::before {content: ''; position: absolute; width: 100%; height: 3px; background-color: #17bf98; left: 0; bottom: 0} 
.calendar_enter-search .tab-menu_nav.is-active .tab-menu_name {color: #17bf98;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA030 - 달력메인(상세내역) ******************************/
.calendar_details {padding-top: 13.4vw; padding-bottom: 18.055vw;} 
.calendar_details .deal-history-wrap.is-list {padding-bottom: 10vw;} 
.deal-history_list-recent {display: flex; justify-content: space-between; align-items: center; margin-bottom: 7.5vw;} 
.deal-history_list-recent .recent-tit {font-size: 1.187rem; font-weight: 600; color: #515151;} 
.deal-history_list-recent .recent-term {font-size: 0.937rem; color: #ababab;} 
.calendar_details .horizon-line {height: 1px; border: none; background-color: #e1e1e1; margin: 7.222vw 0;} 
.calendar_details .horizon-line.bold {height: 2.5vw; margin: 0; background-color: #f8f8f8;} 
.deal-history_info-total {margin: 4.166vw 5.555vw 10.277vw;} 
.deal-history_info-total .deal-history_total-price {font-weight: 600; font-size: 1.437rem;} 
.deal-history_summary {margin-top: 10.277vw;} 
.deal-history_summary-list {display: flex;} 
.deal-history_summary-list + .deal-history_summary-list {margin-top: 7.5vw;} 
.deal-history_summary-list .summary-name {font-weight: 600; white-space: nowrap;} 
.deal-history_summary-list .summary-val-wrap {margin-left: auto;} 
.deal-history_summary-list .summary-val {display: flex; align-items: center; padding: 3vw; margin: -3vw;} 
.deal-history_summary-list .summary-val_txt {text-align: right;} 
.deal-history_summary-list input.summary-val_txt {width: 40vw;} 
.deal-history_summary-list .summary-val_txt.none {color: #12997a;} 

/* 2022-12-12추가 */
.deal-history_summary-list button.summary-val .summary-val_txt {color: #12997a;} 
.deal-history_summary-list button.summary-val .summary-val_txt.is-active {color: #000;} 
.deal-history_summary-list button.summary-val i {background-image: url(../img_v2/arrow_semo_30x18.svg);} 
.deal-history_summary-list button.summary-val .summary-val_txt.is-active + i {background-image: url(../img_v2/arrow_b_bold.svg);} 
.deal-history_summary-list .summary-val input::placeholder {color: #12997a;} 
.deal-history_summary-list .summary-val input.summary-val_txt + i {background-image: url(../img_v2/arrow_semo_30x18.svg);} 
.deal-history_summary-list .summary-val input.end.is-active + i.ico_cont,
.deal-history_summary-list .summary-val input.start.is-active + i.ico_cont{background-image: url(../img_v2/arrow_b_bold.svg);} 

/* .deal-history_summary-list .summary-val_txt.none + i {background-image: url(../img_v2/arrow_semo_30x18.svg);} */

.deal-history_summary-list .summary-val_txt.elipsis {max-width: 46vw; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 

/* .deal-history_summary-list .summary-val_txt.elipsis.detail {color: #12997a;} 
.deal-history_summary-list .summary-val_txt.is-active + i.right, .deal-history_summary-list .summary-val_txt.elipsis + i.right {background-image: url(../img_v2/arrow_b_bold.svg);} 
.deal-history_summary-list .summary-val_txt.elipsis.detail + i.right {background-image: url(../img_v2/arrow_semo_30x18.svg);} */
/* .deal-history_summary-list .summary-val_txt.start, .deal-history_summary-list .summary-val_txt.end {color: #000;} */

.deal-history_summary-list .summary-val_txt::placeholder {color: #8b8e94;} 
.deal-history_summary-list .summary-val i.right {width: 1.944vw; height: 3.055vw; margin-left: 3.611vw;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA030_1 - 수입, 지출 용도팝업 ******************************/
.popup_bg .grid-col3 {max-height: 111vw; overflow-y: scroll;} 
.grid-col3-items {display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 10.555vw;} 
.grid-col3-item {text-align: center;} 
.grid-col3-item .logo .ico_cont {margin: 0 auto;} 
.grid-col3-item .txt {margin-top: 3.611vw;} 
.grid-col3-item .txt .comment {font-size: 0.812rem;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPA040 - 달력메인(메모) ******************************/
.calendar_memo {padding-top: 13.4vw;} 
.fix-top-nav .btn_save-wrap {margin-left: auto;} 
.fix-top-nav .btn_save-wrap .btn_save {color: #17bf98; font-weight: 600; padding: 3vw; margin: -3vw;} 
.calendar_memo-cnt {margin: 2.777vw 5.555vw 0;} 
.calendar_memo-cnt textarea {background-color: #f8f9fb; width: 100%; height: 150vw; padding: 5.555vw; box-sizing: border-box; border-radius: 2.222vw;} 
.calendar_memo-cnt textarea::placeholder {color: #ababab;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPC000 - 카드매출,지출 ******************************/
.card-income-wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5.555vw;} 
.card-income_tab-menu {display: flex; width: 100%; padding: 0.833vw; background-color: #e7e7e7; border-radius: 1.805vw;} 
button.card-income_txt {flex: 1; padding: 1.666vw 7.222vw; background-color: transparent; border-radius: 2.083vw; font-weight: 600; color: #a9a9a9;} 
.btn_current-sales-wrap {display: none;} 
.calendar-wrap.is-link .card-income-wrap.sales ~ .calendar-main-header.is-on .btn_current-sales-wrap {display: block; padding: 3vw; margin: -3vw;} 
button.btn_current-sales {padding: 2.5vw 2.222vw; color: #17bf98; font-weight: 600; border-radius: 2.777vw; border: 1px solid #17bf98;} 
.calendar-wrap .btn_change-order-wrap {text-align: right;} 

/* is-active */
button.card-income_txt.is-active {background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); color: #3a3a3a;} 

/*************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPC050 - 카드매출,지출(상세내역) ***************************/
.deal-history_tax-wrap {display: flex;} 
.deal-history_info-total .deal-history_tax {margin-top: 3.055vw;} 
.deal-history_info-total .deal-history_tax-txt + .deal-history_tax-txt {margin-top: 1.388vw;} 
.deal-history_tax-txt {color: #ababab;} 
.deal-history_category {background-color: #f2f2f2; color: #959595; padding: 1.111vw 2.5vw; border-radius: 4.166vw; font-size: 0.812rem;} 
.popup.alert.ssm_pop01 .alret_text .popup_main_tit {font-weight: 700; font-size: 1.625rem;} 
.ssm_pop01 .popup_main_txt {font-weight: 600; font-size: 1.125rem; line-height: 1.44;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPD000 - 배달 ******************************/
.calendar-wrap input#slideOne1 {display: none;} 
.calendar-wrap .onoff_input_wrap {margin-top: 1.5vw; padding: 0 5.555vw;} 
.calendar-wrap .onoff_input_wrap .calc-list {transition: 0.35s; font-size: 0.812rem; margin-left: 2.222vw; color: #b4bac4;} 
.calendar-wrap .onoff_input_wrap.is-active .calc-list {color: #b4bac4;} 
.calendar-wrap input#slideOne1 ~ .deal-history-wrap.is-list.month {display: none;} 
.calendar-wrap input#slideOne1:checked ~ .deal-history-wrap.is-list.month {display: block;} 
.popup_account-list .btn_link-wrap {margin-left: auto; display: flex; align-items: center;} 
.btn_link-wrap .btn_link-txt {font-size: 1.062rem; font-weight: 600; color: #17bf98;} 
.btn_link-wrap i.plus {width: 3.888vw; height: 3.888vw; background-image: url(../img_v2/plus_semo_50x50.svg); margin-left: 1.111vw;} 
.deal-history_info-wrap.delivery {margin-top: 6.944vw;} 
.deal-history_info-wrap.delivery .deal-history_info + .deal-history_info {margin-top: 4.5vw;} 


/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPI020 - 건강보험(상세내역) ******************************/
.calendar_details .deal-history_info-guide {margin-top: 10.277vw;} 
.calendar_details .deal-history_info .calendar-main-header_arrow {display: none;} 
.calendar_details .deal-history_info.is-apply .deal-history_total-price {color: #17bf98;} 
.calendar_details .deal-history_info.is-apply .calendar-main-header_arrow {display: block; margin-left: initial; margin-right: auto;} 
.calendar_details .deal-history_info.is-apply .calendar-main-header_arrow .ico_cont {background-image: url(../img_v2/arrow_semo_30x18.svg);} 


/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPO020 - 기타내역 추가 ******************************/
.calendar_details .ness_info {padding: 0 5.555vw; margin-top: 15.555vw;} 


/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CPE000 - 편집 ******************************/
.edit-wrap {padding: 13.4vw 0 23vw;} 
.edit-wrap .set_list ul {margin: 0;} 
.edit-wrap .set_list ul li {padding: 3.055vw 5.555vw; border-bottom: 1px solid #e1e1e1;} 
.edit-wrap .set_list ul li .list_kind p {margin-bottom: 0;} 
.edit-wrap .set_list ul li:first-child {border-top: 1px solid #e1e1e1;} 
.edit-wrap .deal-history_info-guide {margin: 8vw 5.555vw 0; background: transparent;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CHT080 - 전체매출, 지출 ******************************/
.calendar_enter-search .deal-history_info-total {margin-top: 9.166vw;} 
.calendar_enter-search .from-to-date-wrap.mg0 {margin: 0; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);} 
.calendar_enter-search .from-to-date-wrap.mg0 .tab-menu_list {padding: 0 5.555vw;} 
.calendar_enter-search .from-to-date-wrap.mg0 .tab-menu_nav {min-width: initial;} 
.calendar_enter-search .from-to-date-wrap.mg0 .tab-menu_nav:not(:last-of-type) {margin-right: 7.222vw;} 
.calendar_enter-search .calendar_entire_val {font-weight: 600;} 
.calendar_enter-search .deal-history_summary {padding-top: 5.555vw; margin-top: 5.555vw; border-top: 1px solid #e1e1e1;} 

/****************************** SB063_세모장부 리뉴얼 캘린더 및 상세내역_CHT100 - 전체매출 ******************************/
.calendar_enter-search .fix-top-nav .content_tit_btn_wrap {margin-left: auto;} 

/****************************** SB054_보고서 데이터 개선_카드매출 ******************************/
.current-card-sales_top {padding-top: 14.3vw;} 
.current-card-sales .calendar-wrap {padding: 0;} 
.current-card-sales .calendar-wrap .mbsc-datepicker .mbsc-calendar-slide {padding-bottom: 0;} 
.current-card-sales .deal-history_list-wrap, .current-card-sales .deal-history-wrap, .current-card-sales .calendar {margin: 0;} 
.current-card-sales .deal-history_list-wrap.is-off {margin-top: 23.194vw;} 
.current-card-sales_bottom {margin-top: 45vw; padding-bottom: 10vw;} 


/* 카드매출 - 오늘 들어올 돈 */
.card-sales_header {display: flex; margin-bottom: 8.611vw;} 
.card-sales_tit, .card-sales_total {font-size: 1.25rem; font-weight: 600;} 
.card-sales_val {margin-left: auto; text-align: right;} 
.card-sales_fees {margin-top: 0.694vw; color: #ababab; font-size: 0.812rem;} 
.card-sales_list-wrap {background-color: #f8f8f8; padding: 4.722vw 4.166vw; border-radius: 1.805vw;} 
.card-sales_list-wrap + .card-sales_list-wrap {margin-top: 2.777vw;} 
.card-sales_list-wrap .bank {width: 5.555vw; height: 5.555vw; margin-right: 1.666vw;} 
.card-sales_list-wrap .card-sales_tit {font-size: 1.125rem;} 
.card-sales_list {display: flex;} 
.card-sales_list-wrap .card-sales_fees {margin-top: 1.25vw;} 

/* 입금보류 */
.card-sales_hold {display: flex; border-top: 1px solid #d1d1d1; padding-top: 2.43vw; margin-top: 2.43vw;} 
.card-sales_state {display: flex; align-items: center;} 
.card-sales_state .ico_cont {width: 4.166vw; height: 4.166vw; background-image: url(../img_v2/ico_error_gray_30x30.svg); margin-right: 1.388vw;} 
.card-sales_state-txt {color: #8a8a8b; font-size: 0.75rem;} 
.card-sales_hold-price {margin-left: auto;} 
.card-sales_hold-price .card-sales_hold-val {color: #ff2424; font-size: 0.75rem;} 

/* 카드매출 입금보류 팝업 */
.popup_txt-list {list-style: disc; margin-left: 5.555vw; word-break: keep-all; color: #85888d; font-size: 1rem; line-height: 1.44;} 
.popup_txt-list + .popup_txt-list {margin-top: 5vw;} 
.btn_rd-gray {border: 1px solid #c8c8c8; background-color: #f8f8f8; border-radius: 6.388vw;} 
.popup_card-sales_hold .btn_rd-gray {display: flex; align-items: center; width: 100%; height: 12.777vw; padding: 0 10.138vw; margin-top: 7.222vw;} 
.popup_card-sales_hold .btn_rd-gray .btn_rd-gray_txt {color: #85888d; font-weight: 600; font-size: 0.937rem;} 
.popup_card-sales_hold .btn_rd-gray_tell {display: flex; align-items: center; margin-left: auto;} 
.popup_card-sales_hold .btn_rd-gray_tell .ico_cont {width: 5.555vw; height: 5.555vw; background-image: url(../img_v2/ico_tel.svg);} 

/****************************** SB089_세모장부 리뉴얼_네이티브 개발_CLS010 ******************************/
.report_wrap.set-login .set_list ul {margin: 0;} 
.report_wrap.set-login .set_list ul li {padding: 6.666vw 0;} 
.report_wrap.set-login button.underline {margin-top: 5vw;} 
.report_wrap.set-login input[type="radio"] {display: none;} 
.report_wrap.set-login input[type="radio"]:checked ~ .onoff_input_bg {background-color: #1bd9ac;} 
.report_wrap.set-login input[type="radio"]:checked ~ label {left: calc(100% - 7.958vw);} 
.report_wrap.set-login .content_info_date {background-color: #fff; padding-bottom: 0; align-items: center;} 


/****************************** SB089_세모장부 리뉴얼_네이티브 개발_CLS020 ******************************/
.password-confirm {padding-top: 13.4vw;} 
.password-confirm .card_connect_wrap {padding-top: 13.4vw;} 
.password-confirm .bio-certi {height: calc(100vh - 67.513vw); display: flex; align-items: center; justify-content: center; flex-direction: column;} 
.password-confirm .bio-certi_icon {display: flex; align-items: center; margin-bottom: 5.555vw;} 
.password-confirm .bio-certi_icon .ico_cont {width: 16.666vw; height: 16.666vw;} 
.password-confirm .bio-certi_icon .ico_cont.face {background-image: url(../img_v2/bio-face_gray.png); margin-right: 5.555vw;} 
.password-confirm .bio-certi_icon .ico_cont.print {background-image: url(../img_v2/bio-print_gray.png);} 
.password-confirm .bio-certi .check-area {padding: 3vw; margin: -3vw;} 
.password-confirm .bio-certi .btn_bio-certi {font-size: 0.875rem; color: #a2a5ac;} 
.password-confirm .bio-certi .password-input {margin-top: 31.9444vw;} 
.password-confirm .bio-certi .password-input .btn_password-input {text-decoration: underline; color: #17bf98;} 

/* .select-box */
.select-box {appearance: auto; border: 1px solid #000; width: 72%; border-radius: 5px; color: #000; background-color: #fff;} 

/* 프로모션 계정연동 이벤트로 2022-08-25 추가 ( 이벤트 끝난 후 삭제예정 ) - jin */
.jehyu-promotion .benefit .banner01 {background-image: url(../img_v2/jehyu-promotion_banner01_semo.png);} 

/* F141 */
.f141 {padding: 13.4vw 5.555vw 0; height: calc(100% - 13.4vw); overflow-y: scroll;}
.f141 .account_list_wrap {padding-top: 5vw;} 
.f141 .account_total_box {margin-bottom: 6.666vw;} 
.f141 .account_total_box p {display: flex; align-items: center; justify-content: center; margin: auto;} 
.f141 .account_total_box span {display: flex; align-items: center; font-size: 1.125rem; font-weight: 600; color: #000000;} 
.f141 .account_total_box em.account_number {margin-left: 1.388vw; font-size: 2rem; font-weight: 600; color: #000000;} 
.f141 .account_total_box span span {margin-left: 0.8333vw; margin-right: 3.333vw;} 
.f141 .account_total_box span em {font-size: 1.125rem; font-weight: 600; color: #000000;} 
.f141 .account_total_box .ico_account {margin-right: 2.777vw; display: block; background-image: url(../img_v2/card_2d_02.svg); width: 6.9444vw; height: 6.9444vw; background-position: center; background-repeat: no-repeat; 
background-size: contain;} 
.f141 .account_total_box .ico_account.card {background-image: url(../img_v2/card_2d_01.svg);} 
.f141 .account_list_box .atlb_list3 {display: flex; position: relative; padding: 4.1666vw; border-radius: 4.166vw; box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); margin-bottom: 4.166vw;} 
.f141 .account_list_box .atlb_list3 span {display: block;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(1) {margin-right: 2.222vw;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(1) .user_mark {border: 1px solid #084a80; border-radius: 2.777vw; 
font-size: 0.75rem; width: 12vw; height: 5.833vw; box-sizing: border-box; display: flex; align-items: center; 
justify-content: center;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(1) .user_mark.indi {border: 1px solid #0095ff; color: #0095ff;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(1) .user_mark.noshare {opacity: 0;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(1) .user_mark.share {opacity: 1;} 
.f141 .user_mark + .user_mark {margin-top: 2vw;} 
.f141 .account_list_box .atlb_list3.force span.bk_name::before {content: ''; display: block; margin-right: 1.666vw; width: 5vw; 
height: 5vw; background: url(../img_v2/error_red.svg) no-repeat center; background-size: contain;} 
.f141 .account_list_box .atlb_list3 span.bk_name {display: flex; align-items: center; font-size: 1.125rem; font-weight: 600;} 
.f141 .account_list_box .atlb_list3 span.bk_acnt_class {font-size: 0.875rem; line-height: 1.46; color: #000000; word-wrap: break-word; word-break: break-all;} 
.f141 .account_list_box .atlb_list3 span.bk_acnt {font-size: 3.611vw; font-weight: 600; line-height: 1.46; text-align: left; color: #000000; word-wrap: break-word; word-break: break-all;} 
.f141 .account_list_box .atlb_list3 > div:nth-child(2) span {margin-bottom: 1.944vw;} 
.f141 .account_list_box .atlb_list3.force span.bk_fcn {display: flex;} 
.f141 .account_list_box .atlb_list3 span.bk_fcn {display: none; align-items: center; font-weight: 600; font-size: 0.8125rem; line-height: 1.19; 
text-align: left; color: #ff3d23; word-break: break-all;} 
.f141 .account_list_box .atlb_list3 span.bk_cm {display: none; align-items: center; font-weight: 600; font-size: 0.8125rem; line-height: 1.19; color: #0088ff; word-wrap: break-word; word-break: break-all;} 
.f141 .account_list_box .atlb_list3 > a.bk_arr {position: absolute; top: 50%; margin-top: -6.944vw; right: 0; padding: 4.166vw;} 
.f141 .account_list_box .atlb_list3 > a.bk_arr i {display: block; background-image: url(../img_v2/right.svg); width: 2.777vw; height: 5.138vw; 
background-position: center; background-repeat: no-repeat; background-size: contain;} 
.f141 .new_blind {position: absolute; text-indent: -999999px; visibility: hidden; left: -100000px; top: -100000px;} 
.f141 .flt_add_account {position: fixed; display: flex; justify-content: center; align-items: center; bottom: 5.8333vw; right: 5.8333vw; width: 13.888vw; height: 13.888vw; border-radius: 8.333vw; box-shadow: 0px 4px 7.5px 0 rgb(0 0 0 / 15%);} 
.f141 .flt_add_account {background-color: #0090db;} 
.f141 .flt_add_account i {display: inline-block; background-image: url(../img_v2/ico_big_plus_w.png); width: 6.944vw; height: 6.944vw; background-position: center; background-repeat: no-repeat; background-size: contain;} 
 
 /* F201 */
 .f201 {padding: 13.4vw 5.555vw 18.055vw;} 
 .f201 .title_sub {margin-top: 2.777vw; margin-bottom: 2.777vw; font-size: 0.875rem; line-height: 1.5; color: #222222; word-wrap: break-word; word-break: keep-all; padding: 2.777vw; background-color: #fafafa; border-radius: 2.222vw;} 
 .f201 .certi_info_box {padding: 5.555vw 5vw 4.166vw; display: flex; position: relative; border-radius: 2.222vw; background-color: #ffffff; border: solid 1px #0095ff;} 
 .f201 .certi_info_box .ico_certi_m {margin-right: 2.777vw; display: block; background-image: url(../img_v2/ico_certi_m.svg); width: 9.722vw; height: 9.444vw; background-position: center; background-repeat: no-repeat; 
  background-size: contain;} 
 .f201 .certi_info_box .certi_info p:nth-child(1) {margin-bottom: 4.166vw;} 
 .f201 .certi_info_box .certi_info span.certi_cmp_name {font-size: 15px; font-weight: 600;} 
 .f201 .certi_info_box .certi_info p:nth-child(2) {margin-bottom: 3.055vw;} 
 .f201 .certi_info_box .certi_info p:nth-child(2) span {font-size: 15px; color: #a9adb5;} 
 .f201 .certi_info_box .certi_info p:nth-child(3) .certi_collect_data {color: #a9adb5; font-weight: 600;} 
 .f201 .certi_info_box .certi_info p:nth-child(3) span, .certi_info_box .certi_info p:nth-child(3) em {font-size: 13px; color: #000000; 
  font-weight: bold;} 
 .f201 .noti_star {display: flex; margin-top: 2.777vw; font-size: 14px; line-height: 1.46; color: #000000; word-wrap: break-word; 
  word-break: keep-all;} 
 .f201 .c_blue_new {color: #0095ff !important;} 
 .f201 .noti_star.mgt_set {margin-top: 5.555vw;} 
 .f201 .noti_star.mgb_set {margin-bottom: 4.166vw;} 
 .f201 .noti_box {margin: 0 -5.555vw; padding: 5vw 0 5vw 8.333vw; background-color: #fafafa;} 
 .f201 .noti_box .nb_tit_bx {margin-left: -8.333vw; padding: 3.472vw 4.166vw; background-color: #06346c; font-size: 17px; font-weight: 600;  line-height: 1.47; color: #ffffff;} 
 .f201 .c_green {color: #71fbc8 !important;} 
 .f201 .noti_box .nb_certi_tit {margin-top: 4.166vw; padding-left: 3.333vw; font-size: 15px; font-weight: bold; line-height: 1.5; 
  color: #000000;} 
 .f201 .noti_box p:not(:last-child) {margin-bottom: 2.777vw;} 
 .f201 .noti_box p:not(.agree_txt) {width: 90%; display: flex; word-wrap: break-word; word-break: keep-all;} 
 .f201 .noti_box .img_nb_certi_pc {margin: 7.222vw 0; margin-left: calc(50% - 29.0972vw - 4.166vw); display: block; background-image: url(../img_v2/img_certi_pc.png); width: 58.164vw; height: 18.75vw; background-position: center; background-repeat: no-repeat; background-size: contain;} 
 .f201 .nomal_noti span {display: inline-block; font-size: 13px; line-height: 1.46; color: #202020;} 
 .f201 .noti_box .nomal_noti span {font-size: 14px;} 
 .f201 .noti_box .link {color: #0095ff; text-decoration: underline;} 
 .f201 .noti_box .img_nb_certi_medi {margin:7.222vw 0; margin-left: calc(50% - 30.763vw - 4.166vw); display: block; background-image: url(../img_v2/img_certi_medi.png); 
  width: 61.527vw; height: 18.75vw; background-position: center; background-repeat: no-repeat; background-size: contain;} 
 .f201 .certi_add_box {padding: 7.5vw 0;  border-radius: 2.222vw; border: solid 1px #000000; background-color: #ffffff;} 
 .f201 .certi_add_box i {margin: auto; margin-bottom: 6.388vw; display: block; width: 9.444vw; height: 9.444vw; background-image: url(../img_v2/plus.svg); background-position: center; background-repeat: no-repeat; background-size: contain;} 
 .f201 .certi_add_box p {font-size: 17px; text-align: center; color: #000000;} 

/* B466 */
.b466 {padding-top: 13.4vw ; height: calc(100% - 13.4vw); overflow-y: scroll;} 
.b466 .wrap.account{padding: 5vw 5.555vw 0;}
.b466 .info_detail_total_list {margin-bottom: 6.666vw;} 
.b466 .info_detail_total_list p {display: flex; align-items: center; justify-content: center; margin: auto;} 
.b466 .info_detail_total_list i.info_mark.bankbook {background-image: url(../img_v2/card_2d_01.svg);} 
.b466 .info_detail_total_list i.info_mark {margin-right: 2.222vw; width: 7.777vw; height: 7.777vw;  background-size: contain;} 
.b466 .info_detail_total_list span.account_info {display: flex; align-items: center;  font-size: 1.125rem; font-weight: 600; color: #000000;} 
.b466 .info_detail_total_list span.account_info em {margin-left: 1.388vw; font-size: 2rem; font-weight: 600; color: #000000;} 
.b466 .info_detail_list_box .info_detail_list.type2 {display: flex; align-items: flex-start; justify-content: space-between; position: relative; padding: 4.1666vw; border-radius: 4.166vw; 
 box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); margin-bottom: 4.166vw;} 
.b466 .info_detail_list.type2 > div span.bank_mark i {width: 6.944vw; height: 6.944vw; margin-right: 3vw;} 
.b466 .info_detail_list.type2 > div {display: flex; align-items: flex-start;} 
.b466 .info_detail_list.type2 p.set_fl_col {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;} 
.b466 .info_detail_list.type2 p span.info_bank_name {text-align: left; color: #000000;} 
.b466 .info_detail_list.type2 > div p span:nth-child(1) {margin-bottom: 2.222vw;} 
.b466 .info_detail_list.type2 > div p span:nth-child(2) {margin-bottom: 3.055vw;} 
.b466 .info_detail_list.type2 p span.info_acnt {font-weight: normal; text-align: left; color: #a9adb5;} 
.b466 .info_detail_list.type2 p.set_fl_col.si {align-items: center; justify-content: space-between;} 
.b466 .user_mark {border: 1px solid #084a80; border-radius: 2.777vw; font-size: 0.75rem; width: 12vw; height: 5.833vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center;} 
.b466 .user_mark.bussi {border: 1px solid #084a80; color: #084a80;} 
.b466 .user_mark.indi {border: 1px solid #0095ff; color: #0095ff; margin-bottom: 0px;} 
.info_detail_list.type2 p span.info_ref {display: block; margin-top: 10vw; text-align: left; color: #ff684a;} 
.b466 .noti_comm {display: flex;  justify-content: center; margin-bottom: 5.555vw;} 
.b466 .noti_comm i { background-image: url(../img_v2/info_gray.svg); width: 4.1666vw; height: 4.1666vw; margin-right: 1.3888vw; background-size: contain; } 
.b466 .noti_comm span {font-size: 0.75rem; color: #8a8a8b; font-weight: 400;} 

/* f153 */
main.f153 {padding-top: 13.4vw; height: calc(100% - 13.4vw);} 
.f153_main-tit {font-size :1.5rem; margin-bottom: 8vw; line-height: 1.4;  font-weight: 600;} 
.f153_wrap {margin-top: 6.666vw; padding: 0 5.555vw;} 
.f153 .stmn_wrap {padding: 5.555vw; border-radius: 4.166vw;  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); margin-bottom: 4.166vw; display: flex; align-items: center; justify-content: space-between;} 
.f153 .stmn_tit { margin-bottom: 4vw;  font-size: 1.125rem;  font-weight: 600; 
} 
.f153 .stmn_tit span { font-size: 1.125rem;  font-weight: 600; } 
.f153 .stmn_wrap .icon i { background-image: url(../img_v2/right.svg); 
 width: 2.777vw;  height: 5.138vw; } 

  /* 2023-02-15 점검페이지 추가 */
.check-page {padding: 0 5.555vw;} 
.check-page .cover {display: flex; justify-content: center; margin: 8.333vw 0 5.555vw;} 
.check-page .cover i {background-image: url(../img_v2/rocket.png); width: 47.222vw; height: 47.222vw;} 
.check-page .info .info_title {font-size: 1.125rem;; font-weight: 600; margin-bottom: 4vw;} 
.check-page .info .info_desc p {font-weight: 400; margin-bottom: 3vw;}