@charset "utf-8";
/* semo_style 로 이동 */
/* ver 3 */
.popup_bottom_con + .pop_btn_wrap {margin-top: 8.333vw;} 
.popup_bottom_con + .btn_db_wrap {margin-top: 6.944vw;} 
.popup_bottom_con.center_array {align-items: center; text-align: center;} 
.popup_bottom_con.center_array .main_text {margin-bottom: 5vw;;} 
.popup_bottom_con.center_array .main_text h1 {font-weight: 600; font-size: 1.25rem; line-height: 1.4;} 
.popup_bottom_con.center_array .sub_text p {line-height: 1.4; color: #85888d;} 
.popup_bottom_con .info-cover.success i {width: 10vw; height: 6.944vw; background-image: url(../img_v2/check_72x50.svg); margin-bottom: 6.666vw;} 
.popup_bottom_con .info-cover.fail i {width: 2.222vw; height: 8.333vw; background-image: url(../img_v2/exclamation_16x60.svg); margin-bottom: 5.833vw;} 
.popup_tit h2 {text-align: center;} 
.popup_bottom_con .info-desc p {text-align: center; color: #85888d; line-height: 1.4;} 

/* 새로운 공통 팝업 가이드 */
.notice-popup {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.notice-popup_inner {background-color: #fff; border-radius: 6.944vw; box-sizing: border-box; width: 75vw; padding: 8.611vw 8.333vw;} 
.notice-popup_inner .main_tit {margin-bottom: 5.555vw;} 
.notice-popup_inner .main_tit h1 {text-align: center; line-height: 1.5; font-size: 1.125rem; font-weight: 600;} 
.item04 .notice-popup_inner .main_tit h1 {font-weight: 700;} 
.notice-popup_inner .main_info p {text-align: center; font-size: 0.937rem; line-height: 1.5;} 
.notice-popup_inner .main_info p + p {margin-top: 2vw;} 
.notice-popup_inner .main_info p.timeline {color: #8a8a8b;} 
.notice-popup_inner .main_info p.point-desc {font-size: 0.8125rem; font-weight: 400; color: #8a8a8b; margin: 7.222vw -8.333vw 0;} 
.notice-popup_inner .btn_wrap {display: flex; align-items: center; margin: 8.333vw -3vw 0; justify-content: space-between;} 
.notice-popup_inner .btn_wrap button {width: 19.444vw; font-size: 0.937rem; box-sizing: unset;} 
.notice-popup_inner .btn_wrap .l_btn button {color: #acacac;} 
.notice-popup_inner .btn_wrap .r_btn {margin-left: auto;} 
.notice-popup_inner .btn_wrap .r_btn button {font-weight: 600;} 
.notice-popup_inner .btn_wrap button {padding: 3vw; margin: -3vw;} 
.notice-popup .cover {display: flex; justify-content: center;} 
.notice-popup.success .cover i {width: 10vw; height: 6.944vw; background-image: url(../img_v2/check_72x50.svg); margin-bottom: 6.666vw;} 
.notice-popup.fail .cover i {width: 2.222vw; height: 8.333vw; background-image: url(../img_v2/exclamation_16x60.svg); margin-bottom: 5.833vw;} 
.notice-popup .error-code {text-align: center; color: #afafaf; font-size: 0.937rem; margin-bottom: 4.166vw;} 
.notice-popup .customer_link {text-align: center; margin-top: 5.555vw;} 
.notice-popup .customer_link button {color: #8a8a8b; font-size: 0.937rem;} 
.popup.bottom .button_area {margin-top: 2.5vw;} 
.popup_active_button {width: 100%; height: 16.111vw; border: 1px solid #a8a8a8; display: flex; align-items: center; justify-content: center; border-radius: 1.944vw; color: #a8a8a8; font-size: 1.125rem;} 
.popup_active_button i {margin-right: 3.055vw; width: 4.444vw; height: 4.444vw; background-image: url(../img_v2/plus_gray_light.svg);} 

/* 2 뎁스 체크 팝업 */
.multi-check_wrap .checkbox_wrap {padding-bottom: 8.333vw;} 
.multi-check_wrap .checkboxAll {display: flex; align-items: center; justify-content: space-between;} 
.multi-check_wrap .checkboxAll .checkbox {display: flex; align-items: center;} 
.multi-check_wrap .checkboxAll input[type="checkbox"] {width: 5.8333vw; height: 5.833vw; background: url(../img_v2/check-bg_42x42_gray.svg) center center no-repeat; background-size: contain; margin-right: 2.777vw; border: none; min-width: unset;} 
.multi-check_wrap .checkboxAll input[type="checkbox"]:checked {background-image: url(../img_v2/check-bg_42x42_semo.svg);} 
.multi-check_wrap .checkboxAll label {font-size: 1.125rem;} 
.multi-check_head {padding: 4.166vw; background-color: #f7f8f9; border-radius: 4.166vw; margin-bottom: 4.166vw;} 
.multi-check_box {padding-left: 4.166vw;} 
.multi-check_box .checkboxAll {margin-bottom: 4.166vw;} 
.multi-check_box .checkboxAll .aco_btn i {width: 5vw; height: 5vw; background-image: url(../img_v2/arr_right_36x36_g.svg);} 
.multi-check_box .checkboxAll .aco_btn i.is-active {background-image: url(../img_v2/arr_up_36x36_b.svg);} 
.checkboxEach .checkbox-item {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.222vw;} 
.checkboxEach .checkbox-item .checkbox {display: flex; align-items: center;} 
.checkboxEach .checkbox-item .checkbox input[type="checkbox"] {width: 5.8333vw; height: 5.833vw; background: url(../img_v2/check_42x42_gray.svg) center center no-repeat; background-size: contain; margin-right: 2.777vw; border: none; min-width: unset;} 
.checkboxEach .checkbox-item .checkbox input[type="checkbox"]:checked {background-image: url(../img_v2/check_42x42_semo.svg);} 
.checkboxEach .checkbox-item label span {color: #979797; font-size: 0.937rem;} 
.checkboxEach .checkbox-item .link_btn button i {width: 5vw; height: 5vw; background-image: url(../img_v2/arr_right_36x36_g.svg);} 

/* 3:7 버튼 */
.btn_db_wrap.type_37 {gap: 2.222vw;} 
.btn_db_wrap.type_37 button.double_rd.l_btn {width: 30.555vw;} 
.btn_db_wrap.type_37 button.double_rd.r_btn {width: 56.111vw;} 
.btn_db_wrap.type_37 button.double_rd.r_btn.kakao {display: flex; align-items: center; justify-content: center; background-color: #ffeb00;}