@charset "UTF-8";

body.scroll-lock {overflow:hidden}
.layer-popup {display:none;position:fixed;inset:0;z-index:10001}
.layer-popup.active {display:block}
.popup-dim {position:absolute;inset:0;background:rgba(0,0,0,.6)}
.popup-wrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}
.btn-popup-close {position:absolute}

#applyPopup .flex-input-3 {display:flex;align-items:center;justify-content:space-between;gap:2.7rem}
#applyPopup .flex-input-3.phone-wrap {gap:0.9rem}

#applyPopup > .popup-wrap {width:90rem;height:85rem;background-color:#fff}
#applyPopup > .popup-wrap .wrap-inner {width:100%;height:100%;padding:4rem 8rem 5.5rem;position:relative}
#applyPopup > .popup-wrap .wrap-inner .popup-body h5 {width:57.8rem;height:7rem;margin:auto;margin-bottom:3rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box {height:53rem;overflow-y:auto;padding-right:1rem;padding-bottom:5rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul {display:flex;flex-direction:column;gap:3rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item {display:flex;align-items:center;justify-content:space-between}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-header {width:18rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-header label {font-weight:600;font-size:2.5rem;line-height:3.2rem;color:#212121}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-content {width:56rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-content input,
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-content select {width:100%;height:6.3rem;border:0.1rem solid #e5e5e5;font-size:2.5rem;line-height:3.2rem;color:#7f7f7f;padding:0 2rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list {margin-top:6rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul {display:flex;flex-direction:column;gap:1.7rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li {display:flex;gap:1rem;align-items:center}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li:not(:first-child) {margin-left:2rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li .btn-agree-more {font-weight:600;font-size:1.8rem;color:#44dc88;line-height:2.4rem;display:inline-block;text-decoration:underline;text-decoration-thickness:0.2rem;text-underline-offset:20%;margin-top:-0.5rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li .input-field .chk-cont1 input[type="checkbox"] + label span {font-size:2rem;color:#757575}
#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li .input-field .chk-cont1 input[type="checkbox"] + label span > strong {font-weight:600}
#applyPopup > .popup-wrap .wrap-inner .popup-body .btn-apply {display:flex;justify-content:center;margin-top:5rem}
#applyPopup > .popup-wrap .wrap-inner .popup-body .btn-apply button {padding:2.5rem 13.5rem;background-color:#44dc88}
#applyPopup > .popup-wrap .wrap-inner .popup-body .btn-apply button > span {font-weight:600;font-size:3rem;color:#56432f}

.v2 .select-field {height:6.3rem}
.v2 .select-field::before {width:2.35rem;height:1.35rem;transform:initial;border:0;padding:0;margin-top:0;right:1.8rem;top:2.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" stroke="rgb(127, 127, 127)" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M21.358,0.500 L11.357,10.498 L1.355,0.500 "/></svg>')}

.btn-popup-close {width:4rem;height:4rem;background-repeat:no-repeat;background-position:center;background-size:4rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4L20 20M20 4L4 20' stroke='%23808080' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");position:absolute;top:2rem;right:2rem}

.v2 .popup-layer__type2 .popup-wrap {width:85%}
.v2 .popup-layer__type2.popup-primary .popup-cont {padding:3.5rem 3rem 4rem;border:0;-webkit-box-shadow:initial;box-shadow:initial}
.v2 .popup-layer__type2.popup-primary .popup-cont .popup-header > strong {font-size:2.3rem;line-height:3.3rem;word-break:keep-all}
.v2 .popup-layer__type2.popup-primary .popup-cont .btn-close .ico-close {position:absolute;top:3rem;right:3rem}
.v2 .popup-layer__type2 .popup-cont .popup-header,
.v2 .popup-layer__type2 .popup-cont .popup-body,
.v2 .popup-layer__type2 .popup-cont .popup-footer {font-family:inherit}





/* mo */
@media (max-width: 750px) {
    html {font-size:40%}
	
	#applyPopup > .popup-wrap {width:95vw;height:95%;background-color:#fff}
	#applyPopup > .popup-wrap .wrap-inner {padding:4rem 5rem 5.5rem}
	#applyPopup > .popup-wrap .wrap-inner .popup-body  {height:100%}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box {max-height:80%;height:auto}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul {gap:1.5rem}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item {flex-direction:column;align-items:flex-start;gap:0.8vw}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > ul > li > .camp-form-item .form-content {width:100%}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list {margin-top:3.5rem}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li {flex-direction:column;align-items:flex-start}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li .btn-agree-more {margin-left:7vw}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .form-box > .agree-list > ul > li:not(:first-child) {margin-left:0}
	
	.v2 .select-field::before {width:14px;height:14px;background-image:url('/resources/images/arow.jpg');top:3.8vw}
	
	.input-field .chk-cont1 input[type="checkbox"] + label span {margin-left:28px}
	.input-field .chk-cont1 input[type="checkbox"] + label:before {content:'';display:inline-block;width:18px;height:18px;vertical-align:middle;background-color:#fff;border:2px solid #d8d8d8;position:absolute}
	.input-field .chk-cont1 input[type="checkbox"] + label:after {content:'';display:inline-block;width:13px;height:10px;position:absolute;top:6px;left:4px}
	.input-field .chk-cont1 input[type="checkbox"]:checked + label:after {background:url('/resources/v2/images/common/ico_chkbox_checked@2x.png') no-repeat center center;background-size:100%}
	
	#applyPopup .popup-wrap .wrap-inner .popup-body .btn-apply {margin-top:4.5rem}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .btn-apply button {padding:0;width:100%;height:8rem;display:flex;align-items:center;justify-content:center}
	#applyPopup > .popup-wrap .wrap-inner .popup-body .btn-apply button > span {font-size:2.8rem}
	
	.v2 .popup-layer__type2 .popup-wrap {width:100%}
	.v2 .popup-layer__type2.popup-primary .popup-cont .popup-header > strong {font-size:2.6rem;line-height:3.6rem}
	
	.v4 .popup-layer__type2 * {font-family:'Pretendard'!important}
	.v4 .popup-layer__type2.popup-primary .popup-cont .popup-body {max-height:initial}
	.v4 .popup-primary.popup-information .row > ul {padding-left:0}
	.v4 .popup-primary.popup-information .row > ul > li {margin-bottom:1.5rem}
}