@charset "UTF-8";

/******  ¼ö°­½Åû °ü·Ã ½ºÅ¸ÀϽÃÆ® ******/
div.apply-form-wrap{width:90%; margin:3rem auto;}
div.apply-form-wrap span.esse{color:red; font-weight:700; margin:2px; vertical-align:top; font-size:0.9rem;}


/* step */
div.apply-form-wrap section.apply-step{margin-bottom:3rem;}
div.apply-form-wrap section.apply-step ul.step{display:flex; align-items:flex-start; justify-content:center;}
div.apply-form-wrap section.apply-step ul.step li{margin-right:3rem; width:8rem; text-align:center;}
div.apply-form-wrap section.apply-step ul.step li:last-child{margin-right:0;}
div.apply-form-wrap section.apply-step ul.step li span.num{display:block; width:3rem; height:3rem; line-height:3rem; margin:0 auto; margin-bottom:0.5rem; text-align:center; border-radius:50%; background:#eee; color:#777; position:relative;}
div.apply-form-wrap section.apply-step ul.step li span.num:after{content:''; display:block; width:3rem; height:2px; background:#eee; position:absolute; top:50%; right:-5rem; transform:translateY(-50%);}
div.apply-form-wrap section.apply-step ul.step li:last-child span.num:after{display:none;}
div.apply-form-wrap section.apply-step ul.step li span.txt{font-size:0.9rem;}
div.apply-form-wrap section.apply-step ul.step li.on span.num{background:var(--color-main01); color:#fff; box-shadow:0 5px 20px var(--color-main01-20); font-family:'NanumNeo_EB',sans-serif;}
div.apply-form-wrap section.apply-step ul.step li.on span.txt{font-family:'NanumNeo_EB',sans-serif;}
div.apply-form-wrap section.apply-step ul.step li.chk span.num{font-size:0;}
div.apply-form-wrap section.apply-step ul.step li.chk span.num:before{content:''; display:block; width:5px; height:10px; border-width:0 2px 2px 0; border-color:#aaa; border-style:solid; position:absolute; top:48%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}

/* form */
div.apply-form-wrap section.apply-form{}
div.apply-form-wrap section.apply-form h3.apply-form-tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.6rem; margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:2px solid #333; display:flex; justify-content:space-between; align-items:flex-end;}
div.apply-form-wrap section.apply-form h3.apply-form-tit p.form-tit-explain{font-size:1rem; font-family:'NanumNeo_R',sans-serif;}
div.apply-form-wrap section.apply-form div.apply-form-con{margin-bottom:3rem;}
div.apply-form-wrap section.apply-form div.apply-form-con:last-child{margin-bottom:0;}
div.apply-form-wrap section.apply-form div.form div.form-item.autolock{}
div.apply-form-wrap section.apply-form div.form div.form-item.autolock div.con div.auto-number{width:10rem; height:3rem; text-align:center; font-style:italic; margin-bottom:0.5rem; border:2px solid #333;}
div.apply-form-wrap section.apply-form div.form div.form-item.autolock div.con div.auto-number img{display:block; width:100%; height:100%; object-fit:contain;}


/* term */
div.apply-form-wrap section.apply-form div.term div.term-con{max-height:unset; font-size:1rem;}
div.apply-form-wrap section.apply-form div.term div.term-con table .lg-t{font-size:1.1em; font-family:'NanumNeo_B',sans-serif;}
div.apply-form-wrap section.apply-form div.term div.term-con table{}
div.apply-form-wrap section.apply-form div.term div.term-con table th{padding:0.5rem;}
div.apply-form-wrap section.apply-form div.term div.term-con table td{padding:0.5rem;}
div.apply-form-wrap section.apply-form div.term div.term-chk{background:#fff; padding:1.5rem; border-top:2px solid #333;}
div.apply-form-wrap section.apply-form div.term div.term-chk label.c-input{font-size:1.5rem; padding-left:3rem;}
div.apply-form-wrap section.apply-form div.term div.term-chk label.c-input div.ci-show{width:2rem; height:2rem;}

/* survey */
div.apply-form-wrap section.apply-form.survey{}
div.apply-form-wrap section.apply-form.survey div.form{}
div.apply-form-wrap section.apply-form.survey div.form h3.apply-form-tit{margin-top:4rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.tit{}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.tit span.num{display:inline-block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:#333; color:#fff; margin-right:0.5rem; font-family:'NanumNeo_EB',sans-serif; font-size:0.9rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list{display:flex; flex-wrap:wrap; gap:1rem; align-items:center;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list li{min-width:20%;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list.type2 li{width:100%;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list li div.add-question{display:block; background:#f5f5f5; padding:0.8rem; margin-left:2rem; border-radius:0.5rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list li div.add-question p.aq-tit{font-size:0.9rem; font-family:'NanumNeo_B',sans-serif; margin-bottom:0.25rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list li div.add-question input[type="text"]{height:2.5rem; padding:0; width:100%; background:transparent; border:0; border-bottom:1px solid #000; border-radius:0; font-size:0.9rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item div.con ul.chk-list li div.add-question input[type="text"]:read-only{border-bottom:1px solid #ddd; height:0;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item.form-row div.tit{font-size:1.125rem;}
div.apply-form-wrap section.apply-form.survey div.form div.form-item.form-row div.con{margin-left:2rem;}
div.apply-form-wrap section.apply-form.survey div.term{margin-top:3rem;}
div.apply-form-wrap section.apply-form.survey div.term p.term-tit{background:#333; text-align:center; padding:1rem; color:#fff; font-size:1.125rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:1rem; border-radius:1rem 1rem 0 0;}
div.apply-form-wrap section.apply-form.survey div.term div.term-con{line-height:1.6; font-size:1rem;}


/* button */
div.apply-form-wrap section.apply-btn{margin-top:3rem; text-align:center;}
div.apply-form-wrap section.apply-btn > a{display:inline-block; margin:0 0.25rem; padding:1rem 2rem; border-radius:5px; font-size:1.25rem;}
div.apply-form-wrap section.apply-btn > a.confirm{background:#333; color:#fff; border:1px solid #333; font-family:'NanumNeo_B',sans-serif;}
div.apply-form-wrap section.apply-btn > a.cancel{border:1px solid #aaa; background:#fff; color:#777;}


/* result */
div.apply-form-wrap section.apply-result{width:80%; margin:3rem auto;}
div.apply-form-wrap section.apply-result p.tit{font-size:2rem; text-align:center; margin-bottom:2rem; font-family:'NanumNeo_EB',sans-serif; word-break:keep-all;}
div.apply-form-wrap section.apply-result p.tit:before{content:''; display:block; width:4rem; height:4rem; background:url("/fro_end/img/ico_complete.svg")center/100% auto no-repeat; margin:0 auto;}
div.apply-form-wrap section.apply-result table.table01{font-size:1.125rem;}
div.apply-form-wrap section.apply-result table.table01 tr:hover{background:#fff;}





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

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

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

@media screen and (max-width:1024px){
	
	div.apply-form-wrap{width:100%;}

	/* result */
	div.apply-form-wrap section.apply-result{width:100%;}

}

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

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

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

	/* step */
	div.apply-form-wrap section.apply-step ul.step li{width:5rem; margin-right:1rem;}
	div.apply-form-wrap section.apply-step ul.step li span.num:after{width:2rem; right:-2.5rem;}

	/* button */
	div.apply-form-wrap section.apply-btn > a{font-size:1.15rem; padding:0.8rem 1.4rem; margin:0 2px;}

	/* apply */
	div.apply-form-wrap.step1 section.apply-form div.apply-form-con div.term div.term-chk label.c-input{font-size:1.3rem; padding-left:2rem;}
	div.apply-form-wrap.step1 section.apply-form div.apply-form-con div.term div.term-chk label.c-input div.ci-show{width:1.5rem; height:1.5rem;}

}

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

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