@charset "utf-8";

.wrap .container { padding:18vw 0 20vw; height:100%; min-height:100vh; position:relative; }
.wrap .container_white { background:#fff; }
.wrap .container_common { padding:18vw 0 5vw; }

.warning { color:#f74d4d; font-size:calc(1em - 0.6vw); padding:2vw 0 0; }

/* INTRO */
.wrap .container .intro { margin:0 5vw; }
.wrap .container .intro .desc { color:#040404; font-size:calc(1em + 0.8vw); line-height:1.3; padding:0 0 5vw; }
.wrap .container .intro .desc_small { font-size:calc(1em - 0.4vw); }
.wrap .container .intro .desc_img { padding:0 0 3vw; }
.wrap .container .intro .process { display:flex; padding:5vw; text-align:center; background:#ffbc01; border-radius:3vw; }
.wrap .container .intro .process .icon { width:25%; position:relative; }
.wrap .container .intro .process .icon::after { content:''; width:0; height:0; border-top:1.5vw solid transparent; border-bottom:1.5vw solid transparent; border-left:2.5vw solid #fff; position:absolute; top:7vw; right:0; transform:translate(50%, -50%); }
.wrap .container .intro .process .icon04::after { display:none; }
.wrap .container .intro .process .icon img { width:70%; border-radius:50%; margin:0 0 3vw; }
.wrap .container .intro .process .icon p { font-size:calc(1em - 0.2vw); font-weight:400; }
.wrap .container .intro .offer { position:relative; }
.wrap .container .intro .offer .offer_wrap { width:95vw; padding:5vw;  border-radius:3vw 0 0 3vw; position:absolute; right:-5vw; background:#ffbc00; background-image:url('../img/main/intro_02.png'); background-size:30%; background-repeat:no-repeat; background-position:calc(100% - 5vw) bottom; }
.wrap .container .intro .offer .offer_wrap .title {  }
.wrap .container .intro .offer .offer_wrap .title p { color:#040404; font-size:calc(1em + 0.6vw); font-weight:700; }
.wrap .container .intro .offer .offer_wrap .title p.bold { font-size:calc(1em + 5vw); font-weight:800; padding:3vw 0 0; }
.wrap .container .intro .offer .offer_wrap .title p span {  }
.wrap .container .intro .offer .offer_wrap .valid_date { font-size:calc(1em - 0.2vw); font-weight:400; line-height:1.5; margin:5vw 0 0; }
.wrap .container .intro .offer .offer_wrap .valid_date .cblue { font-weight:700; }
.wrap .container .intro .intro_step {  }
.wrap .container .intro .intro_step .step { width:100%; margin:0 auto 8vw; padding:5vw; border-radius:3vw; background:#faf9f7; position:relative; }
.wrap .container .intro .intro_step .step::before { content:''; width:0; height:0; border-top:1.5vw solid transparent; border-bottom:1.5vw solid transparent; border-left:2.5vw solid #ffbc00; position:absolute; bottom:-6.75vw; right:50%; transform:rotate(90deg) translate(-50%, -50%); }
.wrap .container .intro .intro_step .step:last-child::before { display:none; }
.wrap .container .intro .intro_step .step::after { content:''; display:block; clear:both; }
.wrap .container .intro .intro_step .step .left { float:left; color:#0075c2; font-weight:700; text-align:center; line-height:15vw; width:15vw; height:15vw; border-radius:50%; background:#fff; margin:0 3vw 0 0; }
.wrap .container .intro .intro_step .step .right { float:left; width:calc(100% - 18vw); }
.wrap .container .intro .intro_step .step .right p { line-height: 1.5; }
.wrap .container .intro .intro_step .step .right p.tit { color:#040404; font-size:calc(1em + 0.2vw); margin:0 0 1vw; }
.wrap .container .intro .wait { padding:5vw; background:#faf9f7; border-radius:3vw; }
.wrap .container .intro .wait .title { font-size:calc(1em - 0.4vw); font-weight:700; margin:0 0 3vw; line-height:1.5; }
.wrap .container .intro .wait .title ul {  }
.wrap .container .intro .wait .title ul li { padding:0 0 0 3vw; }
.wrap .container .intro .wait .title ul li::before { content:'- '; position:absolute; top:calc(1em - 0.4vw); }
.wrap .container .intro .wait ul {  }
.wrap .container .intro .wait ul li { line-height:1.5; position:relative; padding:0 0 0 6vw; }
.wrap .container .intro .wait ul li.except { padding: 0 0 0 0; font-size: calc(1em - 0.4vw); font-weight: 700; }
.wrap .container .intro .wait ul li + li { margin-top:2vw; }
.wrap .container .intro .wait ul li::before { content:''; width:5vw; height:5vw; background-size:contain; position:absolute; background-repeat:no-repeat; top:50%; left:0; transform:translate(0, -50%); }
.wrap .container .intro .wait ul li.first::before { background-image:url('../img/main/intro_wait_01.png'); }
.wrap .container .intro .wait ul li.second::before { background-image:url('../img/main/intro_wait_02.png'); top:calc(1em - 0.6vw); }
.wrap .container .intro .wait ul li.okok::before { background-image:url('../img/common/wait_error_02.png'); top:calc(1em - 0.6vw); }
.wrap .container .intro .wait ul li.third::before { background-image:url('../img/main/intro_wait_03.png'); top:calc(1em - 0.6vw); }
.wrap .container .intro .wait ul li.comment::before { background-image:url('../img/sub/certify/kakao_btn_01.png'); top:calc(1em - 0.6vw); }
.wrap .container .intro .wait ul li b {  }
.wrap .container .intro .wait .lpfp_info { overflow:hidden; }
.wrap .container .intro .wait .lpfp_info p { font-size:calc(1em + 0.2vw); font-weight:400; line-height:1.2; float:left; }
.wrap .container .intro .wait .lpfp_info p.left { width:40%; }
.wrap .container .intro .wait .lpfp_info p.right { width:60%; font-weight:700; text-align:right; white-space:nowrap; }
.wrap .container .intro .wait .lpfp_info p:nth-child(1),
.wrap .container .intro .wait .lpfp_info p:nth-child(2) { padding:0 0 2vw; }
.wrap .container .intro .wait .lpfp_info p.right span { font-size:calc(1em - 0.4vw); }
.wrap .container .intro .process + .wait { margin-top:5vw; }
.wrap .container .intro .slogan-signature { margin:8vw 0; }
.wrap .container .intro .slogan-signature img { width:60vw; }
.wrap .container .intro .slogan-signature p { margin:1.5vw 0 0; }

/* 공통화면 */
.wrap .container .common { margin:0 5vw; }
.wrap .container .common .desc { color:#040404; font-size:calc(1em + 0.8vw); line-height:1.3; padding:0 0 5vw; }
.wrap .container .common .desc_img { padding:5vw 0; }
.wrap .container .common .wait { padding:5vw; background:#faf9f7; border-radius:3vw; }
.wrap .container .common .wait + .wait { margin-top:3vw; }
.wrap .container .common .wait .title { font-size:calc(1em - 0.4vw); font-weight:700; margin:0 0 3vw; }
.wrap .container .common .wait ul li { line-height:1.5; position:relative; padding:0 0 0 6vw; }
.wrap .container .common .wait ul li + li { margin-top:2vw; }
.wrap .container .common .wait ul li::before { content:''; width:5vw; height:5vw; background-image:url('../img/common/wait_error_01.png'); background-size:contain; background-repeat:no-repeat; position:absolute; top:0; left:0; }
.wrap .container .common .wait ul li.first::before { background-image:url('../img/common/wait_error_01.png'); }
.wrap .container .common .wait ul li.second::before { background-image:url('../img/common/wait_error_02.png'); }
.wrap .container .common .wait ul li.third::before { background-image:url('../img/common/wait_error_03.png'); }
.wrap .container .common .wait_date {  }
.wrap .container .common .wait_date .title { color:#040404; font-size:calc(1em + 0.2vw); font-weight:400; margin:0 0 2vw; }
.wrap .container .common .wait_date .date { font-size: calc(1em + 0.6vw); font-weight:700; }
.wrap .container .common .wait_date .date + .title { margin-top:3vw; }
.wrap .container .common .wait .lpfp_info { overflow:hidden; }
.wrap .container .common .wait .lpfp_info p { font-size:calc(1em + 0.2vw); font-weight:400; line-height:1.2; float:left; }
.wrap .container .common .wait .lpfp_info p.left { width:40%; color:#040404; }
.wrap .container .common .wait .lpfp_info p.right { width:60%; font-weight:700; text-align:right; }
.wrap .container .common .wait .lpfp_info p:nth-child(1),
.wrap .container .common .wait .lpfp_info p:nth-child(2) { padding:0 0 2vw; }
.wrap .container .common .wait .lpfp_info p.right span { font-size:calc(1em - 0.4vw); }
.wrap .container .common .slogan-signature { position:unset; margin:5vw 0; }
.wrap .container .common .slogan-signature img { width:60vw; }
.wrap .container .common .slogan-signature p { margin:1.5vw 0 0; }

.wrap_vaccine_popup { width:100%; height:100%; min-height:100vh; position:absolute; top:0; left:0; z-index:99; display:none; }
.wrap_vaccine_popup .textbox { width:90vw; max-height:75vh; overflow-y:scroll; background:#fff; position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); border-radius:3vw; text-align:left; box-shadow:5px 5px 10px #00000035; }
.wrap_vaccine_popup .textbox .title { color:#2b2b2b; font-size:calc(1em + 1vw); font-weight:700; padding:8vw 5vw 4vw; }
.wrap_vaccine_popup .textbox p { color:#2b2b2b; font-size:calc(1em - 0.2vw); padding:0 5vw; line-height:1.5; }
.wrap_vaccine_popup .textbox p span { color:#aba7a3; font-size:calc(1em - 0.4vw); display:inline-block; padding-top:1vw; }
.wrap_vaccine_popup .textbox img  { margin:8vw auto; }
.wrap_vaccine_popup .textbox .wait { padding:4vw; margin:0 5vw; background:#faf9f7; border-radius:3vw; }
.wrap_vaccine_popup .textbox .wait ul li { line-height:1.5; position:relative; padding:0 0 0 6vw; }
.wrap_vaccine_popup .textbox ul li::before { content:''; width:5vw; height:5vw; background-image:url('../img/sub/certify/kakao_btn_01.png'); background-size:contain; background-repeat:no-repeat; position:absolute; top:0; left:0; }
.wrap_vaccine_popup .textbox .btn_alert { width:100%; height:15vw; line-height:15vw; margin:8vw 0 0; position:sticky; bottom:0; text-align:center; }
.wrap_vaccine_popup .textbox .btn_alert a { font-size:calc(1em + 1.2vw); font-weight:400; width:100%; border-radius:0 0 3vw 3vw; }

.wrap_vaccine_popup .bg { width:100%; height:100%; background:#00000070; position:fixed; }
.wrap_vaccine_popup.on { display:block; }

/* ALERT */
.wrap_alert_popup { width:100%; height:100%; min-height:100vh; position:absolute; top:0; left:0; z-index:99; display:none; }
.wrap_alert_popup .textbox { width:90vw; max-height:70vh; overflow-y:scroll; background:#fff; position:fixed; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); border-radius:3vw; text-align:center; box-shadow:5px 5px 10px #00000035; }
.wrap_alert_popup .textbox span { color:#2b2b2b; line-height:1.5; padding:8vw 5vw 0; display:inline-block; }
.wrap_alert_popup .textbox span b {  }
.wrap_alert_popup .textbox p { color:#2b2b2b; line-height:1.5; padding:0 5vw; text-align:left; }
.wrap_alert_popup .textbox .title { color:#2b2b2b; font-size:calc(1em + 1vw); font-weight:700; padding:8vw 5vw 4vw; text-align:left; }
.wrap_alert_popup .textbox>ul { padding:0 5vw; }
.wrap_alert_popup .textbox>ul>li { text-align:left; font-size:calc(1em - 0.2vw); line-height:1.5;  position:relative; margin:0 0 0 5.5vw; }
.wrap_alert_popup .textbox>ul>li + li { padding:2vw 0 0; }
.wrap_alert_popup .textbox>ul>li::before { color:#0075c2; font-size:calc(1em - 0.6vw); font-weight:700; text-align:center; line-height:4.5vw; width:4vw; height:4vw; border-radius:50%; background:#ffcc00; position:absolute; top:0; left:-5.5vw; }
.wrap_alert_popup .textbox>ul>li + li::before { margin:2.2vw 0 0; }
.wrap_alert_popup .textbox>ul>li:nth-child(1)::before { content:'1'; }
.wrap_alert_popup .textbox>ul>li:nth-child(2)::before { content:'2'; }
.wrap_alert_popup .textbox>ul>li:nth-child(3)::before { content:'3'; }
.wrap_alert_popup .textbox>ul>li:nth-child(4)::before { content:'4'; }
.wrap_alert_popup .textbox>ul>li:nth-child(5)::before { content:'5'; }
.wrap_alert_popup .textbox>ul>li:nth-child(6)::before { content:'6'; }
.wrap_alert_popup .textbox>ul>li:nth-child(7)::before { content:'7'; }
.wrap_alert_popup .textbox>ul>li:nth-child(8)::before { content:'8'; }
.wrap_alert_popup .textbox>ul>li:nth-child(9)::before { content:'9'; }
.wrap_alert_popup .textbox>ul>li:nth-child(10)::before { content:'10'; }
.wrap_alert_popup .textbox>ul>li>ul.inner_list { margin:1.5vw 0 0; }
.wrap_alert_popup .textbox>ul li>ul.inner_list li {  }
.wrap_alert_popup .textbox>ul li>ul.inner_list li::before { content:'- '; }
.wrap_alert_popup .textbox .put_info { width:80vw; margin:0 auto; text-align:left; }
.wrap_alert_popup .textbox .put_info .inner {  }
.wrap_alert_popup .textbox .put_info .inner .inner_title {  }
.wrap_alert_popup .textbox .put_info .inner input {  }
.wrap_alert_popup .textbox .put_info .inner input.withspan { width:85%; }
.wrap_alert_popup .textbox .put_info .inner input + span { padding:0 0 0 2vw; }
.wrap_alert_popup .textbox .put_info .inner .warning { color:#f74d4d; font-size:calc(1em - 0.6vw); padding:2vw 0 0; }
.wrap_alert_popup .textbox .put_info .inner .wait { background:#faf9f7; padding:4vw; border-radius:3vw; margin:3vw 0 3.5vw; }
.wrap_alert_popup .textbox .put_info .inner .wait ul {  }
.wrap_alert_popup .textbox .put_info .inner .wait ul li { font-size:calc(1em - 0.2vw); line-height:1.5; position:relative; padding:0 0 0 6vw; margin:0 0 3vw 0; width:100% !important; text-align:left !important; }
.wrap_alert_popup .textbox .put_info .inner .wait ul li:last-child { margin:0; }
.wrap_alert_popup .textbox .put_info .inner .wait ul li::before { content:''; width:5vw; height:5vw; background-size:contain; position:absolute; background-repeat:no-repeat; top:50%; left:0; transform:translate(0, -50%); }
.wrap_alert_popup .textbox .put_info .inner .wait ul li.first::before { background-image:url('../img/sub/certify/kakao_btn_01.png'); top:calc(1em - 0.6vw); }
.wrap_alert_popup .textbox .btn_alert { width:100%; height:15vw; line-height:15vw; margin:8vw 0 0; position:sticky; bottom:0; }
.wrap_alert_popup .textbox .btn_alert a { font-size:calc(1em + 1.2vw); font-weight:400; width:100%; border-radius:0 0 3vw 3vw; }
.wrap_alert_popup .textbox .btn_confirm { height:15vw; line-height:15vw; margin:8vw 0 0; display:flex; position:sticky; bottom:0; }
.wrap_alert_popup .textbox .btn_confirm a { font-size:calc(1em + 1.2vw); font-weight:400; width:50%; border-radius:0 0 3vw 3vw; }
.wrap_alert_popup .textbox .btn_confirm a:nth-child(1) { border-radius:0 0 0 3vw; background:#dadada; }
.wrap_alert_popup .textbox .btn_confirm a:nth-child(2) { border-radius:0 0 3vw 0; }
.wrap_alert_popup .bg { width:100%; height:100%; background:#00000070; position:fixed; }
.wrap_alert_popup.on { display:block; }

/* SUB- CERTIFY */
/* certyfy 본인인증 */
.wrap .container .certify {  }
.wrap .container .certify .desc { width:90%; margin:0 auto 5vw; line-height:1.5; }
.wrap .container .certify .tab_menu_container { background:#fff; border:none; box-shadow:5px 5px 10px #00000020; }
.wrap .container .certify .tab_menu_container .tab_menu_btn { width:50%; font-size:calc(1em + 0.6vw); }
.wrap .container .certify .tab_menu_container .tab_menu_btn + .tab_menu_btn {  }
.wrap .container .certify .tab_menu_container .tab_menu_btn.on {  }
.wrap .container .certify .tab_box_container {  }
.wrap .container .certify .tab_box_container .tab_box {  }
.wrap .container .certify .tab_box_container .tab_box.on {  }
.wrap .container .certify .relocation { width:90%; margin:8vw auto; }
.wrap .container .certify .relocation .btn {  }
.wrap .container .certify .relocation .btn a { font-size:calc(1em + 1.8vw); text-align:center; width:100%; padding:3vw 0; margin:0 0 3vw; }
.wrap .container .certify .relocation .btn a img { width:6vw; margin:1.5vw 3vw 0 0; }
.wrap .container .certify .certify_way { width:90%; margin:8vw auto; }
.wrap .container .certify .certify_way .btn {  }
.wrap .container .certify .certify_way .btn a { font-size:calc(1em + 1.8vw); text-align:center; width:100%; padding:4vw 0; margin:0 0 3vw; background:#ffcc00; position:relative; }
.wrap .container .certify .certify_way .btn a::before { content:''; width:calc(1em + 4vw); height:calc(1em + 4vw); border-radius:50%; background-repeat:no-repeat; background-size:contain; position:absolute; top:50%; left:7vw; transform:translate(0, -50%); }
.wrap .container .certify .certify_way .btn a:nth-child(1)::before { background-image:url('../img/sub/certify/certify_btn_01.png'); }
.wrap .container .certify .certify_way .btn a:nth-child(2)::before { background-image:url('../img/sub/certify/certify_btn_02.png'); }
.wrap .container .certify .certify_way .btn a::after { content:''; border:1px solid #040404; border-left:none; border-bottom:none; width:8px; height:8px; transform:rotate(45deg) translate(0, -50%); position:absolute; top:50%; right:7vw; }
.wrap .container .certify .tie .wait_certify_way ul li::before { top:0; transform:translate(0, 0); background-image:url('../img/main/intro_wait_01.png'); }

.tie { width:90vw; margin:0 auto 5vw; padding:5vw; border-radius:3vw; background:#fff; box-shadow:5px 5px 10px #00000020; line-height:1.5; }
.tie .tie { width:auto; margin:0 auto 5vw; padding:5vw; border-radius:3vw; background:#fff; box-shadow:5px 5px 10px #00000020; line-height:1.5; }
.tie.case2 { margin:0 auto 10vw }
.tie01 { background:#ffbc00; box-shadow:none; }
.tie01.tie_sticky { padding:5vw 5vw 8vw; }
.tie02 { background:#fff; border:1px solid #c7bbad; box-shadow:none; }
.tie03 { background:#faf9f7; box-shadow:none; }
.tie_sticky { margin:0 0 5vw 5vw; border-radius:3vw 0 0 3vw; width:95vw; border-right:0 none; }
.tie:last-child { margin-bottom:0; }
.tie .title { font-size:calc(1em + 1.2vw); font-weight:700; margin:0 0 4vw; }
.tie .title2 { font-size:calc(1em + 1.2vw); font-weight:700; margin:0 0 2vw; width:calc(100% - 10vw); }
.tie .sub-title { font-size:calc(1em + 0.2vw); font-weight:400; margin:0 0 2vw;}
.tie .input_radio {  }
.tie .input_radio form { flex-direction:row; position:relative; }
.tie .input_radio form label {  }
.tie .input_radio form label.width25 { width:25%; }
.tie .input_radio form label.width33 { width:33.333%; }
.tie .input_radio form label.width50 { width:50%; }
.tie .input_check label { position:relative; }
.tie .input_check label b { color:#0075c2; margin-right:0.2em; }
.tie .input_check_all { background:#faf9f7; border-radius:3vw; padding:3vw 5vw; margin:0 0 3vw; }
.tie .input_check_all label { font-size:calc(1em + 0.2vw); font-weight:700; margin:0 !important; }
.tie .input_check label.width33 { width:33.333%; }
.tie .input_check label.width50 { width:50%; }
.tie .wait ul {  }
.tie .wait ul li { color:#60584d; font-size:calc(1em - 0.2vw); line-height:1.5; background:transparent; position:relative; padding:0 0 0 6vw; margin:0 0 3vw 0; width:100% !important; text-align:left !important; }
.tie .wait ul li.except { padding:0 0 0 0; }
.tie .wait ul li b.ccblue { color:#0075c2; }
.tie .wait ul li:last-child { margin:0; }
.tie .wait ul li::before { content:''; width:5vw; height:5vw; background-size:contain; position:absolute; background-repeat:no-repeat; top:50%; left:0; transform:translate(0, -50%); }
.tie .wait_certify02 ul li.first::before { background-image:url('../img/sub/certify/kakao_btn_01.png'); top:calc(1em - 0.6vw); }
.tie .wait_certify_relocation ul li.first::before { background-image:url('../img/sub/certify/prev_btn_01.png'); top:calc(1em - 0.6vw); }
.tie .wait_certify_relocation ul li.second::before { background-image:url('../img/sub/certify/prev_btn_02.png'); top:calc(1em - 0.6vw); }
.tie01 .inner_title { color:#fff; font-weight:400; border-radius:1vw; display:inline-block; padding:1vw 1.5vw; margin:0 0 2.5vw; }
.tie01 .inner_title_01 { background:#36b1a7; }
.tie01 .inner_title_02 { background:#c46232; }
.tie01 .inner_title_03 { background:#0b5ca8; }
.tie01 .inner_title_04 { background:#693282; }
.tie02 .inner_title { color:#0075c2; font-weight:700; display:inline-block; margin:0 0 3.5vw; }
.tie01 .title { color:#040404; }
.tie01 .insurance_fee { position:relative; text-align:right; }
.tie01 .insurance_fee .fee01 { color:#040404; font-size:calc(1em + 0.6vw); font-weight:400; position:absolute; top:50%; left:0; transform:translate(0, -50%); }
.tie01 .insurance_fee .fee02 { color:#040404; font-size:calc(1em + 2vw); font-weight:700; }
.tie01 .insurance_fee .fee02 b { font-size:calc(1em + 4vw); font-weight:800; margin:0 1vw 0 0; }
.tie02 ul { overflow:hidden; }
.tie02 ul li { float:left; width:49%; background:#faf9f7; border-radius:1vw; padding:4vw 0; margin:0 2% 2% 0; text-align:center; color:#aba7a3; font-size:calc(1em - 0.2vw); font-weight:400; }
.tie02 ul li:nth-child(2n) { margin:0 0 2% 0; }
.tie02 ul li p { font-size:calc(1em + 0.6vw); font-weight:700; padding:2.5vw 0 0; }
.tie02 ul + .details {  }
.tie02 ul + .details .wait ul li::before { background-image:url('../img/sub/certify/kakao_btn_01.png'); top:calc(1em - 0.6vw); }
.tie02 .fp_sContract { overflow:hidden; }
.tie02 .fp_sContract span { font-size:calc(1em + 0.2vw); font-weight:400; float:left; margin:0 0 2vw; }
.tie02 .fp_sContract span.left { width:40%; }
.tie02 .fp_sContract span.right { width:60%; text-align:right; }
.tie02 .boheomryo { overflow:hidden; background:#faf9f7; border-radius:2vw; padding:3vw 5vw; }
.tie02 .boheomryo span { font-size:calc(1em + 0.2vw); font-weight:400; float:left; }
.tie02 .boheomryo span.left { width:40%; margin:1.5vw 0 0; }
.tie02 .boheomryo span.left img { width:5.5vw; height:5.5vw; margin:0 2vw 0 0; }
.tie02 .boheomryo span.right { width:60%; text-align:right; }
.tie02 .boheomryo span.right b { margin:0 1vw 0 0; font-size:calc(1em + 1.4vw); }
.tie_empty {  }
.tie_empty .empty_desc { text-align:center; font-size:calc(1em + 0.8vw); font-weight:700; }
.tie .cont { overflow:hidden; }
.tie .cont .left { float:left; width:35%; color:#aba7a3; font-size:calc(1em + 0.2vw); font-weight:400; margin-top:2vw; }
.tie .cont .right { float:left; width:65%; font-size:calc(1em + 0.2vw); font-weight:700; text-align:right; margin-top:2vw; }
.tie .cont .left:nth-child(1),
.tie .cont .right:nth-child(2) { margin-top:0; }
.tie .details { padding:5vw 2.5vw; border-radius:3vw; background:#faf9f7; margin:4vw 0 0; }
.tie .details .details_title { font-size: calc(1em + 0.2vw); font-weight: 400; margin: 0 0 3vw; }
.tie .details .lrp { overflow:hidden; font-size:calc(1em + 0.6vw); }
.tie .details .lrp .left { float:left; width:65%; margin-bottom:2vw; margin-right:5%; font-weight:700; }
.tie .details .lrp .right { float:left; width:30%; margin-bottom:2vw; font-weight:700; }
.tie .details .pFlex {font-size:calc(1em + 0.6vw); display: flex; flex-direction: column;}
.tie .details .pFlex-container {display: flex; margin-bottom:2vw; }
.tie .details .pFlex .left { flex: 50%; font-weight:700; }
.tie .details .pFlex .right { flex:50%; font-weight:700; }
.tie .details .details_title .lrp .left,
.tie .details .details_title .lrp .right { margin-bottom:0; color:#040404; font-weight:400; }
.tie .inner_title + .details { margin:0; }
.tie .inner .warning + .wait { margin-top:2vw; }

.put_info {  }
.put_info .inner { overflow:hidden; position:relative; }
.put_info .inner + .inner { margin:3.5vw 0 0; }
.put_info .inner .inner_title { color:#040404; font-size:calc(1em + 0.2vw); font-weight:400; margin:0 0 2vw; }
.put_info .inner .inner_title2 { color:#040404; font-size:calc(1em - 0.3vw); font-weight:400; margin:0 0 4vw; }
.put_info .inner input {  }
.put_info .inner input.width_btn { float:left; width:60%; }
.put_info .inner .timer { position:absolute; right:40%; top:calc(1em + 4.5vw); }
.put_info .inner .warning { clear:both; }
.put_info .inner p#picularity_warning { position:absolute; bottom:0; }
.put_info .inner .warning_input { padding-top:0; }
.put_info .inner .btn_input { float:left; width:35%; height:4vw; margin:0 0 0 5%; }
.put_info .inner .btn_input a { display:block; text-align:center; border-radius:3vw; height:9vw; line-height:9vw; font-weight:400; }
.put_info .inner select + select { width:48%; margin-left:2%; }

.check_info { overflow:hidden; }
.check_info .inner { overflow:hidden; }
.check_info .inner + .inner { margin:3.5vw 0 0; }
.check_info .inner .inner_title { margin:0 0 2vw; }
.check_info .inner .my_info { font-size:calc(1em + 0.6vw); font-weight:700; }
.check_info .inner .my_info.name { color:#040404; }
.check_info .inner .my_info span { color:#0075c2; display:block; font-size:calc(1em - 0.2vw); margin:2vw 0 0; }
.check_info .inner .inner_width_50 { float:left; width:50%; }
.check_info .inner .inner_width_33 { float:left; width:33.333%; }
.inner_bdb { padding:0 0 3.5vw; border-bottom:1px solid #dadada; }
.check_info_1123 {  }
.check_info_1123 .inner .inner_title { color:#040404; }
.check_info_1123 .inner .inner_title .mail_item { color:#fff; background:#0075c2; font-size:calc(1em - 0.5vw); padding:2vw 2.5vw; margin:0 0 0 1vw; border-radius:1vw; }
.check_info_1123 .inner .inner_title .mail_item_off { color:#fff; background:#ccc; font-size:calc(1em - 0.5vw); padding:2vw 2.5vw; margin:0 0 0 1vw; border-radius:1vw; }
.check_info_1123 .inner .inner_title img { width:4vw; margin:1vw 0 0 1.5vw; }
.check_info_1123 .inner .my_info_left { float:left; width:40%; color:#040404; font-size:calc(1em + 0.2vw); }
.check_info_1123 .inner .my_info_right { float:left; width:60%; text-align:right; font-size:calc(1em + 0.6vw); font-weight:700; }

/* 약관 페이지 */
.wrap .container .terms { margin:0 5vw; }
.wrap .container .terms .tab_menu_container { display:none; }
.wrap .container .terms .tab_menu_container .tab_menu_btn {  }
.wrap .container .terms .tab_menu_container .tab_menu_btn + .tab_menu_btn {  }
.wrap .container .terms .tab_menu_container .tab_menu_btn.on {  }
.wrap .container .terms .tab_box_container {  }
.wrap .container .terms .tab_box_container .tab_box {  }
.wrap .container .terms .tab_box_container .tab_box.on {  }
.wrap .container .terms .term { line-height:1.5; }
.wrap .container .terms .term + .term { margin:4vw 0 0; }
.wrap .container .terms .term .title { font-size:calc(1em + 0.6vw); font-weight:700; margin:0 0 4vw;}
.wrap .container .terms .term .pp { color:#60584b; font-weight:400; margin:0 0 3vw; }
.wrap .container .terms .term .p { color:#60584b; }
.wrap .container .terms .term .p + .p { margin:3vw 0 0; }
.wrap .container .terms .term .p + .tie { margin:5vw 0 0; }
.wrap .container .terms .term .p span { color:#040404; font-size:calc(1em + 0.2vw); display:block; margin:0 0 2vw; }
.wrap .container .terms .terms_table { margin:4vw 0; }
.wrap .container .terms .terms_table .title { color:#0075c2; }
.wrap .container .terms .term .tie { width:100%; }
.wrap .container .terms .term .tie .detail_term { background:#faf9f7; border-radius:3vw; padding:3vw 5vw; margin:3vw 0; }
.wrap .container .terms .term .tie .detail_term .title { font-size:calc(1em + 0.1vw); font-weight:400; }
.wrap .container .terms .term .tie .detail_term .p {  }
.wrap .container .terms .term .tie .detail_term .p span { color:#60584c; font-size:calc(1em - 0.2vw); font-weight:700; }
.wrap .container .terms .term .tie .detail_term .p span.inline-flex { display:inline-flex; }
.wrap .container .terms .term .tie .detail_term .p ul {  }
.wrap .container .terms .term .tie .detail_term .p ul li { position:relative; margin:0 0 0 3vw; }
.wrap .container .terms .term .tie .detail_term .p ul li + li { margin-top:1.5vw; }
.wrap .container .terms .term .tie .detail_term .p ul li::before { content:'-'; position:absolute; left:-3vw; }
.wrap .container .terms .term .tie .input_check input[type="checkbox"] + label { padding:0 0 0 7vw; margin:0; }
.wrap .container .terms .term .tie .warning { padding:0 2vw 0 7vw; }
.detail_term { line-height:1.5; }
.detail_term .title { font-size:calc(1em + 0.1vw); font-weight:400; }
.detail_term .p {  }
.detail_term .p + .p { margin:3vw 0 0; }
.detail_term .p span { display:block; color:#60584c; font-size:calc(1em - 0.2vw); font-weight:700; margin:0 0 2vw; }
.detail_term .p ul {  }
.detail_term .p ul li { position:relative; margin:0 0 0 3vw; }
.detail_term .p ul li + li { margin-top:1.5vw; }
.detail_term .p ul li::before { content:'-'; position:absolute; left:-3vw; }

/* SUB- FPREPORT */
.wrap .container .fp_info_summary {  }
/* FP보고서 */
.fp_tite { width:100%; padding:5vw; background:#ffcc00; box-shadow:5px 5px 10px #00000020; position:absolute; top:14vw; overflow:hidden; }
.fp_tite::after { content:''; width:0; height:0; border-top:1.5vw solid transparent; border-bottom:1.5vw solid transparent; border-left:2.5vw solid #fff; position: absolute; top:50%; right:5vw; transform:translate(0, -50%) rotate(-30deg); }
.fp_tite span { float:left; }
.fp_tite span:nth-child(1) { color:#040404; font-size:calc(1em + 0.6vw); font-weight:400; width:38%; }
.fp_tite span:nth-child(2) { color:#0075c2; font-size:calc(1em + 1.2vw); font-weight:700; width:57%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.tie.with_fp_tite { margin-top:15vw; }

/* progress 프로그레스 */
.progress { display:flex; align-items:center; }
.progress .progress_title { width:38%; color:#040404; font-weight:700; background:#ffdd7f; padding:2.5vw 0; font-size:calc(1em - 0.6vw); text-align:center; margin:0 7% 0 0; border-radius:2vw; position:relative; }
.progress .progress_title::after { content:''; width:0; height:0; border-top:1.5vw solid transparent; border-bottom:1.5vw solid transparent; border-left:2.5vw solid #ffdd7f; position: absolute; top:50%; right:0; transform:translate(2.2vw, -50%); }
.progress .progress_bar { width:50%; display:flex; flex-wrap:wrap; flex-direction:row; }
.progress .progress_bar .step_state { width:33.333%; height:0.8vw; background:#ffdd7f; display:flex; position:relative; }
.progress .progress_bar2 .step_state { width:100%; }
.progress .progress_bar5 .step_state { width:25%; }
.progress .progress_bar6 .step_state { width:20%; }
.progress .progress_bar .step_state::after { content:""; background:#ffdd7f;  width:4vw; height:4vw; position:absolute; border-radius:50%; top:50%; right:0;  transform:translate(50%, -50%); z-index:1; }
.progress .progress_bar .step_state.step0 { width:0; height:0; }
.progress .progress_bar .step_state.step0::after { top:1px; background:#fff; box-shadow:inset 0 0 0 0.8vw #ffbc00; }
.progress .progress_bar .step_state.step_on { background:#ffbc00; }
.progress .progress_bar .step_state.step_on::after { background:#ffbc00; }
.progress .progress_bar .step_state.step_on.last-child::after { background:#fff; box-shadow:inset 0 0 0 0.8vw #ffbc00; }

input.replace_sign_input { border:none; padding:4vw; background-color:#faf9f7; border-radius:3vw; background-image:url('../img/sub/replaceSign/sign_icon_01.png'); background-repeat:no-repeat; background-size:5vw; background-position:calc(100% - 4vw) center; }
input.replace_sign_input.complete { color:#0075c2; background-color:#e0eef8; background-image:url('../img/sub/replaceSign/sign_icon_02.png'); }
input.replace_sign_input.complete::placeholder { color:#0075c2; }
.tie_sign { position:relative; }
.tie_sign .title { margin:0; }
.tie_sign .warning { padding:1vw 0 0; }
.tie_sign .sign_popup_btn { color: #0075c2; font-size:calc(1em - 0.6vw); padding:1vw 2vw; white-space:nowrap; border:1px solid #0075c2; border-radius:2vw; position:absolute; top:5vw; right:5vw; }
.tie_sign .put_info { display:none; padding:4vw 0 0; }
.tie_sign .put_info .inner .inner_title {  }
.tie .wait_replace ul li.first::before { background-image:url('../img/sub/replaceSign/sign_wait_01.png'); top:calc(1em - 0.6vw); }
.tie .wait_replace ul li.second::before { background-image:url('../img/sub/replaceSign/sign_wait_02.png'); top:calc(1em - 0.6vw); }
.tie .wait_replace ul li.third::before { background-image:url('../img/sub/replaceSign/sign_wait_03.png'); top:calc(1em - 0.6vw); }

/* 서명 팝업 */
.wrap .container .sign_popup {  }
.wrap .container .sign_popup .desc { width:90%; margin:0 auto 5vw; line-height:1.5; }
.wrap .container .sign_popup .tie { padding:0; box-shadow:none; position:relative; }
.wrap .container .sign_popup .tie .canvasText { color:#000; font-size:calc(1em + 8vw); font-weight:400; letter-spacing:20px; width:100%; text-align:center; position:absolute; top:18vw; left:50%; transform:translate(-50%, -50%); }
.wrap .container .sign_popup .tie .checkText.length { font-size:calc(1em + 7vw); letter-spacing:-0.5px; }
.wrap .container .sign_popup .tie .canvas { position:relative; z-index:1; opacity:0.8; }
.wrap .container .sign_popup .tie .sign_clear_btn { color:#0075c2; font-size:calc(1em - 0.6vw); padding:1vw 2vw; white-space:nowrap; border:1px solid #0075c2; border-radius:2vw; position:absolute; top:1vw; right:0; }
.wrap .container .sign_popup .tie .sign_not_clear_btn { color:#989796; border:1px solid #f1f1f1; background:#f1f1f1; }

/* 알림톡 발송요청 완료 */
.wrap .container .intro .process_complete { position:relative; padding:8vw 5vw 5vw; display:block; overflow:hidden; }
.wrap .container .intro .process_complete .title { position:absolute; top:5vw; font-size:calc(1em + 0.2vw); font-weight:700; }
.wrap .container .intro .process_complete .icon { float:left; width:33.333%; margin:6vw 0 2vw; }
.wrap .container .intro .process_complete .icon::after { top:9vw; }
.wrap .container .intro .process_complete .icon04::after { display:block; }
.wrap .container .intro .process_complete .icon06::after { display:none; }
/* .wrap .container .intro .process_complete .icon03::after { top:110%; right:50%; transform:rotate(90deg) translate(0, -50%); }
.wrap .container .intro .process_complete .icon05::after,
.wrap .container .intro .process_complete .icon06::after { top:7vw; left: 0; transform:rotate(180deg) translate(50%, -50%); } */

/* contractCheck 청약정보 */
.wrap .containerSSI {  }
.wrap .containerSSI .contract {  }
.wrap .containerSSI .contract .desc { width:90%; margin:0 auto 5vw; line-height:1.5; }
.wrap .containerSSI .contract .tab_wrap { position:relative; margin:12vw 0 0; }
.wrap .containerSSI .contract .tab_menu_container { background:#fff; border:none; box-shadow:5px 5px 10px #00000020; }
.wrap .containerSSI .contract .tab_menu_container .tab_menu_btn { width:50%; font-size:calc(1em + 0.6vw); }
.wrap .containerSSI .contract .tab_menu_container.tab_menu_container_sticky { width:80vw; position:absolute; top:-18vw; left:10vw; }
.wrap .containerSSI .contract .tie.with_fp_tite { margin-top:0; }
.wrap .containerSSI .contract .tie .tie_inner_title { margin:0 0 3vw; position:relative; overflow:hidden; }
.wrap .containerSSI .contract .tie .tie_inner_title span { color:#040404; font-size:calc(1em + 0.8vw); font-weight:700; }
.wrap .containerSSI .contract .tie .tie_inner_title span.left { float:left; width:70%; }
.wrap .containerSSI .contract .tie .tie_inner_title span.right { float:right; width:30%; text-align:right; }
.wrap .containerSSI .contract .tie .toggle_btn + .warning { padding-left:5vw; }
.wrap .containerSSI .contract .tie_list { position:relative; }
.tie_title { width:90vw; margin:0 auto 2vw; font-size:calc(1em + 0.6vw); font-weight:700; line-height:1.5; }
.tie_title.ttt { color:#040404; }
.tie_list .t_l { font-size:calc(1em + 0.2vw); font-weight:700; line-height:1.5; margin:0 0 4vw 6.5vw; position:relative; }
.tie_list .t_l::before { color:#0075c2; font-size:calc(1em - 0.8vw); font-weight:700; text-align:center; line-height:5.5vw; width:6vw; height:6vw; background-image:url('../img/sub/contractCheck/fp_sContract_bullet.png'); position:absolute; top:0.5vw; left:-6.5vw; background-size:contain; background-repeat:no-repeat; }
.tie_list .t_l_1::before { content:'1'; }
.tie_list .t_l_2::before { content:'2'; }
.tie_list .t_l_3::before { content:'3'; }
.tie_list .t_l_4::before { content:'4'; }
.tie_list .t_l_4-1::before { content:'4-1'; }
.tie_list .t_l_4-2::before { content:'4-2'; }
.tie_list .t_l_5::before { content:'5'; }
.tie_list .t_l_6::before { content:'6'; }
.tie_list .t_l_7::before { content:'7'; }
.tie_list .t_l_7-1::before { content:'7-1'; }
.tie_list .t_l_7-2::before { content:'7-2'; }
.tie_list .t_l_8::before { content:'8'; }
.tie_list .t_l_9::before { content:'9'; }
.tie_list .t_l_10::before { content:'10'; }
.tie_list .t_l_11::before { content:'11'; }
.tie_list .t_l_12::before { content:'12'; }
.tie_list .t_l_13::before { content:'13'; }
.tie_list .t_l_14::before { content:'14'; }
.tie_list .t_l_15::before { content:'15'; }
.tie_list .t_l_16::before { content:'16'; }
.tie_list .t_l_17::before { content:'17'; }
.tie_list .t_l_18::before { content:'18'; }
.tie_list .t_l_19::before { content:'19'; }
.tie_list .t_l_20::before { content:'20'; }
.tie_list .t_l_add::before { content:'추가'; }
.wrap .containerSSI .contract .tie .details .input_check { flex-direction:row; }
.wrap .containerSSI .contract .tie .details .input_check + .input_check { margin-top:3vw; }
.wrap .containerSSI .contract .tie .details .input_check input[type="checkbox"] + label { width:50%; }
.wrap .containerSSI .contract .tie .details .input_check3 input[type="checkbox"] + label { width:33.333%; }
.wrap .containerSSI .contract .tie .details .input_check label i,
.wrap .containerSSI .contract .tie .details .input_radio label i { font-size:calc(1em - 0.6vw); font-weight:800;  border-radius:50%; background:#ffcc00; font-style:normal; width:4vw; height:4vw; display:inline-block; text-align:center; line-height:4.5vw; }
.wrap .containerSSI .contract .tie .details .input_check label i a,
.wrap .containerSSI .contract .tie .details .input_radio label i a { color:#0075c2; }
.wrap .containerSSI .contract .tie .details .wait { margin:2vw 0 0; }
.wrap .containerSSI .contract .tie .medical_add_btn { width:5vw; height:5vw; background-image:url('../img/sub/replaceSign/sign_icon_03.png'); background-repeat:no-repeat; background-size:100%; background-position:center; position:absolute; top:5vw; right:5vw; }
.wrap .containerSSI .contract .tie .medical_details { padding:5vw; border-radius:3vw; background:#faf9f7; margin:4vw 0 0; }
.wrap .containerSSI .contract .tie .medical_details .title { color:#040404; position:relative; }
.wrap .containerSSI .contract .tie .medical_details .title a.disease { width:calc(100% - 8vw); white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; }
.wrap .containerSSI .contract .tie .medical_details .title a.close { position:absolute; right:0; text-indent:-9999em; width:5vw; height:5vw; background-image:url('../img/common/close.png'); background-size:100%; }
.wrap .containerSSI .contract .tie .medical_details .cont { overflow:hidden; padding:4vw 0 0; border-top:1px solid #dadada; }
.wrap .containerSSI .contract .tie .medical_details .cont .left { float:left; width:30%; color:#aba7a3; font-size:calc(1em + 0.2vw); font-weight:400; margin-bottom:2vw; }
.wrap .containerSSI .contract .tie .medical_details .cont .right { float:left; width:70%; font-size:calc(1em + 0.2vw); font-weight:700; text-align:right; margin-bottom:2vw; }
.wrap .containerSSI .contract .tie .details_float { overflow:hidden; }
.wrap .containerSSI .contract .tie .details_float + .details_float { margin:2vw 0 0; }
.wrap .containerSSI .contract .tie .details_float .details_title { float:left; width:37%; margin:2vw 0 0; }
.wrap .containerSSI .contract .tie .details_float .details_title span { color:#aba7a3; font-size:calc(1em - 0.6vw); display:block;  margin:0.8vw 0 0; }
.wrap .containerSSI .contract .tie .details_float .input_check,
.wrap .containerSSI .contract .tie .details_float select { float:left; width:63%; }
.wrap .containerSSI .contract .tie .btn_add { overflow:hidden; margin:3vw 0 0; }
.wrap .containerSSI .contract .tie .btn_add a { float:right; width:35%; }
.wrap .containerSSI .contract .tie .btn_add a + a { margin-right:2vw; }
.wrap .containerSSI .contract .tie .btn_add a.delete { color:#040404; border:1px solid #a0a0a0; background:#a0a0a0; }
.wrap .containerSSI .contract .tie .input_check_sc { position:absolute; top:0; right:0; }
.wrap .containerSSI .contract .tie .input_check_sc input[type="checkbox"] + label { color:#60584c; font-size:calc(1em - 0.2vw); padding:0 0 0 6vw; }
.wrap .containerSSI .contract .tie .input_check_sc input[type="checkbox"] + label span { margin:1px 0 0; }

/* contractSign 청약정보 입력 및 서명 */
.tie .wait_cSign_complete ul li.first::before { background-image:url('../img/sub/contractSign/csign_wait_01.png'); top:calc(1em - 0.6vw); }
.tie .wait_cSign_complete ul li.second::before { background-image:url('../img/sub/contractSign/csign_wait_02.png'); top:calc(1em - 0.6vw); }
.wrap .containerSSI .contract .tie .document_list {  }
.wrap .containerSSI .contract .tie .document_list ul {  }
.wrap .containerSSI .contract .tie .document_list ul>li { overflow:hidden; padding:3vw 0; }
.wrap .containerSSI .contract .tie .document_list ul>li + li { border-top:1px solid #dadada; }
.wrap .containerSSI .contract .tie .document_list ul>li .left { float:left; width:calc(100% - 26.5vw); position:relative; }
.wrap .containerSSI .contract .tie .document_list ul>li .left .title { color:#040404; font-size:calc(1em + 0.2vw); font-weight:400; padding:1.5vw 0 0; margin:0; }
.wrap .containerSSI .contract .tie .document_list ul>li .left .warning { font-size:calc(1em - 0.2vw); white-space:nowrap; padding:1vw 0 0; }
.wrap .containerSSI .contract .tie .document_list ul>li .right { float:left; width:25vw; color:#0075c2; font-size:calc(1em + 0.2vw); text-align:center; border:1px solid #0075c2; border-radius:2vw; padding:1vw 0; margin:0 0 0 1.5vw; }
.wrap .containerSSI .contract .tie .document_list ul>li .right.complete { font-weight:700; background:#e0eef8;  border:1px solid #e0eef8; position:relative; }
.wrap .containerSSI .contract .tie .document_list ul>li .right.complete img { width:2.5vw; vertical-align:middle; margin:0 1vw 0 0; }
.wrap .containerSSI .contract .tie .document_list ul>li>ul {  }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li { clear:both; margin:0 0 0 3vw; font-size:1em; }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li .left {  }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li .left .title { font-weight:400; }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li .left .title::before { content:'- '; }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li .right {  }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li .right.disable { color:#989796; background:#f1f1f1; border:0 none; }
.wrap .containerSSI .contract .tie .document_list ul>li>ul>li:first-child { border-top:1px solid #dadada; padding:2.5vw 0 2.5vw 3vw; margin:0; }

.wrap .contractSign { width:90vw; margin:0 auto; }
.wrap .contractSign .tab_menu_container { width:100%; }
.wrap .contractSign .tab_menu_container .tab_menu_btn { width:50%; }
.wrap .contractSign .box_title { font-size:calc(1em + 0.6vw); font-weight:700; margin:0 0 4vw;}
.wrap .contractSign .sign_inst { margin-bottom:2vw; }
.wrap .contractSign .sign_inst .sign_inst_title { font-size:calc(1em + 0.6vw); font-weight:700; margin:0 0 4vw; }
.wrap .contractSign .sign_inst .sign_inst_notice { font-size: calc(1em + 0.2vw); font-weight:400; margin:0 0 4vw; color: #040404;}
.wrap .contractSign .sign_inst .sign_inst_sub_title { margin: 2vh 1vw; font-weight: 500; font-size: calc(1em + 0.5vw); }
.wrap .contractSign .sign_inst ul.sign_inst_list {  }
.wrap .contractSign .sign_inst ul.sign_inst_list li {  font-size:calc(1em - 0.2vw); line-height:1.5; position:relative; margin:0 0 0 3vw; }
.wrap .contractSign .sign_inst ul.sign_inst_list li + li { margin-top:2vw; }
.wrap .contractSign .sign_inst ul.sign_inst_list li::before { content:'- '; position:absolute; left:-3vw; }
.wrap .contractSign .floating { position:fixed; bottom:25vw; background:#ffcc00; padding:2vw; font-weight:400; line-height:1.5; z-index:19;}
.wrap .contractSign .floating::after { content:''; position:absolute; width:5vw; height:5vw; top:50%; transform:translate(0, -50%); background-repeat:no-repeat; background-size:contain; }
.wrap .contractSign .floating_right { right:0; padding-left:8vw; border-radius:3vw 0 0 3vw; }
.wrap .contractSign .floating_right::after { left:3vw; background-image:url('../img/sub/contractSign/csign_floating_01.png'); }
.wrap .contractSign .floating_left { left:0; padding-right:8vw; border-radius:0 3vw 3vw 0; }
.wrap .contractSign .floating_left::after { right:2vw; background-image:url('../img/sub/contractSign/csign_floating_02.png'); }
.wrap .contractSign .followsign_inst {  }
.wrap .contractSign .followsign_inst .followsign_inst_title { color:#040404; font-size:calc(1em + 0.8vw); line-height:1.3; font-weight:700; }
.wrap .contractSign .followsign_inst .followsign_inst_info { overflow:hidden; margin:5vw 0 8vw; }
.wrap .contractSign .followsign_inst .followsign_inst_info .left { font-size:calc(1em + 0.2vw); font-weight:400; float:left; width:60%; padding:0 0 2vw; }
.wrap .contractSign .followsign_inst .followsign_inst_info .right { float:left; font-size:calc(1em + 0.2vw); width:40%; font-weight:700; text-align:right; padding:0 0 2vw; }
.wrap .contractSign .followsign_put {  }
.wrap .contractSign .followsign_put + .followsign_put { margin-top:4vw; }
.wrap .contractSign .followsign_put .followsign_put_title { font-size:calc(1em + 0.2vw); }
.wrap .contractSign .followsign_put input { padding:3vw 0; background-repeat:no-repeat; background-size:4vw; background-position:right center;  }
.wrap .contractSign .followsign_put.complete input { color:#0075c2; font-weight:700; text-decoration:underline; background-image:url('../img/sub/contractSign/csign_icon_02.png'); }
.wrap .contractSign .followsign_put.complete input::placeholder { color:#0075c2; font-weight:700; text-decoration:underline; }
.wrap .contractSign .followsign_put .warning {  }
.wrap .contractSign.modify_201224 .sign_inst ul.sign_inst_list { width:90vw; margin:0 auto 5vw; padding:5vw; border-radius:3vw; line-height:1.5; background:#fff5cc; border:1px solid #c7bbad; }
.wrap .contractSign.modify_201224 .tie .sign_inst ul.sign_inst_list { font-size:0.9rem;width:auto; margin:0 auto 5vw; padding:5vw; border-radius:3vw; line-height:1.5; background:#fff5cc; border:1px solid #c7bbad; }
.wrap .contractSign.modify_201224 .sign_inst ul.sign_inst_list.case2 { margin:0 auto 4vw; }
.wrap .contractSign .sign_inst ul.sign_inst_list li { margin:0; }
.wrap .contractSign .sign_inst ul.sign_inst_list li::before { content:''; }
.wrap .contractSign.modify_201224 .details_else { padding:0; margin:3vw 0 2vw; border-radius:0; background:#fff; }
.wrap .contractSign.modify_201224 .details_else .wait {  }
.wrap .contractSign.modify_201224 .details_else .wait ul {  }
.wrap .contractSign.modify_201224 .details_else .wait ul li { padding:0; font-size:calc(1em + 0.6vw); }
.wrap .contractSign.modify_201224 .tie .details_else .wait ul li { padding:0; font-size:1rem; margin: 0 0 4vw;}
.wrap .contractSign.modify_201224 .tie .cblue { font-size:1.3em; }
.wrap .contractSign.modify_201224 .details_else.case2 { margin:2vw 0 2vw; }
.wrap .contractSign.modify_201224 .cblue { font-size:calc(1em + 1.2vw); }

.wrap .contractSign .put_info .regi_inner {  }
.wrap .contractSign .put_info .regi_inner .inner_title + .regi_btn_container { margin-top:5vw; }
.wrap .contractSign .put_info .regi_inner .regi_box_container {  }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box {  }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details {  }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .title { padding-bottom:3vw; border-bottom:1px solid #dadada; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .title .inner_title { color:#0075c2; font-size:calc(1em - 1.2vw); font-weight:700; display:block; margin:0 0 3.5vw; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info { overflow:hidden; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info p { font-size:calc(1em + 0.2vw); font-weight:400; float:left; margin:0 0 2vw; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info .left { width:40%; color:#040404; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info .right { width:60%; font-weight:700; text-align:right; }
/*.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info .flex_container { display: flex}*/
/*.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info .flex_container .left { flex: 50% }*/
/*.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .details .regi_info .flex_container .right { flex: 50% }*/

.wrap .contractSign .details_float { overflow:hidden; }
.wrap .contractSign .details_float + .details_float { margin:2vw 0 0; }
.wrap .contractSign .details_float .details_title { float:left; width:37%; margin:2vw 0 0; }
.wrap .contractSign .details_float .details_title + input[type="text"],
.wrap .contractSign .details_float .details_title + input[type="tel"] { width:63%; }
.wrap .contractSign .details_float .details_title + input[type="text"].width48,
.wrap .contractSign .details_float .details_title + input[type="tel"].width48 { width:48%; }
.wrap .contractSign .details_float .float_span {  }

.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .btn { margin-top:5vw; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .btn_edit { overflow:hidden; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .btn_edit a { width:35%; float:right; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .btn_edit a + a { margin-right:2vw; }
.wrap .contractSign .put_info .regi_inner .regi_box_container .regi_box .btn_edit a.delete { background:#a0a0a0; }

/* MOC501005 */
.wrap .contractSign .contract .tie .input_check_sc { position:absolute; top:0; right:0; }
.wrap .contractSign .contract .tie .input_check_sc input[type="checkbox"] + label { color:#60584c; font-size:calc(1em - 0.2vw); padding:0 0 0 6vw; }
.wrap .contractSign .contract .tie .input_check_sc input[type="checkbox"] + label span { margin:1px 0 0; }

.details_else { padding:5vw; border-radius:3vw; background:#faf9f7; margin:4vw 0; }
.details_else .details_title { font-size: calc(1em + 0.2vw); font-weight: 400; margin: 0 0 3vw;}
.details_else .wait {  }
.details_else .wait ul {  }
.details_else .wait ul li { font-size:calc(1em - 0.2vw); line-height:1.5; position:relative; padding:0 0 0 6vw; margin:0 0 3vw 0; width:100% !important; text-align:left !important;  }
.details_else .wait ul li:last-child { margin:0; }
.details_else .wait ul li::before { content:''; width:5vw; height:5vw; background-size:contain; position:absolute; background-repeat:no-repeat; top:50%; left:0; transform:translate(0, -50%); }
.details_else .wait ul li.first::before { background-image:url('../img/sub/certify/kakao_btn_01.png'); top:calc(1em - 0.6vw); }
.contract_regi_btn { color:#0075c2; font-size:calc(1em - 0.6vw); padding:1vw 2vw; white-space:nowrap; border:1px solid #0075c2; border-radius:2vw; position:absolute; top:0; right:0; }
.contract_no_regi_btn { color:#989796; border:1px solid #f1f1f1; background:#f1f1f1; }

/* 문서 확인 VIEWER POPUP */
.wrap .document_view { width:100vw; margin:0 auto; }
.wrap .document_view .slider { position:relative; }
.wrap .document_view .slider .slider_img { min-height:70vh; }
.wrap .document_view .slider .slider_img img {  }
.wrap .document_view .slider .slick-arrow { width:15vw; height:15vw; background:#fff; border:1px solid #0075c2; border-radius:3vw; position:absolute; z-index:1; bottom:5vw; text-indent:-9999em; }
.wrap .document_view .slider .slick-arrow::after { content:''; width:3vw; height:3vw; border-top:1px solid #0075c2; border-right:1px solid #0075c2; position:absolute; top:40%; }
.wrap .document_view .slider .slick-arrow.slick-prev { left:5vw; }
.wrap .document_view .slider .slick-arrow.slick-prev::after { left:43%; transform:rotate(225deg); }
.wrap .document_view .slider .slick-arrow.slick-next { right:5vw; }
.wrap .document_view .slider .slick-arrow.slick-next::after { right:43%; transform:rotate(45deg); }
.wrap .document_view .slider .slick-disabled { border:1px solid #c7bbad; }
.wrap .document_view .slider .slick-disabled::after { border-top:1px solid #aba7a3; border-right:1px solid #aba7a3; }

/*2024.10 추가*/
/*계약 전 알릴의무*/
.wrap .header {
    top: 0;
    left: 0;
}
.btn_fixed {
    left: 0;
}
.form-wrap * {
    box-sizing: border-box;
}
.form-wrap {
    position: relative;
    padding: 18vw 20px 20vw;
}
.form-wrap > div:not(:first-child) {
    margin-top: 20px;
}
.form-wrap .tie.with_fp_tite {
    margin-top: 0;
} 
.form-wrap .form-top {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 20px 16px;
    box-shadow: 5px 5px 10px #00000020;
}
.form-wrap .form-tit {
    font-weight: 700;
    font-size: 18px;
    color: #050f1e;
    text-align: center;
    padding: 14px 0;
}
.form-wrap .step-list {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: -4px;
    padding-bottom: 14px;
    overflow-y: hidden;
    overflow-x: auto;
}

.form-wrap .step-list li a,
.form-wrap .step-list li button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    color: #a4adba;
    min-width: 32px;
    min-height: 32px;
    background-color: #ebedef;
    border-radius: 25px;
    border: 2px solid transparent;
    pointer-events: none;
}
.form-wrap .step-list li a.string,
.form-wrap .step-list li button.string {
    min-width: 8px;
    min-height: 32px;
    padding: 6px 9px;
    white-space: nowrap;
}
.form-wrap .step-list li.active a,
.form-wrap .step-list li.active button {
    color: #050f1e;
    background: #fff;
    border-color: #ffde33;
    pointer-events: auto;
}

.form-wrap .step-list li.active a:before,
.form-wrap .step-list li.active button:before{
    content: '';
    position: absolute;
    top: calc( 100% + 12px );
    left: -2px;
    width: calc( 100% + 4px );
    height: 4px;
    background-color: #ffde33;
}

.form-wrap .step-list li.checked a,
.form-wrap .step-list li.checked button {
    /* background-image: url(../img/common/check_on_blue.png);
    background-size: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent; */
    color: #050f1e;
    background-color: #ffde33;
}

.form-wrap .progress-wrap {
    width: 100%;
    height: 4px;
    background-color: #ebedef;
    position: relative;
}
/* .form-wrap .progress-wrap .line {
    width: 10%;
    height: 100%;
    background-color: #ffde33;
    position: absolute;
    left: 0;
} */
.form-wrap .form-body {
    padding: 32px 16px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 20px auto 0;
    box-shadow: 5px 5px 10px #00000020;
}
.form-wrap .form-body > * + * {
    margin-top: 16px;
}
.form-wrap .form-body .question {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 32px;
}

.form-wrap .form-body .toggle-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}
.form-wrap .form-body .toggle-wrap:last-child {
    margin-bottom: 0;
}
.form-wrap .form-body .toggle-wrap .toggle-btn {
    flex: 1;
    position: relative;
}
.form-wrap .form-body .toggle-wrap .toggle-btn input{
    appearance: none;
    position: absolute;
    top: -99999999px;
    left: -99999999px;
}
.form-wrap .form-body .toggle-wrap .toggle-btn span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    width: 100%;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    height: 48px;
    cursor: pointer;
    transition: border-color 0.4s, box-shadow 0.4s;
}

.form-wrap .form-body .toggle-wrap .toggle-btn input:checked + span {
    font-weight: 700;
    border-color: #ffbc01;
    border-width: 2px;
    box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.2);
    background-color: #ffbc01;
}

.form-wrap .form-body .chk-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.form-wrap .form-body .chk-list .chk-btn {
    display: block;
    width: fit-content;
}
.form-wrap .form-body .chk-list .chk-btn input{
    display: none;
}
.form-wrap .form-body .chk-list .chk-btn span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #050f1e;
    cursor: pointer;
}
.form-wrap .form-body .chk-list .chk-btn span::before {
    content: '';
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 1px solid #dfe1e5;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    background-image: url(../img/sub/sat/icon/btn-com-ovalcheck-white-aos.png);
    background-position: center center;
    background-size: 24px;
    transition: all 0.3s;
}
.form-wrap .form-body .chk-list .chk-btn input:checked + span {
    font-weight: 700;
}
.form-wrap .form-body .chk-list .chk-btn input:checked + span::before {
    border-color: transparent;
    background-image: url(../img/common/check_on_blue.png);
    background-color: #ffde33;
}

.form-wrap .form-body .chk-list .radio-btn {
    display: block;
    width: fit-content;
}
.form-wrap .form-body .chk-list .radio-btn input{
    display: none;
}
.form-wrap .form-body .chk-list .radio-btn span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #050f1e;
    cursor: pointer;
    position: relative;
}

.form-wrap .form-body .chk-list .radio-btn span::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #dfe1e5;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    transition: all 0.3s;
}

.form-wrap .form-body .chk-list .radio-btn span::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 7px solid #ffde33;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}
.form-wrap .form-body .chk-list .radio-btn input:checked + span {
    font-weight: 700;
}
.form-wrap .form-body .chk-list .radio-btn input:checked + span::after {
    opacity: 1;
}

.form-wrap .form-body .tooltip-btn {
    width: 18px;
    min-width: 18px;
    min-height: 18px;
    height: 18px;
    background-image: url(../img/sub/sat/icon/btn-com-info-16-gray@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: -4px;
    margin-left: 6px;
}
.form-wrap .form-body .chk-list li {
    width: 100%;
}
.form-wrap .form-body .chk-list.bg-gray {
    background-color: #f8fafa;
    padding: 16px;
    border-radius: 10px;
}
.form-wrap .form-body .chk-list.divide-2 {
    gap: 16px 10px;
}
.form-wrap .form-body .chk-list.divide-2 li{
    width: calc(50% - 5px);
}
.form-wrap .form-body .chk-list.divide-2 li.with-text {
    width: 100%;
}
.form-wrap .form-body .chk-list.divide-2 li.with-text .chk-btn + * {
    margin-top: 16px;
}

.form-wrap .form-body .btn-wrap .btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 12px;
    text-align: center;
    color: #050f1e;
    width: 100%;
    height: 48px;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
}
.form-wrap .form-body .brown-list li + li {
    margin-top: 16px;
}
.form-wrap .form-body .brown-list li {position: relative;}
.form-wrap .form-body .brown-list li a {
    width: 100%;
    background-color: #faf7f2;
    padding: 24px;
    border-radius: 10px;
}
.form-wrap .form-body .brown-list li .top {
    padding-right: 30px;
}
.form-wrap .form-body .brown-list li .top .tit {
    font-weight: 700;
    font-size: 16px;
    color: #050f1e;
}
.form-wrap .form-body .brown-list li .top .tit::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/sub/sat/icon/btn-com-chevron-right-24-black.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: -6px;
    transform: scale(0.8);
    margin-left: 2px;
}
.form-wrap .form-body .brown-list li .btn-trash {
    width: 24px;
    height: 24px;
    background-image: url(../img/sub/sat/icon/btn-com-delete-24-darkgray.png);
    background-position: center center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top: 24px;
    right: 24px;
}
.form-wrap .form-body .brown-list li .des {
    margin-top: 8px;
}
.form-wrap .form-body .brown-list li .des p {
    display: -webkit-box;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #60584c;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.form-wrap .form-body .brown-list li.no-data {
    font-weight: 300;
    font-size: 16px;
    color: #60584c;
    text-align: center;
    background-color: #faf7f2;
    padding: 54px 10px;
    border-radius: 10px;
}

.form-wrap .form-body .info-list li + li {
    margin-top: 12px;
}
.form-wrap .form-body .input-bx {position: relative;}
.form-wrap .form-body .input-bx.type-a label {
    font-weight: 500;
    font-size: 13px;
    color: #42526e;
    position: absolute;
    top: 16px;
    left: 16px;
}
.form-wrap .form-body .input-bx.type-b label {
    font-weight: 500;
    font-size: 13px;
    color: #42526e;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
}

.form-wrap .form-body .input-bx input[type="text"] {
    font-size: 16px;
    width: 100%;
    border: 1px solid #dfe1e5;
    border-radius: 10px;
    padding: 18px 16px;
    transition: border-color 0.4s;
}

.form-wrap .form-body .input-bx input[type="number"] {
    font-size: 16px;
    width: 100%;
    border: 1px solid #dfe1e5;
    border-radius: 10px;
    padding: 18px 16px;
    transition: border-color 0.4s;
}

.form-wrap .form-body .input-bx.type-a input[type="text"] {
    font-size: 16px;
    border: 1px solid #dfe1e5;
    border-radius: 10px;
    padding: 40px 16px 16px;
    transition: border-color 0.4s;
}

.form-wrap .form-body .input-bx.type-a input[type="number"] {
    font-size: 16px;
    border: 1px solid #dfe1e5;
    border-radius: 10px;
    padding: 40px 16px 16px;
    transition: border-color 0.4s;
}

.form-wrap .form-body .input-bx.type-b input[type="text"] {
    padding-right: 30px;
}

.form-wrap .form-body .input-bx.type-b input[type="number"] {
    padding-right: 30px;
}

.form-wrap .form-body .input-bx input[type="text"]:not(:read-only):focus {
    border-color: #ffde33;
    caret-color: #ffde33;
}

.form-wrap .form-body .input-bx input[type="number"]:not(:read-only):focus {
    border-color: #ffde33;
    caret-color: #ffde33;
}

.form-wrap .form-body .input-bx input[type="text"]:read-only {
    background-color: #ebedef;
}

.form-wrap .form-body .input-bx input[type="number"]:read-only {
    background-color: #ebedef;
}

.form-wrap .form-body .input-bx input[type="text"]::placeholder {
    color: #a4adba;
}

.form-wrap .form-body .input-bx input[type="number"]::placeholder {
    color: #a4adba;
}

.form-wrap .form-body .con-wrap .con-bx + .con-bx {
    border-top: 1px solid #ebedef;
    margin-top: 16px;
    padding-top: 16px
}

.form-wrap .form-body .con-wrap .con-bx > * + * {
    margin-top: 16px;
}


.form-wrap .form-bottom {
    display: flex;
    gap: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 16px 20px;
    background-color: #ffffff;
}
.form-wrap .form-bottom .btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    border-radius: 6px;
    height: 56px;
}

.form-wrap .form-bottom .btn.btn-white {
    width: 25%;
    border: 1px solid #c6c9ce;
}

.form-wrap .form-bottom .btn.btn-yellow {
    width: 75%;
    background-color: #ffde33;
}

/*신규 팝업*/
.pop-wrap {
    /*position: fixed;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100vh;
}

.pop-wrap .pop-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
}
.pop-wrap .pop-head .tit {
    font-weight: 700;
    font-size: 18px;
    color: #050f1e;
}
.pop-wrap .pop-head .pop-close-btn {
    width: 20px;
    height: 20px;
    background-image: url(/resources/img/common/close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.pop-wrap .pop-head .pop-close-btn .hide {
    opacity: 0;
    text-indent: -999999px;
}

.pop-wrap .pop-body {
    padding: 1.5vh;
    overflow: auto;
    max-height: calc(100% - 52px);
    padding-bottom: 110px;
}
.pop-wrap .pop-body .brown-list > li{
    background-color: #faf7f2;
    padding: 24px;
    border-radius: 8px;
    position: relative;
}
.pop-wrap .pop-body .brown-list > li + li {
    margin-top: 24px;
}
.pop-wrap .pop-body .brown-list > li .tit-bx {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.pop-wrap .pop-body .brown-list > li .tit {
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #050f1e;
    margin-bottom: 12px;
}
.pop-wrap .pop-body .brown-list > li .des {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pop-wrap .pop-body .info-table {
    margin-top: 24px;
}

.pop-wrap .pop-body .info-table caption {
    position: absolute;
    top: -999999999px;
    left: -999999999px;
    opacity: 0;
}
.pop-wrap .pop-body .info-table tr th {
    font-weight: 700;
    font-size: 16px;
    color: #60584c;
    background-color: transparent;
    border: 0;
    padding: 11px 10px 11px 0;
}
.pop-wrap .pop-body .info-table tr td {
    font-weight: 300;
    font-size: 16px;
    color: #050f1e;
    text-align: left;
    background-color: transparent;
    border: 0;
    padding: 9px 8px;
}
.pop-wrap .pop-body .chk-list {
    display: flex;
    align-items: center;
    gap: 36px;
}
.pop-wrap .pop-body .chk-list .radio-btn {
    display: block;
    width: fit-content;
}
.pop-wrap .pop-body .chk-list .radio-btn input{
    display: none;
}
.pop-wrap .pop-body .chk-list .radio-btn span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #050f1e;
    cursor: pointer;
    position: relative;
}

.pop-wrap .pop-body .chk-list .radio-btn span::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #dfe1e5;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    transition: all 0.3s;
}
.pop-wrap .pop-body .chk-list .radio-btn span::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 7px solid #ffde33;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    /*top: 0;*/
    opacity: 0;
    transition: all 0.3s;
}
.pop-wrap .pop-body .chk-list .radio-btn input:checked + span {
    font-weight: 700;
}
.pop-wrap .pop-body .chk-list .radio-btn input:checked + span::after {
    opacity: 1;
}

.pop-wrap .pop-body .chk-list.divide-3 {
    gap: 16px 10px;
}

.pop-wrap .pop-body .chk-list.divide-3 li{
    width: calc(50% - 5px);
}

.pop-wrap .pop-body .chk-list .chk-btn {
    display: block;
    width: fit-content;
}

.pop-wrap .pop-body .chk-list .chk-btn input{
    display: none;
}

.pop-wrap .pop-body .chk-list .chk-btn span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #050f1e;
    cursor: pointer;
}

.pop-wrap .pop-body .chk-list .chk-btn span::before {
    content: '';
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 1px solid #dfe1e5;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    background-image: url(../img/sub/sat/icon/btn-com-ovalcheck-white-aos.png);
    background-position: center center;
    background-size: 24px;
    transition: all 0.3s;
}

.pop-wrap .pop-body .chk-list .chk-btn input:checked + span {
    font-weight: 700;
}

.pop-wrap .pop-body .chk-list .chk-btn input:checked + span::before {
    border-color: transparent;
    background-image: url(../img/common/check_on_blue.png);
    background-color: #ffde33;
}

.pop-wrap .pop-body .chk-list .chk-btn input:disabled + span::before {
    border-color: transparent;
    background-image: url(../img/common/check_disable.png);
    background-color: #EBEDEF;
}

.pop-wrap .pop-body .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4vh;
    margin-bottom: 20vh;
}

.pop-wrap .pop-body .btn-wrap .add-btn {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    color: #050f1e;
    text-align: center;
    border: 1px solid #dfe1e5;
    border-radius: 24px;
    padding: 14px 24px;
    position: relative;
}
.pop-wrap .pop-body .btn-wrap .add-btn::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 1px;
    background-color: #050f1e;
    margin-right: 7px;
    border-radius: 8px;
}

.pop-wrap .pop-body .btn-wrap .add-btn::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background-color: #050f1e;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 30px;
    border-radius: 8px;
}

.pop-wrap .btn-wrap .btn {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    border-radius: 6px;
    width: 208px;
    height: 40px;
}
.pop-wrap .btn-wrap .btn.btn-yellow {
    background-color: #ffde33;
}

.pop-wrap .pop-body .brown-list .btn-trash {
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url(../img/sub/sat/icon/btn-com-delete-24-darkgray.png);
    background-position: center center;
    background-size: 24px;
    background-repeat: no-repeat;
}

.pop-wrap .pop-body .input-bx {position: relative;}
.pop-wrap .pop-body .input-bx + .input-bx {
    margin-top: 24px;
}
.pop-wrap .pop-body .input-bx label {
    font-weight: 500;
    font-size: 13px;
    color: #42526e;
}
.pop-wrap .pop-body .input-bx.type-a label {
    position: absolute;
    top: 16px;
    left: 16px;
}
.pop-wrap .pop-body .input-bx.type-b label {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
}
.input-bx.type-d label {
    display: inline-block;
    font-size: 14px;
    color: #60584c;
    margin-bottom: 8px;
}
.pop-wrap .pop-body .input-bx input[type="text"],
.pop-wrap .pop-body .input-bx textarea {
    font-size: 16px;
    border: 1px solid #dfe1e5;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 18px 16px;
    transition: border-color 0.4s;
}
.input-bx input[type="text"]:placeholder-shown + .close-btn {
    display: none;
}
.input-bx .close-btn {
    width: 20px;
    height: 20px;
    background-image: url(/resources/img/sub/sat/icon/btn-com-delete-16-gray@2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    transform: translateY(-50%);
    top:50%;
    right: 16px;
}
.pop-wrap .pop-body .input-bx.type-a input[type="text"] {
    font-size: 16px;
    border: 1px solid #dfe1e5;
    border-radius: 10px;
    padding: 40px 16px 16px;
    transition: border-color 0.4s;
}
.pop-wrap .pop-body .input-bx.type-b input[type="text"] {
    padding-right: 30px;
}
.input-bx.type-c input[type="text"] {
    padding-left: 40px !important;
    padding-right: 35px !important;
    padding: 18px 35px;
    background-image: url(/resources/img/sub/sat/icon/btn-com-search-16-black.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 16px center;
}
.pop-wrap .pop-body .input-bx.type-e {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} 
.pop-wrap .pop-body .input-bx.type-e label {
    display: inline-block;
    font-size: 14px;
    color: #60584c;
    width: 100%;
    margin-bottom: 8px;
}
.pop-wrap .pop-body .input-bx.type-e >span {
    width: 20px;
    text-align: center;
}
.pop-wrap .pop-body .input-bx.type-e input[type="text"] {
    width: calc(50% - 10px);
}
.pop-wrap .pop-body .input-bx input[type="text"]:not(:read-only):focus,
.pop-wrap .pop-body .input-bx textarea:focus {
    border-color: #ffde33;
    caret-color: #ffde33;
}
.pop-wrap .pop-body .input-bx input[type="text"]:read-only:not(.datepicker) {
    background-color: #ebedef;
}
.pop-wrap .pop-body .input-bx input[type="text"]::placeholder,
.pop-wrap .pop-body .input-bx textarea::placeholder {
    color: #a4adba;
}

.pop-wrap .pop-body .result-list {
    border-top: 1px solid #050f1e;
    margin-top: 16px;
}
.pop-wrap .pop-body .result-list li {
    border-bottom: 1px solid #dfe1e5;
}
.pop-wrap .pop-body .result-list li.no-data {
    border-bottom: 0;
}
.pop-wrap .pop-body .result-list li.no-data p {
    font-weight: 300;
    font-size: 14px;
    color: #a4adba;
    line-height: 1.5;
    text-align: center;
    padding: 100px 0;
}

.pop-wrap .pop-body .result-list li button, 
.pop-wrap .pop-body .result-list li a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    padding: 16px 0;
    width: 100%;
    text-align: left;
}

.pop-wrap .pop-body .result-list li span {
    color: #e48512;
}

.pop-wrap .pop-bottom .btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    border-radius: 6px;
    width: 100%;
    height: 15vw;
}
.pop-wrap .pop-bottom .btn.btn-yellow {
    background-color: #ffde33;
}

.pop-wrap .dimmed {
    content: '';
    background-color: rgba(0,0,0, 0.4);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
}
.pop-wrap .pop-inner {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}
.pop-wrap.type-a .pop-inner {
    width: calc(100% - 32px);
    height: 90vh;
    overflow: hidden;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 14px;
    padding-top: 10px;
}

/* MEDIA QUERY */
@media (max-width:730px) {  }
@media (max-width:375px) {
    .wrap .container .intro .wait .lpfp_info p.left { width:20%; }
    .wrap .container .intro .wait .lpfp_info p.right { width:80%; }
}
@media (max-width:320px) {
    .wrap .header .title { font-size:calc(1em - 0.4vw); }
    .btn_fixed a { font-size:calc(1em - 0.2vw); }
    .wrap .containerSSI .contract .tie .document_list ul>li .right { font-size:calc(1em - 0.6vw); }
}