@charset "utf-8";

.contents.apply {position:relative;}
.contents.apply .deco {left:0; top:0; position:absolute;}
.contents.apply .contents-wrap {position:relative;}


.apply-wrap {display:flex; gap:100px;}

.apply-tit {width:350px; align-self:start; position:sticky; top:140px;}
.apply-tit .img {width:; border-radius:15px; overflow:hidden;}
.apply-tit .img img {}
.apply-tit .con {padding:30px 0 0; display:flex; gap:30px;}
.apply-tit .con .icon {width:40px;}
.apply-tit .con .icon img {}
.apply-tit .con .txt {width:calc(100% - 40px);}
.apply-tit .con .txt h3 {color: var(--base4); font-size: var(--fs22); font-weight: 600; line-height: 140%; letter-spacing: -0.66px;}
.apply-tit .con .txt p {padding:30px 0 0; color:#333; letter-spacing: -0.48px;}

.apply-con {width:calc(100% - 450px);padding:70px; border-radius:20px; border:1px solid var(--border1); background:#fff;}

.apply-agree {padding:0 0 30px; margin:0 0 30px; border-bottom :1px solid #000; width:100%; display:flex; flex-direction:column; gap:10px; }
.apply-agree p {color: #000;font-size:var(--fs18);font-weight: 600;line-height: 140%;letter-spacing: -0.54px;}
.apply-agree pre {}
.apply-agree .checkType1 {}
.apply-agree .checkType1 label {}
.apply-agree .checkType1 input {}

.apply-form {display:flex; flex-direction:column; gap:20px;}
.apply-form .inputWrap {display:flex; gap:20px;}
.apply-form .inputWrap .label {width:130px; line-height:50px; align-self:start;}
.apply-form .inputWrap .inputItem {width:calc(100% - 150px); gap:5px; display:flex; }
.apply-form .inputWrap .inputItem {}
.apply-form .inputWrap .inputItem>* {}
.apply-form .inputWrap .inputItem select {}
.apply-form .inputWrap .inputItem input {}
.apply-form .inputWrap .inputItem>div {}
.apply-form .inputWrap .inputItem.tel {align-items:center;}
.apply-form .inputWrap .inputItem.tel>* {width:120px;}
.apply-form .inputWrap .inputItem.tel .bar {width:10px; height:1px; background:#333;}
.apply-form .inputWrap .inputItem.addr {flex-direction:column;}
.apply-form .inputWrap .inputItem.addr div {}
.apply-form .inputWrap .inputItem.addr div input {}
.apply-form .inputWrap .inputItem.addr .num {display:flex; gap:5px;}
.apply-form .inputWrap .inputItem.addr .num input {width:200px;}
.apply-form .inputWrap .inputItem.addr .num button {width:50px; height:50px; border-radius:10px; background:#000 url(/images/common/icon_search_white.svg)center no-repeat;}
.apply-form .inputWrap .inputItem.addr .addr1 {}
.apply-form .inputWrap .inputItem.addr .addr2 {}

.apply-btn {
	padding:30px 0 0; margin:30px 0 0;
	display:flex; gap:20px; justify-content:center; border-top:1px solid var(--border1);
}
.apply-btn a {display: flex; height:60px; color:#fff; padding:0 50px; justify-content: center; align-items:center; border-radius:10px;}
.apply-btn a.apply {background:var(--base2);}
.apply-btn a.cancel {background:#333;}







/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.apply-con {width:100%; padding:0; border:0;}
	
	
	
	.apply-btn {gap:10px;}
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.apply-form .inputWrap {flex-direction:column; gap:5px;}
	.apply-form .inputWrap .label {width:100%; line-height:130%;}
	.apply-form .inputWrap .inputItem {width:100%;}
	
	.apply-btn {gap:5px;}
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	
	
}