@charset "utf-8";
@font-face{
	font-family: 'Pretendard';
	font-weight: 300;
	src: url("../fonts/Pretendard_Light.woff2") format('woff2'),
	url("../fonts/Pretendard_Light.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 400;
	src: url("../fonts/Pretendard_Regular.woff2") format('woff2'),
	url("../fonts/Pretendard_Regular.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 500;
	src: url("../fonts/Pretendard_SemiBold.woff2") format('woff2'),
	url("../fonts/Pretendard_SemiBold.woff") format('woff');
}
@font-face{
	font-family: 'Pretendard';
	font-weight: 600;
	src: url("../fonts/Pretendard_Bold.woff2") format('woff2'),
	url("../fonts/Pretendard_Bold.woff") format('woff');
}



#wrapper{overflow: hidden;}
body{font-family: 'Pretendard','Noto Sans KR', "Inter", "Rubik", "Open Sans", "Roboto", sans-serif;}


.apply_bg_color{position:relative;}
.apply_bg_color::before{position:absolute; display:block; width:100vw; height:100%; left:50%; top:0; transform: translateX(-50%); content:''; background:#ffebcc; z-index:-1; }



/*신청메인화면*/
.apply_main{padding-top:80px; padding-bottom:80px; max-width:100%;}
.apply_main img{max-width:100%;}
.apply_main .group{display:flex; justify-content:center; align-items: center; gap:120px;}
.apply_main .item.con{width:500px;}
.apply_main .item.con .n1{position:relative;}
.apply_main .item.con .n1 .robot{position:absolute; display:block; width:98px; height:103px; right:0; top:-35px; content:''; background:url('../../img/ssafy/visual_robot.png') no-repeat center center / contain; z-index:-1; }
.apply_main .item.con .n2{margin-top:30px;}
.apply_main .btn_anchor{margin-top:60px; text-align:center;}
.apply_main .btn_anchor .anchor{display:inline-block; max-width:100%; transition:0.3s;}
.apply_main .btn_anchor .anchor:hover{margin-left:-30px;}
@media screen and (max-width:1200px){
    .apply_main .group{gap:80px;}
    .apply_main .item.con{width:450px; max-width:100%; margin-top:50px; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width:991px){
    .apply_main .group{display:block; gap:0;}
    .apply_main .item{text-align:center;}
    .apply_main .item.con img{width:100%}
    .apply_main .item.con .n1 .robot{width:75px; height:79px; top:-30px;}
    .apply_main .item.con .n2{margin-top:40px;}
}
@media screen and (max-width:640px){
    .apply_main{padding-top:50px; padding-bottom:50px;}
    .apply_main .item.image img{width:70%;}
    .apply_main .item.con{width:95%; max-width:450px;}
    .apply_main .item.con .n2{margin-top:30px;}
    .apply_main .btn_anchor{width:300px; margin:30px auto 0 auto;}
}
@media screen and (max-width:400px){
    .apply_main .btn_anchor{width:250px;}
}
/*애니메이션*/
.apply_main .item.image{animation:animation_Up 1s .2s both;}
.apply_main .item.con .n1{animation:animation_Up 1s .6s both;}
.apply_main .item.con .n2{animation:animation_Up 1s 1s both;}
.apply_main .item.con .n1 .robot {opacity:0; transform: translateY(50px); transform-origin: bottom right; animation: animation_Up 0.6s forwards, waveHand 1.3s infinite linear;animation-delay: 1.4s, 2s;}
.apply_main .btn_anchor{animation:animation_fade 1s 1.4s both;}
@keyframes animation_Up {
	0%{opacity:0; transform: translateY(50px);}
	100%{opacity:1; transform: translateY(0);}
}
@keyframes waveHand {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(5deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
@keyframes animation_fade {
	0%{opacity:0;}
	100%{opacity:1;}
}






/*온라인 신청 메인화면*/
.online_main{padding-top:80px; padding-bottom:80px; max-width:100%;}
.online_main img{max-width:100%;}
.online_main .group{display:flex; justify-content:center; align-items: center; gap:120px;}
.online_main .item.image img{min-width:473px;}
.online_main .item.con{padding:30px; background-color:#fff; border-radius:40px; border:3px solid #16469D; text-align:center; box-sizing: border-box;}
.online_main .item.con .n1{position:relative;}
.online_main .item.con .n1 img{width:393px;}
.online_main .item.con .n2{position:relative; margin-top:30px; padding-bottom:20px;}
.online_main .item.con .n2::before{position:absolute; display:block; width:100%; height:1px; left:0; bottom:0; content:''; background:url('../../img/ssafy/online_visual_line.png') repeat-x;}
.online_main .item.con .n2 img{width:300px;}
.online_main .item.con .n3{margin-top:20px;}
.online_main .item.con .n3 img{width:300px;}
.online_main .item.con .n4{margin-top:30px;}
.online_main .item.con .n4 .merit{display:flex; flex-wrap: wrap;}
.online_main .item.con .n4 .merit .box{width:calc((100% - 20px)/2);}
.online_main .item.con .n4 .merit .box:nth-child(odd){margin-right:20px;}
.online_main .item.con .n4 .merit .box:nth-child(+n+3){margin-top:20px;}
.online_main .item.con .n4 .merit img{width:100%;}
.online_main .btn_anchor{margin-top:60px; text-align:center;}
.online_main .btn_anchor .anchor{display:inline-block; max-width:100%; transition:0.3s;}
.online_main .btn_anchor .anchor:hover{margin-left:-30px;}
.online_main .not_date{display:flex; justify-content: center; align-items: center; margin-top:20px;}
.online_main .not_date .text{font-size:24px; font-weight:600; letter-spacing: -0.02em;}
.online_main .not_date .text.dt{position:relative; padding-right:10px; margin-right:10px; color:#16469D;}
.online_main .not_date .text.dt::before{position:absolute; display:block; width:2px; height:20px; right:0; top:8px; content:''; background:#16469D;}
.online_main .not_date .text.dd{color:#111;}
@media screen and (max-width:1200px){
    .online_main .group{gap:80px;}
    .online_main .item.image img{min-width:408px; max-width:100%;}
    .online_main .item.con .n1 img{max-width:86%; margin-left:auto; margin-right:auto;}
    .online_main .item.con .n2 img{max-width:90%; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width:991px){
    .online_main .group{display:block; gap:0;}
    .online_main .item{text-align:center;}
    .online_main .item.con{width:450px; max-width:100%; margin-top:50px; margin-left:auto; margin-right:auto;}
    .online_main .item.con img{width:100%}
    .online_main .item.con .n4 .merit .box{width:calc((100% - 10px)/2);}
    .online_main .item.con .n4 .merit .box:nth-child(odd){margin-right:10px;}
    .online_main .item.con .n4 .merit .box:nth-child(+n+3){margin-top:10px;}
    .online_main .not_date .text{font-size:20px;}
}
@media screen and (max-width:640px){
    .online_main{padding-top:50px; padding-bottom:50px;}
    .online_main .item.image img{width:70% !important; min-width:0;}
    .online_main .item.con{width:95%; max-width:450px; border-radius:20px;}
    .online_main .item.con .n2{margin-top:20px;}
    .online_main .item.con .n4{margin-top:20px;}
    .online_main .btn_anchor{width:300px; margin:30px auto 0 auto;}
    .online_main .not_date{flex-direction: column; margin-top:10px;}
    .online_main .not_date .text{font-size:18px;}
    .online_main .not_date .text.dt{padding-right:0; margin-right:0;}
    .online_main .not_date .text.dt::before{display:none;}
}
@media screen and (max-width:400px){
    .online_main .btn_anchor{width:250px;}
}
/*애니메이션*/
.online_main .item.image{animation:animation_Up 1s .2s both;}
.online_main .item.con{animation:animation_fade 1s 0.7s both;}
.online_main .item.con .n1{animation:animation_Up 1s .6s both;}
.online_main .item.con .n2{animation:animation_Up 1s 1s both;}
.online_main .item.con .n3{animation:animation_Up 1s 1.4s both;}
.online_main .item.con .n4 .merit .box1{animation:animation_right 0.7s 1.6s both;}
.online_main .item.con .n4 .merit .box2{animation:animation_left 0.7s 1.8s both;}
.online_main .item.con .n4 .merit .box3{animation:animation_right 0.7s 2.0s both;}
.online_main .item.con .n4 .merit .box4{animation:animation_left 0.7s 2.2s both;}
.online_main .btn_anchor{animation:animation_fade 1s 2.5s both;}
.online_main .not_date{animation:animation_fade 1s 2.7s both;}
@keyframes animation_right {
	0%{opacity:0; transform: translateX(-50px);}
	100%{opacity:1; transform: translateX(0);}
}
@keyframes animation_left {
	0%{opacity:0; transform: translateX(50px);}
	100%{opacity:1; transform: translateX(0);}
}










/*write*/
.apply_write .intro{max-width:1200px; padding:30px; background-color:rgba(255,255,255,0.9); border-radius:10px; box-sizing: border-box;}
.apply_write .intro .title{padding-top:15px; padding-bottom:15px; color:#fff; text-align:center; border-radius:10px; background-color:#f16900; word-break: keep-all;}
.apply_write .intro .title br{display:none;}
.apply_write .intro .desc{margin-top:30px; font-size:20px; line-height:1.4; text-align:center; word-break: keep-all;}

.form_container{max-width:1200px; padding:30px 40px; background-color:#fff; border-radius:10px; box-sizing: border-box;}

.form-check-input{margin-top:2px; background-color:#fff; border-color:#ccc;}
.form-check-input:checked{background-color:#f16900 !important; border-color:#f16900 !important;}
.form-check-input + .form-check-label{cursor: pointer;}
.form-control:focus{ border-color:#f16900; box-shadow:0 0 25px rgba(109,206,245,0.1);}

.write_apply_btn .btn-primary{display:block; height:50px; margin-top:40px; padding:0 10px; line-height:50px; font-size:18px; font-weight:600; background-color:#f16900; color:#fff; border:none;}
.write_apply_btn .btn-primary:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.write_apply_btn .btn-primary i::before{font-weight:600;}
@media screen and (max-width:1200px){
    .apply_write{padding-top:60px !important;}
    .form_container{margin-top:20px;}
}
@media screen and (max-width:991px){
    .apply_write .intro .title{font-size:24px;}
    .apply_write .intro .desc{font-size:18px;}
    
}
@media screen and (max-width:640px){
    .apply_write{padding-top:15px !important;}
    .apply_write .intro{padding:20px;}
    .apply_write .intro .title{font-size:20px;}
    .apply_write .intro .title br{display:block;}
    .apply_write .intro .desc{margin-top:20px; font-size:16px;}
    .form_container{padding:30px 20px;}
    
}
@media screen and (max-width:575px){
    .apply_write{padding-left:15px !important; padding-right:15px !important;}
}











/*result*/
.apply_result{height:calc(100vh - 112px);}
.apply_result .container{padding:60px 60px; background-color:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.05); border-radius:30px;}
.apply_result .page_title{margin-bottom:0; text-align:center; word-break: keep-all;}


.apply_result .result_info{margin-top:40px; padding-top:40px; border-top:1px solid #ccc; text-align:center;}
.apply_result .result_info .title span{display:inline-block; padding:10px 40px; font-weight:600; font-size:18px; color:#fff; background-color:#f16900; border-radius:30px; text-shadow: 3px 3px 10px rgba(0,0,0,0.1);}
.apply_result .result_info .desc{margin-top:30px; margin-bottom:0; font-size:20px; color:#111; font-weight:500;}
.apply_result .result_info .desc .item{display:inline-block}
.apply_result .result_info .desc .item + .item{margin-left:50px;}
.apply_result .result_info .desc span{position:relative; display:inline-block; padding-left:50px;}
.apply_result .result_info .desc span .anchor{color:#111;}
.apply_result .result_info .desc span::before{position:absolute; display:block; width:40px; height:40px; left:0; top:50%; transform: translateY(-50%); content:''; border-radius:100%;}
.apply_result .result_info .desc span.tel::before{background:#fc9c51 url('../../img/ssafy/reault_tel.png') no-repeat center center / 70%;}
.apply_result .result_info .desc span.email::before{background:#fc9c51 url('../../img/ssafy/reault_email.png') no-repeat center center / 70%;}
@media screen and (max-width:1200px){
    .apply_result .page_title{font-size:27px;}

}
@media screen and (max-width:991px){
    .apply_result .page_title{font-size:24px;}
    .apply_result .result_info{margin-top:25px; padding-top:25px;}
}

@media screen and (max-width:768px){
    .apply_result{padding-top:40px !important;}
    .apply_result .container{padding:50px 30px;}
    .apply_result .result_info .title span{padding:8px 30px; font-size:16px;}
    .apply_result .result_info .desc{margin-top:20px; font-size:18px;}
    .apply_result .result_info .desc .item{display:block;}
    .apply_result .result_info .desc .item + .item{margin-left:0; margin-top:15px;}
    .apply_result .result_info .desc span{padding-left:38px;}
    .apply_result .result_info .desc span::before{width:30px; height:30px;}
    .apply_result .result_info .desc span.tel::before{background-size:60%;}
    .apply_result .result_info .desc span.email::before{background-size:60%;}
    
}
@media screen and (max-width:575px){
    .apply_result{padding-left:15px !important; padding-right:15px !important;}
}





/*온라인*/
.apply_write.online_write .intro .desc span{padding:3px 7px; color:#000; font-weight:600; background-color:#ffe178;}
.online_write .intro .info{margin-top:30px; padding:30px; border:5px solid #82D5F7; border-radius:30px; background-color:#fff; text-align:center;}
.online_write .intro .info .ul{display:flex; justify-content: center; align-items: center; gap:40px; margin:0; padding:0; list-style: none;}
.online_write .intro .info .li{min-width:300px; margin:0; padding:0; list-style: none;}
.online_write .intro .info .li p{margin-bottom:0;}
.online_write .intro .info .li .dt{padding:10px 30px; font-size:20px; line-height:1.1; font-weight:600; color:#fff; background-color:#16469d; border-radius:30px; letter-spacing: -0.02em;}
.online_write .intro .info .li .dd{margin-top:10px; font-size:22px; line-height:1.3; font-weight:600; color:#222; letter-spacing: -0.02em;}
@media screen and (max-width:1000px){
    .online_write .intro .info .ul{gap:0;}
    .online_write .intro .info .li .dt{width:180px; margin-left:auto; margin-right:auto; font-size:18px;}
    .online_write .intro .info .li .dd{font-size:20px;}
}
@media screen and (max-width:768px){
    .online_write .intro .info{padding:20px; border-width: 3px;}
    .online_write .intro .info .ul{flex-direction: column; gap:20px;}
    .online_write .intro .info .li .dt{font-size:16px;}
    .online_write .intro .info .li .dd{margin-top:5px; font-size:18px;}
}