@charset "utf-8";

html {user-select: none;}
figure {margin:0;text-align: center;}
figure img {max-width: 100%;height: 100%;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.pc {display:block;}
.mob {display:none;}
.mt0 {margin-top: 0 !important;}
.mt16 {margin-top: 16px !important;}
.ht40 {height: 40px !important;}
strong {font-weight: 700;}
/* 텍스트 확대 */
html.zoom {font-size: 125%;}
html.zoom .btn_icon.char{background: url('/img/user/icon_btn_char_on.png') no-repeat center/24px;}
/* wrap */
.wrap.full {display:flex;flex-direction: column;height: 100vh;} /* 컨텐츠가 적을 때 푸터, 버튼 하단에 넣기 */
/* 텍스트 줄바꿈 */
.br,
.br2 {display:block;margin:16px 0; word-break: break-all;} /* 간격 위 아래 둘다*/
.br2_t {display:block;margin:16px 0 0;word-break: break-all;} /* 간격 위에만 */
.br.mob {display:block;}
.br.pc {display:inline;}
/* 본문으로 바로가기 */
.move_content {display: none;visibility: hidden;}
.move_content a {display: none;visibility: hidden;}
/* 헤더 */
.header_mob {display:none;}
/* 배너 */
.banner_wrap{display: flex; width: 100%; height: 400px;background-color: #FFF3E8;;}
.banner_wrap article{position: relative; min-width: 1200px; max-width: 1200px; margin: 0 auto; display: flex;}
.banner_wrap article div,
.banner_wrap article .bx-viewport ul,
.banner_wrap article .bx-viewport ul,
.banner_wrap article .bx-viewport ul li{height: 100%;}
.slider_wrap {width:100%;margin-top: 12px;}
.banner_wrap article .view01 {position:relative}
.banner_wrap article .view01 p{padding-top:92px;font-size: 2.25rem; line-height: 50px; font-weight: 700; color: #000;}
.banner_wrap article .view01 > a{display: inline-block; margin-top: 27px; padding: 10px 16px; border: 1px solid #e2e2e2;border-radius:6px;color:#3d3f45;background-color: #fff;}
.banner_wrap article .view01 > img {position: absolute;right: 30%; top: 60px;}
.bx-controls {display: flex;justify-content: center;}
.m_con_visual_btn{position: absolute; bottom: 45px;display: flex; gap:16px; align-items: center;}
.m_con_visual_btn .count {width:36px;height:36px;border-radius:50%;text-align: center;line-height: 42px;border-radius: 50%;}
.m_con_visual_btn .count span {display:inline-block;width:18px;height:18px;border-radius:50%;background-color:#c6ccd6;}
.m_con_visual_btn .count.on {background-color:#c6ccd6;}
.m_con_visual_btn .count.on span {background-color: #000;}
.m_con_visual_btn li{line-height: 20px;}
.m_con_visual_btn li a img{vertical-align: middle;}
.badge {border-radius: 40px; padding:4px 10px;box-sizing: border-box;background-color: #e2e2e2; color: #311b00;font-size: 0.8125rem;font-style: normal;font-weight: 500;line-height: 18px;letter-spacing: -0.0022rem;}
/* slide pager */
.banner_wrap article div, .banner_wrap article .bx-viewport ul, .banner_wrap article .bx-viewport ul, .banner_wrap article .bx-viewport ul li {height:auto;}
.bx-controls.bx-has-controls-direction.bx-has-controls-auto{ display: flex;flex-direction: row-reverse; justify-content: center;gap:20px;}
.bx-controls-direction {display: flex;gap:64px}
.bx-prev {display:block;width:24px;height:24px;background:url(/img/user/icon_btn_prev.svg) no-repeat center center;font-size:0;}
.bx-next {display:block;width:24px;height:24px;background:url(/img/user/icon_btn_prev.svg) no-repeat center center;font-size:0;transform: rotate(180deg);}
.bx-controls-auto {position:absolute;margin-left:56px;}
.bx-start {display:block;width:24px;height:24px;background:url(/img/user/visual_play.png) no-repeat center center;font-size:0;}
.bx-stop {display:block;width:24px;height:24px; background:url(/img/user/visual_stop.png) no-repeat center center;font-size:0;}
.bx-start.active, .bx-stop.active {display:none;}
.bx-pager.bx-default-pager {font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: 24px;}
/* 체결전 */
.before_signing {width:320px;min-height: 270px; background: url(/img/user/main/before_signing.png) no-repeat right 29px bottom 90px #fff;}
.before_signing > p,
.after_signing > p {padding:15px 24px;box-sizing: border-box;background-color: #f5f5f5;color:#55575c;font-size: 1rem;font-style: normal;font-weight: 400;letter-spacing: -0.0262rem;}
.before_signing > p > a ,
.after_signing > p > a {color:  #55575C;font-size: 1rem;font-style: normal;font-weight: 500;letter-spacing: -0.0026rem;text-decoration-line: underline;}
.user_state_box {min-height: 158px;box-sizing: border-box; background: url(/img/user/main/before_signing.png) no-repeat right 32px top 1.1rem #fff;}
.user_state_box > p{color: #000;font-size: 1.25rem;font-style: normal;font-weight: 700;line-height: 1.2;  letter-spacing: -0.0125rem;}
.state_box_step{margin-top:32px;}
.state_box_line {position: relative;left:0;right:0;top:1rem;width:80%;height:6px !important;margin:auto; border-radius: 11px;border: 2px solid #FFF;background: #EAEDF2; box-shadow: 0 3px 3px 0 #CAD3DC inset;}
.state_step_list {position: relative;top:0; width:100%; display: flex;}
.state_step_list li {position: relative; flex:1;text-align: center;}
.state_step_list li > span {position: relative;z-index: 2; display: inline-block;width:11px;height: 11px;border:4px solid #e2e2e2;border-radius: 50%;background-color: #c2c2c2;}
.state_step_list li.on > span {border:4px solid #fbce99;background-color: #ff701f;}
.state_step_list li.on::after {content: '';display:block;position:absolute; width: 100%;height: 6px;right: 50%;  top:6px; background: linear-gradient(180deg, #FFC061 0%, #EA6200 100%);}
.state_step_list li:first-child::after {display: none;}
.state_step_list li > p {margin-top:8px;color: #000;font-size: 0.8125rem;font-style: normal;font-weight: 500;line-height: 1;  letter-spacing: -0.0024rem;}
/* tag */
.bottom {margin-top: auto;}
a.download {color: #D82C3C;font-weight: 400;line-height: 22px;letter-spacing: -0.48px;text-decoration-line: underline;}
/* 결과화면 gif */
.gif {margin-bottom: 60px; height:80px;}
.gif.complete {background: url(/img/user/complete.gif) no-repeat center center/contain;}
.gif.fail {background: url(/img/user/fail.gif) no-repeat center center/contain;}
.gif.folder {height:220px;background: url(/img/user/folder.gif) no-repeat center center/contain;}
.gif + .view_title { text-align: center;}
.gif + .view_title + .txt_normal, .gif ~ .txt_normal {margin-top: 32px; text-align: center;}
/* 텍스트 관련 */
.txt_box {color: #181818; font-size:1rem; font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.0262rem;}/* 컨텐츠 상단 설명 */
.txt_main {color: #000;font-size: 1.25rem;text-align: left;line-height: 28px;font-weight: 700;}
.txt_view {font-size: 1.25rem;font-weight: 700;color:#000;line-height: 28px;letter-spacing: -0.2px;text-align: left;}
.txt_view_sub {margin-top: 16px; font-size: 1rem;font-weight: 400;line-height: 22px;letter-spacing: -0.48px;text-align: left;color:#000;}
.txt_sub {margin-top: 16px; color:#3d3f45;font-size: 1rem;line-height: 1.4;letter-spacing: -0.025rem;text-align:left;opacity: 0.9;}
.txt_btn {margin-top:80px !important;color: #55575c;text-align: center;font-size: 1rem;font-weight: 400;line-height: 24px;}
.view_title {margin-bottom: 16px; color: #000;font-weight: 500;font-size: 1.125rem;line-height: 24px; letter-spacing: -0.0375rem;}
.view_title_b {color: #000;font-weight: 700;font-size: 1.125rem;line-height: 21px; letter-spacing: -0.0375rem;}
.view_title.exc {padding-left: 28px;box-sizing: border-box; background: url(/img/user/icon_description.png) no-repeat left center/20px;}
.txt_bottom {color: #181818;font-size:1rem;line-height: 22px;font-style: normal;font-weight: 400;opacity: 0.9;}
.mini_title{margin-bottom: 12px; color: #000; font-size:1rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;line-height: 24px;}
.view_box > .txt_dot:first-of-type {margin-top:32px;}
.txt_guide {margin-top: 12px; color:#55575c;font-size:1rem;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.0225rem;}
.content > .txt_guide:first-child {margin-top: 0;}
.txt_guide.exc {padding-left:24px;text-indent: 0; margin-top:12px;background: url(/img/user/icon_description_blue.png) no-repeat left top;line-height: 20px;}
.txt_guide.exc_g {margin-top:12px;background: url(/img/user/icon_description_green.png) no-repeat left top;line-height: 20px;padding-left:24px;text-indent: 0;}
.txt_guide.no_bullet {padding:0;text-indent: 0;}
label > .txt_guide {padding:0;}
.txt_guide.end {margin-top:60px;}
p + .mini_title {margin-top: 20px;}
.txt_normal {color: #55575c;font-size:1rem;line-height: 20px;font-style: normal;font-weight: 400;letter-spacing: -0.025rem;}
.main.m .txt_normal {margin-top: 4px;}
.txt_common{color:#000; font-size:1rem;font-weight: 400;font-style: normal;letter-spacing: -0.025rem;line-height: 1.4;}
.txt_result {color:#000;text-align: left;font-size:1.1875rem;font-style: normal;font-weight: 700;line-height: normal;}
.txt_table_unit {margin-bottom: 12px; color:#55575c;text-align: right;font-size:0.75rem;font-style: normal;font-weight: 400;line-height: 21px;letter-spacing: -0.0375rem;}
.txt_top_date {margin-bottom:6px;color: #4770be;text-align: right;font-size:1rem;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: -0.0026rem;}
[class^=txt_].oc {opacity: 0.9;}
.txt_top_date + * {margin-top: 0 !important;}
.txt_agree {display:inline-block;position: relative;margin-top: 60px !important; color: #000;text-align: center;font-size:1.25rem;font-weight: 700;line-height: 28px;letter-spacing: -0.0187rem;}
.txt_agree::before {display:block;content:'';position: absolute;bottom: -3px;z-index: -1; width:100%;height:8px;background-color: #ffdcb2;}
.txt_check {display: flex;gap:4px; padding-left: 32px;background: url(/img/user/icon_check_on.png) no-repeat left top; color: #000;font-size: 1rem;font-weight: 500;line-height: 22px;letter-spacing: -0.112px;}
.txt_check span:nth-child(2) {color: #55575C;font-weight: 400;text-align: left;}
.txt_sub.tac + .txt_common {margin-top: 12px;}
.txt_main +.txt_normal {margin-top: 16px;}
/* 박스 */
.box {padding:12px;box-sizing: border-box;border-radius: 6px;text-align: center;font-size:1.875rem;font-style: normal;font-weight: 700;line-height: 22px;letter-spacing: -0.0056rem;}
.border_box {padding:24px;box-sizing: border-box;border-radius: 12px;font-size:1rem;font-style: normal;font-weight: 500;line-height: 22px;letter-spacing: -0.007rem;}
.border_box p + .txt_box {margin-top:24px;}
/* 파란 박스 */
.box.blue {background-color: rgba(88, 138, 235, 0.1); color:#4770be;padding:12px;font-size: 1rem;line-height: 22px;letter-spacing: -0.0375rem;}
.border_box.blue {padding:24px;border: 1px solid #588AEB;background: #F2F9FF;color:#000 !important;font-size: 1rem;line-height: 22px;letter-spacing: -0.007rem;}
.border_box.blue strong {color: #4770be;}
.input label {font-size: 1rem;}
/* 초록 박스 */
.border_box.green {border: 1px solid #80CB22; background: #F4FDE8;color:#000 !important;}
.border_box.green p {color:#000;}
.border_box.green strong {color:#008857;}
.border_box strong.name {color:#000 !important;}
.border_box.green p.account {color: #008857;font-size: 1.875rem;font-weight: 700;line-height: 28px;text-decoration-line: underline;}
/* 노란 박스 */
.border_box.yellow {border: 1px solid #FFD452; background: #FFFCEF;}
.border_box.yellow p {color: #000; font-size: 1rem; font-style: normal; font-weight: 400;line-height: 32px;letter-spacing: -0.0375rem; }
.border_box.yellow p strong {color: #000;text-decoration-line: underline;}
.border_box.yellow p b {color: #da2e29;}
/* 회색 박스 */
.border_box.gray {border: 1px solid #e2e2e2;background: #f8f8f8;}
.txt_guide_pop + .border_box {margin-top: 16px;}
/* 회색박스에 다운로드 버튼 */
.border_box.gray .between_box .btn_small {padding:10px 24px;}
.border_box.gray .between_box .mini_title {margin:0;text-align: left;}
.border_box.gray .between_box .mini_title + p {margin-top: 10px; color: #55575C;font-size: 1rem;font-weight: 400;line-height: 20px;letter-spacing: -0.42px; text-align: left;}
/* 기타 박스 */
.yellow_box {margin:32px 0 0; border-radius:12px; padding: 24px;box-sizing: border-box;background: #FFF9F1;font-size: 1rem;color:#181818;font-weight: 400;line-height: 22px;letter-spacing: -0.42px;}/* 텍스트용 노란 박스 */
p.yellow_box {color:#000; font-size:1rem;font-weight: 400;line-height: 26px;letter-spacing: -0.0313rem;opacity: 0.9;}
.yellow_box p {font-size: 1rem;color:#181818;font-weight: 400;line-height: 22px;letter-spacing: -0.42px;}
.yellow_box .txt_bullet, .yellow_box p+p {margin-top: 24px;}
.border_box.shadow {background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.border_box .txt_guide {margin-top: 0;}
.yellow_box + .txt_box {margin-top: 16px;}
/* 파일 목록 */
.list_file {border: 1px solid #e2e2e2;border-radius: 12px;overflow: hidden;}
.list_file p {padding: 16px 24px;box-sizing: border-box; color: #000;font-size: 1rem;font-weight: 500;line-height: 21px;letter-spacing: -0.6px;background-color: #f5f5f5;}
.list_file ul li {display: flex;justify-content: space-between;align-items: center; border-top:1px solid #e2e2e2;padding: 8px 16px 8px 40px;box-sizing: border-box; color: #000;font-size: 0.75rem;font-weight: 400;line-height: 16px;letter-spacing: -0.0225rem;background: url(/img/user/icon_folder.svg) no-repeat left 16px center/18px;}
/* 텍스트컬러 */
.blue {color:#4770be !important;}
.green {color: #008857 !important;}
p strong,h2 strong,.orange{color:#eb671d !important;}
.blur {color:#55575C !important;}
.red {color: #da2e29 !important;}
.black {color: #000 !important;}
.bold {font-weight: 700 !important;}
/* 컨텐츠 */
/*main.sub {padding: 0;}*/
.sub.gray {background-color: #fafafa;min-height: calc(100vh - 120px);}
.view_box {position:relative;margin-top:48px;padding-top:48px;box-sizing: border-box;}
.content {padding: 0 20px;box-sizing: border-box;}
.loading_box .txt_main {text-align: center;margin-top: 120px;}
h3 {text-align: center;margin:0;}
h3.mini_title {text-align: left;}
.top_box + .view_box::after {display: block;content: '';position:absolute;top:0;left:0;width:100%;height:7px;background-color: #f5f5f5;}
.intro_box_list {margin-top:24px;}
.intro_box_item {height:66px;border:1px solid #e2e2e2;border-radius:6px;padding-left:78px;box-sizing: border-box;font-size:1.125rem;font-weight: 500;line-height: 66px; letter-spacing: -0.0081rem;background-repeat: no-repeat; background-position: left 32px center;}
.intro_box_list .intro_box_item:nth-child(1) {background-image: url(/img/user/icon_introbox_01.png);}
.intro_box_list .intro_box_item:nth-child(2) {background-image: url(/img/user/icon_introbox_02.png);}
.intro_box_list .intro_box_item:nth-child(3) {background-image: url(/img/user/icon_introbox_03.png);}
.intro_link {margin-top: 24px;}
.intro_link a {display:block; border:1px solid #e2e2e2;border-radius:6px;padding:16px 100px 16px 24px; box-sizing: border-box;background: url(/img/user/icon_debt_introduce.png) no-repeat right 24px center/80px auto;}
.intro_link a span:nth-child(1),.intro_link a p:nth-child(1) {color: #000;font-size: 1rem;font-weight: 500;line-height: 24px;letter-spacing: -0.126px;}
.intro_link a span:nth-child(2),.intro_link a p:nth-child(2) {display: block; margin-top: 4px; color:#181818;font-size: 0.74rem;font-weight: 400;line-height: 20px; letter-spacing: -0.42px;}
* + article {margin-top: 32px;}
/* 신청방법 */
.intro_step { display:flex;flex-direction: column;justify-content: center;height:auto;gap:12px;margin-top:16px;border-radius: 25px;padding:24px;background: #F4F6FD;}
.intro_step .intro_step_item {position: relative;height:66px;padding-left:72px;box-sizing: border-box;background: url(/img/user/icon_step_dot.png) no-repeat left 21px center;font-style: normal;font-size: 1rem;line-height: 62px;}
.intro_step .intro_step_item.ic_agree {background: url(/img/user/icon_step_agree.png) no-repeat left center/46px;}
.intro_step .intro_step_item.ic_input {background: url(/img/user/icon_step_input.png) no-repeat left center/46px;}
.intro_step .intro_step_item.ic_date {background: url(/img/user/icon_step_date.svg) no-repeat left center/60px;}
.intro_step .intro_step_item.ic_play {background: url(/img/user/icon_step_play.png) no-repeat left center/46px;}
.intro_step .intro_step_item.ic_search {background: url(/img/user/icon_step_search.png) no-repeat left center/46px;}
.intro_step .intro_step_item.ic_call {background: url(/img/user/icon_step_call.png) no-repeat left center/46px;}
.intro_step .intro_step_item.ic_result {background: url(/img/user/icon_step_result.png) no-repeat left center/46px;color:#4770be;   font-size: 1rem;font-weight: 700;text-decoration: underline;}
.intro_step .intro_step_item:first-child::after {display: block;content: '';position: absolute;top:50%;left: 30px;width: auto;height:100%;border-left:1px dashed #588AEB;}
.intro_step .intro_step_item::after {display: block;content: '';position: absolute;top:50%;left:30px;width: 100%;width: auto;height:100%;border-left:1px dashed #588AEB;}
.intro_step .intro_step_item:last-child {display: none;}
.intro_step .intro_step_item:nth-last-child(2)::after {display: block;content: '';position: absolute;top:50%;left:30px;width:100% ;width:auto ;height:100%;border-left:1px solid #588AEB;}
/* intro_step 오렌지 버전 */
.intro_step.orange {flex-direction: column;height:auto;margin-top:32px;gap:12px;padding:24px;background: #f5f5f5;}
.intro_step.orange .intro_step_item {flex:none;height:66px;padding-top:0;padding-left:72px;background: url(/img/user/icon_step_dot_o.png) no-repeat left 22px center; font-size: 1rem;line-height: 62px;text-align: left;}
.intro_step.orange .intro_step_item.ic_agree {background: url(/img/user/icon_step_agree_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_input {background: url(/img/user/icon_step_input_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_date {background: url(/img/user/icon_step_data_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_search {background: url(/img/user/icon_step_search_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_play {background: url(/img/user/icon_step_play_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_docu {background: url(/img/user/icon_step_docu_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_call {background: url(/img/user/icon_step_call_o.png) no-repeat left center;}
.intro_step.orange .intro_step_item.ic_result {background: url(/img/user/icon_step_result_o.png) no-repeat left center;color:#eb671d;font-size:1rem;font-weight: 700;}
.intro_step.orange .intro_step_item:first-child::after {top:50%;left: 30px;width: auto;height:100%;border-left:1px dashed #ff701f;}
.intro_step.orange .intro_step_item::after {top:50%;left: 30px;width: auto;height:100%;border-left:1px dashed #ff701f;}
.intro_step.orange .intro_step_item:last-child {display: none;}
.intro_step.orange .intro_step_item:nth-last-child(2)::after {top:50%;left:30px;width:auto ;height:100%;border-left:1px solid #ff701f;}
/* 진행절차 */
.intro_step2 {position: relative; display:flex;flex-direction: column;gap:12px;width:100%;height:auto; margin-top: 24px;border: 1px solid #e2e2e2; border-radius: 25px;padding:24px;box-sizing: border-box;background-color: #F4F6FD;}
.pop_wrap .intro_step2 {width:100%;margin-top:0;margin-bottom:40px;}
.intro_step2::after {content: ''; display: block; position: absolute;left:46px;top:10%; width:auto;height:calc(100% - 180px);border-left:1px dashed #588AEB;}
.intro_step2_item {flex:none;height:46px;padding-top: 0;padding-left:63px;box-sizing: border-box; text-align: left;background-repeat: no-repeat;background-position: left 15px center;background-size: 16px;font-size:1rem;font-style: normal;font-weight: 400;background-image: url(/img/user/icon_step_dot.png);letter-spacing: -0.025rem;line-height: 46px;}
.intro_step2_item:nth-child(1) { background-image: url(/img/user/icon_step_date.svg);background-position: left center ;background-size: 46px; font-size: 1rem;letter-spacing: -0.007rem;color:#000;}
.intro_step2_item:nth-last-child(1) {position:relative;background-image: url(/img/user/icon_step_result.png);background-position: left center ;background-size: 46px;color:#4770be; font-size:1rem;font-weight: 700; letter-spacing: -0.007rem;}
.intro_step2_item:nth-last-child(1)::after {position:absolute;top:-30px;left:22px;content: '';display: block;width:1px; height:74%;background-color: #588AEB;}
/* 보조 설명 텍스트 */
.txt_foot {margin-top:16px;color:#747475;text-align: center; font-size:0.75rem;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;}
.between_box .txt_foot {margin-top:0;text-align: right;}
/* 폼 */
div + form, section + form, article + form {margin-top: 40px;}
.txt_normal + form {margin-top: 48px;}
input[type='text'], input[type='number'],input[type='date'],input[type='password'],input[type='file'],input[type='tel'],input[type='email'] {width: 100%; border: 1px solid #e2e2e2; margin-top:8px;padding:5px 10px;box-sizing: border-box;color: #000;font-size:1.125rem;font-style: normal;font-weight: 400;line-height: normal;}
input::placeholder, textarea::placeholder{color:#777777;text-align: left;}
input[type='text'].error, input[type='number'].error,input[type='date'].error,input[type='password'].error,input[type='file'].error,input[type='tel'].error,input[type='email'].error{border: 1px solid #fd3838;}
p.error{margin-top:8px;font-size:0.75rem;color:#da2e29;}
input[type=radio], input[type=checkbox]{display: inline;-webkit-appearance: none;-moz-appearance: none; appearance: none; border-radius: 0;border:0;height:0;padding:0;margin:0;}
label { user-select: none;}
input[type=radio] + label, input[type=checkbox] + label {cursor: pointer;}
input[type=radio] + label:hover, input[type=checkbox] + label:hover {color:#000;}
input[type=number]::-webkit-inner-spin-button {appearance: none;}
input:disabled,input:read-only,textarea:read-only, textarea:disabled {background-color: #efefef;}
select {display:block;width:100%;border:1px solid #e2e2e2;border-radius: 6px; padding:11px 32px;box-sizing: border-box;background:url(/img/user/icon_select.png) no-repeat right 24px center #fff;color: #000;font-size:1.125rem;font-style: normal;font-weight: 400;appearance: none;}
label + select {margin-top:12px;}
/* input 영역 묶을때 사용 */
.input {position: relative; margin-top:12px;}
.input input[type='text'], .input input[type='number'],.input input[type='date'],.input input[type='password'],.input input[type='file'],.input input[type='tel'],.input input[type='email'] {margin-top: 0;}
.input input[type='text'] + .input, .input input[type='number'] .input,.input input[type='date'] .input,.input input[type='password'] .input,.input input[type='file'] .input,.input input[type='tel'] .input,.input input[type='email'] .input {margin-top: 12px;}
.input > .input_unit {margin-top:0;padding:11px 36px 11px 32px;}
.input > .input_unit2 {margin-top:0;padding:11px 48px 11px 32px;text-align: right;}
.input > label, .label {display: block; margin-bottom: 12px; color: #000; font-size:1.2rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;text-align: left;}
label.req {position: relative;display:inline-block;width:auto;}
label.req::after {content: '';display: block;position: absolute;top:0;right:-8px;width:6px;height:6px;border-radius: 50%;background-color: #FF701F;}
span.req {display: inline-block; width: 6px;height: 6px;border-radius: 50%;background-color: #FF701F;;}
.input.input_btn > div {display: flex;gap:8px;margin-top:8px;}
.input.input_btn > div > input {margin-top:0;}
.input.input_btn > div > button{flex-shrink: 0;}
.input_src {display: flex;gap:16px;margin-top:12px;}
.input_src input {margin-top:0;}
.input_src input[type='text'] {padding-right: 42px;}
.input_src button {flex-shrink: 0;right:16px;}
.input_src + input {margin-top:8px;}
.input > div + input[type='text'],.input > div + input[type='number'],.input > div + input[type='date'],.input > div + input[type='password'],.input > div + input[type='file'],.input > div + input[type='tel'],.input > div + input[type='email']  {margin-top:12px;}
.input.input_select > div {display:flex;gap:16px;align-items: center;}
.input.input_select > div > select {flex-basis: 50%;}
.input.input_select > div > p {color: #000;font-size:1rem;font-style: normal;font-weight: 400;line-height: 24px;}
.txt_info {color:#3D3F45; font-size:0.75rem;font-weight: 400;letter-spacing: -0.0313rem;}
.txt_unit {position: absolute;top:11px;right:16px;color:#000; font-size:1rem;font-weight: 400;}
.input_title {margin-top:16px; color:#000;font-size:1rem;font-weight: 500;letter-spacing: -0.0063rem;}
.txt_accent {margin-bottom: 16px; color:#fa6900; font-size:1rem;font-weight: 700;letter-spacing: -0.0125rem;text-align: left;}
.input.period {display: flex;flex-wrap: wrap; gap: 8px;align-items: center;justify-content: center;}
/* 체크박스 */
[class^=checkbox_list] {display:grid;gap:8px;grid-auto-rows: 1fr;}
.checkbox_list {grid-template-columns: 1fr;}
.checkbox_list2 {grid-template-columns: 1fr 1fr;}
.checkbox_list3 {grid-template-columns: 1fr 1fr 1fr;}
.checkbox_item > label {display:flex;flex-direction: column; justify-content: center; height:94px;position:relative;border:1px solid #e2e2e2;border-radius: 8px;padding:0 16px; box-sizing: border-box; color: #000;font-size: 1rem;font-weight:400;text-align: center;word-break: keep-all;}
.checkbox_item > input:checked + label {box-shadow: 0 0 0 2px #eb671d; background:#fff5e9;font-weight: 700;text-decoration: underline;}
.checkbox_item > label span:nth-of-type(1) {color:#000;font-size:1.125rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;text-align: left;}
.checkbox_item > label span:nth-of-type(2) {margin-top:16px;color:#55575c;font-size:1rem;font-style: normal;font-weight: 400;letter-spacing: -0.03rem;text-align: left;}
.checkbox_list4 {gap:12px;}
.checkbox_list4 .checkbox_item > label {height: 100%; padding:8px;border-radius: 12px;background: url(/img/user/check.png) no-repeat left 24px center/18px;}
.checkbox_list4 .checkbox_item > input:checked + label {background: url(/img/user/checked.png) no-repeat left 24px center/18px #fff5e9;}
.checkbox_list4 .checkbox_item > label > .data_horizon {flex-direction: column;align-items: baseline;gap: 5px;padding-left: 48px;}
.checkbox_list4 .checkbox_item > label > .data_horizon .dt{color: #000;font-size: 1rem;font-weight: 500;line-height: 21px; letter-spacing: -0.6px;}
.checkbox_list4 .checkbox_item > label > .data_horizon .dd{color: #55575C;font-size: 0.75rem;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;}
.checkbox_list5 {display: block; margin-top: 12px;}
.checkbox_list5 li + li {margin-top: 8px;}
.checkbox_list5 li label {display: block; width: 100%; border-radius: 6px;border: 1px solid #D1D6DD;padding: 16px 52px;box-sizing: border-box;background:url(/img/user/check.png) no-repeat left 16px center/18px #fff;color:  #000;font-size: 1rem;font-weight: 400;line-height: 22px;letter-spacing: -0.48px;}
.checkbox_list5 li input:checked + label {box-shadow: 0 0 0 2px #eb671d;background: url(/img/user/checked.png) no-repeat left 16px center/18px #fff5e9;font-weight: 700;text-decoration: underline;}
/* 인풋 이분 */
.input_split {display:flex;gap:16px;}
.input_split > * {flex:1;}
.input_split select + .input_src {margin-top:0;}
.input_split .radio+.radio {margin-top: 0;}
/* 라디오 */
/* 기본라디오 */
.radio label{display: block; min-height:22px; padding-left:32px;background:url(/img/user/radio.png) no-repeat left center/22px;color:  #272D37;font-size: 1rem;font-weight: 400;line-height: 22px;}
.radio input:checked + label {background:url(/img/user/radio_on.png) no-repeat left center/22px;font-weight: 700;text-decoration: underline;}
.view_title + .radio {margin-top:16px;}
.radio + .radio {margin-top: 14px;}
.radio > .txt_normal {margin-top: 8px; padding-left: 32px;}
.radio > .txt_guide {margin-top: 8px; padding-left: 32px;text-indent: 0;}
/* 리스트형 */
[class^=radio_list] {display:grid;gap:8px;grid-auto-rows: 1fr;}
.radio_list {grid-template-columns: 1fr 1fr;}
.radio_list2 {grid-template-columns: 1fr 1fr 1fr 1fr;gap:8px;} /* 모바일 2열 */
.radio_list3 {grid-template-columns: 1fr 1fr 1fr;} /* 모바일 3열 */
.radio_list4 {grid-template-columns: 1fr 1fr 1fr;gap:10px;} /* 모바일 3열 */
.radio_item label {display:flex;flex-direction: column;justify-content: center; height:100%; border: 1px solid #E2E2E2;border-radius: 6px;padding:16px; box-sizing: border-box;background:#FFF;font-size:1rem;font-weight: 400; cursor:pointer;text-align: center;} /* 문항 */
.radio_data_list .radio_item label {height: auto;}
.form_question .radio_item label{padding:20px;}
[class^=radio_list].mh_auto .radio_item label{padding:20px;}
.radio_list.mh_auto {gap:8px;}
.radio_list.mh_auto .radio_item label {padding:12px;min-height: 100%;}
.txt_apm + .radio_list2 {grid-template-columns: 1fr 1fr 1fr;}
/* 데이터 보이는 라디오 */
.txt_angle + .radio_data_list {margin-top:24px;}
.radio_data_list .radio_item + .radio_item {margin-top:16px;}
.radio_data_list .radio_item label{display:block; min-height: auto;padding: 16px 0 0 0; background: url(/img/user/check.png) no-repeat left 16px top 16px/18px;text-align: left;}
.radio_data_list .radio_item input:checked + label{background: url(/img/user/checked.png) no-repeat left 16px top 16px/18px #fff5e9;}
.radio_item input:checked + label {border: 1px solid #FD4E5D;color: #FD4E5D;background: #fff;font-weight: 700;}
/*.radio_item input:disabled + label {border: 1px solid #D1D6DD;background: #EEE;color:#e2e2e2;}*/
.radio_data_list .radio_head {display: block; padding: 0 0 16px 52px;box-sizing: border-box;color: #000;font-size:1rem;font-style: normal;font-weight: 400;line-height: 24px;}
.radio_data_list .radio_body {display: block; border-top:1px solid #e2e2e2;padding:24px;box-sizing: border-box;}
.txt_sub + .radio_data_list.detail {margin-top: 12px;}
/* 카드 데이터형 라디오 */
.radio_list.card{grid-template-columns: 1fr; margin-top: 16px;}
.radio_list.card label{height: 100%;;padding:24px;text-align: left;}
.radio_list.card label p:nth-of-type(1) {color: #000;font-size:1rem;font-style: normal;font-weight: 500;line-height: 24px;  letter-spacing: -0.0079rem;}
.radio_list.card label p:nth-of-type(2) {margin-top: 8px; color:#55575c;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px; letter-spacing: -0.03rem;}
legend.view_title + .radio_list, legend.view_title + .radio_list2, legend.view_title + .radio_list3, legend.view_title + .checkbox_list, legend.view_title + .checkbox_list2, legend.view_title + .checkbox_list3 {margin-top:10px;}
/* 모바일에서 3열로 바뀌는 라디오 */
.radio_btn {display: flex;flex-direction: column; gap:8px;}
label + .radio_btn {margin-top:8px;}
.radio_btn.fdc {display: grid;grid-auto-rows: 1fr;}
.radio_btn > div > label,
.radio_btn > li > label {display:block;height:100%;border:1px solid #e2e2e2;border-radius: 6px; padding:12px;box-sizing: border-box;color: #000;  font-size:1rem; font-style: normal;  font-weight: 400;text-align: center;}
.radio_btn.fdc >div > label,
.radio_btn.fdc > li> label {display: flex;align-items: center; padding:20px 32px;text-align: left;}
.radio_btn > div > input:checked + label,
.radio_btn > li > input:checked + label {box-shadow: 0 0 0 2px #eb671d;background-color: #FFF5E9;font-weight: 700;text-decoration: underline;}
input.input_unit {width:100%;height:46px;border: 1px solid #E2E2E2;border-radius: 6px;padding:11px 36px 11px 16px;box-sizing: border-box; text-align: right;color:#000; font-size:1rem;font-weight: 400;}
.input input.input_unit {padding-right:36px;}
/* 파일 */
input[type=file] {appearance: none;width:0;height:0;padding:0;border:0;font-size: 0;} /*업로드 */
input[type=file]::-webkit-file-upload-button {display: none;}
input[type=file] + label {display: flex;justify-content: center;align-items: center;gap: 8px; padding:15px;box-sizing: border-box; border-radius: 12px;border: 2px dashed #929395;color: #D82C3C;text-align: center;font-size: 1rem;font-weight: 700;line-height: 18px;letter-spacing: -0.09px;cursor: pointer;}
.icon_plus {display: inline-block; width:24px;height:24px;background:url(/img/user/icon_plus.svg) no-repeat center;}
.icon_plus_white {display: inline-block; width:24px;height:24px;background:url(/img/user/icon_plus_white.svg) no-repeat center;}
.btn_download {width:100%;border-radius: 8px;border: 1px solid #D82C3C;padding:15px; background: #FFF;font-size: 1rem;}
.btn_download span{padding-right: 16px;box-sizing: border-box; background: url(/img/user/icon_btn_download.svg) no-repeat right center; color: #D82C3C;font-size: 1rem;line-height: 18px;letter-spacing: -0.048px;}/* 다운로드 */
/* 캘린더 */
input[type='date'] {position: relative;padding:11px 16px;background: url(/assets/icon_btn_calendar.svg) no-repeat right 16px center/24px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=date]::-webkit-calendar-picker-indicator{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent; cursor: pointer;}
/* 테이블 */
.table_box {width:100%;}
.table{width: 100%;border:1px solid #d1d6dd;border-collapse: collapse;table-layout: fixed;word-wrap: break-word;}
.table + .table {margin-top:12px;}
.table caption{  position: relative; top:-624.9375rem; width:0rem;  height: 0rem;  overflow: hidden;opacity: 0;}
.col_th {width:92px;}
.col_th2 {width:120px;}
.table th{  padding:16px;  background-color: #ececec; color:#747475;text-align: center;font-size:0.8125rem;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: -0.007rem;border-right: 1px solid #d1d6dd;border-bottom:1px solid #d1d6dd;}
.table thead th:last-child{  border-right: 0;}
.table th.result {border:2px solid #c4c7cb;border-bottom:1px solid #d1d6dd; background-color: #f0f4ff;}
.table thead th.result:last-child {border-right:2px solid #c4c7cb;}
.table thead th{  border-right: 1px solid #d1d6dd;}
.table th .between_box p:nth-child(1) {color: #000;font-size: 1rem;font-weight: 500;line-height: 20px;  letter-spacing: -0.042px;}
.table th .between_box p:nth-child(2) {color:#55575C;text-align: right; font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;}
.table td{  padding:12px;  box-sizing: border-box;  color: #000;  font-size:1rem;  font-style: normal;  font-weight: 400; border-bottom:1px solid #d1d6dd;border-right: 1px solid #d1d6dd;text-align: center; }
.table td.result {color:#4770be;border-left:2px solid #c4c7cb;border-right:2px solid #c4c7cb;}
.table td.won {text-align: right;}
.table.td_tar td {text-align: right;}
.table.td_tal td {text-align: left;}
.table.th_tal tbody th {text-align: left;}
.table tbody tr:last-of-type td.result {border-bottom:2px solid #c4c7cb;}
.table tfoot {background-color: #F0F4FF;}
.table tfoot td {color: #000;font-size:1rem; font-weight: 600; letter-spacing: -0.0079rem;}
.table.auto {table-layout: auto;}
.table_box.overflow_x {overflow-x: auto;}
.table.small {table-layout: auto;min-width: 100%; width: auto;}
.table.small th {font-size:1rem;padding:6px;}
.table.small td {font-size:1rem;padding:8px;word-wrap: normal;}
.accordion .table td{  font-size: 0.8125rem;}
.table_box + .table_box {margin-top: 16px;}
/* header가 좌측에 있는 테이블 - 위아래 보더 검정색인 테이블 */
p + .table_box {margin-top: 12px;}
.dl_table_group {  width:100%;  border-top:1px solid #000;  border-bottom:1px solid #000;}
.dl_table{  display: table;  width: 100%;}
.dl_table .dl_table_dl{  display: flex;  width: 100%;}
.dl_table .dl_table_dt { display: flex;  align-items: center; width: 140px; padding:16px;font-size: 1rem; font-weight: 500;  border-bottom: 1px solid #d1d6dd; background-color: #ececec;}
.dl_table .dl_table_dd{ display: flex;flex:1;   align-items: center; justify-content: end;  padding:16px; border-bottom: 1px solid #d1d6dd;font-size: 1rem;}
.dl_table .dl_table_dl:last-child .dl_table_dt,
.dl_table .dl_table_dl:last-child .dl_table_dd { border-bottom:0;}
.dl_table .dl_table_dt.tac {flex:1;justify-content: center;}
.dl_table_group .dl_table .dl_table_dl:last-child .dl_table_dt{border-bottom: 1px solid #d1d6dd;}
.dl_table_group .dl_table .dl_table_dl:last-child .dl_table_dd {border-bottom: 1px solid #d1d6dd;}
.dl_table_group .dl_table:last-child .dl_table_dl:last-child .dl_table_dt{border-bottom: 0;}
.dl_table_group .dl_table:last-child .dl_table_dl:last-child .dl_table_dd {border-bottom: 0;}
.dl_table_dd.tar {justify-content: end;}
.dl_table_dd.tal {justify-content: start;}
.dl_table_group .dl_table .dl_table_dl:last-child .dl_table_dt.th{flex:1;justify-content: center;}
/*  header가 좌측에 있는 테이블 유형 2 - 보더 x */
.dl_table_group2 {  width:100%;  border-top:1px solid #d1d6dd;  border-bottom:1px solid #d1d6dd;}
.dl_table_group2 .dl_table .dl_table_dt{width:112px; border-bottom-color: #d1d6dd;  padding:16px;  box-sizing: border-box;  text-align: left;  background-color: #ececec;  color:#747475;font-style: normal;font-weight: 500;font-size: 0.8125rem;line-height: 1.2;letter-spacing: -0.0024rem;border-left:1px solid #d1d6dd;}
.dl_table_group2 .dl_table .dl_table_dd{flex:1;  padding:12px;  box-sizing: border-box;color: #000;  font-size:1rem;  font-style: normal;  font-weight: 400;border-right: 1px solid #d1d6dd;line-height: 1.4; letter-spacing: -0.0262rem; text-align: right;}
.dl_table_group2 .dl_table .dl_table_dd + .dl_table_dt {border-left: 0;}
.table_box.pc .dl_table_group2 .dl_table .dl_table_dl .dl_table_dt {width: 160px;}
.dl_table_group2 .dl_table .dl_table_dl:last-child .dl_table_dt{border-bottom: 1px solid #d1d6dd;}
.dl_table_group2 .dl_table .dl_table_dl:last-child .dl_table_dd {border-bottom: 1px solid #d1d6dd;}
.dl_table_group2 .dl_table:last-child .dl_table_dl:last-child .dl_table_dt{border-bottom: 0;}
.dl_table_group2 .dl_table:last-child .dl_table_dl:last-child .dl_table_dd {border-bottom: 0;}
.dl_table_dd .dl_table_group2 .dl_table .dl_table_dt {flex-shrink: 0;width:80px;padding:16px 8px;justify-content: center;}
.exclaim + .table_box {margin-top: 16px;}
.table_box + .list_box {margin-top: 32px;}
.table_box.pc + .table_box {margin-top: 24px;}
.dl_table_dd .dl_table_group2 {border-top: 0; border-bottom: 0;}
.dl_table_dd .dl_table_group2 .dl_table .dl_table_dl {display: flex;}
.dl_table_dd .dl_table_group2 .dl_table_dl .dl_table_dd{border-right: 0; border-bottom: 0;}
.dl_table_dd .dl_table_group2 .dl_table:last-child .dl_table_dl:last-child .dl_table_dd{border-right: 0; border-bottom: 0;}
.btn_comp + .table_box .dl_table + .dl_table {border-top:1px solid #d1d6dd;}
.dl_table_group2.dd_tac .dl_table .dl_table_dl .dl_table_dd{justify-content: center;}
.dl_table_group2.special {border:0;}
.dl_table_group2.special .dl_table .dl_table_dl .dl_table_dt{border-bottom: 2px solid #fff;padding:11px; background-color: #fedc95;justify-content: center; color:#000;font-size:0.8125rem;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: -0.039rem;border-left:0;}
.dl_table_group2.special .dl_table .dl_table_dl .dl_table_dd{border-bottom: 2px solid #fff;padding:11px;background-color: #f8f7f1;justify-content: center; color:#000;font-size:0.8125rem;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: -0.039rem;border-right:0;}
/* 테이블 너비조정 */
.not {width: 120px;}
/* 간격들 */
.form_box .txt_guide + .txt_guide, .view_title + .txt_normal + .txt_normal {margin-top:4px;}
.intro_box_item + .intro_box_item,textarea + input,select + input,.check_all + .accordion {margin-top:8px;}
legend.view_title + .txt_guide, .view_title + .txt_common, label + .input_src, .view_title + .txt_normal, label + .input_split{margin-top:12px;}
.input_title + .input,.admin_info_item > p + .check_all,.check_all + .agree_list, .add_list + .txt_closebtn,.input select + input[type='text'],.input select + input[type='number'],.input textarea + input[type='text'],.input textarea + input[type='number'] , select+select, select + .input_src,input + textarea, .table_box + .add_list ,.check_all + .line_box, .view_title_b + .txt_normal, .txt_normal + .txt_normal,input + select, .input .txt_guide + .txt_guide, .view_title + .mini_title, .txt_star + .table_box ,.txt_guide + .form_agree, .txt_guide + .radio_list2 {margin-top:16px;}
.txt_guide + textarea, .txt_common + .txt_common, .line_box + .line_box, .line_box + .border_box, .mini_title + .admin_info_item, .txt_common + .txt_guide, .view_title + .gray_box2, .view_title_b + .txt_common,.view_title_b + .mini_title , .txt_common + .mini_title, .txt_normal + .gray_box , .mini_title + .mini_title,  .exclaim_box + .eduEle, .exclaim + .line_box, .table_box + .border_box, .btn_icon.delete + .data_horizon, .signboard + .txt_common, .table_box + .txt_top_date, .txt_common + .form_agree, .exclaim+.accordion ,.mini_title + .line_box {margin-top:24px;}
.input + .input_title, .txt_common + .exclaim_box ,.txt_common + .table_box, article + .input, .txt_normal + .flex_box, .data_horizon + .table_box, .table_box + .data_horizon , .accordion + .txt_angle,.exclaim + .border_box, .exclaim_box + .view_title, .border_box + .txt_normal, .input + .check_all,.check_all + .check_all, .apply_user + .mini_title, .exclaim_box + form , .exclaim_box + .line_box, .admin_info_item + .exclaim_box , form + .txt_normal, .txt_normal + .mini_title{margin-top:32px;}
.radio_list + .gray_box, .gray_box + .add_list, article + .gray_box, .intro_step + .dot_list, .flex_box + .txt_common, .txt_main + .view_title, .txt_common + .input, .input+ .txt_normal,.exclaim_box + .video_box , .intro_box_list + .move_btn_box, .txt_dot + .txt_common, .txt_common + .accordion {margin-top:2.5rem;}
.view_title + .signboard, .view_title + .border_box {margin-top:48px;}
.form_question fieldset + fieldset,.yellow_box + figure,.table_box + .txt_bottom  ,.txt_bottom + .yellow_box,.input + .input, figure + .txt_normal, .view_box + .video_box, .video_box + .line_box, .border_box + .view_title , .txt_common +.border_box, .txt_dot + .accordion, .accordion + .view_title, .txt_dot + form , figure + .txt_common, .txt_common + .gray_box, .txt_guide + .line_box, .gif + .gray_box, figure + .border_box, .view_box + .eduEle, .progress_box + .index_box, .input + .gray_box2 , .gray_box2 + .input, .eduSubtitle + .progress_box, .table_box + .input , .mini_title + .accordion, .exclaim_box + .input,.txt_common + .view_title, figure + .exclaim_box,.txt_sub + .gray_box {margin-top:60px;}
.form_box fieldset + fieldset,ul + .view_title, .signboard + .view_title, .table_box + .view_title,.txt_closebtn + .view_title, .input + .view_title, .txt_normal + .view_title , article + .check_one, .check_one + .txt_result, .input + .admin_info_item {margin-top:80px;}
/* 비디오 */
.video_box {text-align: center;}
* + .video_box {margin-top:80px;}
video {width:100%;height:300px;background-color: #9f9f9f;}
.video_title {border: 1px solid  #E2E2E2;border-bottom:none;padding:16px;box-sizing: border-box; color: #fff;text-align: center;font-size: 1rem;line-height: 20px; font-style: normal;font-weight: 500;letter-spacing: -0.0125rem;border-radius: 6px 6px 0 0; background: #D82C3C;}
.txt_angle {margin-bottom: 24px; color: #000;font-size:1.125rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;text-align: center;}
.iframe_video {width:100%;height:180px; margin-top:24px;border-radius: 8px;background-color: #3d3f45;}
.progress_box {display: flex;gap: 16px;align-items: center;margin-top: 36px;}
.progress_box + .progress_box {margin-top: 16px;}
.progress_box + .border_box {margin-top: 32px;}
progress {flex:1;appearance: none;}
progress::-webkit-progress-bar {border-radius: 11px;border: 2px solid #FFF;background: #EAEDF2;box-shadow: 0px 3px 5px 0px #CAD3DC inset;}
progress::-webkit-progress-value {border-radius: 11px;background:linear-gradient(#8EB5F6, #527CC3);}
progress.know::-webkit-progress-value {background:linear-gradient(#FFCABB, #F67E5B);}
progress.func::-webkit-progress-value {background:linear-gradient(#FFE185, #EABB2F);}
.txt_progress {color:#000;font-size:1.125rem;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.0056rem;text-align: left;}
.txt_progress > strong {color:#4770be;}
/* 약관 동의 */
.check_all label {display:block;border:1px solid #e2e2e2;border-radius: 8px;padding:16px 16px 16px 48px;box-sizing: border-box; color: #000;font-size:1rem;  font-style: normal;font-weight: 500; line-height: 21px;background: url(/img/user/check.png) no-repeat left 16px center/18px #e8ebed;text-align: left;}
.check_all > input:checked + label {box-shadow: 0 0 0 2px #eb671d;background: url(/img/user/checked.png) no-repeat left 16px center/18px #fff5e9;}
/* 좌측에 아이콘 있는 체크박스 */
.check_one label{display:block;border:1px solid #e2e2e2;border-radius: 8px;padding:16px 16px 16px 56px;box-sizing: border-box; color: #000;font-size:1rem;  font-style: normal;font-weight: 400; line-height: 24px;background: url(/img/user/check.png) no-repeat left 16px center/18px;}
.check_one > input:checked + label {box-shadow: 0 0 0 2px #eb671d;background: url(/img/user/checked.png) no-repeat left 16px center/18px #fff5e9;}
.check_all + .check_one {margin-top:8px;}
.check_one + .check_one {margin-top:8px;}
.agree_list {border:1px solid #e2e2e2;border-radius: 8px;padding:20px 16px;box-sizing: border-box;}
.agree_item + .agree_item {margin-top:12px;}
.agree_item label{display: inline-block;min-height: 18px; padding-left:32px;background: url(/img/user/check.png) no-repeat left top/18px;color:#55575c;font-size:0.75rem;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: -0.03rem;}
.agree_item label.none::after,
.agree_item label.none > strong::after {display:none;}
.agree_item input:checked + label {background: url(/img/user/checked.png) no-repeat left top/18px;}
.agree_item label > strong {color:#ea2e29;}
.agree_item label > strong.com {color:#000;}
/* 좌측에 원없는 체크 아이콘 리스트 보더 있음 */
.check_bottom {margin-top:16px;}
.check_bottom > label {display:block;padding:0 0 0 32px;box-sizing: border-box;background: url(/img/user/check.png) no-repeat left top/18px;color:#272D37; font-size:1rem;font-style: normal;font-weight: 400;line-height: 1.2;}
.check_bottom > input:checked + label {background: url(/img/user/checked.png) no-repeat left top/18px;}
.check_bottom.nl > label {margin-top: 32px; padding-left: 32px; background: url(/img/user/check.png) no-repeat left top/18px;}
.check_bottom.nl > input:checked + label {background: url(/img/user/checked.png) no-repeat left top/18px;}
.input > .check_bottom {margin-top:16px;}
.input .check_bottom > label {padding: 0 0 0 32px;background: url(/img/user/check.png) no-repeat left top/18px; font-size: 1rem;font-weight: 500;line-height: 20px;}
.input .check_bottom > input:checked + label {background: url(/img/user/checked.png) no-repeat left top/18px;}
/* 팝업 */
.pop_wrap {display: none; position:fixed;left:0;bottom:-100%;z-index:-1;width:100%;height:0;overflow: hidden;transition: 0.5s;}
.pop_wrap.on {display: block; height:100%;bottom:0;z-index: 1211;}
.pop_open {overflow: hidden;}
.dim {width:100%;height:100%;background-color: #000;opacity: 0.7;}
.popup {position:absolute;left:0;bottom:0;display: flex;flex-direction: column; width:100%;border-radius: 20px 20px 0 0;padding:64px 20px 20px;box-sizing: border-box; background-color: #fff;}
.popup::-webkit-scrollbar {display:none}
.popup.alert {justify-content: space-between;padding-top:24px;border-radius: 20px;width:calc(100% - 40px);left:20px;right:20px;}
.popup.alert .pop_header{display:block;min-height: 0; padding:0;}
.pop_header {min-height:86px;padding: 32px 0 24px;box-sizing: border-box;border-bottom: 1px solid #e2e2e2;}
.pop_header h3{color: #000;text-align: center;font-size:1.375rem;font-style: normal;font-weight: 400;line-height: 1.3;}
.pop_close_btn {position:absolute;right:32px;top:32px;}
.pop_content {max-height: none; padding:32px 40px 0;box-sizing: border-box;overflow-y:auto;}
.popup.alert .pop_content{padding:32px 32px 0;height: auto;}
.popup.alert .pop_close_btn {right:20px;top:20px;}
.pop_content.auth {text-align: center;}
.pop_content.auth img{width: 100%; max-width: 400px;}
.pop_content.auth + .btn_box .btn{max-width: 400px;}
.txt_pop {color: #000;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.03rem;}
.txt_guide_pop {color:  #747475;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px; letter-spacing: -0.03rem;}
.pop_wrap .btn_box {margin-top:32px;padding:0;}
.pop_wrap .btn_box .btn {padding:16px 32px;}
.txt_guide_pop + .select_list_pop {margin-top:12px;}
.view_title + .txt_pop {margin-top:16px;}
.select_list_pop li {padding:20px 0 ;box-sizing: border-box; border-radius: 6px;background: #F5F5F5;color: #000;text-align: center;  font-size:1.125rem;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.0079rem;}
.select_list_pop li + li {margin-top:8px;}
.popup .view_title {margin-bottom:12px;}
.txt_pop_bottom {margin-top:32px;color: #4770be;text-align: center;font-size:1.125rem;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: -0.0056rem;}
.pop_wrap.on.full .btn_box {margin-top: auto;}
.pop_wrap.on.full .layer_bottom .btn_box {margin-top: 24px;}
.popup.layer_full {width: 100%;top:0;padding:0 0 20px;border-radius: 0;}
.popup.layer_full .pop_header {min-height: auto;padding:16px 0;}
.popup.layer_full .pop_header h3 {font-size: 1rem;padding:0 50px;}
.popup.layer_full .pop_content {padding:24px 20px 20px;flex:1;}
.popup.layer_full.fix_btn .pop_content {padding:24px 20px 80px;}
.popup.layer_full .btn_box {padding:0 24px;margin-top:20px;}
.popup.layer_full .btn_box.fix {padding:0;}
.popup.layer_full .pop_close_btn {top:8px; right:8px;}
.popup.layer_bottom{padding:20px;}
.popup.layer_bottom .pop_header{padding:0;min-height: auto;border-bottom: 0;}
.popup.layer_bottom .pop_header h3{text-align: left;font-size: 1.125rem;}
.popup.layer_bottom .pop_content {padding:24px 0 0;height:auto;}
.popup.layer_bottom .pop_close_btn {top:20px; right:20px;}
.txt_guide_pop + .select_list_pop {margin-top:24px;}
.select_list_pop li {padding:16px 0; font-size: 1rem;line-height: 20px;letter-spacing: -0.007rem;}
.popup.fix_btn {padding-bottom:80px;}
.popup.layer_full.fix_btn {padding-bottom: 0;}
.txt_pop_bottom {margin-top:24px;font-size: 1rem;line-height: 20px;letter-spacing: -0.007rem;}

/* 느낌표 박스 텍스트 */
.exclaim {display: inline-block; padding: 0 0 2px 20px;background: url(/img/user/icon_description.png) no-repeat left top/16px;font-size:0.75rem; font-style: normal; font-weight: 400; letter-spacing: -0.0225rem;line-height: 1.2;}
* + .exclaim {margin-top: 16px;}
.tac .exclaim {display:inline-block;margin-top:28px;}
.exclaim_box {margin-top:10px;border-radius: 8px; padding: 16px 20px 16px 38px;background: url(/img/user/icon_description.png) no-repeat left 16px top 16px/16px #f9f9f9;font-size: 0.75rem;line-height: 20px;letter-spacing: -0.0225rem;}
.exclaim_box.blue {background: url(/img/user/icon_description_blue.png) no-repeat left 16px top 16px/16px #f5f5f5;}
.exclaim.blue {background: url(/img/user/icon_description_blue.png) no-repeat left top/16px;color:#000 !important;}
.exclaim.gr {background: url(/img/user/icon_description_green.png) no-repeat left top/16px;}
.txt_guide + .exclaim {margin-top: 48px;}
/* 행정정보 동의서 */
.admin_info_list {margin-top:16px;}
.admin_info_item + .admin_info_item {margin-top:32px;}
.admin_info_item .check_all label {background: url(/img/user/check.png) no-repeat left 16px center/18px #e8ebed;}
.admin_info_item .check_all input:checked + label {background: url(/img/user/checked.png) no-repeat left 16px center/18px #fff5e9;}
.admin_info_item > p:nth-of-type(1) {position: relative; background-position: 2px; padding-left:20px;box-sizing: border-box;font-size: 1rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;background:url(/img/user/bullet.svg) no-repeat left top 2px/16px;color: #000;}
.admin_info_item > p:nth-of-type(2) {font-size: 0.75rem;margin-top: 6px;padding-left:16px}
.admin_info_item.fill p:nth-of-type(1) {background:url(/img/user/bullet_fill.svg) no-repeat left top 2px/16px;}
.admin_info_item > p + form {margin-top:12px;}
.txt_dot + .admin_info_item {margin-top: 32px;}
.admin_info_item + .view_title {margin-top: 32px;}
/* 아코디언 */
.accordion {margin-top: 16px;}
article .mini_title + .accordion {margin-top: 12px;}
p + .accordion {margin-top: 12px}
.accordion + .mini_title {margin-top: 40px;}
.accordion_item {border-radius: 6px;border:1px solid #e2e2e2;background-color: #f5f5f5;overflow: hidden;}
.accordion_item + .accordion_item {margin-top:8px;}
.accordion_item button {width:100%; border:none;padding:17px 24px;box-sizing: border-box;background: url(/img/user/icon_acco.png) no-repeat right 16px center #fff;color:#000;font-size: 1rem;font-style: normal;font-weight: 500;text-align: left;}
.accordion_item.on {background-color: #fff;}
.accordion_item.on button{background: url(/img/user/icon_acco_on.png) no-repeat right 16px center #fff;}
.border_box + .accordion, form + .accordion {margin-top: 24px;}
.accordion_view {max-height: 0; background: transparent;border-top:0px solid #e2e2e2;padding:0 24px;box-sizing: border-box;transition:padding 0.3s;background-color: #fff;}
.accordion_item.on .accordion_view{max-height: 1000vh;padding:24px; background-color: #fff;border-top:1px solid #e2e2e2;}
.accordion_view > .txt_dot{margin-top:0;padding:16px 24px 16px 36px;border-top:1px solid #e2e2e2;}
.accordion_view >.list.dot li {padding:0 0 0 20px;}
.accordion_view > .txt_dot + .txt_dot, .accordion_view >.list.dot li + li {margin-top: 24px;}
.accordion_view > .txt_dot::after{top:8px;left:0;}
.accordion_view >.list.dot li::after {top:8px;left:0;}
.accordion_item .agree_item + .agree_item {margin-top:0;}
.accordion_item .agree_item label {background: url(/img/user/icon_check.png) no-repeat left 16px center/18px;color:#000;}
.accordion_item .agree_item input:checked + label {background: url(/img/user/icon_check_on.png) no-repeat left 1rem center;}
.accordion_view p + .mini_title, .accordion_view .mini_title + p {margin-top:16px;}
.accodion_check {display: flex;padding:0 0 0 10px;box-sizing: border-box;background-color: #fff;}
.accodion_check > button {flex:1;padding:17px 0;}
.accodion_check > .check_bottom {flex:1;margin-top:0;padding:17px 0;}
.accodion_check > .check_bottom label{padding:2px 0 2px 32px;}
.accordion.dot_line .accordion_item .accordion_view {padding:0;}
.accordion.dot_line .accordion_item .accordion_view >.list.dot li, .accordion.dot_line .accordion_item .accordion_view > .txt_dot  {padding:8px 24px 8px 36px;margin: 0;border:0;}
.accordion.dot_line .accordion_item .accordion_view >.list.dot li::after, .accordion.dot_line .accordion_item .accordion_view >.txt_dot::after  {top:16px;left: 24px;}
/* 아코디언 내부 체크박스 */
.accordion_view > .agree_item label {display: block;position: static;padding: 16px 48px;box-sizing: border-box;border-top: 1px solid #e2e2e2;text-decoration: none;}
.accordion_view > .agree_item label::after {display: none;}
/* form_question 안쪽 라디오 */
.form_question .radio_list {gap:8px;}
.form_question .radio_item label span{font-size:1rem;}
/* 신청안내 dl 박스 */
.signboard {position:relative;width:100%;border:1px solid #e2e2e2;border-radius: 20px;padding:33px 25px 25px;box-sizing: border-box;}
.signboard + .signboard {margin-top:60px;}
.signboard dt{position:absolute;top:-28px;left:50%;transform: translateX(-50%);padding:10px 20px;box-sizing: border-box;border-radius: 40px;border: 0.625rem solid #FFF;background: #F9F2ED;color: #9B462A;text-align: center;font-size: 1rem;font-style: normal;font-weight: 700;line-height: 18px;letter-spacing: -0.0026rem;}
.signboard.w200 dt {width:200px} /* 텍스트 줄바꿈 되는 dt에 적용 */
.signboard dd {color: rgba(0,0,0,0.9);text-align: center;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 20px;}
/* 회색 박스 */
.gray_box {border-radius: 12px;padding:24px 20px 20px;box-sizing: border-box;background-color: #f5f5f5;color: #55575c;text-align: center;font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.03rem;}
.gray_box.result {margin-top:32px;}
.gray_box .input .txt_guide {margin:8px 0;}
.gray_box .radio label {text-align: left;}
.gray_box .exclaim {margin-top: 12px; text-align: left;}
.gray_box .btn_box {margin-top:16px;}
.gray_box .btn_box .btn{flex:none;min-width: auto;border-radius: 8px; padding:16px 32px;font-size: 1rem;}
.gray_box2 {border-radius: 12px;padding:32px 24px;box-sizing: border-box;background-color: #f5f5f5;}
.gray_box2 .mini_title {text-align: center;font-size: 1.25rem;font-weight: 700;}
.gray_box2 .list {margin-top: 24px;}
.gray_box2 .list.bullet li + li {margin-top: 32px;}
.gray_box2 .btn_box {margin-top:24px;padding:0;}
/* 추가 리스트 */
form + .add_list {margin-top: 32px;}
.add_list > p{text-align: center;padding:32px 0;border:1px solid #e2e2e2;}
.no_data {text-align: center;padding:32px 0;border:1px solid #e2e2e2;}
.tar + .no_data {margin-top: 24px;}
.pop_wrap .no_data {border:none;}
.data_horizon + .no_data {margin-top:16px;}
.add_item {border:1px solid #e2e2e2;border-radius: 6px;}
.add_item_head {display:flex;gap:12px; align-items: center;padding:16px;box-sizing: border-box;}
.add_item + .add_item {margin-top:8px;}
.add_item p {color:#000;font-size:1rem;font-style: normal;font-weight: 400;}
.add_item p:nth-of-type(2) {margin-left: auto;}
.add_item p.txt_normal {color:#55575c;font-size:1rem;line-height: 20px;letter-spacing: -0.03rem;}
.add_item_head + .add_item_body {border-top:1px solid #e2e2e2;}
.add_item_body {padding:24px;box-sizing: border-box;}
.data_horizon {display:flex;justify-content: space-between;align-items: center;gap:16px;}
.data_horizon + .data_horizon {margin-top:16px;}
.data_vertical {display: flex;flex-direction: column;}
.data_vertical .dd {margin-top:8px;text-align: left;}
.data_vertical + .data_vertical {margin-top:28px;}
.radio_body .data_horizon > span:nth-child(1){flex:0.5;color: #55575c;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.03rem;text-align: left;}
.dt{flex:0.5;align-self: baseline;color: #55575c; font-size: 1rem;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;text-align: left;}
.radio_body .data_horizon > span:nth-child(2){flex:1;color: #000;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.03rem;text-align: right;}
.dd{flex:1;color: #000;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;text-align: right;word-break: keep-all;}
.radio_item label + .btn_box {margin-top: 8px;}
.radio_item input[type="radio"]{display: none;}
ul.accordion_view li.data_vertical {position: relative;padding-left: 12px;}
ul.accordion_view li.data_vertical::after {content: ''; display:block;position: absolute;left:0;top:10px;;width:4px;height:4px;border-radius: 50%;background: #000;}
.dd a {color: #4770be;text-align: right;font-size: 1rem;font-weight: 500;line-height: 20px;letter-spacing: -0.03rem;text-decoration-line: underline;}
.dd > p {font-weight: 500;}
.dd > p + .data_horizon {margin-top: 16px;}
.dd .dt{font-size: 0.8125rem;}
.dd .dd{font-size: 0.8125rem;}
.txt_closebtn {text-align: right;}
.txt_closebtn span {padding-left:20px;box-sizing: border-box;background: url(/img/user/icon_btn_delete.png) no-repeat left center/16px;color: #55575c;font-size:0.75rem;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.0225rem;}
/* 간격 16짜리 박스용 */
.flex_box {display:flex;gap:8px;}
.flex_box + .flex_box {margin-top:8px;}
.flex_box > .btn_arrow.right { padding:16px 24px;font-size: 1rem;background-position: right 16px center;}
.flex_item {flex:1;}
.gray_box.flex_item {border-radius: 6px; padding: 12px 20px; border:1px solid #e2e2e2;}
.flex_box > button {flex:1;}
.flex_box + .view_title {margin-top: 32px;}
.content + .flex_box {max-width: none;margin-top: 32px;padding:0 20px;}
.flex_box > input {margin-top: 0;}
/* 양끝 정렬 */
.between_box {display: flex;justify-content: space-between;align-items: center;}
.input .between_box {align-items: baseline;}
.between_box > .view_title +  div > label {color: #000;font-size: 13px;font-weight: 400;line-height: 20px;letter-spacing: -0.39px;}
.between_box > .view_title + div > select {display: inline-block;width: auto;margin-left: 8px;margin-top: 0; padding:8px 32px 8px 12px;box-sizing: border-box; color: #55575C;font-size: 12px;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;background: url(/img/user/icon_select.png) no-repeat right 8px center/16px;}
.between_box + .table_box {margin-top: 12px;}
.between_box > .view_title {margin-bottom:0;}
/* 큰 주황색숫자 */
.line_box.num {padding:0;}
.line_box.num > li {display: flex;gap: 12px;align-items: baseline; padding:24px;box-sizing: border-box;}
.line_box.num > li + li{border-top: 1px solid #D1D6DD;}
.line_box.num > li > span {color: #eb671d;font-size: 1.625rem;font-weight: 700;line-height: normal;}
.line_box.num > li > div p:nth-of-type(1){color: #000;font-size: 1rem;font-weight: 500;line-height: 21px; letter-spacing: -0.6px;}
.line_box.num > li > div p:nth-of-type(2){margin-top: 5px; color:#55575C;font-size: 0.75rem;font-weight: 400;line-height: 20px;  letter-spacing: -0.42px;}
/* bxslider_sub pager */
.view_title+ .slider_wrap {margin-top: 24px;}
.slider_wrap.sub .bx-controls {margin-top:40px;}
.slider_wrap.sub .bx-pager.bx-default-pager {display: flex;gap:12px;}
.slider_wrap.sub  .bx-pager .bx-pager-link {display: block; width:10px;height:10px;font-size: 0;border-radius: 50%; background-color: #e2e2e2;}
.slider_wrap.sub  .bx-pager .bx-pager-link.active {background-color: #ff701f;}
.slider_wrap.sub  .bx-wrapper {border-radius: 20px;padding:40px 24px 24px;box-sizing: border-box;background-color: #fff;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);}
.txt_slider_main {margin-bottom:12px;color: #D82C3C;font-size: 1.125rem;font-style: normal;font-weight: 700;line-height: 24px;}
.slider_wrap.sub .txt_guide {padding:0;margin-top:24px;}
.slider_wrap.sub .txt_common + .txt_common,
.slider_wrap.sub .table .txt_guide,
.slider_wrap.sub .table_box + .txt_guide,
.slider_wrap.sub .admin_info_item + .txt_guide,
.slider_wrap.sub .txt_guide + .txt_common,
.slider_wrap.sub .txt_guide + .txt_guide {margin-top:8px;}
.slider_wrap.sub .exclaim_box + .admin_info_item,
.slider_wrap.sub .txt_common + .txt_angle,
.slider_wrap.sub .table_box + .txt_common,
.slider_wrap.sub .txt_guide + .admin_info_item { margin-top:16px;}
.slider_wrap.sub .txt_dot {font-size: 1rem;color:#000;}
.bg_house {position: absolute; z-index: 3; right:24px;top:-26px;width:86px;height:51px;background: url(/img/user/slider_house.png) no-repeat center/contain;}
/* line */
.line {height: 7px;margin:40px 0;background-color: #f5f5f5;}
.border_box .line, .list_box li .line {height:1px;margin:20px 0;background-color: #e2e2e2;}
/* 신청인란 */
.apply_box {margin-top:60px;text-align: right;word-break: keep-all;}
.apply_date {color: #000;text-align: right;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.03rem;}
.apply_user {display: flex;width:80%;gap:0.625rem;align-items: center;margin-left:auto;}
.apply_user label{flex-shrink: 0;color: #000;font-size:1rem;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: -0.007rem;}
.apply_user input{margin-top:0;}
.apply_user > span {flex-shrink: 0;}
.apply_date + .apply_user {margin-top:16px;}
.apply_box.tel {text-align: center;}
.apply_box.tel .apply_user {width:86%;margin:auto;}
/* 라디오나 체크박스 한줄에 넣을때 */
.flex{display:flex;}
.flex [class*=item] {flex:1;}
/* 테이틀 내부 테이블 버튼 + 텍스트 처리용 */
.gap {gap:8px;}
.gap span:first-child {flex-basis: 56px;}
/* OX 자가진단 */
.diagnosis {padding: 0;box-sizing: border-box;}
.diagnosis_item {padding:24px;box-sizing: border-box;border-radius: 12px;background-color: #f5f5f5;}
.diagnosis_item + .diagnosis_item {margin-top:24px;}
.txt_diagnosis_title {color: #000;font-size:1.125rem;font-style: normal;font-weight: 700;line-height: normal;}
.txt_diagnosis_title span{color: #eb671d;}
.txt_diagnosis {margin-top:8px;color: #000; font-size:1rem;font-style: normal;font-weight: 500;letter-spacing: -0.0079rem;line-height: 24px;}
.diagnosis_result {margin-top: 32px;}
.diagnosis_result.fail p {color:#da2e29;}
.diagnosis_result.success p {color: #008857;}
.diagnosis_result p:nth-child(1) {font-size:1.125rem;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: -0.0125rem;}
.diagnosis_result p:nth-child(2) {margin-top: 8px; font-size:1rem;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.03rem;}
.diagnosis .radio_list { margin-top:24px;padding:0;}
.diagnosis .radio_list label {min-height: auto; border-radius: 8px;border: 1px solid #E2E2E2;padding:16px;color: #000;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px;background-color: #fff;}
/* 링크버튼 */
.btn_move {display: block; width:100%;padding:16px 40px 16px 24px;box-sizing: border-box; border-radius: 8px;border: 1px solid #E2E2E2;background:url(/assets/icon_btn_next.png) no-repeat right 16px center#FFF;color: #000;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 24px;text-align: left;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.btn_move >span:nth-child(1) {color:#000;font-size: 1rem;font-weight: 500;line-height: 21px;letter-spacing: -0.6px;}
.btn_move >span:nth-child(2) {color:#55575c;font-size: 0.75rem;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;}
.btn_move.shadow {display: flex;flex-direction: column;gap: 12px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border:0;padding:24px 48px 24px 24px;}
[class^=btn_move] + .btn_move {margin-top:8px;}
.intro_special {width:100%;margin-top: 32px;padding:16px 24px;box-sizing: border-box;border-radius: 8px;border: 1px solid #EAE3F9;background:url(/img/user/common/icon/icon_btn_move.png) no-repeat right 32px center #F4F0FC;color: #9A6CFB;font-size: 1rem;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.0079rem;text-align: left;}
.btn_list {margin-top: 16px;}
.btn_list li + li {margin-top: 8px;}
/* 체크 + 한글로금액 */
.check_charnum {display:flex;align-items: center;justify-content: space-between;margin-top:8px;}
.charnum, .moneyHangul {position: absolute;display: block; bottom: 0;right: 18px;color: #000;font-size:1rem;font-style: normal;font-weight: 500;line-height: 24px; letter-spacing: -0.0056rem;text-align: right;}
.check_charnum .check_bottom {margin-top:0;}
.check_charnum .charnum {margin-top: 0;}
/* 주민등록번호 */
.resident {display:flex;align-items: center;gap: 8px;}
.resident input {margin-top:0;}
.resident input.first {flex-basis: 15%;}
.resident input[type='text'] + input, .resident input[type='number']+ input,.resident input[type='date']+ input,.resident input[type='password']+ input,.resident input[type='file']+ input,.resident input[type='tel']+ input,.resident input[type='email']+ input {margin-top: 0;}
/* 안내문 유형일 때 content 영역 예외 */
main.npd {padding-top:0;}
.exception_content {margin-bottom:80px;padding:70px 0 60px;background-color: #fafafa;}
.exception_content .txt_main {margin-bottom:60px;}
.float_box {max-width: 800px;margin:auto;padding: 60px;box-sizing: border-box; border-radius: 20px;background:#FFF;box-shadow: 0 4px 20px 0 rgba(86, 48, 48, 0.12);}
.float_box .btn_move {border:0;padding:16px 0;background-position: right center;color: #000;font-size: 1rem;font-weight: 500;line-height: 20px; letter-spacing: -0.042px;}
.float_box .list.link_btn li + li {margin-top: 0; border-top:1px solid #ededed;}
.exception_content .float_box {position: relative;}
/* 본인인증 */
.btn_certification {display: block; width:100%;padding:10px;box-sizing: border-box;border-radius: 50px;background: #588AEB;color: #FFF;font-size: 1rem;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: -0.0026rem;text-align: center;}
.btn_certification + .btn_certification {margin-top:8px;}
.exclaim + .btn_certification {margin-top: 16px;}
.certification_group {display: block; margin-top:0; padding:0 20px}
.certification_group .certification_button{margin-top:24px; display: grid; grid-template-columns: 1fr; justify-items:center; gap:30px;}
.certification_group .certification_button button{width: 100%; height: 80px; background: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border: 1px solid #e2e2e2;  border-radius: 12px;}
.certification_group .certification_button button p{margin: 0;}
.certification_group .certification_button button img{display: none;}
.certification_group .txt_normal{text-align: left;}
.certification_group .txt_bottom_link{text-align: right;margin-top: 16px;}
.list_box + .btn_certification {margin-top: 32px;}
.list.num .btn_certification {width:calc(100% + 20px);margin:8px 0 0 -20px;}
.btn_certification .icon_call {display: inline-block;width: 12px;height: 12px;margin-right: 4px;background: url(/img/user/icon_call2.svg) no-repeat center;}
.upgrade > .btn_certification {display: block; margin-top: 16px;}
.list.dot + .btn_certification {margin-top: 32px;}
.txt_normal + .btn_certification {margin-top: 40px;}
.txt_bottom_link {margin-top:16px;text-align: right;}
.txt_bottom_link a{color:#55575c;text-align: right;font-size:0.75rem;font-style: normal;font-weight: 400;line-height: 1rem;letter-spacing: -0.0225rem;text-decoration-line: underline;}
.txt_bottom_link a:hover, .txt_bottom_link button:hover{color:#55575c;}
.btn_box + .txt_bottom_link {padding-right: 20px;}
.step_num {display: flex;gap: 8px; position: absolute;right:20px;top:16px;}
.step_num li {padding:4px 8px;box-sizing: border-box; border-radius: 50%;background-color: #f5f5f5;color:  #55575c;font-size:0.75rem;font-style: normal;font-weight: 500;line-height: 16px;letter-spacing: -0.0225rem;}
.step_num li.on {color:#fff;background-color: #D82C3C;}
.step_num + .exception_content {padding:70px 0 60px;}
/* 간편비밀번호 */
.txt_pw {color: #55575c;text-align: center;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px; letter-spacing: -0.03rem;}
.txt_pw + .error {text-align: center;}
.pw_group {display: flex;gap: 20px;min-height: 16px; margin-top: 60px;justify-content: center;align-items: end;}
.pw_group li {width: 16px; height:3px;border-radius: 20px;background-color: #777777;}
.pw_group li.on {width: 16px; height:16px;border-radius: 50%;background-color: #D82C3C;}
.pw_group + .tac {margin-top: 5vh;}
.btn_init {background-color: #fff; border-radius: 4px;border: 1px solid #E2E2E2;padding: 8px 16px;box-sizing: border-box;color:  #55575c;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.0225rem;cursor: pointer;}
/* 다른방법 로그인 */
.other {position: fixed;bottom:-288px;left:0;right:0;z-index: 3;box-sizing: border-box;border-radius: 20px 20px 0 0;max-width: none;margin:0; border: 1px solid #E2E2E2;padding-bottom: 16px;text-align: center;background-color: #fff;transition: 0.5s;}
.other.on {background-color: #f5f5f5;bottom:0;}
.other button {padding:16px 40px 16px 0; background: url(/img/user/icon_acco_on.png) no-repeat right center;-webkit-tap-highlight-color: transparent;}
.other ul {margin-top: 18px;padding:0 20px;box-sizing: border-box;overflow: hidden;}
.other ul li {border-radius: 8px;border: 1px solid #E2E2E2;background: #FFF;}
.other ul li.on {border: 1px solid #FF701F;}
.other ul li:nth-child(1) {background: url(/img/user/other_simple_pw.png) no-repeat left 20px center #fff;}
.other ul li:nth-child(2) {background: url(/img/user/other_patt.png) no-repeat left 20px center #fff;}
.other ul li:nth-child(3) {background: url(/img/user/other_sign.png) no-repeat left 20px center #fff;}
.other ul li:nth-child(4) {background: url(/img/user/other_idpw.png) no-repeat left 20px center #fff;}
.other ul li label {display: block; padding:16px 48px 16px 84px;box-sizing: border-box;text-align: left;max-height: 56px;}
.other ul li input:checked + label {background:url(/img/user/checked.png) no-repeat right 16px center/18px;}
.other ul li + li{margin-top: 8px;}
.other.on button {background: url(/img/user/icon_acco.png) no-repeat right center;}
.other + .dim {display: none;position:fixed;top:0;left:0;}
.other.on + .dim {display: block;}
.other ~ .btn_box {padding-bottom: 48px;}
/* 체크 + 링크 */
.check_link {display: flex;align-items: center;justify-content: space-between; border-radius: 6px;border: 1px solid #E2E2E2;padding-right:16px;box-sizing: border-box; background:#FFF;}
.check_link.on {border: 1px solid #FF701F;background: #FFF5E9;}
.exclaim_box + .check_link {margin-top: 56px;}
.input + .check_link {margin-top:56px;}
.cl_check {flex:1;}
.cl_check label {display:block;padding:16px 0 16px 48px;box-sizing: border-box;color:#000;font-size:1rem;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: -0.0026rem;background: url(/img/user/check.png) no-repeat left 16px center/18px;}
.cl_check input:checked + label {background: url(/img/user/checked.png) no-repeat left 16px center/18px;}
.cl_link {width:24px;height:24px;background: url(/assets/icon_btn_next.png) no-repeat center;}
.simple_bottom {width:100%;margin-top:40px; background-color: #f5f5f5;}
/* 이메일 */
.email {display:flex;gap:8px;}
.email_left {flex:1;position: relative;}
.email_left input {margin-top:0;}
.email_left span {position: absolute;top:50%;transform: translateY(-50%);right:8px;}
.email select {flex:1;}
/* 간편인증 */
.simple_authentication {display:grid;grid-template-columns: repeat(3, 1fr); justify-content: center;row-gap: 24px;column-gap: 32px; margin:32px -20px 0;padding:32px 16px 48px;box-sizing: border-box; background-color: #f5f5f5;}
.simple_authentication li {text-align: center;}
.simple_authentication li > button{background-color: transparent;}
.simple_authentication.off li {opacity: 0.3;}
.simple_authentication li span{color:#000;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;}
.simple_authentication li:hover span {color: #000;}
.simple_authentication.five {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 48px;}
.simple {display: block; width:56px;height:56px;background-position: center; background-repeat: no-repeat;border-radius: 12px;margin:auto;margin-bottom: 8px;}
.simple.pass {background-image: url(/img/user/simple_pass.png);}
.simple.kakao {background-image: url(/img/user/simple_kakao.png);}
.simple.naver {background-image: url(/img/user/simple_naver.png);}
.simple.common {background:url(/img/user/certify_icon.png) no-repeat -69px -78px/302px;}
.simple.finance {background-image: url(/img/user/simple_finance.png);}
.simple.toss {background-image: url(/img/user/simple_toss.png);}
/* 공동인증서 */
.common_authentication {border-radius: 8px;border: 1px solid #e2e2e2; background: url(/assets/icon_btn_next.png) no-repeat right 16px center #fff;}
.common_authentication + .common_authentication {margin-top: 12px;}
.common_authentication.off {border-radius: 8px;border: 1px solid #e2e2e2; background: url(/assets/icon_btn_next.png) no-repeat right 16px center #f5f5f5;}
.common_authentication.on {border-radius: 8px;border: 1px solid #ff701f; background: url(/assets/icon_btn_next.png) no-repeat right 16px center #fff;}
.common_authentication > a {display: block; padding:20px 48px 20px 16px;box-sizing: border-box;}
.common_authentication > a > div {position: relative; padding-left:82px;box-sizing: border-box; }
.common_authentication > a > div::after {content:'';display:block;position: absolute;left:0;top:50%;transform: translateY(-50%); width:70px;height:80px;background: url(/img/user/certify_icon.png) no-repeat -118px -121px/450px;}
.common_authentication.off > a > div {padding-left:82px;box-sizing: border-box; background: url(/img/user/certify_icon.png) no-repeat -115px -122px/70px 80px;}
.common_authentication.notselect > a {padding:28px 48px 28px 16px;}
.common_authentication.notselect > a > div {padding-left:82px;box-sizing: border-box; background: url(/img/user/certify_icon.png) no-repeat -115px -122px/70px 80px;}
.common_authentication > a > div > p:nth-child(1) {color: #000;font-size:1rem;font-style: normal;font-weight: 500; letter-spacing: -0.007rem;}
.common_authentication > a > div > p:nth-child(2) {margin-top: 12px; color: #55575c;font-size:0.75rem;font-style: normal;font-weight: 400;letter-spacing: -0.0225rem;}
.common_authentication > a > div > p:nth-child(3) {margin-top: 5px; color: #55575c;font-size:0.75rem;font-style: normal;  font-weight: 400;letter-spacing: -0.0225rem;}
.common_auth_list li + li { margin-top: 12px;}
.txt_normal + .common_authentication {margin-top: 12px;}
/* 불릿 리스트 dl */
.list.blur > li{color:#55575C !important;}
.list.dot dt + dd {margin-top:8px;}
.list.dot dd {color:#55575c;}
.list.dot dd::before {content: '-';display: inline-block;margin-right: 4px;}
/* 불릿 텍스트 */
/* 점 */
* + .list, .list + * {margin-top: 16px;}
figure + .list {margin-top: 60px;}
.list + .txt_angle {margin-top: 32px;}
.list.dot li, .txt_dot {position:relative; padding-left:16px;color: #181818;font-size: 1rem;font-style: normal;font-weight: 400;letter-spacing: -0.03rem;text-align: left;}
.list.dot li::after, .txt_dot::after {content: ''; display:block;position: absolute;left:0;top:9px;width:4px;height:4px;border-radius: 50%;background: #000;}
.list.dot li+li {margin-top:8px;}
.list.dot li a {text-decoration:underline;word-wrap: break-word;}
.intro_step + .list.dot li+li {margin-top:16px;}
.subscribe ~ .list.dot {margin-top: 40px;}
.list.dot + .txt_main {margin-top: 140px;}
* + .txt_dot {margin-top: 12px;}
/* 별 */
.list.star {margin-top:20px;}
.list.star li, .txt_star {position:relative; padding-left:16px;color: #181818;font-size:1rem;font-style: normal;font-weight: 400;letter-spacing: -0.03rem;text-align: left;}
.list.star li::after, .txt_star::after {content: '*'; display:block;position: absolute;left:0;top:2px;color:#eb671d;}
.list.star li+li {margin-top:12px;}
.list.star li a {text-decoration:underline;word-wrap: break-word;}
.intro_step + .list.star li+li, .txt_star + * {margin-top:16px;}
* + .txt_star {margin-top: 12px;}
.table_box + .txt_star {margin-top: 28px;}
.gray_box > .txt_star {display: inline-block;margin-top: 24px;}
/* 숫자 */
.list.num {padding-left:20px;}
.list.num li{color:#000; font-size:1rem;font-weight: 400;font-style: normal;letter-spacing: -0.0313rem;line-height: 22px;}
.list.num li + li{margin-top:12px}
.txt_accent + .list.num, .view_title + .list.num {margin-top:32px;}
.list.num + .exclaim_box {margin-top:32px;}
/* 기타 불릿 */
.list.bullet li, .txt_bullet{display: flex;gap: 8px;color:#000; font-size:1rem;font-weight: 400;font-style: normal;letter-spacing: -0.0313rem;line-height: 22px;}
* + .txt_bullet {margin-top: 12px;}
.txt_bullet + .txt_guide {margin-top: 16px;}
.list.bullet li + li{margin-top:12px}
/* link버튼 리스트 */
.list.link_btn li + li{ margin-top: 8px;}
.list.link_btn li a{display: block;}
/* 마이페이지 */
.mypage {background: url(/img/user/bg_mypage.png) no-repeat top center;}
.mypage_list {display: flex;gap: 12px;margin-top: 16px;justify-content: center;padding:0;box-sizing: border-box;}
.mypage_list li{flex:1;gap: 8px;}
.mypage_list li a{display: flex;flex-direction: column;gap: 12px;align-items: center;}
.mypage_list span{color: #000;text-align: center;font-size: 0.75rem;font-weight: 400;line-height: 14px;letter-spacing: -0.0225px;}
.mypage .content {max-width:600px ;margin:0 auto;}
.mys {display:block;width:60px;height:60px;border-radius: 25px;background-repeat: no-repeat;  background-position: center;}
.mys.sup {background-image: url(/img/user/mypage_sup.svg);}
.mys.user {background-image: url(/img/user/mypage_user.svg);}
.mys.upload {background-image: url(/img/user/mypage_upload.svg);}
.mys.agree {background-image: url(/img/user/mypage_agree.svg);}
.accordion.mypage {width:100%;margin: 24px auto 0;border-radius: 12px;background:#FFF;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);overflow: hidden;}
.accordion.mypage > li {margin-top: 0;border-radius: 0;border:0; background-repeat: no-repeat;background-position: left 24px top 20px;background-color: #fff;text-align: center;background-size: 24px;}
.accordion.mypage > li div > button{width:calc(100% - 40px);border-bottom:1px solid #ededed;padding:22px 38px;background: url(/img/user/icon_arrow_right.svg) no-repeat right center/24px transparent;font-size: 1rem;text-align: left;}
.accordion.mypage > li.on + li > div >button {border-top: 1px solid #ededed;}
.accordion.mypage > li.on div > button {background: url(/img/user/icon_acco.png) no-repeat right center/24px transparent;}
.accordion.mypage > li:nth-child(1) {background-image: url(/img/user/mypage_chat.svg);}
.accordion.mypage > li:nth-child(2) {background-image: url(/img/user/mypage_list.svg);}
.accordion.mypage > li:nth-child(3) {background-image: url(/img/user/mypage_money.svg);}
.accordion.mypage > li:nth-child(4) {background-image: url(/img/user/mypage_auto.svg);}
.accordion.mypage .accordion_view {padding:22px 20px 22px 58px;box-sizing: border-box;text-align: left;transition: none;}
.accordion.mypage .accordion.sub .accordion_view {display: none; margin-top: 14px;padding:0;}
.accordion.mypage .accordion.sub li.on .accordion_view {display: block; margin-top: 14px;padding:0;}
.accordion.mypage .accordion.sub > li{border:0;background-color: #fff;}
.accordion.mypage .accordion.sub > li div > button{width:100%;padding:8px 0;box-sizing: border-box; border:0; text-align: left;color: #181818;font-size: 1rem;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;background: url(/img/user/arrow_bottom_sub.svg) no-repeat right center/24px;}
.accordion.mypage .accordion.sub > li:hover div > button{color:#181818;}
.accordion.mypage .accordion.sub > li.on div > button {background: url(/img/user/arrow_top_sub.svg) no-repeat right center/24px;}
.accordion.mypage .accordion_view .accordion.sub > li button{width:100%;padding:8px 0;border:0; text-align: left;color: #181818;font-size: 1rem;font-weight: 400;line-height: 20px;letter-spacing: -0.0262rem;background: url(/img/user/arrow_right_sub.svg) no-repeat right center/24px;}
.accordion.mypage .accordion_view .accordion.sub > li + li {margin-top: 16px;}
.list_3depth {border-radius: 12px;padding: 24px 20px;box-sizing: border-box; background: #F5F5F5;}
.list_3depth li {position: relative;padding-left: 12px; color:#55575C;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 20px; letter-spacing: -0.0262rem;background: #f5f5f5;}
.list_3depth li + li {margin-top: 16px;}
.list_3depth li::after {content: '';display: block; position: absolute;top:8px;left:0;width:4px;height:4px;border-radius: 50%;background-color: #C2C2C2;}
.list_3depth li:hover {color:#55575C;}
/* 조회 */
.inquire_box {margin-top: 16px;word-break: keep-all;}
.inquire_box .btn_small {padding:10px;flex:1;border-radius: 6px;}
.right_btns {display: flex;gap:8px;justify-content: end;flex-wrap: wrap;}
.inquire_box .btn_box {margin-top: 16px;}
.inquire_box .btn_box .btn{min-width: auto;flex:0;padding:9px 17px;box-sizing: border-box;border-radius: 6px;font-size: 0.8125rem;}
/* 배우자 정보 제공 동의 */
.sqouse {width:140px;height:140px;margin:32px auto 40px;background-position: center;background-repeat: no-repeat;}
.sqouse.fir {background-image: url(/img/user/spouse_01.svg)}
.sqouse.sec {background-image: url(/img/user/spouse_02.svg)}
.sqouse.thi {background-image: url(/img/user/spouse_03.svg)}
/* 탭 */
.tab .btns {display: flex;border-radius: 50px;  background:#F5F5F5;}
.tab .btns button {flex:1;padding :12px;box-sizing: border-box;color: #333;font-size: 1rem;font-weight: 400;line-height: 24px;background-color: transparent;}
.tab .btns button.on {border-radius: 50px;border: 1px solid #FF701F;background: #FFF5E9;color: #000;font-size: 1rem;font-weight: 500;line-height: 24px;letter-spacing: -0.126px;}
.tab .views {margin-top: 24px;}
.tab .views > li {display: none;}
.tab .views > li.on {display: block;}
.btn_more {display: inline-flex;align-items: center;justify-content: center;width: 100%; border-radius: 4px;padding:9px;box-sizing: border-box; background: #76767c;color: #FFF;font-size: 1rem;font-weight: 400;letter-spacing: -0.48px;}
.list_box.info + .btn_box {margin-top: 16px;padding:0;}
/* 탭 하단 라인형 */
.tab.border .views {margin-top: 24px;}
.tab.border .btns {width:100%;overflow-x: scroll;align-items: end;border-radius: 0;  background:transparent;}
.tab.border .btns::-webkit-scrollbar {display: none;}
.tab.border .btns.scroll button { flex:0 0 25%;}
.tab.border .btns button {padding:0; }
.tab.border .btns button span:nth-of-type(1) {display: flex;align-items: end;justify-content: center; height: 100%; color: #55575C;font-size: 1rem;font-weight: 400;line-height: 22px;letter-spacing: -0.112px;}
.tab.border .btns button:hover span:nth-of-type(1) {color:#55575C;}
.tab.border .btns button span:nth-of-type(2) {display: block; width: 100%; height: 5px;margin-top: 16px; border-radius: 8px 8px 0px 0px;background:#DFE2E8;}
.tab.border .btns button.on span:nth-of-type(2) {background:#FF701F;}
.tab.border .btns button.on {border-radius: 0;border: none;background: transparent;}
.tab.border .btns button.on span:nth-of-type(1){color: #000;font-size: 1rem;font-weight: 500;line-height: 22px;letter-spacing: -0.112px;}
.tab.border .btns button p {height: calc(100% - 16px); font-size: 1rem;line-height: 20px;letter-spacing: -0.42px;}
.tab.border .btns button div {height: 4px;margin-top: 12px;}
.tab.border .btns button.on p{font-size: 1rem;font-weight: 500;line-height: 20px;letter-spacing: -0.42px;}
.txt_main + .tab {margin-top: 32px;}
/* 지원현황 */
.list_apply {display: grid;gap: 40px;grid-template-columns: repeat(3, 1fr);}
.list_apply li{flex:1;display: flex;flex-direction: column;gap: 8px;}
.list_apply li figure{height:76px;background-repeat: no-repeat; background-position: center;background-size: 76px;}
.list_apply li span{color:#000;text-align: center;font-size: 1rem;font-weight: 400;line-height: 20px;}
.list_apply li:nth-child(1) figure{background-image: url(/img/user/apply_01.svg);}
.list_apply li:nth-child(2) figure{background-image: url(/img/user/apply_02.svg);}
.list_apply li:nth-child(3) figure{background-image: url(/img/user/apply_03.svg);}
.list_apply li:nth-child(4) figure{background-image: url(/img/user/apply_04.svg);}
.list_apply li:nth-child(5) figure{background-image: url(/img/user/apply_05.svg);}
/* 프로세스 */
.process {position: relative;}
.process_bar{width: 80%; height:6px;margin:0 auto;border-radius: 11px;background: #EAEDF2;box-shadow: 0px 3px 3px 0px #CAD3DC inset;}
.process ul{position: absolute;top:-7px; display: flex;width:100%;}
.process li{position: relative; flex:1;text-align: center;margin-right: 0;}
.process li div{position: relative;z-index: 1;display: inline-block; width:14px;height:14px;border-radius: 50%;border:3px solid #e2e2e2; background-color: #c2c2c2;}
.process li.on div{border:3px solid #fbce99; background-color: #ff701f;}
.process li.on::before {content:'';display: block; position: absolute;top:7px;right:50%;width: 100%; height: 6px;background: linear-gradient(180deg, #FFC061 0%, #EA6200 100%);}
.process li:first-child.on::before {display: none;}
.process + .list_box.info {margin-top: 108px;}
/* 상담시간 */
.times {margin-top: 12px; padding:24px;box-sizing: border-box ;border-radius: 12px;background:#FFF5E9;}
.icon_time {display: inline-block;width:20px;height:20px;background: url(/img/user/icon_time.svg) no-repeat center;}
.times > p:nth-child(1) {display: flex;justify-content: center; align-items: center; gap:8px;color: #000;font-size: 1rem;font-weight: 500;line-height: 20px;letter-spacing: -0.112px;}
.times > p:nth-child(2) {margin-top: 8px;padding-left: 12px; box-sizing: border-box; color: #55575C;font-size: 0.75rem;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;text-align: center;}
/* 예약 완료 */
.reserve {display: flex;gap: 8px;flex-direction: column;justify-content: center;}
.reserve.row {flex-direction: column;gap:16px;}
.reserve p {display: flex;gap:6px;align-items: center;}
.reserve p i {display: inline-block;width:20px;height:20px;}
.reserve p .icon_calendar {background:url(/assets/icon_btn_calendar.svg) no-repeat center/16px;}
.reserve p .icon_anker {background:url(/img/user/icon_anker.svg) no-repeat center;}
.reserve p .icon_time {background:url(/img/user/icon_time.svg) no-repeat center;}
.reserve p .icon_call {background:url(/img/user/icon_call.svg) no-repeat center;}
.reserve p span:nth-of-type(1) {color: #55575C;font-size: 1rem;font-weight: 400;letter-spacing: -0.42px;}
.reserve p span:nth-of-type(2) {color: #4770be;font-size: 1rem;font-weight: 700;letter-spacing: -0.042px;}
/* 공지사항 아코디언 */
.accordion.shadow .accordion_item {box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);border:0;}
.accordion.shadow .accordion_item .accordion_view {color:#55575C;font-size: 0.8125rem;font-weight: 400;line-height: 20px;letter-spacing: -0.39px;}
.accordion.shadow .accordion_item.on .accordion_view {border-top:none;padding-top:0;}
.accordion.shadow .accordion_item button span{display: block;}
.accordion.shadow .accordion_item button span:nth-of-type(2){margin-top: 16px;color: #55575C;font-size: 0.75rem; font-weight: 400;line-height: 16px;letter-spacing: -0.36px;}
/* 문서이미지 */
.result_document {display: inline-block; width:88px;height:88px;margin-bottom: 24px; background: url(/img/user/result_document.png) no-repeat center;}
/* 복지서비스 종류 */
.welfare_group {position: relative;width:100%;max-width: 320px; height: 348px; margin: 40px auto 0;box-sizing: border-box;}
.welfare_group > div {position: absolute;}
.welfare_group > div {width: 150px;height: 150px;}
.welfare_group > div p:nth-of-type(1){margin-top: 42px;font-size: 1rem;line-height: 21px;letter-spacing: -0.6px;}
.welfare_group > div p:nth-of-type(2){font-size: 0.8125rem;font-weight: 400;line-height: 18px; letter-spacing: -0.39px;}
.welfare_group > div:nth-child(1) {top:50%;left:50%;transform: translate(-50%, -50%);width: 236px;height: 236px;border-radius: 308px;border: 1px solid  #D1D6DD;background:#FFF;color: #D82C3C;text-align: center;font-size: 1rem;font-weight: 700;line-height: 236px; letter-spacing: -0.112px;}
.welfare_group > div:nth-child(2) {top:0;left:0;border: 1px solid #FADDD0;background: #FFEFE8;}
.welfare_group > div:nth-child(3) {top:0;right:0;border: 1px solid #F9F5A0;background: #FFFDCF;}
.welfare_group > div:nth-child(4) {bottom:0;left:0;border: 1px solid #D7F4BF;background: #E9FBDA;}
.welfare_group > div:nth-child(5) {bottom:0;right:0;border: 1px solid #C7E1F8;background: #DFF0FF;}
/* 패턴 하단 */
.pattern_bottom {display: flex;justify-content: space-between; align-items: center;margin-bottom:0;}
.pattern_bottom div {margin-top: 0;}
/* 모바일 메인 */
/* 모바일 바텀 메뉴 */
.bottom_menu_mob {position: fixed;bottom:0;left:0;right:0; z-index: 800;box-sizing: border-box;}
.bottom_menu {display: flex;background: #fff;padding:17px 16px;box-shadow: 0px -5px 12px 0px rgba(0,0,0,0.15);}
.bottom_menu figure {display: block;width:28px;height:28px;background-position: center; background-repeat: no-repeat;background-size: contain;}
.bottom_menu li {flex:1;}
.bottom_menu li a {display: flex;flex-direction: column;gap: 8px;align-items: center; width:100%;height: 100%;}
.bottom_menu li:nth-child(1) figure {background-image: url(/img/user/main/bottom_menu_01_m.png);}
.bottom_menu li:nth-child(2) figure {background-image: url(/img/user/main/bottom_menu_02_m.png);}
.bottom_menu li:nth-child(3) figure {background-image: url(/img/user/main/bottom_menu_03_m.png);}
.bottom_menu li:nth-child(4) figure {background-image: url(/img/user/main/bottom_menu_04_m.png);}
.bottom_menu li:nth-child(5) figure {background-image: url(/img/user/main/bottom_menu_05_m.png);}
.bottom_menu li span {color:  #3d3f45;font-size: 0.75rem;font-weight: 700;line-height: 16px;text-align: center;}
/* 메인 로그인 후 */
.user_state {position: relative; display: none; box-sizing: border-box;}
.user_state.on {display: block;}
.user_state .txt_normal em.name {font-style: normal; color: rgba(0,0,0,0.7);font-weight: 700; text-decoration-line: underline;}
.line2 {height:1px;margin:16px -20px;background-color: #d1d6dd;}
.list_box .line2 {margin:20px 0;}
.view_state {position: relative; margin-top: 24px;padding-right: 120px;}
.view_state p {color: #000;font-size: 1.25rem;font-weight: 700;line-height: 28px;letter-spacing: -0.2px;}
.view_state p span {color: #000;font-size: 1rem;font-weight: 500;line-height: 20px;letter-spacing: -0.112px;}
.view_state > div {position: relative;}
.view_state > div > div {position: relative;margin-top: 4px;}
.view_state > div > div >  p {color: #000;font-size: 1rem;font-weight: 500;line-height: 1.3;letter-spacing: -0.112px;}
.view_state button {position: absolute; width:40px;height:40px;padding: 0;background-color: transparent;}
.user_state.few_loan .view_state button {top:30px;}
.view_state button span {position: absolute;top:0px;left:5px; width:15px;height:15px;border:1px solid #cdcdcd;border-radius: 50%;}
.view_state button span::after {content:'';display: block; position: absolute;top:5px;left:5px; width: 7px;height: 1px; background-color: #000;transform: rotate(40deg);}
.view_state button span::before {content:'';display: block; position: absolute;top:9px;left:5px; width: 7px;height: 1px; background-color: #000;transform: rotate(-40deg);}
.bg_view_state {position: absolute;top:0;right: -16px;width: 200px;height: 130px; background: url(/img/user/bg_view_state_01.png) no-repeat center right/contain;}
.bg_view_state.alarm {width: 93px;height: 90px;top:20px; right:0;background: url(/img/user/bg_view_state_02.png) no-repeat center right/contain;}
.bg_view_state.check {width: 70px;height: 100%;right:0;}
.view_state .badge + div {margin-top: 12px;}
.fit_service .slider_wrap {margin-top: 8px; overflow: hidden;}
.fit_service .bx-controls {margin-top: 12px;}
.fit_service .bx-pager {gap:6px;}
.fit_service .bx-pager-item a {width:6px;height:6px;}
.fit_service .bx-pager-item a.active {border:0;width:24px;border-radius: 4px;}
.fit_service .swiper-slide {padding-left: 0; aspect-ratio: 15/4; box-sizing: border-box;}
.fit_service .swiper-slide .view.a {background-color: #fff2e2;}
.fit_service .swiper-slide .view.b {background-color: #f2f5f6;}
.fit_service .swiper-slide .view.c {background-color: #ffefe9;}
.fit_service .swiper-slide .view.d {background-color: #efefef;}
.fit_service .swiper-slide .view.e {background-color: #f2f5f6;}
.fit_service .swiper-slide .view.f {background-color: #ffefe9;}
.fit_service .swiper-slide .view.g {background-color: #fff2e2;}
.fit_service .swiper-slide .view.h {background-color: #efefef;}
.fit_service .swiper-slide .view.i {background-color: #efefef;}
.fit_service .swiper-slide .view.j {background-color: #ffefe9;}
.fit_service .swiper-slide .view.k {background-color: #f2f5f6;}
.fit_service .swiper-slide .view.l {background-color: #fff2e2;}
.fit_service .swiper-slide .view.m {background-color: #fff2e2;}
.fit_service .swiper-slide .view.n {background-color: #efeff7;}
.fit_service .swiper-slide .view.o {background-color: #edf8ff;}
.fit_service + section {margin-top: 12px;}
.swiper-slide > a {display: block;width: 100%;height: 100%;}
.swiper-sub .swiper-button-next:hover::after, .swiper-sub .swiper-button-prev:hover::after {color:#000;}
.swiper-sub2 .swiper-button-next:hover::after, .swiper-sub2 .swiper-button-prev:hover::after {color:#000;}
.swiper-mob .swiper-button-next {top:50%; right: 0; width: 30px;height: 70%;transform: translateY(-18%);}
.swiper-mob .swiper-button-prev {top:50%; left: 0; width: 30px;height: 70%;transform: translateY(-18%);}
.swiper-mob .swiper-button-next:after,.swiper-mob .swiper-button-prev:after {color:#777;font-size: 28px;font-weight: 700;}
.swiper-mob2 {position: relative;}
.swiper-mob2 .swiper-button-next {top:24%; right: 0; width: 30px;height: 70%;}
.swiper-mob2 .swiper-button-prev {top:24%; left: 0; width: 30px;height: 70%;}
.swiper-mob2 .swiper-button-next:after,.swiper-mob2 .swiper-button-prev:after {color:#000;font-size: 24px;}
/* 신용복지 컨설팅 */
.consulting {position: relative; margin-top: 32px; padding:40px 24px;border-radius: 20px;background:#FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.consulting p:nth-child(1) {color: #000;font-size: 1rem;font-weight: 400;line-height: 28px;letter-spacing: -0.2px;}
.consulting p:nth-child(2) {color: #55575C;font-size: 0.75rem;font-weight: 400;line-height: 22px;letter-spacing: -0.48px;}
.consulting figure {position: absolute;top:0;right:0;transform: translate(-25%, -50%); display: block; width: 60px; height: 50px; background: url(/img/user/bg_consulting.svg) no-repeat center/contain;}
.consulting + .flex_box {margin-top: 40px;}
.txt_common + textarea {margin-top: 12px;}
.view_title > span {position: relative; margin-left: 16px;padding-left: 8px; color: #55575C;font-size: 0.75rem;font-weight: 400;line-height: 24px;}
.view_title > span::after{content: '*';display: block;position: absolute;left:0;top:0;color:#eb671d;}
/* 오전 오후 */
.txt_apm {display: inline-block;margin-top: 14px;margin-bottom: 8px; padding:6px 12px;box-sizing: border-box; border-radius: 80px;background: #D82C3C;color:  #FFF; font-size: 0.75rem;font-weight: 500;line-height: 20px;letter-spacing: -0.042px;}
article + article .txt_apm {margin-top: 0;}
.txt_sub + .view_title {margin-top: 40px;}
/* 구독신청 */
.subscribe {display: block; width:120px;height: 90px;margin: auto;background:url(/img/user/credit_support.svg) no-repeat bottom 10px center/contain;}
.pc {display: none;}
.mob {display:block;}
.subscribe + .txt_main {margin-top: 12px;text-align: center;}
.helper + .txt_main {margin-top: 20px;text-align: center;}
.helper ~ .txt_common {text-align: left;}
.mini_title + .form_agree {margin-top: 16px;}
.subscribe ~ .txt_common {margin-top: 16px;}
.content + .btn_certification {width:calc(100% - 40px); margin:20px auto 0;}
.wrap.full .content + .btn_certification {margin-top:auto;}
/* 공통 */
.mob_tal {text-align: left !important;}
/* wrap */
.wrap.full .sub {flex:1;}
.wrap.full .sub section {display:flex;flex-direction: column;}
.wrap.full .sub > section > .btn_box {margin-top:auto;}
/* 버튼관련 모바일 */
.btn_box {display:flex;justify-content: center; gap:8px;max-width:none;margin:40px 0 0;padding:0 20px;box-sizing: border-box;}
.content .btn_box { padding:0;}
.view_title + .btn_box {margin-top:0;}
.btn_box.fix {position:fixed;z-index:10;left:0;right:0;padding:0;bottom:0;gap:0;}
.top_box > .btn_box {padding:0;}
.btn {flex:1;box-sizing: border-box;font-weight: 700;font-size: 1rem;letter-spacing: 0;border-radius: 4px;}
.btn.complete {background-color: #D82C3C;color:#fff;}
.btn.cancel {background-color: #eaeaea;color:#D82C3C;}
.btn.complete:disabled,
.btn.cancel:disabled {background-color: #dedede;color:#888;}
.fix .btn {border-radius: 0;}
.btn span {font-size: 1rem;}
.icon_btn{display: flex;flex:0;justify-content: start;}
.btn_icon{margin-left: 0;width:40px;height:40px;}
.btn_comp {border:1px solid #e2e2e2;border-radius: 8px; padding:9px 17px;box-sizing: border-box;background-color: #eaeaea; color:#D82C3C;font-size: 1rem;font-style: normal;font-weight: 500;letter-spacing: -0.007rem; }
.btn_small {padding:13px 16px;box-sizing: border-box;border-radius: 12px;background: #fff; color: #454545;font-size: 1rem;font-style: normal;font-weight: 500;letter-spacing: -0.0026rem; border: 1px solid #CECECE;}
.btn_small.on{background-color: #fff; border: 1px solid #FD4E5D; color: #FD4E5D; font-weight: 700;}
.btn_small.link span {padding-right:28px; background: url(/img/user/icon_btn_link.png) no-repeat right center/20px 16px #848392;}
.btn_arrow {border:1px solid #e2e2e2;border-radius:6px; padding:16px 28px;box-sizing: border-box; color: #000;font-size: 1.125rem;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.0079rem;text-align: left;}
.btn_arrow.right {background: url(/img/user/icon_arrow_right.png) no-repeat right 24px center #fff;}
.btn_arrow.on {border:1px solid #FF701F; background-color: #FFF5E9;}
.wrap.full .sub .bottom + .btn_box {margin-top: 24px;}
.banner_login {width:100%;border-radius: 50px;padding:13px 0; background-color: #D82C3C;color:#fff;font-size: 1.125rem;font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.0079rem;text-align: center;}
.icon_btn .btn_icon {margin:0;}
.btn_icon.profile{background: url(/img/user/icon_profile.svg) no-repeat center;}
.btn_icon.lock{background: url(/img/user/icon_lock.svg) no-repeat center;}
.btn_icon.all_menu{background: url(/img/user/icon_allmenu.svg) no-repeat center;}
.btn_icon.char{background: url(/img/user/icon_btn_char.svg) no-repeat center;}
.btn_icon.prev{background:url(/img/user/icon_btn_prev.svg) no-repeat center top 10px;}
.btn_icon.delete {background:url(/img/user/icon_btn_delete.png) no-repeat center;}
.btn_icon.pop_close {width:40px;height:40px;padding:0; background: url(/img/user/icon_btn_popclose.svg) no-repeat center;}
.gray_box2 .btn_small {flex:1;padding:10px;}
/* 타이틀 */
.title {font-size: 1.25rem;line-height: 28px;letter-spacing: -0.0125rem;}
.title.depth2 {font-size: 1.125rem;font-weight: 500;line-height: 24px;letter-spacing: -0.0081rem;}
.title.depth3 {font-size: 1rem;font-weight: 500;line-height: 20px;letter-spacing: -0.0063rem;}
/* 헤더 */
.header_pc {display:none;}
.header_mob {display:flex;justify-content: space-between;}
.main.m header{border-bottom: 0;}
.main.m .pop_header {border-bottom:1px solid #e2e2e2;}

.wrap {padding-top:60px;box-sizing: border-box;overflow-y: scroll;height: 100vh;}
.main .wrap {padding-top:61px;padding-bottom: 130px; }
/* 모바일 헤더 메뉴 */
.main.m header nav > div > button{width: 30px;height: 30px;}
/*.btn_mypage {background: url(/img/user/header_my.png) no-repeat center;background-size: contain;}*/
/*.btn_mob_menu {background:url(/img/user/header_menu.png) no-repeat center;background-size: contain;}*/
.mob_menu {position: relative; word-break: keep-all;}
.mob_menu span {position: absolute;bottom:-2px;right:0; font-size: 0.625rem;font-weight: 500;color:#000;}
.content_quick {min-width:auto;}
/* 메인 컨텐츠 영역 */
/*main {padding:60px 0 20px;}*/
/*main.main {padding:0 20px;}*/
/* slider */
.view {position: relative;display: block; height: 126px; border-radius: 10px;box-sizing: border-box; background-color: #fff2e2;}
.view a {display: block; width: 100%;height: 100%;text-align: center;}
.bx-pager.bx-default-pager {display: flex;gap:12px;align-items: center;}
.bx-pager-item a{display:block;font-size: 0;width:10px;height:10px;border-radius: 50%;background-color: #c2c2c2;}
.bx-pager-item a.active{border:6px solid #c2c2c2;background-color: #000;}
.bx-controls-direction {display: none;}
.bx-controls-auto{position: static; margin-left: 0;}
.bx-controls.bx-has-controls-direction.bx-has-controls-auto {margin-top: 12px; justify-content: flex-end;padding-left:20px;gap:12px;}
.bx-start,.bx-stop {background-size: 1rem;}
/* content_quick */
.content_quick_mob {display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;box-sizing: border-box;overflow-wrap: anywhere;}
.quick_item {border-radius: 10px;background-position: right 1rem bottom 8px;background-repeat: no-repeat; position: relative;}
/*.quick_item i{position: absolute; margin: auto; top: 0; bottom: 0; left: 20px; width: max-content; height: max-content; color: #333;}*/
*.quick_item i{display: block; width: max-content; margin: 10px auto 0; font-size: 1.3rem;}
.quick_item a{display: block; line-height: 40px; text-align: center; box-sizing: border-box;color: #333; font-size: 1.125rem;font-style: normal; font-weight: 400;}
.quick_item:nth-child(1) {background-color: #dbe3ff;}
.quick_item:nth-child(1) a, .quick_item:nth-child(1) i,.quick_item:nth-child(8) a, .quick_item:nth-child(8) i{}
.quick_item:nth-child(2) {background-color: #E9E6FB;}
.quick_item:nth-child(3) {background-color: #FBF2D4;}
.quick_item:nth-child(4) {background-color: #FFEDED;}
.quick_item:nth-child(5) {background-color: #FFEDED;}
.quick_item:nth-child(6) {background-color: #FBF2D4;}
.quick_item:nth-child(7) {background-color: #E9E6FB;}
.quick_item:nth-child(8) {background-color: #dbe3ff;}
/* 헤더 */
.header_mob_sub {display:flex;justify-content: space-between;align-items: center;}
.header_mob_sub h2 {color:#000;font-size: 1rem;padding-left:40px;font-weight: 400;line-height: 24px;letter-spacing: -0.03rem;text-align: center;}
.btn_prev {width:24px;height:24px;}
.header_mob_sub.no_btn {justify-content: center;padding:8px 0;}
.header_mob_sub.no_btn h2 {padding-left:0;}
/* 텍스트 관련 */
.txt_angle {font-size: 1rem;}
.bottom {margin-top: auto;padding:0 20px;}
/* 경로바 */
.sub_bar {display:none;}
/* 컨텐츠 */
main.fix_btn {padding:40px 0 80px;}
section > .txt_main {padding:0 20px;}
.pop_content .txt_main {padding:0;}
.loading_box .txt_sub {text-align: center;}
.top_box + .view_box {margin: 32px -20px 0; padding: 32px 20px 0;}
.intro_box_item {height:60px; padding-left: 60px; background-position: left 20px center;font-size: 1rem;line-height: 60px; letter-spacing: -0.0063rem;}
.wrap.full .content > .gray_box{margin-top:auto;margin-bottom:20px;}
/* 챗봇, 푸터 */
.chatbot, footer {display:none;}
.menu footer {display: flex;flex-direction: column; justify-content: center;align-items: center;flex-wrap: wrap;gap:4px;padding-top:20px; margin-top: 20px;border-top:1px solid #e2e2e2;}
.menu footer p {display: flex;font-size: 1rem;gap:12px;}
.menu footer p a{position: relative;}
.menu footer p a+a::after {content:'';display:block;position:absolute;left:-5px;top:2px; width:1px;height: 80%;background-color: #c2c2c2;}
/* 폼 */
.txt_dot + form,
.form_input {margin-top: 40px;}
input[type='text'], input[type='number'],input[type='date'],input[type='password'],input[type='file'],input[type='tel'],input[type='email'],  select, textarea {padding:11px 16px;font-size: 1rem;letter-spacing: -0.03rem;}
select{width:100%;padding:12px 16px;background: url(/img/user/common/icon/icon_select.png) right 16px center no-repeat #fff;}
/* textarea */
textarea {width: 100%; border: 1px solid #e2e2e2; border-radius: 6px;padding:12px 16px;box-sizing: border-box;color: #000;font-size:1rem;font-style: normal;font-weight: 400;resize: none; }
.input textarea {margin-top:12px;}
/* 캘린더 */
.txt_cal {margin-top:32px;font-size: 1.25rem;}
.calendar_info > li {padding-left:21px;font-size: 1rem;letter-spacing: -0.0025rem;line-height: 18px;}
.calendar_info > li::after {width:15px;height:15px;}
/* 간격들 */
.txt_main + .view_box {margin-top:0;}
.check_all + .agree_list, label + .input_src,.input select + input[type='text'],.input select + input[type='number'],.input textarea + input[type='text'],.input textarea + input[type='number'] , select+select, select + .input_src,.txt_common + .txt_common  {margin-top:8px;}
.intro_box_list, .border_box.gray + .exclaim {margin-top:12px;}
.txt_accent + .txt_normal, .exclaim + .border_box, .border_box + .txt_normal  , .border_box + .txt_sub{margin-top:16px;}
.input + .input_title,.calendar_info,.table_box + .txt_bottom,.txt_box + .table_box, .txt_main + .txt_box, .data_horizon + .table_box, .apply_user + .mini_title,.view_title + .border_box, .txt_sub + .gray_box, .txt_guide + .table_box{margin-top:24px;}
.input + .input, .video + .txt_box,.txt_main + .content, .txt_common + .exclaim, .txt_main + .view_title {margin-top:32px;}
.form_question fieldset + fieldset,figure + .txt_box,.yellow_box + .video,ul + .view_box, .form_box fieldset + fieldset , article + .check_one, .accordion + .txt_dot, .table_box + .view_title, .accordion + .view_title,.txt_dot + .accordion, .txt_guide + .line_box, .txt_common + .form_input{margin-top:40px;}
.input + .view_title, .txt_normal + .view_title, .check_one + .txt_result{margin-top:60px;}
/* 회색박스에 다운로드 버튼 */
.border_box.gray .between_box .btn_small {padding:9px 10px;border-radius: 6px;}
.border_box.gray .between_box .mini_title {font-size: 1rem;}
.border_box.gray .between_box .mini_title + p {margin-top: 5px;font-size: 0.75rem;line-height: 16px;letter-spacing: -0.36px;}
.border_box.green p.account {font-size: 1.375rem;margin-top: 8px;}
/* 제목 + 내용 */
.list_box > li {padding:16px;border: 1px solid #e2e2e2;border-radius: 12px;overflow: hidden; position: relative;}
.list_box > li + li {margin-top: 10px;}
.list_box.info > li {padding:0;}
.list_box.info > li > div:nth-child(1) {padding: 16px 24px;font-size: 1rem;line-height: 21px;letter-spacing: -0.0375rem;box-sizing: border-box; color: #000;background-color: #f5f5f5;}
.list_box.info > li > div:nth-child(2) {border-top:1px solid #e2e2e2;box-sizing: border-box; color: #000;padding: 20px 24px;font-size: 1rem;letter-spacing: -0.0262rem;}
.list_box.info + .txt_dot {margin-top: 12px;}
.list_box + .btn_box {margin-top: 32px;}
.list_box.table_list li {border-radius: 0;padding:0;border:0;}
p+.list_box,h4 + .list_box {margin-top: 12px;}
.list_box.info .no_data {border:0;}
.list_box.info > li > .btn_box {margin-top:0;padding:0 24px 16px;}
.list_box.info > li > .btn_box > button {min-width: auto;font-size: 12px;padding:8px 16px;}
/* 라인 박스형 리스트 */
.line_box {padding:16px; border-radius: 6px;border: 1px solid #E2E2E2;background: #FFF;text-align: left;}
.line_head {padding:17px 0;color: #000;font-style: normal;font-weight: 500;font-size: 1rem;line-height: 19px;letter-spacing: -0.0375rem;text-align: center;}
.line_body {border-top:1px solid #e2e2e2;padding:20px;}
.line_body li{color: #000;font-style: normal;font-weight: 400;font-size: 1rem;line-height: 20px;}
.line_body li + li {margin-top: 16px;}
.line_body.gray {background-color: #f6f6f6;}
.line_body li.end{font-weight: 700;background: url(/img/user/icon_check_on.png) no-repeat right center;}
.line_body li.on{font-weight: 700;color:#eb671d;}
.line_box .list {margin-bottom:0;margin-top: 0;}
.line_box .txt_normal {margin-bottom: 0;}
.line_box.num .list {margin-top: 12px;}
.line_box + .txt_common {margin-top: 8px;}
.txt_common + .txt_normal {margin-top: 8px;}
.view_title + .line_box {margin-top: 14px;}
/* 멀티타이틀 */
.mul_title {display: flex;margin-top: -20px;margin-bottom:32px; border-radius: 50px;background: #F5F5F5;}
.title_item {flex:1;border-radius: 50px;padding:15px 0;box-sizing: border-box; color: #000;text-align: center;font-size: 1rem;font-style: normal;font-weight: 500; line-height: 20px;letter-spacing: -0.007rem;}
.title_item.on { border: 1px solid #FF701F;background: #FFF5E9;}
/* 메뉴 */
.menu {position:fixed;z-index:1200;top:0;left:100%;right:-100%;bottom:0;padding-bottom:20px;box-sizing: border-box; background:#F5F5F5;overflow: scroll;opacity: 0.5; transition: 0.5s;}
.menu.on {right:0;left:0;opacity: 1;}
.menu_top_btn {display: flex;justify-content: space-between;align-items: center;padding:8px 20px;box-sizing: border-box;}
.menu_top_btn div:nth-of-type(2) {display: flex;align-items: center;}
.btn_menu {width:40px;height:40px;background-repeat: no-repeat;  background-position: right center;background-color: #f5f5f5;}
.btn_menu.home {background-image: url(/img/user/icon_btn_menu_home.png); background-position: left center;background-size: 32px;}
.btn_menu.env {background-image: url(/img/user/icon_btn_menu_env.png); background-size: 24px;}
.btn_menu.alert {background-image: url(/img/user/icon_btn_menu_alert.png); background-size: 24px;}
.btn_menu.alert.on {background-image: url(/img/user/icon_btn_menu_alert_on.png);}
.btn_menu.close {background-image: url(/img/user/icon_btn_menu_close.png);}
.menu_user {padding:0 20px;box-sizing: border-box;}
.menu_user .txt_guide{margin-top:0;}
.menu_user .txt_guide + div {margin-top:8px;}
.btn_login {padding:0 24px 0 0;color: #D82C3C;font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: -0.0056rem;background: url(/img/user/icon_btn_menu_login.png) no-repeat right center;}
.btn_create {padding:0 24px 0 0;color: #4770be;font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 24px;letter-spacing: -0.0056rem;background: url(/img/user/icon_btn_menu_create.png) no-repeat center right;}
.menu_user div:last-child {display:flex;gap:8px;margin-top:20px;}
.menu_user div:last-child button{flex:1; border-radius: 6px;border: 1px solid #E2E2E2;background: #E2E2E2;padding:8px;color: #D82C3C;font-size: 0.75rem;font-style: normal;font-weight: 500;line-height: 16px;letter-spacing: -0.0225rem;}
.menu_group {margin-top: 24px;padding:0 20px;box-sizing: border-box;}
.menu_group {margin-top: 24px;padding:0 20px;box-sizing: border-box;}
.menu_accordion {transition:0.5s; max-height: 51.25px; overflow: hidden; border-radius: 12px;background: #FFF;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
.menu_accordion + .menu_accordion {margin-top: 12px;}
.menu_accordion div {border-radius: 12px; background: #FFF;color: #272D37;font-size: 1rem;font-style: normal; font-weight: 500; line-height: 1.3125rem; letter-spacing: -0.0375rem;}
.menu_accordion.on div {border-radius: 12px 12px 0 0;background: #D82C3C;}
.menu_accordion div button {width:100%;padding:17px 24px;box-sizing: border-box; background: url(/img/user/icon_acco.png) no-repeat right 16px center;text-align: left;}
.menu_accordion.on div button {color:#fff;background: url(/img/user/icon_acco_on_white.png) no-repeat right 16px center;}
.menu_accordion ul {height: auto; padding:0 24px;box-sizing: border-box;overflow: hidden;transition:0.5s;padding:12px 24px;}
.menu_accordion.on ul {height:auto;}
.menu_accordion ul li a {display:block;width:100%;padding:10px 0;box-sizing: border-box;color: #272D37;font-size: 1rem; font-style: normal;font-weight: 400; line-height: 20px;  letter-spacing: -0.0262rem;text-align: left;}
.txt_login {display: inline-block;padding-right: 24px; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: -0.0056rem;background: url(/img/user/icon_btn_menu_login.png) no-repeat right center;}
.txt_login .name {color:#4770be;}
.txt_login_log {margin-top: 8px !important;color: #55575C;font-size: 0.75rem;font-weight: 400;line-height: 16px;letter-spacing: -0.36px;}
.txt_login_log span {color:#000;}
.btn_mob_logout {padding:0;font-size: 0.75rem;color: #777;font-weight: 400;background: transparent;text-decoration: underline;}
.result_wrap{display: none; margin-top:12px !important; font-size: 1rem;}
.result_wrap.on{display: block;}
.result_wrap.on + .nav_wrap{height: 300px;}
.search_result{display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom:1px solid #ccc}
.search_result.no_list{border-bottom: none;}
.search_result strong{font-size: 1rem; margin: 0 2px;color:#eb671d;}
.input .result_close{position:absolute;right:50px;top:50%;transform:translateY(-50%); width: 24px; height: 24px; background: url(/img/user/icon_btn_delete_b.png) no-repeat center;}
.result_wrap .list.dot{max-height: 60vh; overflow: auto;}
.result_wrap ul.list.dot li+li {margin-top: 16px;}
.result_wrap ul.list.dot li a{text-decoration: none;}
.result_wrap ul li strong{color: #eb671d;}
.input input.input_unit.search {padding-right: 80px;padding-left: 16px;text-align: left;}
.menu_user .search_result div:last-child {margin-top: 0;gap:0;}
.pop_wrap.search {opacity: 0.5; transition: opacity 0.5s;}
.pop_wrap .pop_content > .menu_search {margin-top: 35px;transition: 0.5s 0.5s;}
.pop_wrap.on .pop_content > .menu_search {margin-top: 0px;}
.pop_wrap.search.on {opacity: 1;}
/* 키패드 */
.keypad {max-width: 420px;position: fixed;bottom:0;z-index: 1; width:100%; display: grid;grid-template-columns: repeat(4,1fr);gap:8px; padding:20px 20px 10vh;box-sizing: border-box;color: #FFF;text-align: center;font-size: 1.625rem;font-style: normal;font-weight: 400;line-height: normal;background-color: #D82C3C; }
.keypad > div {padding:0.625vh 0;box-sizing: border-box;}
.keypad > p {padding:16px 0;box-sizing: border-box; font-size: 1rem;}
.keypad .btn_key_cancel {background: url(/assets/icon_btn_keypad_cancel.png) no-repeat center;}
.keypad.no_other {padding-bottom: 20px;}
.keypad.amount {grid-template-columns: repeat(3, 1fr);padding-bottom:20px;}
#nppfs-keypad-IDN .kpd-wrap {zoom:125%;left:-26px;}

/* 로딩 */
.loading {position: fixed; top:0;bottom:0;left:0;right:0;z-index: 9999;}
.loading .dim {position: absolute;}
/* 원 로딩 */
.loader {position: fixed;top:50%;left:50%;margin:-25px 0 0 -25px;width: 50px;height: 50px;border: 3px solid rgba(188,188,188,.6);border-radius: 50%;border-top-color: #ff701f;animation: spin 1s ease-in-out infinite;}
@keyframes spin {  to { transform: rotate(360deg); }}
/* 바 로딩 */
.loader2{display: block;position: relative;top:50%;left:50%;transform: translate(-50%,-50%);height: 12px;width: 20%;border: 1px solid #e2e2e2;border-radius: 10px;overflow: hidden;}
.loader2:after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #ff701f;animation: 6s prog ease-in infinite;}
@keyframes prog {  to  {   width: 100%;}}
/* 버튼 */
.btn_sub {display: inline-block;border-radius: 6px;border: 1px solid #D1D6DD;padding:8px 10px;box-sizing: border-box;color: #3D3F45;font-size: 0.75rem;font-weight: 500;line-height: 16px; letter-spacing: -0.36px;background-color: transparent;}
/* 관심정보 */
.inte_list {margin-top: 24px;}
.inte_list li{padding:24px 52px 24px 24px;box-sizing: border-box; border-radius: 20px;background: url(/img/user/icon_circle_arrow.svg) no-repeat right 16px center/20px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);cursor: pointer;}
.inte_list li+li{margin-top: 12px;}
.inte_list li p:nth-child(1) {color: #000; font-size: 1rem;font-weight: 700; line-height: 18px; letter-spacing: -0.042px;}
.inte_list li p:nth-child(2) {margin-top: 8px;color:#55575C;font-size: 0.75rem;font-weight: 400; line-height: 16px;letter-spacing: -0.36px;}
figure.credit {display: block;width:120px;height: 90px;margin: auto; }
figure.credit.card {background: url(/img/user/credit_card.svg) no-repeat center;}
figure.credit.card2 {background: url(/img/user/credit_card2.svg) no-repeat center;}
figure.credit.safe {background: url(/img/user/credit_safe.svg) no-repeat center;}
figure.credit.result {background: url(/img/user/credit_result.svg) no-repeat center;}
figure.credit.hard {background: url(/img/user/credit_hard.svg) no-repeat center;}
figure.credit + .txt_main {margin-top: 20px;text-align: center;}
p + .border_box.shadow {margin-top: 32px;}
figure.credit.return {background: url(/img/user/credit_return.svg) no-repeat center;}
figure.credit_return_banner {margin:20px -24px -24px;background-color: #f5f5f5;}
.list_box + .table_box {margin-top: 32px;}
h4 + .table_box {margin-top: 12px;}
figure.credit.miss {background: url(/img/user/credit_miss.svg) no-repeat center;}
figure.credit.forgot {background: url(/img/user/credit_forgot.svg) no-repeat center;}
figure.credit.how {background: url(/img/user/credit_how.svg) no-repeat center;}
figure.credit.employ {background: url(/img/user/credit_employ.svg) no-repeat center;}
figure.credit.need {background: url(/img/user/credit_need.svg) no-repeat center;}
figure.credit.support {background: url(/img/user/credit_support.svg) no-repeat center;}
figure.credit.stay {background: url(/img/user/credit_stay.svg) no-repeat center;}
figure.credit.tv {background: url(/img/user/credit_tv.svg) no-repeat center;}
figure.credit.up {background: url(/img/user/credit_up.svg) no-repeat center;}
figure.credit.inc {background: url(/img/user/credit_inc.gif) no-repeat center/contain;}
figure.credit.pig {background: url(/img/user/credit_pig.svg) no-repeat center;}
figure.credit.sleep {background: url(/img/user/credit_sleep.svg) no-repeat center;}
figure.credit.meet {background: url(/img/user/credit_meet.svg) no-repeat center;}
figure.credit.heart {background: url(/img/user/credit_heart.svg) no-repeat center;}
figure.credit.bulb {background: url(/img/user/credit_bulb.svg) no-repeat center;}
figure.credit.free {background: url(/img/user/credit_free.svg) no-repeat center;}
figure.credit.escape {background: url(/img/user/credit_escape.svg) no-repeat center;}
figure.credit.plus {background: url(/img/user/credit_plus.svg) no-repeat center;}
.html_content {margin-top: 32px;}
figure + .mini_title {margin-top: 40px;}
.border_box.support {position: relative; margin-top: 32px; border-radius: 20px;border: 1px solid #7C301D;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.border_box.support::after {content:'';display: block;position: absolute;right:0;top:-30px;width:60px;height: 30px;background: url(/img/user/bg_support.svg) no-repeat center/cover;}
.border_box.support + .border_box {margin-top: 12px;}
.txt_normal + .eduEle {margin-top: 32px;}
.eduEle + .eduEle {margin-top: 24px;}
.dl_table_group2.w80 .dl_table .dl_table_dt {width:80px !important;}
.border_box .txt_normal + figure {margin-top: 16px;}
.list_bulb li {padding:18px 18px 18px 46px; text-align: left; color: #000;font-size: 0.75rem;font-weight: 400;line-height: 16px; letter-spacing: -0.36px;}
.list_bulb {margin-top: 16px;}
.list_bulb li + li {margin-top: 8px;}
.list_bulb li:nth-child(1) {background: url(/img/user/credit_bulb_list01.svg) no-repeat left 8px center/30px #f5f5f5;}
.list_bulb li:nth-child(2) {background: url(/img/user/credit_bulb_list02.svg) no-repeat left 8px center/30px #f5f5f5;}
.list_bulb li:nth-child(3) {background: url(/img/user/credit_bulb_list03.svg) no-repeat left 8px center/30px #f5f5f5;}
.title_band {padding:10px;margin:32px -20px;box-sizing: border-box;background: #f5f5f5; color:#55575C;font-size: 1rem; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;text-align: center;}
.list_test > li {height: 150px;}
.list_test > li + li {margin-top: 40px;}
.list_test > li > p {display: flex;gap:8px; color:#000;font-size: 1rem;font-weight: 500;line-height: 22px;letter-spacing: -0.112px;}
.list_test > li > ul {margin-top: 12px;}
.list_test > li > div {position: relative;margin:24px -20px 0;}
.list_test > li > div > div {position: absolute;top:0;left:0;right:0;margin:auto; width: calc(100% - 40px);height: 8px;border-radius: 11px;background: #EAEDF2;box-shadow: 0px 3px 5px 0px #CAD3DC inset;}
.list_test > li > div > ul {position: absolute;top:-6px;width: calc(100% - 20px); display: flex;justify-content: space-between; padding:0 10px;}
.list_test > li > div > ul > li > p{margin-top: 8px;color: #000;text-align: center;font-size: 0.8125rem; font-weight: 400;line-height: 16px; letter-spacing: -0.39px;}
.radio.vertical label {background: url(/img/user/radio.png) no-repeat center/20px;}
.radio.vertical input:checked + label {background: url(/img/user/radio_on.png) no-repeat center/20px;}
/* 보안인증 */
.btn_box + .border_box.shadow {margin-top: 48px;}
.app_box {display: flex;gap: 12px;margin-top: 24px;}
.btn_app {display: flex;gap:10px; padding:18px 36px;box-sizing: border-box;border-radius: 12px;border: 1px solid #000;
    background: #FFF;}
.btn_app span:nth-of-type(2){color: #181818;font-size: 1.25rem;font-weight: 700; line-height: 28px;letter-spacing: -0.2px;}
.btn_app.google span:nth-of-type(1) {display: block;width:25px;height:29px;background: url(/img/user/icon_googleplay.svg) no-repeat center/contain;}
.btn_app.apple span:nth-of-type(1) {display: block;width:30px;height:30px;background: url(/img/user/icon_apple.svg) no-repeat center/contain;}
.txt_shadow_main {margin-top: 60px;}
.export_view{display: flex;justify-content: center;align-items: center; width: 100%;height: 164px;margin-bottom: 20px;}
.export_view figure {display: block;flex:1;}
.export_view figure.export_pc {width: 100px;height: 80px;background: url(/img/user/export_view_pc.svg) no-repeat center top -2px/contain;}
.export_view figure:nth-of-type(2) {flex:0.3; width:36px;height:36px; background: url(/img/user/export_view_arrow.svg) no-repeat center/contain;}
.export_view figure.export_mob {width:60px;height:100px;background: url(/img/user/export_view_mob.svg) no-repeat center/contain;}
.export_view.pop{height: 160px; margin-top: 40px;}
.export_view.pop figure:nth-of-type(2) {flex:0.2;}
.border_box.gray.between_box > div:nth-child(1) > p:nth-child(1) {color: #000;font-size: 1.25rem;font-weight: 500;line-height: 24px;letter-spacing: -0.126px; text-align: left;}
.border_box.gray.between_box > div:nth-child(1) > p:nth-child(2) {margin-top: 10px; color:#55575C; font-size: 1rem; font-weight: 400;line-height: 20px;letter-spacing: -0.42px;text-align: left;}
figure.common_delete {display: block;height: 140px; background: url(/img/user/common_delete.svg) no-repeat center top;}
.txt_main + .border_box,.txt_main +  .list_box {margin-top: 32px;}
/* 신용상태지표 결과 */
.emo {display: block; width: 90px;height: 90px;margin:auto;}
.emo.success {background: url(/img/user/emo_success.svg) no-repeat center/contain;}
.emo.fail {background: url(/img/user/emo_fail.svg) no-repeat center/contain;}
.emo + .txt_main {margin-top: 32px;}
.table_box + .txt_guide { margin-top: 12px;}
.border_box + .list_box {margin-top: 32px;}
/* 알림함 */
.btn_env {padding:10px 8px 10px 28px;border-radius: 6px;border: 1px solid #D1D6DD;background: url(/img/user/icon_env.svg) no-repeat left 10px center;color:#3D3F45;font-size: 0.75rem; font-weight: 500;line-height: 16px;letter-spacing: -0.36px;}
.notice_list {margin-top: 12px !important;}
.notice_list li div:nth-child(1){border-top: 1px solid #aaa;margin:0 -20px; padding:14px 20px; box-sizing: border-box;background: #f5f5f5;}
.notice_list li div:nth-child(1) p:nth-child(1){color: #000;font-size: 1rem;font-weight: 500;line-height: 22px; letter-spacing: -0.112px;}
.notice_list li div:nth-child(1) p:nth-child(2){margin-top: 4px; color: #747475;font-size: 1rem; font-weight: 400;line-height: 20px;letter-spacing: -0.42px;}
.notice_list li div:nth-child(2){padding: 20px 0;}
.notice_list li div:nth-child(2) p {color: #000; font-size: 1rem; font-weight: 400;line-height: 20px; letter-spacing: -0.42px;}
.notice_list li div:nth-child(2) figure {margin-top: 20px}
.notice_list li div:nth-child(2) .txt_link {margin-top: 11px;color: #4770be;font-size: 1rem; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;}
/* 환경설정 */
.push_alert {display: flex;justify-content: space-between; align-items: center; margin-top: 19px;}
.push_alert div:nth-child(1) p:nth-child(1) {color: #000;font-size: 1rem; font-weight: 500; letter-spacing: -0.126px;}
.push_alert div:nth-child(1) p:nth-child(2) {color: #55575C;font-size: 0.75rem;font-weight: 400; letter-spacing: -0.42px;}
.btn_toggle {width:52px;height: 26px; background: url(/img/user/common/icon/btn_toggle.svg) no-repeat center/contain;}
.btn_toggle.on {background: url(/img/user/common/icon/btn_toggle_on.svg) no-repeat center/contain;}
.btn_sub.white {background: #fff;}
.search_unit {position: absolute;top:50%;right:0;transform: translateY(-50%); width: 50px; height: 100%; background: url(/assets/icon_btn_src.png) center no-repeat;}/* 검색 */
/* 간격 */
/** > *:nth-child(1) {margin-top: 0;}*/
.hidden + * {margin-top: 0;}
.hidden + .line {margin-top: 40px;}
.no_data.hidden + p, .hidden + .exclaim_box {margin-top: 12px;}
.pd0 {padding:0 !important;}
.view_title + article {margin-top: 16px;}
legend.view_title {display: block;margin-bottom: 0;font-size: 1.125rem;}
legend.view_title + .radio_list, legend.view_title + .radio_list2, legend.view_title + .radio_list3, legend.view_title + .checkbox_list, legend.view_title + .checkbox_list2, legend.view_title + .checkbox_list3  {margin-top: 24px;}
legend.view_title + .txt_info {margin-top: 8px;}
.txt_info + .input { margin-top: 24px;}
.input_title + .input {margin-top: 16px;}
.header_pc + .header_mob_sub {margin-top: 0 !important;}
.form_agree + .list {margin-top: 32px;}
.txt_star + .form_check {margin-top: 14px;}
.txt_star + .form_check {margin-top: 12px;}
.txt_normal + form {margin-top: 2rem;}
.mini_title.tac + .accordion.white {margin-top: 36px;}
p + .btn_certification {margin-top: 20px;}
.border_box .btn_box {margin-top: 20px;}
.border_box .list.bullet li + li{margin-top:8px;}
.border_box .mini_title + .list {margin-top: 12px;}
.border_box .exclaim + .mini_title {margin-top: 16px;}
.mini_title +.txt_common {margin-top: 16px;}
.border_box.gray .txt_common + .txt_common {margin-top: 12px;}
.exclaim_box + .table_box {margin-top: 24px;}
.border_box + .txt_dot {margin-top: 12px;}
.table_box.hidden + .border_box {margin-top: 0;}
/* 약관 */
.term .list li + li {margin-top: 4px;}
.term .list.dot, .term .view_title + .list.bullet {margin-top: 16px;}
.term .txt_normal {text-align: left;margin:0;}
.term .view_title {font-size: 1.25rem;}
.term .view_title + .txt_common, .term .list + .txt_common {font-weight: 500;}
.term section {margin-top: 32px !important;}
.term section:first-child {margin-top: 0!important;}
.term .list.num li {font-size: 1rem;}
/* 추가 */
.maxwd760 {width:760px;}
.fs15 {margin-top: 20px;}
.tblDiv {margin-top: 12px;}
.tblDiv caption { position: relative; font-size: 0;height: 0;width:0;display: inline;}
.ty1 + .ty3 {margin-left: 12px;}
.fs15 + .list {margin-top: 12px;}
.mt40 {margin-top: 40px;}
.btnClose {right:16px;top:16px;}
.popCon > .list {max-height: 265px;overflow-y: auto;}
.swiper-pagination-mob {position: absolute; bottom:8px !important; z-index: 2; text-align: center;}
.swiper-pagination-bullet {width:6px;height: 6px;transition: 0.5s;margin:0 5px !important;}
.swiper-pagination-mob .swiper-pagination-bullet-active{width:18px;background-color:#000;border-radius: 4px;}
.fit_service {position: relative;}
.slider_wrap + .fit_service  {margin-top: 24px;}
.swiper-mob {overflow: hidden;}
.swiper-mob2 {overflow: hidden;}
.swiper-mob3 {overflow: hidden;}
.view a img {max-width: 100%;max-height: 92px;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity: 0;}
.fit_service .swiper-slide .view{display: flex;border-radius: 0.625rem;gap:8px;align-items: center;justify-content: center;}
.fit_service .swiper-slide .view div + figure {width: auto;}
.fit_service .swiper-slide .view figure {width: 100%;}
.fit_service .swiper-slide .view figure img{width: 100%; max-width: 320px; height: 140px;}
.fit_service .swiper-slide .view div p:nth-child(1){color:#000;font-size: 18px;font-weight: 700;}
.fit_service .swiper-slide .view div p:nth-child(2){margin-top: 8px;color:#000;font-size: 14px;font-weight: 400;line-height: 1.2;letter-spacing: -0.39px;}
.swiper-mob2 .view {height: auto;padding-bottom: 28px;}
.swiper-mob2 .swiper-pagination-wrap {position: absolute;bottom:0;left:16px; z-index: 2; display: flex;justify-content: center;flex-direction: row-reverse;}
.swiper-mob2 .swiper-pagination-mob2 {display: flex;align-items: center;}
.swiper-mob2 .swiper-pagination-mob2 .swiper-pagination-bullet {position: relative;display: flex;align-items: center;justify-content: center; width: 28px; height: 28px; margin:0 !important;font-size: 0;opacity: 1;transition: none;background: inherit;}
.swiper-mob2 .swiper-pagination-mob2 .swiper-pagination-bullet::after {content: ''; position: absolute;display: inline-block; width:12px;height: 12px;background-color: #c2c2c2;border-radius: 50%;}
.swiper-mob2 .swiper-pagination-mob2 .swiper-pagination-bullet-active {background-color:#e0e0e0;}
.swiper-mob2 .swiper-pagination-mob2 .swiper-pagination-bullet-active::after {content: ''; position: absolute;display: inline-block; width:12px;height: 12px;background-color: #000;border-radius: 50%;}
.swiper-mob2 .swiper-button-play-mob {display: none;width:40px;height:40px;background:url(/img/user/visual_play.png) no-repeat center/14px;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.swiper-mob2 .swiper-button-pause-mob {width:40px;height:40px;background:url(/img/user/visual_stop.png) no-repeat center/14px;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.swiper-mob3 .swiper-pagination-mob3 {display: flex;align-items: center; width: auto !important;justify-content: center;}
.swiper-mob3 .swiper-pagination-mob3 .swiper-pagination-bullet {position: relative;display: flex;align-items: center;justify-content: center; width: 28px; height: 28px; margin:0 !important;font-size: 0;opacity: 1;transition: none;background: inherit;}
.swiper-mob3 .swiper-pagination-mob3 .swiper-pagination-bullet::after {content: ''; position: absolute;display: inline-block; width:12px;height: 12px;background-color: #c2c2c2;border-radius: 50%;}
.swiper-mob3 .swiper-pagination-mob3 .swiper-pagination-bullet-active {background-color:#e0e0e0;}
.swiper-mob3 .swiper-pagination-mob3 .swiper-pagination-bullet-active::after {content: ''; position: absolute;display: inline-block; width:12px;height: 12px;background-color: #000;border-radius: 50%;}
.swiper-mob3 .swiper-pagination-wrap {display: flex;justify-content: center;flex-direction: row-reverse;margin-top: 8px;}
.swiper-mob3 .swiper-button-play-mob {display: none;width:40px;height:40px;background:url(/img/user/visual_play.png) no-repeat center/14px;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.swiper-mob3 .swiper-button-pause-mob {width:40px;height:40px;background:url(/img/user/visual_stop.png) no-repeat center/14px;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.txt_link {text-decoration: underline; color: #4770be;}
.new {position: relative;padding-right: 20px;}
.new::after {content:'';display: block;position: absolute;top:3px;right:0;width: 16px;height: 16px;background: url(/img/user/icon_new.png) no-repeat center/contain;}
main + form {margin-top: 0;}
.txt_star + .radio_list3 {margin-top: 14px;}
.gray_box.nolabel .txt_unit, .gray_box .txt_unit {top: 14px;}
.yellow_box a {text-decoration: underline;}
.yellow_box + .txt_bottom {margin-top: 1rem; padding:0 20px;}
.yellow_box + .txt_box {margin-top: 16px; padding:0 24px;}
.txt_box > p + p {margin-top: 14px;}
.btn_box + form {margin-top: 0;}
/* 직업검색 */
.list_job {margin-top: 24px;}
.list_job li {padding:17px 17px 17px 48px;text-align: center;color: #000;font-size: 15px;font-weight: 400;line-height: 20px;letter-spacing: -0.42px;border-radius: 8px;cursor: pointer;}
.list_job li + li {margin-top: 8px;}
.list_job li:nth-child(1){background: url(/img/user/job_g1_01.png) no-repeat left 16px center/30px #FFF5D3;}
.list_job li:nth-child(2){background: url(/img/user/job_g1_02.png) no-repeat left 16px center/30px #FFF5D3;}
.list_job li:nth-child(3){background: url(/img/user/job_g1_03.png) no-repeat left 16px center/30px #FFF5D3;}
.list_job li:nth-child(4){background: url(/img/user/job_g2_01.png) no-repeat left 16px center/30px #DFF0FF;}
.list_job li:nth-child(5){background: url(/img/user/job_g2_02.png) no-repeat left 16px center/30px #DFF0FF;}
.list_job li:nth-child(6){background: url(/img/user/job_g2_03.png) no-repeat left 16px center/30px #DFF0FF;}
.list_job li:nth-child(7){background: url(/img/user/job_g3_01.png) no-repeat left 16px center/30px #E9FBDA;}
.list_job li:nth-child(8){background: url(/img/user/job_g3_02.png) no-repeat left 16px center/30px #E9FBDA;}
.list_job li:nth-child(9){background: url(/img/user/job_g3_03.png) no-repeat left 16px center/30px #E9FBDA;}
.list_job li.on {outline:1px solid #ff701f;}
/* 고객지원 */
.cs {background-color:#fafafa;}
.cs .content {position: relative;}
.bg_cs {position: absolute;right:20px;top: -50px; display: block;width: 130px;height: 92px;background: url(/img/user/icon_cs.png) no-repeat center/contain;}
.cs .txt_main + .content {margin-top: 5px}
.cs .txt_sub {font-size: 1rem;font-weight: 500;color:#000;}
.cs_link {margin-top: 30px;max-width: none; padding:4px 20px;box-sizing: border-box;border-radius: 12px;background: #fff;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.08);}
.cs_link li a {display: flex;gap: 10px;padding:16px 0; background: url(/img/user/icon_arrow_right.png) no-repeat right center;}
.cs_link li + li {border-top:1px solid #ededed;}
.cs_link li a > img {width: 24px;height: 24px;}
.cs_link li span {display: flex;align-items: center; color:#000;font-size: 1rem;font-weight: 500;letter-spacing: -0.042px;}
.cs_link li a:hover span{color:#000;}
/* 해외동포 서비스 */
.overseas {background-color:#fafafa;}
.overseas .content {position: relative;}
.bg_overseas {position: absolute;right:20px;top: -50px; display: block;width: 130px;height: 92px;background: url(/img/user/bg_overseas.png) no-repeat center/contain;}
.overseas .txt_main + .content {margin-top: 5px}
.overseas .txt_sub {font-size: 1rem;font-weight: 500;color:#000;}
.overseas_link {margin-top: 30px;max-width: none; padding:4px 20px;box-sizing: border-box;border-radius: 12px;background: #fff;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.08);}
.overseas_link li a {display: flex;gap: 10px;padding:16px 0; background: url(/img/user/icon_arrow_right.png) no-repeat right center;}
.overseas_link li + li {border-top:1px solid #ededed;}
.overseas_link li a > img {width: 24px;height: 24px;}
.overseas_link li span {display: flex;align-items: center; color:#000;font-size: 1rem;font-weight: 500;letter-spacing: -0.042px;}
.overseas_link li a:hover span{color:#000;}
/* 햇살론 */
.sub.gray .border_box.shadow.sunshine {position:relative;padding:40px 20px;}
.border_box.shadow.sunshine article + article {margin-top: 40px;}
.border_box.shadow.sunshine .bg_sunshine {position: absolute;top: -36px; right: 20px; display: block;width: 103px;height: 64px;background: url(/img/user/bg_sunshine.png) no-repeat center/contain;}
.border_box.shadow.sunshine .bg_sunshine + article {margin-top: 0;}
.border_box.shadow.sunshine_grace {position:relative;padding:40px 20px;border-radius: 20px;}
.border_box.shadow.sunshine_grace strong {color:#4770be;}
.border_box.shadow.sunshine_grace article + article {margin-top: 40px;}
.border_box.shadow.sunshine_grace .bg_sunshine_grace {position: absolute;top: -30px; right: 7px; display: block;width: 106px;height: 73px;background: url(/img/user/bg_sunshine_grace.png) no-repeat center/contain;}
.border_box.shadow.sunshine_grace .bg_sunshine_grace + article {margin-top: 0;}
/* 재난 상환 유예 */
.border_box.shadow.disaster {position:relative;padding:40px 20px;border-radius: 20px;}
.border_box.shadow.disaster .bg_disaster {position: absolute;top: -60px; right: 8px; display: block;width: 84px;height: 85px;background: url(/img/user/bg_disaster.png) no-repeat center/contain;}
.border_box.shadow.disaster .view_title {color:#D82C3C;font-size: 1.125rem;font-weight: 500;line-height: normal;}
.border_box.shadow.disaster .view_title + article {margin-top: 30px;}
/* etc */
.docu_more {padding:0 20px 0 20px;margin-top: 8px;margin-bottom: 8px; background: url(/img/user/icon_acco.png) no-repeat right center/20px;font-size: 14px;}
.docu_more .see {display: inline;}
.docu_more.on .see {display: none;}
.docu_more .close {display: none;}
.docu_more.on .close {display: inline;}
.docu_more + .accordion, .docu_more + form > .accordion {overflow: hidden;max-height: 0; transition: opacity 0.5s;opacity: 0;padding-left:20px;margin-top: 0;}
.docu_more.on + .accordion, .docu_more + form > .accordion {max-height: 300vh;opacity: 1;}
.btn_box + .no_data {margin-top:24px;}
/* 채무조정 제도소개 버튼  */
.btn_debt {display: flex;gap: 10px;align-items: center; width: 100%;border-radius: 8px; padding:15px 40px 15px 16px;box-sizing: border-box;color:#fff;background: url(/img/user/icon_arrow_right_w.svg) no-repeat right 16px center;text-align: left;font-size: 15px;}
.btn_debt + .btn_debt {margin-top: 8px;}
.btn_debt.apply {background-color: #D82C3C;}
.btn_debt.docu {background-color: #588AEB;}
.btn_debt.change {background-color: #ff701f;}
.btn_debt > span {display: block;width: 30px;height: 30px;background-position: center; background-size: contain; background-repeat: no-repeat;}
.btn_debt.apply > span {background-image: url(/img/user/icon_apply.png);}
.btn_debt.docu > span {background-image: url(/img/user/icon_applydocu.png);}
.btn_debt.change > span {background-image: url(/img/user/icon_reserve.png);}



/* 간편비밀번호 */
.txt_pw {color: #55575c;text-align: center;font-size:1rem;font-style: normal;font-weight: 400;line-height: 22px; letter-spacing: -0.03rem;}
.txt_pw + .error {text-align: center;}
.pw_group {display: flex;gap: 20px;min-height: 16px; margin-top: 60px;justify-content: center;align-items: end;}
.pw_group li {width: 16px; height:3px;border-radius: 20px;background-color: #777777;}
.pw_group li.on {width: 16px; height:16px;border-radius: 50%;background-color: #D82C3C;}
.pw_group + .tac {margin-top: 5vh;}

.pw_group.pw_group_new li{height:16px;border-radius: 0;background-color: #fff;}
.pw_group.pw_group_new li input{height:16px;margin-top:0;padding:0;vertical-align: top;font-size:0;color:transparent;text-align: center;border:0;border-radius: 0;border-bottom:3px solid #d9d9d9;}
.pw_group.pw_group_new li input:read-only{background-color: transparent;}
.pw_group.pw_group_new li.on input{border-radius: 50%;background-color: #D82C3C;border:0;}
.pinWrap .keypad button, .pinWrap .keypad div{padding: 10px 0; font-size: 100%; background-color: transparent; color: #efefef;}
.pinWrap .keypad .rearrange{font-size: 16px;}
.pinWrap .btn_init{background-color: #fff; font-size: 100%;}