@charset "utf-8";

html {font-size:62.5%;}
body * {font-family:pretendard;font-weight:500;letter-spacing:0;}
body, input, select, div, textarea, table, th, td, p, button, li, li a {font-family:pretendard;font-weight:500;line-height:21px;font-size:14px;}
button.on, li.on, li.on a, li a.on {font-weight:600;}
.csHideNavi .dep01_wrap {display:none;}
.untact_wrap button:focus, .untact_wrap .j_form input:focus + label:before {box-shadow:0 0 0 2px rgba(0, 149, 145, 0.4);}

.untact_wrap {position: relative;padding-right:220px;}
.untact_wrap .contents {padding:0;margin-top: -60px;}
.untact_wrap .h_tit {text-align:right;padding: 1rem 0 1rem;}
.untact_wrap .t_mi {font-weight: 600!important;}
.untact_wrap .pages_tit {font-size:3.8rem;line-height:5rem;padding-top:2rem;}
.untact_wrap .pages_tit + .list_type03 {margin-top: 0;}
.untact_wrap .input_form .input_txt, .untact_wrap .input_form .input_select, .input_form.on .input_wrap.email > span {padding:1rem 0;}
.untact_wrap .input_form .input_select {background-position: 98% 2.8rem;background-size: 1.5rem;}
.untact_wrap .input_wrap.email .input_select {width: 35%;background-position: 95% 2.6rem;}
.untact_wrap .input_form .input_wrap {min-height: 7.7rem;}
.untact_wrap .input_form .input_title {height:4.7rem;padding-top:1rem;top:2.5rem;z-index:2;}
.untact_wrap .input_form .input_title, .untact_wrap .input_form .input_data {font-size:2.2rem;color:#888;}
.untact_wrap .input_form .input_wrap .input_data, .input_form.on .input_wrap.email > span {height: 3.6rem;}
.untact_wrap .input_form.on .input_title, .untact_wrap .input_form:focus .input_title {color:#888;height:3.6rem;padding-top:0.6rem;}
.untact_wrap .input_form.on .input_data {color:#333;z-index:1;}
.untact_wrap .input_form.on .input_select button.input_data {display:block;width: 100%;height: 20px;text-align: left;}
.untact_wrap .input_form.on .input_wrap.email > span {line-height:3.5rem;}
.untact_wrap .input_form.disabled .input_wrap .input_title {color:#888;}
.untact_wrap .input_form.on .input_title, .untact_wrap .input_form.disabled .input_title {font-size:1.7rem;top:-3px;}
.untact_wrap .steps_area {position: relative; top: 0; left: 0; width: 100%; background: none; z-index: 2; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); transform: translate3d(0,0,0);}
.untact_wrap .steps_area button{position: absolute; top: 0; margin-top: 1.1rem; top: constant(safe-area-inset-top); top: env(safe-area-inset-top);}
.untact_wrap .steps_area .h_tit ul {justify-content: flex-end;}
.untact_wrap .input_wrap {border:inherit;display:inherit;}
.untact_wrap .loading_dot {padding-top:0;margin:0.5rem 0;}
.untact_wrap .btn_wrap {overflow:visible;}
.untact_wrap .steps_area .h_tit ul .ing span {border-radius:3rem;}
.untact_wrap .steps_area .h_tit ul li span {min-width:1.5rem;text-align:center;}
.untact_wrap .pages_tit + .input_form_group {margin-top:4rem;}
.untact_wrap .input_form {margin-top:2rem;}
.untact_wrap .in_fixed_btn .txt_btn {top:0.2rem;font-size:1.4rem;}
.untact_wrap input[type="text"]:focus, .untact_wrap input[type="password"]:focus {outline:none;}
.untact_wrap .back_btn, .untact_wrap .h_menu {display:none;}
.untact_wrap .input_error, .untact_wrap .input_non_error {display:block;padding: 0.8rem 0.5rem;}
.untact_wrap .input_error p, .untact_wrap .input_non_error p {color:#57afa4;font-size:1.4rem;}
.untact_wrap .input_form .input_wrap .input_id01 {width: 25%;}
.untact_wrap .input_form .input_wrap .input_id02 {width: 25%;}
.untact_wrap .input_title .required {display: inline-block;}
.untact_wrap .j_data_del:focus {display: inline-block !important;}

.untact_wrap .btn_type01 {font-size: 1.7rem;font-weight: 500;line-height: 5.6rem;letter-spacing: 0.1rem;}
.untact_wrap .btn_type02 {font-size: 1.4rem;font-weight: 300;line-height: 2.8rem;}
.untact_wrap .btn_type04 {font-size: 1.3rem;font-weight: 500;line-height: 2.4rem;}
.untact_wrap .btn_type05 {font-size: 1.4rem;font-weight: 500;line-height: 2.8rem;}
.untact_wrap .btn_type06 {font-size: 1.5rem;font-weight: 300;line-height: 1.6rem;}
.untact_wrap .btn_type07 {font-size: 1.7rem;font-weight: 300;line-height: 2.4rem;}

.untact_wrap .layerpopup {z-index: 10000;}
.untact_wrap .pop_inner {padding: 0 2rem;}
.untact_wrap .layer_center {margin-left:30px;}
/* 컨펌형(아니오/예) 모달팝업 스타일 충돌 하여 주석처리
.untact_wrap .layer_center .cancel {position: absolute;right: 2rem;top: 1.7rem;width: 3rem;height: 3rem;font-size: 0;background: url(../img/untact/close.png) no-repeat center;background-size: 100%;} */
.untact_wrap .layer_center .layer_contents {max-height:60rem !important;max-width: 50rem !important;margin:0;}
.untact_wrap .layer_center .pop_tit h5 {padding-top:2.5rem;}
.untact_wrap .layer_center .pop_tit + .pop_content {overflow: auto;padding:0;margin: 2rem 0;max-height: 30rem;}
.untact_wrap .select_list li + li {margin-top:1.5rem;}
.untact_wrap .select_list li a {font-size:1.8rem;}
.untact_wrap .in_fixed_btn .txt_btn:after {background: #888;}
.untact_wrap .in_fixed_btn .txt_btn {color:#666;}
.untact_wrap .in_fixed_btn.on .input_wrap .input_title {top: -.5rem;}

.untact_wrap .list_type03 .title {width: 100%;text-align: left;padding-left: 0.5rem;font-size: 2.4rem;}
.untact_wrap .input_error p, .untact_wrap .txt_notice01, .untact_wrap .txt_notice02 {letter-spacing:0;font-weight:400;}
.untact_wrap .input_calendar .input_data {background-image: url(../img/untact/ico_cal.gif) !important;background-repeat: no-repeat !important;background-position: 165px 55% !important;}
.untact_wrap .input_calendar .btn_calendar {position: relative;}
.untact_wrap .input_data:hover, .untact_wrap .input_form .input_title:hover, .untact_wrap .j_toggle_open:hover {cursor:pointer;}
.untact_wrap .j_toggle_cont .input_form:first-child, .untact_wrap .cont .j_toggle_cont .input_form02:first-child {margin-top: 0;}

.untact_wrap .layer_tip_wrap {position: relative;display:inline-block;}
.untact_wrap .layer_tip {display:none;background: transparent;position: absolute;top:-2rem;left:5rem;max-width: 45rem;max-height: 20rem;width:45rem;}
.untact_wrap .layer_tip_cont {position: relative; margin: 0; padding: 2rem; border-radius: 1.2rem;background:#fff; border: 1px solid #666;z-index:1;}
.untact_wrap .layer_tip_cont .cancel{position: absolute; right: 1rem; top: 1rem; width: 2.4rem; height: 2.4rem; font-size: 0; background: url(../img/untact/close.png) no-repeat center; background-size: 100%;}
.untact_wrap .layer_tip_cont .list_tit {font-size: 1.5rem;}
.untact_wrap .layer_tip_cont .list_tit + .list_type01 {margin-top:0.5rem;}
.untact_wrap .layer_tip_cont .list_type01 li {color: #666; line-height: 2rem;font-size: 1.4rem;}
.untact_wrap .layer_tip_cont .list_type01 li::before {background-color: #ccc; top: 1.1rem;}
.untact_wrap .input_wrap .layer_tip_wrap {top:-2rem;z-index:1;}
.untact_wrap .input_form.on .input_wrap .layer_tip_wrap {top:-1.5rem;z-index:100;}
.untact_wrap .list_type03 .title {background-image: url('../img/untact/more.png');background-repeat: no-repeat;background-size: 2rem;background-position: calc(100% - 1rem) 50%;}
.untact_wrap .list_type03 li.on .title {background-image: url('../img/untact/close-2.png');background-repeat: no-repeat;background-position: calc(100% - 1rem) 50%;}
.untact_wrap .list_type03 li .title strong {font-weight:600;color:#000;margin-left:5px;}
.untact_wrap .layer_tip .arrow {background-image: url('../img/untact/ico_tooltip.png');background-repeat: no-repeat;background-size: 90%;background-position: 0 0;position: absolute;top: 20px;left: -8px;width: 8px;height: 20px;text-indent: 100%;white-space: nowrap;overflow: hidden;display: inline-block;z-index:2;}

.untact_wrap .right_area {position: absolute;top:1rem;right:0;display: inline-block;padding: 2rem;border: 0.1rem solid #57afa4;border-radius: 1.5rem;background: #fff;box-sizing: border-box;width:17rem;min-height:45rem;}
.untact_wrap .certify_progress {margin-top:0;}
.untact_wrap .certify_progress .title {display:block;font-size: 1.6rem;color:#000;font-weight:500;margin-bottom:2rem;}
.untact_wrap .certify_progress .status_ing li span {font-size: 1.5rem;font-weight: 500;}
.untact_wrap .certify_progress .status_ing li.ing span {font-size: 1.6rem;font-weight: 700;}
.untact_wrap .certify_progress .status_ing {margin-top: 1rem;}
.untact_wrap .certify_progress .status_ing li + li {margin-top: 2.2rem}
.untact_wrap .certify_progress .status_ing li:after {height: 3.2rem;}
.untact_wrap .certify_progress .status_ing li:before {width: 13px;height: 13px;min-width: 13px;min-height: 13px;}

.untact_wrap .agreement_list.j_terms_wrap, .agreement_list.j_terms_wrap .depth01_area {padding-top:0;}
.untact_wrap .agreement_list.j_terms_wrap .depth01_area > li {border:0;}
.untact_wrap .agreement_list.j_terms_wrap .j_terms_title {position: relative;display: block;border-radius: 0.8rem;padding: 2rem 4rem 2rem 2rem;font-size: 1.7rem;font-weight: 600;line-height: 2.2rem;color: #333;text-align:center;}
.untact_wrap .agreement_list.j_terms_wrap .j_terms_title + .j_terms_cont {padding-top:0;margin-top:0;}
.untact_wrap .agreement_list.j_terms_wrap .j_terms_cont {padding:10px;margin:10px;max-height:95px;overflow:auto;color:#666;font-size: 14px;font-family:pretendard;letter-spacing:0;}
.untact_wrap .agreement_list.j_terms_wrap .depth02_area {margin-top:3rem;}
.untact_wrap .agreement_list.j_terms_wrap .depth02_area li {position: relative;border: 0.1rem solid #ddd;border-radius: 0.8rem;margin-bottom: 2rem;padding:0;}

.untact_wrap .select_list li a {letter-spacing: 0;}
.untact_wrap .in_fixed_btn .txt_btn {font-weight: 400;}
.untact_wrap .agreement_list .note {font-size: 1.5rem;}
.untact_wrap .txt_notice01, .cna_tbl_wrap tbody th, .cna_tbl_wrap tbody td {font-size: 1.4rem;font-weight:400;color:#666;}
.untact_wrap .cna_tbl_wrap thead th {font-size: 1.4rem;font-weight:500;color:#333;}
.untact_wrap .agreement_confirm > button {font-weight: 600;color:#666;}
.untact_wrap .agreement_confirm > button.on {color:#fff;}
.untact_wrap .agreement_list label {font-size: 1.8rem;font-weight: 600;}
.untact_wrap .agreement_list .allcnkbtn {font-weight: 500;}
.untact_wrap .agreement_list input[type='checkbox']:checked + .allcnkbtn {background-color:#e9f5f3;color:#57afa4;font-weight: 600;background-image: url(../img/untact/on_green.png);background-repeat: no-repeat;}
.untact_wrap .agreement_list label.allcnkbtn::after {background-image: url(../img/untact/right.png);background-repeat: no-repeat;}
.untact_wrap .agreement_list input[type='checkbox']:checked + label.allcnkbtn::after {}

/* 접근성 대응 체크박스 */
.untact_wrap .agreement_list .depth01_area>li>.j_form label {position: relative;}
.untact_wrap .agreement_list .depth01_area>li>.j_form label.allcnkbtn::after {content: ''; display: inline-block; position: absolute; right: 1rem; top: 1.4rem; width: 3rem; height: 3rem; font-size: 0; background: url(../img/untact/down_gray.png) no-repeat center; background-size: 2rem; transform: rotate(180deg);transition: transform 0.5s;}
.untact_wrap .agreement_list .depth01_area>li>.j_form input[type='checkbox']:checked + label.allcnkbtn::after {transform: rotate(0deg);}

.untact_wrap input[type='checkbox'], .untact_wrap input[type='radio'] {display: block !important;}
.untact_wrap .j_form {position: relative;display: block;}
.untact_wrap .j_form input {position: absolute;opacity: 0;top: 0;left: 0;width: 20px;height: 20px;z-index: 100;}
.untact_wrap .j_form label {cursor: pointer;z-index: 20;}
.untact_wrap .j_form input:focus + label:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

.untact_wrap .agreement_list .depth02_area .j_terms_title label {position: relative;display: block;font-size: 1.7rem;font-weight: 600;line-height: 2.2rem;color: #333;text-align: left;margin: 0;padding: 0;padding-left:30px;background-position: 0.5rem 0.5rem;}    
.untact_wrap .agreement_list .depth02_area input[type='checkbox']:checked + label {background-position: 0.5rem 0.5rem;}
.untact_wrap .list_type03 + .txt_notice02, .untact_wrap .j_toggle_list + .txt_notice02 {font-size:1.4rem;margin-top:3rem;}
.untact_wrap .txt_notice02 + .txt_notice02 {margin-top:2rem;}
.untact_wrap .txt_notice02 + .btn_wrap {margin-top:5rem;}