@charset "utf-8";

/* 팜스톰 팝업*/
.pop_wrap { position: fixed; width: 100%; height: calc(var(--vh, 1vh) * 100); background: rgba(0, 0, 0, 0.3); z-index: 999999999; }
.pop_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; width: 90%; max-width: 1400px; height: 90%; max-height: 500px; padding: 40px; font-family: 'Nanum Square'; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #fff; }
.pop_box .pop_head { display: flex; justify-content: flex-end; }
.pop_box .pop_head button { font-size: 24px; color: #aaa; }
.pop_box .pop_head button:hover { color: #333; }
.pop_cont { height: 100%; }
.popup_scroll { overflow: auto; max-height: calc(100% - 28px); }





.wrap_pop { height: 100%; min-width: 765px; background: #181818; }
.wrap_pop.fadein { opacity: 1; transition: ease-in-out 0.3s; }
.pop_body {/*  position: absolute; top: 140px; bottom: 0; left: 0; right: 0; */ min-width: 750px; max-width: 1330px; margin: 0 auto; padding: 30px; box-sizing: border-box; background: #181818; }

.wrap_pop .main_title { text-align: center; color: #fff; padding-top: 18px; }
.wrap_pop .main_titlet h3 { color: #fff; padding-top: 9%; }
.wrap_pop .main_title em { color: #4f4f44; font-style: normal; }

.pop_body .agreebox { margin-top: 0; margin-bottom: 20px; }
.pop_body .agreebox a { font-size: 16px; }
.pop_body a.send_btn { width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #181811; }

.pop_body textarea { height: 100px; }
.pop_body .contact_box { margin-top: 4%; }
.pop_body .contact_box label,
.pop_body .contact_box p { font-size: 16px; font-weight: 400; }
.pop_body .contact_box > div { margin-bottom: 20px; }

.btnarea { width: 100%; }
.btnarea a { padding: 16px 24px; color:#fff; background: #f68121; font-size: 20px; text-align: center; }
.btnarea a span { display: inline-block; margin-left: 8px; width: 40px; height: 20px; background: url('../images/main/right_btn_wh.png')no-repeat center; }
/* <div class="btnarea">
		<a href="" class="btn w100p">지원 하기</a>
	</div> */


.layer_close { height:36px; background: #000; padding: 0 24px; line-height: 34px; }
.layer_close a { display: inline-block; color: #ddd; font-size: 14px; }
.layer_close a:hover { color: #fff; text-decoration: underline; }

/* 메인 팝업 반응형 --- S */

.layer_close_02 { height:36px; background: #000; padding: 0 24px; line-height: 34px; }
.layer_close_02 span { display: inline-block; color: #ddd; font-size: 14px; cursor: pointer; }
.layer_close_02 span:hover { color: #fff; text-decoration: underline; }

#popup_02 { display: block; position: fixed; width: 100%; height: 100%; top: 0px; background: rgba(0, 0, 0, .5); z-index: 9999999; }
.pop_layer02 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; }
.pop_layer02 img { width: 100%; }

/* 메인 팝업 반응형 --- E */


.popup_mobile { display: none; position: fixed; top: 0; width: 100%; z-index: 99; }
.popup_mobile .layer_01 { height: 105px; background: #f68121; text-align: center; }
.popup_mobile .layer_01 a { line-height: 105px; }
.popup_mobile .layer_01 img { max-height: 100px; width: 100%; max-width: 471px; }
.popup_mobile .close_btn { position: absolute; top: 15px; right: 20px; width: 16px; }
.popup_mobile .close_btn img {  width: 100%;}

.main.m_banner .popup_mobile { display: block; position: fixed; top: 0; width: 100%; z-index: 99; }



/* 컨택트 팝업 --- S */
.contact_pop_wrap { display: none; position: fixed; width: 100%; height: calc(var(--vh, 1vh) * 100); background: rgba(0, 0, 0, 0.3); z-index: 999999999; }
.contact_pop_wrap.on { display: block; }
.contact_pop_wrap.on .contact_pop { display: block; }
.contact_pop { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 648px; height: calc(var(--vh, 1vh) * 90); font-family: 'Nanum Square'; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #fff; }
.pop_scroll { display: flex; height: 100%; }
.pop_left_scroll { width: 440px; height: 100%; overflow: auto; }
.pop_left { position: relative; height: 100%; min-height: 480px; padding: 40px; background: #f9821e; }
.pop_left:after { content: ''; position: absolute; right: 40px; bottom: 32px; width: 110px; height: 125px; background: url('../images/sub/contect_iconB.png') no-repeat center; }
.pop_ltop span { display: block; margin-bottom: 6px; color: #fff; font-size: 24px; }
.pop_ltop h2 { margin-bottom: 21px; color: #fff; font-weight: 700; font-size: 60px; line-height: 1; }
.pop_ltop p { color: #ffdcbf; font-size: 18px; line-height: 28px; word-break: keep-all; }
.pop_ltop p br { display: none; }

.close_btn { margin-bottom: 25px; font-size: 32px; color: rgba(255,255,255,0.6); }
.close_btn:hover { color: rgba(255,255,255,1); }

.pop_lbottom { position: absolute; bottom: 40px; }
.pop_lbottom li { margin-bottom: 16px; font-family: 'NotosansKR'; }
.pop_lbottom li:last-of-type { margin-bottom: 0; }
.pop_lbottom li span { display: block; margin-bottom: 4px; font-size: 16px; color: #ffdcbf; }
.pop_lbottom li strong { font-size: 16px; color: #fff; }
.pop_right_cont { position: relative; width: 560px; }
.pop_right { height: calc(100% - 65px); overflow: auto; }
.pop_right > .pop_Rcont { padding: 40px; }
.pop_Rcont { padding: 36px; overflow: auto; }

.input_cont.column2 { display: block; }
.input_cont.column2 label:first-of-type { display: flex; align-items: center; gap: 16px; width: auto; }
.input_cont.column2 label:last-of-type { width: 100%; }

.check_box span { text-decoration: underline; }

.pop_btn { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.pop_btn > button { width: 100%; color: #fff; font-size: 20px; font-weight: 700; background: #333; line-height: 65px; }
.pop_btn > button:hover { background: #000; }
/* 컨택트 팝업 --- E */



/* 개인정보처리방침 팝업 : S */
/* .privacy_wrap { padding: 40px; }
.privacy_box { padding-bottom: 30px; }
.privacy_box h2 { padding-bottom: 4px; font-size: 20px; font-weight: 500; color: #f58220; }
.privacy_box p { font-weight: 100; line-height: 26px; text-overflow: ellipsis; word-break: keep-all; }
.privacy_box p strong { font-weight: 100; }
.privacy_box .in01 { padding-left: 8px; }
.privacy_box .in02 { padding-left: 16px; } */

.privacy { background: #181818; color: #fff; }
.privacy_wrap { padding: 40px; }
.privacy_wrap h2 { color: #ff9336; }
.privacy_box { margin-top: 16px; }
.privacy_box li { margin-bottom: 24px; }
.privacy_box li h3 { margin-bottom: 5px; font-weight: 500; }
.privacy_box li p { font-weight: 300; line-height: 24px; opacity: .8; }
/* 개인정보처리방침 팝업 : E */



/* responsive web - viewport none */
/* wide */
@media screen and (min-width: 1600px) {
}



/* PC */
@media screen and (max-width: 1599px) {
}



/* Tablet */
@media screen and (max-width: 1279px){
.pop_left_scroll { width: 400px; }
}



/* Tablet */
@media screen and (max-width: 1023px){
.contact_pop_wrap.on .contact_pop { max-height: 621px; }
.pop_left { padding: 30px; }
.pop_ltop span { font-size: 22px; }
.pop_ltop h2 { font-size: 40px; }
.pop_Rcont { padding: 30px; }
}



@media screen and (max-width: 839px){
}



/* mobile */
@media screen and (max-width:768px){
.contact_pop_wrap.on .contact_pop { overflow-y: auto; }
.pop_scroll { flex-wrap: wrap; }
.pop_left { padding: 30px 20px; width: 100%; min-height: 380px; height: auto; }
.pop_left:after { right: 20px; bottom: 12px; background-size: 70%; }
.close_btn { margin-bottom: 24px; }
.pop_scroll { height: auto; }
.pop_lbottom { position: unset; margin-top: 38px; }
.pop_ltop span { font-size: 20px; }
.pop_ltop h2 { margin-bottom: 10px; font-size: 32px; }
.pop_ltop p { font-family: 'NanumGothic'; font-size: 16px; line-height: 24px; }
.pop_Rcont { padding: 10px 20px 30px; height: auto; }
.pop_btn { position: unset; }
.pop_left_scroll { width: 100%; }

}



/* mobile */
@media screen and (max-width:576px){



}



/* mobile */
@media screen and (max-width:480px){
	.pop_box { padding: 20px; }

	.layer_close_test { padding:0 14px; }
}



/* small mobile */
@media screen and (max-width:360px){
}