/* 지원하기 */
input::-webkit-inner-spin-button {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.tal{text-align: left !important;}
.rdo-grp2{display: flex;align-items: center;gap:10px}
.rdo-grp2 > li{width: 100%;}
.rdo-grp2 > li > input{display: none;}
.rdo-grp2 > li > input + label{cursor: pointer;height: 50px;border-radius: 10px;width: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 400;color: #808080;border:1px solid #E6E6E6}
.rdo-grp2 > li > input:checked + label {color: var(--primary1);border:1px solid var(--primary1)}
.min-tit{font-size: 24px;font-weight: 700;color: #000;text-align: center;margin-bottom: 30px;letter-spacing: -0.72px;}
.min-tit2{margin-bottom: 20px;color: #0054A6;font-size: 24px;font-weight: 700;line-height: 1.5;letter-spacing: -0.48px;}
.min-txt{font-size: 18px;font-weight: 400;color: #4C4C4C;margin-bottom: 30px;letter-spacing: -0.36px;text-align: center;line-height: 1.7;}
.new-tit{font-size: 36px;font-weight: 700;color: #000;text-align: center;letter-spacing: -0.72px;}
.min-num{margin-bottom: 50px;display: flex;align-items: center;justify-content: center;gap:30px;height: 60px;padding: 50px;background: #F4F8FA;}
.min-num .tit{font-size: 20px;font-weight: 700;}
.min-num .num{color: #4C4C4C;font-size: 18px;font-weight: 400;}
.btnbx{margin:100px auto;display: flex;align-items: center;justify-content: center;gap:30px}
.btnbx > a{border:1px solid #CCCCCC;width: 100%;max-width: 180px;border-radius: 100px;height: 60px;padding: 0px 30px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 500;color: #4C4C4C;letter-spacing: -0.36px;}
.btnbx > a.next-btn{color: #0054A6;border-color:#0054A6}
.btnbx > a.rst-btn{color: #ffff;border:none;background: #0054A6;display: flex;align-items: center;justify-content: center;gap:0}
.viewbx{font-size: 16px;font-weight: 400;color: #4C4C4C;padding: 50px 30px;height: 900px;width: 100%;background: #F4F8FA;display: flex;align-items: center;justify-content: center;}
.viewbx2{padding: 80px 100px;width: 100%;background: #F4F8FA;display: flex;flex-direction: column;gap:50px;}
.viewbx2 .top .tit1{font-size: 20px;font-weight: 700;margin-bottom: 30px;}
.viewbx2 .top .txt{font-size: 18px;font-weight: 400;line-height: 1.6;}
.viewbx2 .top .txt span{font-weight: 700;}
.viewbx2 .bottom{display: flex;align-items:end;flex-direction: column;gap:70px}
.viewbx3{display: flex;padding: 50px 0;border-top:1px solid #B3B3B3;background: #fff;gap:100px;justify-content: space-between;}
.viewbx4{display: flex;flex-direction: column;padding: 50px 0;border-top:1px solid #B3B3B3;background: #fff;justify-content: space-between;}
.viewbx3 + .viewbx3{margin-top: 50px;}
.viewbx3 .prm-tit{color: #0054A6;font-size: 24px;font-weight: 700;}
.viewbx3 .left{width: 100%;max-width: 300px;}
.viewbx3 .right{width: 100%;max-width: 800px;}
.statusbar{display: flex;align-items: center;height: 10px;background: #F2F2F2;width: 100%;margin:100px auto;}
.statusbar > li.on{width: 100%;border-radius: 100px;height: 10px;background: var(--gradation, linear-gradient(90deg, #0054A6 50.06%, #5696E5 100%));}
.statusbar1 > li.on{max-width: 16.6667%;}
.statusbar2 > li.on{max-width: 33.3333%;}
.statusbar3 > li.on{max-width: 50%;}
.statusbar4 > li.on{max-width: 66.6667%;}
.statusbar5 > li.on{max-width: 83.3333%;}
.statusbar6 > li.on{max-width: 100%;}
.info-grp{margin-top: 50px;display: flex;align-items: center;justify-content: space-between;gap:30px;}
.info-grp > li{border-top:1px solid #808080;border-bottom:1px solid #808080;display: flex;align-items: center;}
.info-grp > li .tit{font-size: 18px;font-weight: 500;width: 100px;height: 60px;padding: 10px;background: #F4F8FA;display: flex;align-items: center;justify-content: center;}
.info-grp > li > input{text-align: center;width: 100%;border:none;font-size: 18px;font-weight: 400;height: 60px;}
.bottom > ul{display: flex;flex-direction: column;gap:30px}
.bottom > ul > li{display: flex;justify-content: end;gap:20px;align-items: center;}
.bottom > ul > li .tit{color: #4C4C4C;font-size: 18px;font-weight: 400;}
.bottom > ul > li input{border:none;background: #FFF;padding: 0px 20px;height: 40px;font-size: 18px;font-weight: 400;color: #4C4C4C;}
.bottom > ul > li .txt{color: #0054A6;font-size: 18px;font-weight: 400;}
.chkwrap{display: flex;align-items: center;gap:30px}
.chkwrap2{border:1px solid #e6e6e6;border-radius: 10px;padding: 0px 20px;height: 50px;}
.form-grp{display: flex;flex-direction: column;gap:50px}
.form-grp + .form-grp{margin-top: 50px;}
.form-grp > li{display: flex;flex-direction: column;gap:20px;}
.form-grp > li.row{display: flex;gap:30px;flex-direction: row;}
.form-grp > li .bx{display: flex;flex-direction: column;gap:20px;}
.form-grp > li .bx .form-inp{background: var(--97---F7F7F7, #F7F7F7);}
.form-grp > li .bx3{display: flex;justify-content: space-between;gap:50px;width: 100%;}
.form-grp > li .bx3 > div:first-child{width: 100%;}
.form-grp > li .txt{margin-top: 35px;display: flex;align-items: center;justify-content: space-between;color: #808080;font-size: 14px;font-weight: 400;}
.form-grp > li .tit{font-size: 18px;font-weight: 600;color: #000;}
.form-grp > li .tit2{font-size: 18px;font-weight: 600;color: #000;display: flex;align-items: center;justify-content: space-between;gap:15px;}
.form-grp > li .tit > span{color: #FF4646;font-weight: 500;font-size: 12px;}
.form-grp > li .bx2{position: relative;display: flex;flex-direction: column;gap:20px;width: 100%;}
.form-grp > li .bx2.before:before{content:"~";display: block;position: absolute;z-index: 1;left:103%;bottom:18px}
.form-inp{border:1px solid #E6E6E6;width: 100% ;padding: 0px 20px;height: 50px;border-radius: 10px;color: #4C4C4C;font-size: 15px;font-weight: 400;letter-spacing: -0.3px;}
.slt{background: url(../img/drop_icon.svg) no-repeat 98% center !important;appearance: none;width: 100%;font-size: 14px;font-weight: 400;padding: 0px 20px;height: 50px;border-radius: 10px;border:1px solid #E6E6E6;background: #fff;}
.rq{font-size: 16px;}
.file-upload{position: relative;display: flex; width: 100%; margin-top: 37px;justify-content: center;align-items: center;text-align: center;border-radius: 10px; background: #EFEFEF;}
.file-upload.file-upload-full{height: 320px;}
.file-input{position: absolute;bottom: 0; left: 0; visibility: hidden;}
.file-upload p{color: #656565;text-align: center;font-size: .75rem;font-style: normal;font-weight: 700;line-height: 1rem;}
.file-upload span{color: #656565;text-align: center;font-size: .625rem;font-style: normal;font-weight: 400;line-height: 1rem;}
.file-img-wrap > div{cursor: pointer;width: 83px;aspect-ratio:1;margin-top: 15px !important;}
.form-top{height: 45px;padding: 10px 20px;display: flex;align-items: center;font-size: 18px;font-weight: 600;background: #F4F8FA;}
.add-btn{cursor: pointer;height: 50px;padding: 0 20px;border-radius: 10px;border: 1px solid var(--90---E6E6E6, #E6E6E6);background: var(--100---FFFFF, #FFF);display: flex;align-items: center;justify-content: center;gap:10px;color: #0054A6;font-size: 14px;font-weight: 400;}
.datebx{position: relative;}	
.datebx .posi{position: absolute;right: 15px;top:50%;transform:translateY(-50%)}
.savebtn{margin:80px auto 0;font-size: 18px;height: 50px;width: 180px;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #fff;border-radius: 10px;border: 1px solid var(--70---B3B3B3, #B3B3B3);background: var(--point, #0054A6);}
.inbx{font-size: 14px;font-weight: 400;display: flex;align-items: center;gap:10px;}
.inbx > input{border:none;border-bottom:1px solid #B3B3B3;width: 50px;height: 20px;text-align: center;padding: 5px;}
.form-area{font-size: 15px;font-weight: 400;color: #000;height: 500px;resize:none;border-radius: 10px;padding: 20px;border:1px solid #e6e6e6;background: #fff;}
.form-area:placeholder{color: #808080;}
.bxinfo-grp{gap:50px;display: flex;flex-direction: column;margin:20px 0 50px}
.bxinfo-grp > li.row1{display: flex;gap:30px;width: 100%;}
.bxinfo-grp > li .tit2{color: #FF4646;font-weight: 500;font-size: 12px;}
.bx-row{width: 100%;display: flex;align-items: center;justify-content: center;gap:30px;background: #F4F8FA;height: 60px;}
.bx-row .tit{font-size: 20px;font-weight: 700;}
.bx-row .txt{font-size: 18px;font-weight: 400;color: #4C4C4C;}
.bx-c{width: 100%;display: flex;justify-content: center;	flex-direction: column;background: #F4F8FA;padding: 30px;gap:20px}
.bx-c .tit{font-size: 20px;font-weight: 700;}
.bx-c .txt{font-size: 18px;font-weight: 400;color: #4C4C4C;line-height: 1.6}
.print-btn{margin-left: auto;margin-bottom: 30px;height: 50px;padding: 10px;display: flex;align-items: center;justify-content: center;gap:10px;font-size: 16px;font-weight: 500;color: #0054A6;width: 100%;max-width: 200px;border-radius: 10px;border:1px solid #0054A6;}
.radio_bx > input + label{cursor: pointer;}

.drop-list-grp > li{border-top:1px solid #E6E6E6;margin-bottom: 34px;cursor: pointer;}
.drop-list-grp > li .drop_tit{padding: 30px;font-size: 20px;font-weight: 600;display: flex;align-items: center;justify-content: space-between;}
.drop-list-grp > li .drop_tit .drop-icon{rotate:0;transition:all 0.3s}
.drop-list-grp > li .drop_cont{display: none;}
.drop-list-grp > li.active .drop_tit .drop-icon{rotate:180deg;transition:all 0.3s}
.drop-list-grp > li.active .drop_cont {display: flex ;}

/* login_type */
.type-grp{display: flex;gap:40px;}
.type-grp > li > a{border-radius: 10px;overflow: hidden;width: 100%;height: 200px;padding: 50px;display: flex;flex-direction: column;gap:20px;}
.type-grp > li{width: 100%;}
.type-grp > li .tit{font-size: 30px;font-weight: 700;color: #fff;}
.type-grp > li:nth-child(1) a{background:url(../img/type_bg1.png) no-repeat center / cover;}
.type-grp > li:nth-child(2) a{background:url(../img/type_bg2.png) no-repeat center / cover;}
.type-grp > li .btn{padding:0px;font-size: 18px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: space-between;}


.form_file .upload-name{display: flex;height: 50px;padding: 10px 20px;align-items: center;align-self: stretch; border: 1px solid  #E6E6E6; width: 100%;font-size: 14px;font-weight: 400;color: var(--graycolor-000000-bk); outline:none}
.form_file{position: relative; display: flex; align-items: center; justify-content: center;}
.form_file input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.level-grp{gap:20px;display: flex;flex-direction: column;width: 100%;}
.level-grp > li{border-radius: 10px;height: 60px;padding: 0px 20px;border:1px solid #E6E6E6;background: #fff;display: flex;align-items: center;justify-content: space-between;}
.level-grp > li .end{display: flex;gap:30px;}
.level-grp > li .first{width: 40%;}
.level-grp > li .end{width: 60%;justify-content: end;}
.level-grp > li .end .md{width: 100%;}
.level-grp > li .end .last{width: 100%;}
.slt3{cursor: pointer;background: url(../img/drop_icon2.svg) no-repeat 95% center #F7F7F7 !important;
appearance: none;border:none;height: 40px;display: flex;align-items: center;justify-content: space-between;
padding: 0px 20px;width: 100%;max-width: 200px;padding: 0px 20px;background: #F7F7F7;border-radius: 1000px;}
.datebx2{border-radius: 100px;overflow: hidden;width: 100%;max-width: 200px;height: 40px;background: #F7F7F7;}
.datebx2 > input{cursor: pointer;background: #F7F7F7;height: 100%;border:none;width: 100%;padding: 0 20px;}


@media (max-width:1080px){
	.new-tit{font-size: 28px;}
	.statusbar{margin:80px auto}
	.min-tit{font-size: 22px;}
	.viewbx3 .prm-tit{font-size: 22px;}
	.min-num{padding: 28px;}
	.min-num .tit{font-size: 17px;}
	.min-num .num{font-size: 17px;}
	.viewbx3{gap:50px;}
	.form-grp > li .bx2.before:before{left:104%}
	.form-grp > li .bx{gap:15px}
	.form-grp > li.row{flex-direction: column;}
	.form-grp > li .tit{font-size: 16px;}
	.form-grp > li.row2 .bx2:last-child .tit{display: none;}
	.form-grp > li.row2{gap:12px}
	.form-grp{gap:30px}
	.form-grp > li .bx2{gap:15px}
	.info-grp > li .tit{font-size: 16px;}
	.info-grp > li > input{font-size: 16px;}
	.form-grp > li.row3{flex-direction: row;}
	.viewbx3 .left{max-width: 250px;}
	.level-grp > li .end{gap:12px;width: 70%;}
	.level-grp > li .first{width: 30%;}

	/* new_supporting1_3 */
	.bxinfo-grp{gap:20px}
	.bxinfo-grp > li.row1{gap:15px}
	.bx-row .tit{font-size: 17px;}
	.bx-row .txt{font-size: 17px;}
	.bx-c{gap:6px;padding: 22px;}
	.bx-c .tit{font-size: 17px;}
	.bx-c .txt{font-size: 16px;}
	.min-tit2{font-size: 20px;margin-bottom: 17px;}
	.min-txt{font-size: 16px;}
	.form-area{height: 300px;font-size: 15px;}
	.info-grp > li .tit{font-size: 15px;}
	.info-grp > li > input{font-size: 15px;}
	.savebtn{font-size: 16px;}
	.btnbx{gap:18px}
	.btnbx > a{font-size: 16px;}
	.viewbx4{padding: 40px 0;}
	.info-grp{margin-top: 40px;gap:15px;}
	.viewbx2{padding:55px 40px;}
	.viewbx2 .top .tit1{font-size: 18px;}
	.viewbx2 .top .txt{font-size: 16px;}
	.bottom > ul > li .tit{font-size: 16px;}
	.bottom > ul > li input{font-size: 16px;}
	.print-btn{font-size: 15px;max-width: 160px;}
	.drop-list-grp > li .drop_tit{font-size: 18px;}
	.btnbx > a{height: 56px;}
	.btnbx{margin:70px auto}
	
}
@media (max-width:820px){
	.viewbx3 .left{max-width: 200px;}
}
@media (max-width:650px){
	/* new_supporting1_2 */
	.new-tit{font-size: 24px;}
	.statusbar{margin:50px auto}
	.min-tit{font-size: 20px;}
	.info-grp{border-top:1px solid #808080;flex-direction: column;gap:0;margin-top:35px}
	.info-grp > li{width: 100%;border-top:none;}
	.info-grp > li .tit{font-size: 14px;height: 50px;}
	.info-grp > li > input{font-size: 14px;height: 50px;}
	.btnbx{gap:12px;margin:45px auto}
	.btnbx > a{max-width: 100%;font-size: 14px;height: 55px;padding: 0 22px;}
	.viewbx{height: 500px;font-size: 14px;}
	.min-num{height: 65px;padding: 20px;margin-bottom: 24px;}
	.min-num .tit{font-size: 15px;}
	.min-num .num{font-size: 15px;}
	.viewbx3{flex-direction: column;gap:35px;padding: 30px 0;}
	.viewbx3 .prm-tit{font-size: 20px;}
	.form-inp{font-size: 14px;}
	
	.form-grp{gap:24px}
	.form-grp > li{gap:12px}
	.form-grp > li .bx{gap:10px}
	.form-grp > li .bx2{gap:12px}
	.form-grp > li.row{flex-direction: column;gap:24px;}
	.form-grp > li.row2{gap:10px}
	.form-grp > li .tit{font-size: 14px;flex-direction: column;align-items: start;gap:8px}
	.form-grp > li .txt{font-size: 13px;}
	
	.viewbx3 + .viewbx3{margin-top: 30px;}
	.form-top{font-size: 16px;padding: 10px 15px;}
	.slt{font-size: 14px;padding: 0 15px;}
	.savebtn{font-size: 15px;margin: 50px auto 0;}
	.viewbx3 .left{max-width: 100%;}
	.form-grp > li .bx2.before:before{display: none;}

	/* new_supporting1_3 */
	.bxinfo-grp > li.row1{flex-direction: column;gap:12px}
	.bxinfo-grp{gap:30px}
	.bx-row .tit{font-size: 15px;}
	.bx-row .txt{font-size: 15px;}
	.bx-row{padding: 0 20px;justify-content: start;gap:12px;}
	.bx-c{padding:16px 20px;gap:8px}
	.bx-c .tit{font-size: 15px;}
	.bx-c .txt{font-size: 14px;line-height: 1.6;}
	.min-tit2{font-size: 18px;}
	.min-txt{font-size: 14px;}
	.form-area{height: 300px;}

	/* new_supporting1_4 */
	.viewbx2{padding: 30px 24px;}
	.viewbx2 .bottom{align-items: start;}
	.bottom > ul{width: 100%;gap:20px}
	.bottom > ul > li{gap:12px;flex-direction: column;width: 100%;align-items: start;}
	.bottom > ul > li .tit{font-size: 14px;}
	.bottom > ul > li .txt{font-size: 13px;}
	.bottom > ul > li input{width: 100%;font-size: 14px;padding: 0 15px;}
	
	/* new_supporting1_5 */
	.viewbx2 .top .tit1{font-size: 15px;}
	.viewbx2 .top .txt{font-size: 14px;}
	.viewbx2 .bottom{gap:40px}
	.print-btn{font-size: 14px;font-weight: 400;max-width: unset;}
	.drop-list-grp > li .drop_tit{padding:24px 16px;font-size: 16px;}
	.form-grp > li .tit{gap:6px}
	
	/* new_supporting3 */
	.level-grp{gap:10px}
	.level-grp > li:first-child{padding:4px 16px;}
	.level-grp > li{height: unset;flex-direction: column;padding:4px 16px 14px;align-items: start;}
	.level-grp > li .end{width: 100%;gap:8px}
	.slt3{max-width: 100%;}
	.datebx2{max-width: 100%;}
	.datebx2 > input{width: 100%;}
	.level-grp > li .first{width: 100%;}
	.level-grp > li .first .chkbox_div label{padding: 15px 0;font-size: 14px;}
}