/* CTA */
.contact_us_inputs {
 display:flex;
 justify-content:space-between;
 gap:20px;
}
.contact_us_inputs .tit h2 {
 font-size:48px;
 color:#131416;
 font-weight:700;
 line-height:1.42;
 margin-bottom:24px;
 letter-spacing:-1.44px;
}
.contact_us_inputs .tit p {
 font-size:22px;
 color:#58616a;
 font-weight:500;
 line-height:1.45;
 letter-spacing:-0.66px;
}
.contact_us_inputs .imgs {
 position:relative;
 width:540px;
 margin-top:100px;
}
.contact_us_inputs .imgs .i1 {
 position:relative;
}
.contact_us_inputs .imgs .i2 {
 position:absolute;
 top:0;
 left:308px;
 width:227px;
 z-index:1;
}
.contact_us_inputs .imgs .i3 {
 position:absolute;
 top:288px;
 left:308px;
 width:227px;
}
.contact_us_inputs .imgs span {
 position:absolute;
 bottom:-20px;
 font-size:14px;
 color:#1e2124;
 line-height:40px;
 padding:0 24px;
 display:flex;
 align-items:center;
 gap:8px;
 background:#fff;
 border-radius:20px;
 box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.08);
 z-index:1;
}
.contact_us_inputs .imgs .i1 span {
 left:0;
}
.contact_us_inputs .imgs .i2 span {
 right:-17px;
}
.contact_us_inputs .imgs .i3 span {
 right:-17px;
}
.contact_us_inputs .imgs span:after {
 content:"";
 display:block;
 width:16px;
 height:24px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:contain;
 transform:translateZ(0);
 -webkit-transform:translateZ(0);
 will-change:transform;
}
.contact_us_inputs .imgs .i1 span:after {
 background-image:url("/images/icon_contact_us01.svg");
}
.contact_us_inputs .imgs .i2 span:after {
 background-image:url("/images/icon_contact_us02.svg");
}
.contact_us_inputs .imgs .i3 span:after {
 background-image:url("/images/icon_contact_us03.svg");
}
.contact_us_inputs .con {
 width:740px;
}
.contact_us_inputs .con .contact_field_error {
 margin-top:5px;
 font-size:16px;
 color:#f00;
 padding-left:20px;
}
.contact_us_inputs .flex {
 flex-wrap:wrap;
 gap:40px 16px;
}
.contact_us_inputs .con dl {
 width:calc(50% - 8px);
}
.contact_us_inputs .con dt,
.contact_us_inputs .con .dt_tit {
 display:flex;
 align-items:center;
 color:#1e2124;
 font-weight:600;
 margin-bottom:6px;
 letter-spacing:-0.51px;
}
.contact_us_inputs .con .dt_tit span {
 font-size:16px;
 color:#58616a;
 font-weight:400;
}
.contact_us_inputs .con dt {
 position:relative;
}
.contact_us_inputs .con dt i,
.contact_us_inputs .con .dt_tit i {
 color:#0169d8;
}
.contact_us_inputs .con .btn_file {
 position:absolute;
 top:50%;
 right:0;
 transform:translateY(-50%);
 cursor:pointer;
}
.contact_us_inputs .con .btn_file input {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:0;
 opacity:0;
 cursor:pointer;
}
.contact_us_inputs .con .btn_file span {
 display:flex;
 gap:6px;
 font-size:16px;
 color:#1e2124;
 font-weight:500;
 letter-spacing:-0.48px;
 line-height:42px;
 height:44px;
 padding:0 20px;
 border:#040404 1px solid;
 border-radius:22px;
}
.contact_us_inputs .con .btn_file span:before {
 content:"";
 display:block;
 width:24px;
 aspect-ratio:1/1;
 background:url("/images/icon_file.svg") no-repeat 50% 50% / contain;
}
.contact_us_inputs .con .btn_file input:focus + span {
 outline:#0169d8 2px solid;
}
.contact_us_inputs .con .checks {
 display:grid;
 grid-template-columns:repeat(3, max-content);
 gap:8px 80px;
 padding-top:14px;
}
label.check {
 position:relative;
 display:block;
 color:#1e2124;
 padding-left:28px;
 letter-spacing:-0.51px;
}
label.check input {
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 opacity:0;
}
label.check i {
 position:absolute;
 top:50%;
 left:0;
 width:20px;
 aspect-ratio:1/1;
 border-radius:2px;
 border:#cdd1d5 1px solid;
 background:#fff url("/images/icon_check.svg") no-repeat 50% 50%;
 transform:translateY(-50%);
 transition:0.2s linear;
}
label.check i:before {
 content:"";
 position:absolute;
 top:-1px;
 left:-1px;
 width:calc(100% + 2px);
 height:calc(100% + 2px);
 border:#cdd1d5 2px solid;
 opacity:0;
 transition:0.2s linear;
}
label.check input:focus + i {
 outline:#0169d8 2px solid;
}
label.check input:checked + i {
 background-color:#0169d8;
 border-color:#0169d8;
}
label.check input:checked + i:before {
 display:none;
}
.contact_us_inputs .input_files {
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:6px;
}
.contact_us_inputs .input_files .file {
 position:relative;
 font-size:14px;
 color:#333;
 line-height:1.7;
 letter-spacing:-0.42px;
 padding:5px 54px 5px 20px;
 background:#f0f2f5;
 border-radius:17px;
 max-width:100%;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.contact_us_inputs .input_files .file:after {
 content:"";
 position:absolute;
 top:50%;
 right:4px;
 width:26px;
 aspect-ratio:1/1;
 border-radius:50%;
 background:#fff url("/images/btn_close.svg") no-repeat 50% 50%;
 transform:translateY(-50%);
}
.contact_us_inputs .check {
 position:relative;
 margin-top:30px;
 display:flex;
 align-items:center;
 gap:10px;
}
.contact_us_inputs .check input {
 position:absolute;
 top:50%;
 left:1px;
 width:18px;
 height:18px;
 border:#ddd 1px solid;
 background:none;
 transform:translateY(-50%);
 z-index:-1;
}
.contact_us_inputs .check label {
 position:relative;
 padding-left:30px;
 font-weight:500;
 line-height:26px;
}
.contact_us_inputs .check label i {
 position:absolute;
 top:3px;
 left:0;
 width:20px;
 height:20px;
 background:#fff;
 border:#ddd 1px solid;
 border-radius:5px;
}
.contact_us_inputs .check label i:before {
 content:"";
 position:absolute;
 top:50%;
 left:50%;
 width:0;
 height:0;
 background:#142b93;
 border-radius:3px;
 transform:translate(-50%, -50%);
 transition:0.2s linear;
}
.contact_us_inputs .check input:checked + label i:before {
 width:12px;
 height:12px;
}
.contact_us_inputs .check button {
 padding:5px 10px;
 background:linear-gradient(90deg, #142b93, #0391e7);
 font-size:14px;
 color:#fff;
 font-weight:500;
 border-radius:5px;
}
.btn_submit {
 position:relative;
 display:flex;
 justify-content:center;
 align-items:center;
 gap:8px;
 color:#fff;
 font-weight:500;
 line-height:56px;
 letter-spacing:-0.51px;
 height:56px;
 width:220px;
 margin:80px auto 0;
 border-radius:28px;
 background:#000;
 padding-right:56px;
}
.btn_submit:after {
 content:"";
 position:absolute;
 top:50%;
 right:8px;
 transform:translateY(-50%);
 display:block;
 width:40px;
 aspect-ratio:1/1;
 background:#0169d8 url("/images/icon_submit.svg") no-repeat 50% 50%;
 border-radius:50%;
}
/* 팝업 */
.popup,
.popup .dm {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
.popup {
 z-index:101;
}
.popup .dm {
 background:#000000b2;
}
.popup .inbox {
 position:absolute;
 top:50%;
 left:50%;
 width:calc(100% - 40px);
 max-width:480px;
 background:#fff;
 border-radius:20px;
 padding:64px 48px;
 transform:translate(-50%, -50%);
}
.popup .btn_close {
 position:absolute;
 top:0;
 right:0;
 width:48px;
 aspect-ratio:1/1;
 background:url("/images/btn_close_pop.svg") no-repeat 50% 50%;
 font-size:0;
}
.popup .tit {
 font-size:26px;
 color:#131416;
 font-weight:600;
 line-height:1.4;
 margin-bottom:8px;
}
.popup .scroll {
 overflow:auto;
 max-height:50vh;
}
#popup_complete .inbox {
 text-align:center;
}
#popup_complete .inbox:before {
 content:"";
 display:block;
 width:64px;
 aspect-ratio:1/1;
 background:url("/images/icon_complete.svg") no-repeat 50% 50%;
 margin:0 auto 24px;
 box-shadow:0px 4px 20px rgba(0, 0, 0, 0.16);
 border-radius:50%;
}
#popup_complete p {
 font-size:17px;
 color:#464c53;
 line-height:1.65;
}
#popup_complete .btn_link {
 margin-top:48px;
 color:#fff;
 background:#000;
 width:220px;
 padding:0 24px;
 justify-content:center;
 align-items:center;
 gap:8px;
}
#popup_complete .btn_link:before {
 display:none;
}
#popup_complete .btn_link:after {
 position:relative;
 width:16px;
 aspect-ratio:1/1;
 background:#fff;
 mask:url("/images/arrow_more3.svg") no-repeat 50% 50% / contain;
 -webkit-mask:url("/images/arrow_more3.svg") no-repeat 50% 50% / contain;
}
#popup_term .inbox {
 max-width:700px;
}
#popup_term .scroll {
 padding:20px 0;
 background:#f5f5f5;
 border-radius:5px;
}
#popup_term article {
 margin-top:20px;
}
#popup_term h3 {
 font-size:18px;
 line-height:1.4;
 margin-bottom:5px;
}
#popup_term p,
#popup_term li {
 position:relative;
 font-size:14px;
 line-height:22px;
}
#popup_term li {
 padding-left:10px;
}
#popup_term li:before {
 content:"";
 position:absolute;
 top:9px;
 left:0;
 width:4px;
 height:4px;
 border-radius:50%;
 background:#aaa;
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1520px){
/* CTA */
	.contact_us_wrap .inner {padding:0;}
	.contact_us_inputs .tit {width:40%;}
	.contact_us_inputs .tit h2 {font-size:40px; margin-bottom:20px;}
	.contact_us_inputs .tit p {font-size:20px;}
	.contact_us_inputs .imgs {width:100%; margin-top:80px;}
	.contact_us_inputs .imgs .i1 {width:60%;}
	.contact_us_inputs .imgs .i2 {left:calc(60% + 10px); width:calc(40% - 10px);}
	.contact_us_inputs .imgs .i3 {top:21vw; left:calc(60% + 10px); width:30%;}
	.contact_us_inputs .imgs span {bottom:-18px; font-size:13px; line-height:36px; padding:0 20px; gap:6px;}
	.contact_us_inputs .imgs .i2 span,
	.contact_us_inputs .imgs .i3 span {right:-14px;}
	.contact_us_inputs .imgs span:after {width:14px; height:20px;}
	.contact_us_inputs .con {width:calc(60% - 40px);}
	.contact_us_inputs .flex {gap:30px 12px;}
	.contact_us_inputs .con dl {width:calc(50% - 6px);}
	.contact_us_inputs .con .dt_tit span,
	.contact_us_inputs .con .btn_file span {font-size:15px;}
	.contact_us_inputs .con .checks {grid-template-columns:repeat(2, max-content); gap:8px 60px; padding-top:12px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){

}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* CTA */
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="email"],
	input[type="url"],
	select {height:50px; padding:0 20px;}
	textarea {padding:20px; border-radius:20px;}
	.contact_us_inputs .tit h2 {font-size:30px; margin-bottom:15px;}
	.contact_us_inputs .tit p {font-size:18px;}
	.contact_us_inputs .imgs {margin-top:60px;}
	.contact_us_inputs .imgs span {bottom:-15px; font-size:12px; line-height:30px; padding:0 10px; gap:4px;}
	.contact_us_inputs .imgs .i2 span,
	.contact_us_inputs .imgs .i3 span {right:-10px;}
	.contact_us_inputs .flex {gap:30px 10px;}
	.contact_us_inputs .con dl {width:calc(50% - 5px);}
	.contact_us_inputs .con .btn_file span {font-size:14px; line-height:38px; height:40px; padding:0 16px;}
	.contact_us_inputs .con .checks {/* grid-template-columns:repeat(2, max-content); */ gap:6px 40px; padding-top:10px;}
	.btn_submit {gap:8px; line-height:50px; height:50px; width:200px; margin-top:60px; padding-right:50px;}
	/* 팝업 */
	.popup .inbox {border-radius:16px; padding:40px 30px;}
	.popup .btn_close {width:50px;}
	#popup_complete .inbox:before {width:50px; margin-bottom:20px;}
	#popup_complete .tit {font-size:22px; margin-bottom:6px;}
	#popup_complete p {font-size:16px;}
	#popup_complete .btn_link {margin-top:40px; width:200px; padding:0 20px; gap:6px;}
	#popup_term article {margin-top:16px;}
	#popup_term h3 {font-size:16px;}
	#popup_term p,
	#popup_term li {font-size:13px; line-height:20px;}
	#popup_term li:before {top:8px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* CTA */
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="email"],
	input[type="url"],
	select {height:40px; padding:0 16px;}
	textarea {padding:16px; border-radius:12px;}
	.contact_us_inputs {flex-direction:column; gap:40px;}
	.contact_us_inputs .tit {width:100%;}
	.contact_us_inputs .tit h2 {font-size:24px; margin-bottom:10px;}
	.contact_us_inputs .tit p {font-size:13px;}
	.contact_us_inputs .imgs {margin-top:20px;}
	.contact_us_inputs .imgs .i2 {width:30%;}
	.contact_us_inputs .imgs .i3 {top:auto; bottom:0; width:25%;}
	.contact_us_inputs .imgs span:after {width:10px;}
	.contact_us_inputs .con {width:100%;}
	.contact_us_inputs .flex {gap:20px 10px;}
	.contact_us_inputs .con dl {width:100%;}
	.contact_us_inputs .con dt,
	.contact_us_inputs .con .dt_tit {margin-bottom:4px;}
	.contact_us_inputs .con .dt_tit span {font-size:14px;}
	.contact_us_inputs .con .btn_file span {font-size:13px; padding:0 12px; gap:4px;}
	.contact_us_inputs .con .btn_file span:before {width:20px;}
	.contact_us_inputs .con .checks {gap:6px 20px; padding-top:5px;}
	.contact_us_inputs .input_files {gap:4px;}
	.contact_us_inputs .input_files .file {font-size:12px; padding:5px 44px 5px 16px;}
	.contact_us_inputs .input_files .file:after {width:22px;}
	.contact_us_inputs .con .contact_field_error {font-size:13px; padding-left:15px;}
	.btn_submit {gap:4px; line-height:46px; height:46px; width:160px; margin-top:40px; padding-right:36px;}
	.btn_submit:after {right:10px; width:30px; background-size:50%;}
/* 팝업 */
	.popup .inbox {border-radius:12px; padding:30px 20px;}
	.popup .btn_close {width:50px;}
	#popup_complete .inbox:before {width:40px; margin-bottom:15px;}
	#popup_complete .tit {font-size:20px; margin-bottom:4px;}
	#popup_complete p {font-size:14px;}
	#popup_complete .btn_link {margin-top:30px; width:180px; padding:0 16px; gap:4px;}
	#popup_complete .btn_link:after {width:14px;}
	#popup_term .inbox {padding-top:50px;}
	#popup_term article {margin-top:12px;}
}