#container{padding: 120px 0;}
.sub_content{padding: 60px 0 0;}
.sub_tab{padding-bottom: 60px;}

.main_t {width: 100%; height: 100vh; overflow: hidden; background: url(/img/banner_img-445d9d47869653533ca6fc7dd02e5e3f.png) no-repeat; background-size: cover; background-position: center;}
.main_t .sec_box {height: 100%;}
.main_t .main_banner{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%; position: relative;margin-bottom: 100px;}
.main_t .main_banner img{max-width: 1000px;}
.main_t .main_banner .btn{margin-bottom: 80px;margin-top: 20px;}
.main_t .main_banner .btn a{background: #39BDFF; color: #fff; padding: 20px 40px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem;}
.main_t .main_banner .btn a::after{content: ''; background: url(/img/ico_arrow_w-6e852bc753e652e586a7d66796e35e30.png) no-repeat;width: 24px; height: 24px; display: block;}

.paging-wrap {position: absolute;bottom: 50px !important;left: 50% !important;transform: translateX(-50%);z-index: 10;width: auto !important;}
.paging-wrap .swiper-pagination-bullet {width: 12px;height: 12px;background: #ffffffc0;opacity: 1;margin: 0 4px !important;border-radius: 50%;}
.paging-wrap .swiper-pagination-bullet-active {background: #19478C;width: 12px;border-radius: 10px;transition: 0.3s;}

/* paging */
.paging {text-align: center; margin-top: 40px;display: flex; justify-content: center; align-items: center;} 
.paging img{vertical-align: middle;}
.paging ol {display: flex; align-items: center; justify-content: center; gap: 2px;} 
.paging ol li a {font-size: 1em; padding: 0 5px;  border-radius: 50px; width: 40px; height: 40px; line-height: 40px; display: block;} 
.paging ol li a.this { background: #39BDFF; color: #fff; } 


.main_ev{background: url(/img/main_ev_bg-d0c7b509b4a9d1badada89e58a322a5d.png) no-repeat;position: relative; background-position: center;}
.main_ev .txt_box{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main_ev .txt_box .desc{font-size: 2rem; color: #fff; text-align: center; font-weight: 600;}
.main_ev .btn a{background: #fff; color: #000; padding: 20px 40px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem;}
.main_ev .btn a::after{content: ''; background: url(/img/ico_arrow_b-cd6ec0d535cb7894bb5d9bbd87dedf74.png) no-repeat;width: 24px; height: 24px; display: block;}
.main_ev .btn button{background: #fff; color: #000; padding: 20px 40px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem;}
.main_ev .btn button::after{content: ''; background: url(/img/ico_arrow_b-cd6ec0d535cb7894bb5d9bbd87dedf74.png) no-repeat;width: 24px; height: 24px; display: block;}


.main_info{width:100%;}
.main_info_inner{display:flex;width:100%;min-height:480px;overflow:hidden;background-size:cover;}
.info_item{position:relative;flex:1;min-width:0;color:#fff;cursor:pointer;transition:flex .7s cubic-bezier(.22,.61,.36,1); background-position: center;}
.info_item:nth-child(1){background-image:url('/img/main_info01-a7bd305db5b3b0be5a8f82ca3ffbdc3f.png');}
.info_item:nth-child(2){background-image:url('/img/main_info02-1fa0fe05a31665242b5153b60de463c7.png');}
.info_item:nth-child(3){background-image:url('/img/main_info03-38432a178b37724941ef403c9ceaacb7.png');}
.info_item + .info_item{border-left:1px solid #525252;}
.info_item.on{flex:3;background:#17BC9B;}
.info_item:nth-child(2).on{flex:3;background:#692DD0;}
.info_item:nth-child(3).on{flex:3;background:#D0302A;}
.info_inner{position:absolute;left:0;top: 50%; transform: translateY(-50%); width:100%;padding:60px 50px;}
.info_inner .tit div{font-size: 1.25rem;margin-top: 10px;}
.info_inner .tit .detail{display: none;}
.info_inner .tit .more{text-align: center;}
.info_inner .more{display: flex; align-items: center;justify-content: center;gap: 5px;}
.info_inner .more::after{content: ''; background: url(/img/ico_arrow_w-6e852bc753e652e586a7d66796e35e30.png) no-repeat;width: 24px; height: 24px; display: block;}
.info_item.on .info_inner .tit .more{display: none;}
.info_item.on .info_inner .tit .detail{display: block;}

.info_item h3{margin:0;font-size:3rem;text-align: center; font-weight:700;line-height:1;white-space:nowrap;}
.info_item.on h3{text-align: left;}
.info_content{max-height:0;margin-top:0;opacity:0;overflow:hidden;transform:translateY(20px);transition:max-height .6s ease,opacity .4s ease,transform .5s ease,margin-top .5s ease; display: flex; align-items: end; justify-content: space-between;}
.info_item.on .info_content{max-height:300px;margin-top:30px;opacity:1;transform:translateY(0);}
.info_content p{margin:0 0 20px;font-size:1rem;font-weight:400;line-height:1.7;}
.info_content .btn a{background: #000; color: #fff; padding: 20px 40px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem;}
.info_content .btn button{background: #000; color: #fff; padding: 20px 40px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem;}
.info_content .btn a::after{content: ''; background: url(/img/ico_arrow_w-6e852bc753e652e586a7d66796e35e30.png) no-repeat;width: 24px; height: 24px; display: block;}
.info_content ul{display: flex; gap: 60px;text-align: center;}
.info_content ul h4{font-size: 1.5rem;}

.main_apply{background:url('/img/apply_banner-458bb47d00c73f9445bb2ca037b5a482.png') no-repeat;background-size: cover; display: flex; align-items: center;flex-direction: column;padding: 60px 0; gap: 20px;}
.main_apply .btn{margin-top: 0;}
.main_apply .btn a{font-size: 2.5rem;color: #fff;display: flex; align-items: center;justify-content: center;gap: 15px;}
.main_apply .btn a::after{content: ''; background: url(/img/ico_arrow_w-39d9bef50f799f6450235b851e0a9535.svg) no-repeat;width: 50px; height: 20px;background-size: cover; display: block;}
.main_apply .btn button{font-size: 1.75rem;color: #fff;display: flex; align-items: center;justify-content: center;gap: 5px;}
.main_apply .btn button::after{content: ''; background: url(/img/ico_arrow_w-6e852bc753e652e586a7d66796e35e30.png) no-repeat;width: 24px; height: 24px; display: block;}


/* sub page */
.sub_t{text-align: center; color: #fff;}
.sub_t .sec_box{background: url(/img/sub_banner.png) no-repeat;background-size: cover; width: 100%; padding: 200px 0;}
.sub_t.about .sec_box{background: url(/img/sub_banner_about-b911a887de83e43862e65009195ed8d4.png) no-repeat;background-size: cover;}
.sub_t.notice .sec_box{background: url(/img/sub_banner_notice-c2aab45ac47217b5099e2bdacc04e746.png) no-repeat;background-size: cover;}
.sub_t.faq .sec_box{background: url(/img/sub_banner_faq-fca7212a5af2e7749a00655b179aa2bf.png) no-repeat;background-size: cover;}
.sub_t.apply .sec_box{background: url(/img/sub_banner_apply-6f2fa22a15e59d0cf918ae48dbf1018a.png) no-repeat;background-size: cover;}
.sub_t.apply_detail .sec_box{background: url(/img/sub_banner_apply_detail-cdf70e54189ce54820c8c86b4d6b74f6.png) no-repeat;background-size: cover;}
.sub_t.course .sec_box{background: url(/img/sub_banner_course-ff06af77366f77a1537396293e30fa34.png) no-repeat;background-size: cover;}
.sub_t .sec_box div{font-size: 3rem; font-weight: 700;}

.countdown_wrap{display:flex;justify-content:center;align-items:flex-start;gap:20px;position: absolute;z-index: 99;bottom: 0;left: 50%;transform: translateX(-50%);background: #000;width: 100%;padding: 30px 0;}
.countdown_wrap .time_box{display:flex;flex-direction:column;align-items:center;min-width:150px;}
.countdown_wrap .num{font-size:3.5rem;font-weight:700;line-height:1;color:#fff;}
.countdown_wrap .txt{margin-top:5px;font-size:1.25rem;font-weight:500;letter-spacing:2px;color:#fff;}
.countdown_wrap .colon{font-size:42px;font-weight:700;color:#fff;}

.sub_apply .inner{max-width: 1200px;}
.apply_form .form_item{padding: 40px 0;}
.apply_form .form_tit{font-size: 1.75rem; font-weight: 600;margin-bottom: 24px;position: relative; line-height: 1.5; padding-left: 30px; color: #fff; z-index: 1;}
.apply_form .form_tit::before{content: ''; background: url(/img/apply_tit_bg-d8f57a9ecf2bbd4964e2b014660c16b6.png) no-repeat; position: absolute;width: 272px; height: 42px; z-index:-1; left: 0;}
.apply_form .form_box label{flex-shrink: 0;font-size: 1.125rem;font-weight: 500;width: 180px;height: 50px;line-height: 50px;}
.apply_form .form_row{display: grid; gap:16px}
.apply_form .form_row.center{text-align: center;}
.apply_form .form_row .form_box {display: flex;align-items: start;}
.apply_form .form_row .form_box .input {width: 100%; display: grid; gap: 16px;}
.apply_form .form_row .form_box .input .flex{display: flex; align-items: center; gap: 10px;}
.apply_form .form_row .form_box .input input {width: 100%;display: block;border: 1px solid #ddd;padding: 15px;border-radius: 10px;}
.apply_form .form_row .form_box .input input:disabled{background: #f3f3f3;}
.apply_form .form_row .form_box .input input::placeholder{color: #aaa;}
.apply_form .form_row .edit-field input {width: 100%;display: block;border: 1px solid #ddd;padding: 15px;border-radius: 10px;}
.apply_form .form_row .edit-field input:disabled{background: #f3f3f3;}
.apply_form .form_row .edit-field input::placeholder{color: #aaa;}
.apply_form .form_row .form_box .select select {color: #000;border-radius: 10px;}
.apply_form .form_row .form_box .select select:disabled{background: #f3f3f3;}
.apply_form .form_row .form_box .w-33{display: flex; align-items: center; gap: 10px;}
.apply_form .form_row .form_box .w-50{display: flex; align-items: center; gap: 10px;}
.apply_form .form_row .form_box .btn_b{background: #000; color: #fff;height: 50px;line-height: 50px; border-radius: 10px;width: 150px;flex-shrink: 0; text-align: center;}
.apply_form .form_row .form_box .btn_b.btn_down{background: #39BDFF;}
.apply_form .form_row .form_box .input.radio {display: flex;flex-wrap: wrap; align-items: center;gap:5px 20px;}
.apply_form .form_row .form_box .input.radio label {display: flex;gap: 5px;align-items: center; width: auto;}
.apply_form .form_row .form_box .input.radio input[type="radio"] {flex-shrink: 0;accent-color: #239cd8;width: 1rem;margin-top: -1px;height: 30px;}
.apply_form .form_row .form_box .input.radio input[type='radio']:checked {background-color: var(--mainColor);}
.apply_form .form_row .comt{font-size: 0.875rem; display: block; margin-top: 10px; font-weight: 400;color: #222;}
.apply_form .form_row .medal{margin-top: 30px;}
.apply_form .form_row .medal p{font-size: 0.875rem; margin-top: 20px;font-weight: 400;color: #222;}
.apply_form .form_row .upload_file{display: flex; gap: 10px;}
.apply_form .form_row .upload_file div{display: flex; align-items: center; gap: 5px; cursor: pointer;}
.apply_form .form_row .upload_file a{font-size: 1.25rem; font-weight: 400;}
.apply_form .form_row .upload_file button{font-size: 1.25rem; font-weight: 400;}
.apply_form .form_row .form_box .w-50.end{align-items: end;}
.apply_form .form_row .form_box .reg_cert{min-width: 200px;}

.apply_form .sub_box .chk_box {width: 24px;height: 24px;flex-shrink: 0;position: relative;background: url(/img/pop_check_off-c8af607ad9710be14656990dd85f1519.png) no-repeat;background-size: cover;}
.apply_form .sub_box input:checked + .chk_box::after {content: '';position: absolute;top: 50%;left: 50%;width: 24px;height: 24px;background: url(/img/pop_check_on-bb4a8131ce1e38f795d3b0c13376999e.png) no-repeat;background-size: cover;transform: translate(-50%, -50%); border-radius: 3px;}
.apply_form .sub_box .input{display: grid; gap: 15px;}
.apply_form .sub_box .input input {width: 100%;display: block;border: 1px solid #ddd;padding: 15px;border-radius: 10px;}
.apply_form .sub_box .agree{display: flex; justify-content: space-between;}
.apply_form .sub_box .agree label{display: flex; align-items: center; gap: 10px;}
.apply_form .sub_box .agree div {font-weight: 500;font-size: 1.25rem;}
.apply_form .sub_box .agree input {display: none;}
.apply_form .sub_box .agree button{border-bottom: 1px solid #000;padding: 0;}
.apply_form .timer_input{position: relative;}
.detail_wrap .btn.receipt{margin-top: 0;width: 180px; width: 200px;}
.apply_form .timer_input .timer{position: absolute;color: #aaa; font-weight: 400; right: 20px;top: 50%; transform: translateY(-50%);}
.apply_wrap .btn a{color: #fff; background: #39BDFF;display: inline-block; padding: 13px 60px;border-radius: 50px;font-size: 1.5rem;}
.apply_wrap .btn button{color: #fff; background: #39BDFF;display: inline-block; padding: 13px 60px;border-radius: 50px;font-size: 1.5rem;}

.apply_form .group_item{background: #FAFAFA; padding: 40px;border-radius: 20px; border: 1px solid #DDDDDD;margin-top: 40px;}
.apply_form .group_item .form_item{padding: 0; margin-top: 30px;}
.apply_form .group_item .form_item:first-child{margin-top: 0;}
.apply_form .group_item .group_btn{display: flex; justify-content: right; margin-top: 30px; gap: 10px;}
.apply_form .group_item .group_btn .add_btn{background: #000; color: #fff; border-radius: 10px;padding: 12px 36px; font-size: 1.125rem;}
.apply_form .group_item .group_btn .del_btn{background: #fff; color: #000;border:1px solid #000; border-radius: 10px;padding: 12px 36px; font-size: 1.125rem;}

.step_tit{font-size: 1.125rem;}
.step_box{background: #FAFAFA; border: 1px solid #DDDDDD; padding: 40px;border-radius: 20px;margin-top: 30px;}
.apply_complete{text-align: center; font-size: 2rem;}

.sub_about .inner{max-width: 1200px;}
.about_wrap .btn a{color: #fff; background: #39BDFF;display: inline-block; padding: 13px 60px;border-radius: 50px;font-size: 1.5rem;}
.about_wrap .btn button{color: #fff; background: #39BDFF;display: inline-block; padding: 13px 60px;border-radius: 50px;font-size: 1.5rem;}

.content_box .con_tit {font-size: 1.75rem;font-weight: 600;margin-bottom: 24px;position: relative;line-height: 1.5;padding-left: 30px;color: #fff;z-index: 1;}
.content_box .con_tit::before {content: '';background: url(/img/apply_tit_bg-d8f57a9ecf2bbd4964e2b014660c16b6.png) no-repeat;position: absolute;width: 272px;height: 42px;z-index: -1;left: 0;}
.content_box .con_tit.long::before {content: '';background: url(/img/tit_bg-1b174473d55dd9105af5a3284a2a19c4.png) no-repeat;position: absolute;width: 352px;height: 42px;z-index: -1;left: 0;}
.content_box .info_box li {display: flex;align-items: center;gap: 24px;border-bottom: 1px solid #ddd;padding: 24px 0; height: 80px;}
.content_box .info_box .gu {color: #3498DB;font-weight: 600;flex-shrink: 0;font-size: 1.125rem;padding: 0 20px;width: 120px;}
.content_box .info_box .nae{font-size: 1.125rem;}
.content_box .info_box .nae .logo_box{display: flex;flex-wrap: wrap; align-items: center; gap: 10px;}
.content_box .info_box .nae .logo_box img{vertical-align: middle;}

.content_box .info_table table{width: 100%;}
.content_box .info_table tr{border-bottom: 1px solid #DDDDDD;}
.content_box .info_table tr:first-child{border-top: 2px solid #3498DB;}
.content_box .info_table tr:last-child{border-bottom: 2px solid #3498DB;}
.content_box .info_table th{color: #3498DB; font-weight: 700;padding: 26px 10px; text-align: center;font-size: 1.125rem;}
.content_box .info_table td{text-align: center; font-size: 1.125rem;padding: 26px 10px; vertical-align: middle;}

/* 캠페인 */
.campaign_box .txt_box{padding: 40px; background: #fafafa; border: 1px solid #ddd; border-radius: 20px; font-size: 1.25rem;}
.campaign_box .txt_box span{background: #def1fb;}
.campaign_box .txt_box span.color{color: #3498DB; font-weight: 700;}
.campaign_box .txt_box b{color: #3498DB; font-weight: 700;}
.campaign_box .img_list{display: grid;grid-template-columns: repeat(4, 1fr); text-align: center; gap: 30px;margin-top: 30px;}
.campaign_box .img_list img{display: block;}
.campaign_box .img_list .tit{color: #2090c3;font-weight: 700;font-size: 1.5rem;margin-top: 10px;}
.campaign_box .img_list .nae{font-size: 1.25rem;margin-top: 5px;}

.campaign_box .desc_box li {display: flex;border-bottom: 1px solid #ddd;padding: 30px 0;}
.campaign_box .desc_box li:first-child{border-top: 2px solid #3498DB;}
.campaign_box .desc_box li:last-child{border-bottom: 2px solid #3498DB;}
.campaign_box .desc_box .gu {color: #BDE4F8;font-weight: 900;flex-shrink: 0;font-size: 2.5rem;line-height: 1.2;padding: 0 30px;}
.campaign_box .desc_box .nae .tit{font-size: 1.5rem; color: #3498DB; font-weight: 700;margin-bottom: 5px;}
.campaign_box .desc_box .nae p{font-size: 1.125rem;}

.history {width: 100%;padding: 80px 0 0 0;}
.timeline {position: relative;width: 100%;max-width: 1200px;margin: 0 auto; padding: 60px 0;}
.timeline::before {content: "";position: absolute;left: 50%;top: 0;width: 2px;height: 100%;background: #2090C3;transform: translateX(-50%);}
.timeline_item {display: flex;align-items: center; justify-content: center;position: relative;margin-bottom: 30px;}
.timeline_item.txt-item{margin-bottom: 30px;}
.timeline_item .date{font-weight: 700;font-size: 1.25rem;}
.timeline_item.mb-30{margin-bottom: 30px;}
.timeline_item .year2019 img{position: absolute; left: 50%; transform: translateX(-50%); margin-left: -200px; top: -50px;}
.timeline_item .year2020 img{position: absolute; left: 50%; transform: translateX(-50%); margin-left: 210px; top: -50px;}
.timeline .timeline_item.txt-item div{font-size: 1.25rem;font-weight: 500;}
.timeline .timeline_item.r_line .timeline_right::before{content: ''; background: #fff; border: 2px solid #39BDFF; width: 20px; height: 20px; border-radius: 30px; position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 9;}
.timeline .timeline_item.r_line .timeline_right::after{content: ''; background: #39BDFF; width: 70px; height: 2px; position: absolute;top:50%;left: 50%; transform: translate(-50%,-50%); margin-left: 30px;}
.timeline .timeline_item.l_line .timeline_left::before{content: ''; background: #fff; border: 2px solid #39BDFF; width: 20px; height: 20px; border-radius: 30px; position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 9;}
.timeline .timeline_item.l_line .timeline_left::after{content: ''; background: #39BDFF; width: 70px; height: 1px; position: absolute;top:50%;left: 50%; transform: translate(-50%,-50%); margin-left: -30px;}
.timeline .flex{display: flex; align-items: center; gap: 30px;}
.timeline .timeline_item.l_line .flex{flex-direction: row-reverse;}

.timeline_left,
.timeline_right {width: 45%;}
.timeline_left {text-align: right;}
.timeline_right {text-align: left;}
.timeline_center {position: relative;width: 15%;display: flex;justify-content: center;}
.timeline .year {display: flex;align-items: center;justify-content: right;font-size: 1.75rem; border-radius: 50%;font-weight: 800;z-index: 2;}
.timeline .timeline_item.l_line .year{justify-content: left;}

/* 캠페인 후원 */
.support_form .cost{text-align: right; font-size: 2.5rem; font-weight: 800; color: #39BDFF;}
.support_form .join{font-size: 1.5rem; font-weight: 600;}
.support_form .join_graph {position: relative;}
.support_form .bar {margin-top: 10px;width: 100%;height: 24px;border-radius: 20px;background: #EEEEEE;position: relative;}
.support_form .bar .active-bar {height: 100%;background: var(--mainColor);border-radius: 20px;position: relative;}
.active-bar::after{content:"";position:absolute;top:-5px;right:10px;width:70px;height:50px;background:url('/img/motion_icon07-37cf3ada96bf108dba183d778f28c092.png') no-repeat center/contain;transform:translate(50%, -50%);}
.support_form .txt{margin-top: 30px; text-align: center; font-size: 1.5rem;font-weight: 600;}

.support_list {display: flex;flex-wrap: wrap;gap: 40px;}
.support_list .item {border: 1px solid #DDDDDD;background: #fff;border-radius: 10px;overflow: hidden;padding: 20px;width: calc(25% - 30px);}
.support_list .item img{display: block;aspect-ratio: 0.8 / 1;object-fit: cover;position: relative ;z-index: 9;}
.support_list .item .subj{font-weight: 600;font-size: 1.125rem;margin-top:10px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.support_list .item .user{color: #777777;margin-top: 10px;}

.support_list .thumb{background: url(/img/campaign_bg-f3cae1ff7d53c3f9d9206a9a6808bf52.png) no-repeat;background-size: cover; position: relative;}
.support_list .thumb .clipping{position: absolute; top: 55%; z-index:1;left: 50%;transform: translate(-50%, -50%); width: 80%; border-radius: 10px; overflow: hidden; border: 1px solid #1E5AE8;}
.support_list .thumb .clipping img{aspect-ratio: 1 / 1.1;}

.support_list .item{
    cursor:pointer;
}

/* 캠페인 리스트 팝업 */
.support_popup{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;}
.support_popup.on{opacity:1;visibility:visible;}
.support_popup_dim{position:absolute;inset:0;background:rgba(0,0,0,.7);}
.support_popup_wrap{position:relative;z-index:2;width:min(860px, calc(100% - 40px));max-height:90vh;background:#fff;overflow:hidden;}
.support_popup.on .support_popup_wrap{transform:translateY(0);}
.support_popup_head{display:flex;color: #fff; justify-content:space-between;align-items:center;height:60px;padding:0 20px; background: #39BDFF;}
.popup_user{font-size:1.125rem;font-weight:700;}
.support_popup_close{border:0;background:none;font-size:30px;cursor:pointer;color: #fff;}
.support_popup_body{display: flex;gap:30px;padding:30px;}
.popup_img img{width:100%;display:block;aspect-ratio: 0.8 / 1;object-fit: cover;}
.popup_title{font-size:1.5rem;font-weight:700;}
.popup_desc{margin-top:20px;}
.popup_sns{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;width:180px;height:52px;border-radius: 50px;background:#39BDFF;font-size: 1.25rem;color:#fff;text-decoration:none;}
.popup_sns.disabled{background: #cccccc;cursor: no-drop;}
body.popup_open{overflow:hidden;}

.popup_img{max-width: 250px;height: 100%; background: url(/img/campaign_bg-f3cae1ff7d53c3f9d9206a9a6808bf52.png) no-repeat;background-size: cover; position: relative;z-index: 9;}
.popup_img > img{ position: relative; z-index: 9;}
.popup_img .clipping{position: absolute; top: 55%; z-index:1;left: 50%;transform: translate(-50%, -50%); width: 80%; border-radius: 10px; overflow: hidden; border: 1px solid #1E5AE8;}
.popup_img .clipping img{aspect-ratio: 1 / 1.1;}

/* 오시는길 */
.wrap_controllers {display: none;}
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .cont {display: none;}

.map_box .txt_box{padding: 40px; background: #fafafa; border: 1px solid #ddd; border-radius: 20px; font-size: 1.25rem; position: relative;}
.map_box .txt_box::after{content: ''; background: url(/img/ico_subway-35471ed9183d19c1c78bc38f8f6ebdd1.png) no-repeat; width: 100px; height: 100px; position: absolute; right: 40px; bottom: 40px;}
.map_box .txt_box.bus_txt::after{content: ''; background: url(/img/ico_bus-ed4d40c54a5b981b0d80f1e71164d70e.png) no-repeat; width: 100px; height: 100px; position: absolute; right: 40px; bottom: 40px;}
.map_box .txt_box.car_txt::after{content: ''; background: url(/img/ico_car-c59aff96fc10c5b8e6f79a58b6f262ec.png) no-repeat; width: 100px; height: 100px; position: absolute; right: 40px; bottom: 40px;}
.map_box .txt_box div{font-weight: 700;margin-bottom: 10px;}
.map_box .txt_box span{color: #BE5A03;}
.map_box .txt_box ul li{text-indent: -10px;margin-left: 10px;}
.map_box .txt_box.bus_txt div{margin-bottom: 5px;}
.map_box .txt_box.bus_txt ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.map_box .txt_box.bus_txt ul li{margin-left: 0; text-indent: 0;}
.map_box .txt_box.bus_txt ul li div {display: flex; align-items: center; gap: 10px;margin-left: 10px; font-weight: 500; font-size: 1.125rem;}
.map_box .txt_box.bus_txt ul li div span{color: #fff;padding: 2px 10px;border-radius: 10px; font-size: 1rem;}
.map_box .txt_box.bus_txt ul li div:first-child{margin-top: 10px;}
.map_box .txt_box.bus_txt ul li .main_b span{background: #39BDFF;}
.map_box .txt_box.bus_txt ul li .local_b span{background: #00943B;}
.map_box .txt_box.bus_txt ul li .express_b span{background: #B00707;}
.map_box .txt_box.bus_txt ul li .village_b span{background: #39BDFF;}
.map_box .txt_box.car_txt ul{display: grid; gap: 5px;}
.map_box .txt_box.car_txt span{color: inherit; font-weight: 600;}
.map_box .txt_box.car_txt .sub_txt{font-weight: 400;}
.map_box .txt_box .comt{color: #C30000; margin-top: 30px;}
.map_box .txt_box .comt div{margin-bottom: 0;font-weight: 500;margin-left: 19px; text-indent: -19px;}

/* 코스안내 */
.course_box .txt_box{padding: 40px; background: #fafafa; border: 1px solid #ddd; border-radius: 20px; font-size: 1.25rem; position: relative; margin-top: 30px;}
.course_box .mt-20{margin-top: 20px;}
.course_box .txt_box div{font-weight: 600;}
.course_box .txt_box li{font-weight: 400; margin-left: 10px; text-indent: -10px;}

/* 공지사항 */
.board_top {margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}
.board_top .search_box{display: flex; gap: 10px;margin-left: auto;}
.board_top .search_box select{height: 50px;line-height: 50px; font-weight: 500; border-radius: 10px;border: 1px solid #ddd;background: url(/img/ico_select_arr-9048cf23965dee63cedf5217debea6d1.png) no-repeat #fff calc(100% - 10px) 50% / 20px auto; padding: 0 26px 0 20px;}
.board_top .search_box .input{position: relative;}
.board_top .search_box .input input{padding: 0 50px 0 20px;height: 50px;border-radius: 10px;border: 1px solid #ddd;}
.board_top .search_box .input input::placeholder{font-weight: 500;color: #aaa;}
.search_btn {position: absolute;right: 10px;top: 50%;width: 22px;height: 22px;background: url('/img/icon_main_search-994745fbd4aaf1274f488bb26798be6b.png') no-repeat center / contain;transform: translateY(-50%);cursor: pointer;}

.notice_wrap .board_list table{width: 100%;}
.notice_wrap .board_list tbody tr{border-top: 1px solid #ddd;}
.notice_wrap .board_list tbody tr:first-child{border-top: 2px solid #000;}
.notice_wrap .board_list tbody tr:last-child{border-bottom: 2px solid #000;}
.notice_wrap .board_list tbody tr td{padding: 30px 0;vertical-align: middle; cursor: pointer;text-align: center;}
.notice_wrap .board_list .date{font-weight: 500;color: #777;text-align: center; font-size: 1.125rem;}
.notice_wrap .board_list .tit{font-size: 1.125rem;position: relative; max-width: 800px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align: left;gap: 5px;font-weight: 600;}
.notice_wrap .board_list .tit .file img{vertical-align: middle;margin-top: -3px;}
.notice_wrap .board_list .num{font-size: 1.125rem;}
.notice_wrap .board_list .type{color: #777;}
.notice_wrap .board_list .kind{display: flex; align-items: center; justify-content: center;}
.notice_wrap .board_list .kind img{width: 24px;height: 24px; vertical-align: middle;}
.notice_wrap .board_list .import .tit::after{display: inline-block;content: "";background: url(/img/ico_file-eb95b5a81f1647c1715baeaf12616f8b.png) no-repeat center center / cover;width: 24px;height: 24px;vertical-align: middle;margin-left: 10px;}
.notice_wrap .board_list ul li{position: relative; padding: 30px 20px; cursor: pointer; border-bottom: 1px solid #ddd;display: flex;align-items: center;}
.notice_wrap .board_list ul li.import .tit::before{content: ''; background-color:#000; width: 8px; height: 8px; border-radius: 15px;position: absolute;top: -10px;}
.notice_wrap .board_list ul li:first-child{border-top: 2px solid #000}
.notice_wrap .board_list ul li:last-child{border-bottom: 2px solid #000;}
.notice_wrap .board_list .col-01{width: 7%;}
.notice_wrap .board_list .col-02{width: 12%;}
.notice_wrap .board_list .col-03{width: 68%;}
.notice_wrap .board_list .col-04{width: 13%;}

.view_top{display: flex; justify-content: space-between;align-items: center; gap: 30px; margin-bottom: 40px;}
.view_top .gu{font-size: 2rem;font-weight: 600;}
.view_top .date{font-size: 1rem; color: #777; flex-shrink: 0;}
.view_detail{padding: 40px 20px;text-align: left;font-weight: 500;border-top: 2px solid #000;border-bottom: 1px solid #D5D5D5;}
.view_post li{padding: 20px;display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #ddd;}
.view_post div{font-weight: 600;}
.view_post .tit{font-weight: 400;cursor: pointer;}
.btn .move_list{display: inline-block;font-size: 1.5rem; color: #fff;padding: 13px 60px;background: #000;border-radius: 50px;}

.view_file{margin-top: 20px;}
.view_file div{display: flex; align-items: center; gap: 5px;cursor: pointer;}
.view_file div img{vertical-align: middle;}

/* faq */
.sub_faq .inner{max-width: 1200px;}
.faq_list .faq_item{border-top: 1px solid #ddd;}
.faq_list .faq_item:first-child{border-top: 2px solid #39BDFF;}
.faq_list .faq_item:last-child{border-bottom: 2px solid #39BDFF;}
.faq_list .faq_item .q_text{font-weight: 600; font-size: 1.125rem;}
.faq_list .faq_item .a_text{font-weight: 400;}
.faq_list .faq_item.on .q_text{color: #0081C8;}
.faq_list .faq_q{display: flex; justify-content: space-between; align-items: center; padding: 30px 24px; width: 100%; text-align: left;position: relative; cursor: pointer;}
.faq_list .faq_a{display: none;}
.faq_list .faq_a_inner{ padding: 30px 24px;font-size: 1.125rem}
.faq_list .faq_q::after {content: '';background: url(/img/qna_arrow-56e642d85b060df248c173bd02ee502d.png) no-repeat;width: 24px;height: 24px;transition: transform 0.3s ease;}
.faq_item.on .faq_q::after {content: '';background: url(/img/qna_arrow-56e642d85b060df248c173bd02ee502d.png) no-repeat;width: 24px;height: 24px;transform: rotate(180deg);}

.faq_tab{display: flex;justify-content: center; align-items: center;margin-bottom: 30px;}
.faq_tab li{font-size: 1.25rem; cursor: pointer; margin-right: 20px;padding-right: 20px;position: relative;color:#999}
.faq_tab li::after{content: ''; background: #ddd; width: 1px; height: 70%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.faq_tab li:last-child{margin-right: 0; padding-right: 0;}
.faq_tab li:last-child::after{display: none;}
.faq_tab li.on{font-weight: 700;color: #000;}
.faq_tab li.on span{position: relative;padding-bottom: 3px;}
.faq_tab li.on span::before{content: '';background: #000; width: 100%; height: 1px; position: absolute;top: inherit; bottom: 0;}

/* 조회하기 */
.apply_detail{padding: 40px; background: #fafafa; border: 1px solid #ddd; border-radius: 20px; font-size: 1.25rem; position: relative; }
.apply_detail .flex{display: flex; justify-content: space-between; align-items: center;}
.apply_detail .tit{font-size: 1.75rem; font-weight: 700;}
.apply_detail .list_box{margin-top: 20px; display: grid; gap: 20px;}
.apply_detail .list_box a{border: 1px solid #DDDDDD; background: #fff; display: block;border-radius: 20px; padding: 30px;}
.apply_detail .list_box button{border: 1px solid #DDDDDD; background: #fff; display: block;border-radius: 20px; padding: 30px;}
.apply_detail .badge{padding: 10px 30px 10px 50px; font-weight: 700; position: relative;}
.apply_detail .badge::before{content: ''; background: #777777;width: 10px; height: 10px; border-radius: 50px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
.apply_detail .badge.st1{color: #777777;background: #F5F5F5; display: inline-block; border-radius: 50px; }
.apply_detail .badge.st2{color: #00943B;background: #E8F9EE;border: 1px solid #C3E6D1; display: inline-block; border-radius: 50px; }
.apply_detail .badge.st2::before{background: #00943B;}
.apply_detail .badge.st3{color: #B00707;background: #ffecec;border: 1px solid #fc7a7a; display: inline-block; border-radius: 50px; }
.apply_detail .badge.st3::before{background: #B00707;}
.apply_detail .list_box ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;margin-top: 20px;}
.apply_detail .list_box .gu{font-size: 1.125rem;color: #777777;}
.apply_detail .list_box .nae{font-size: 1.5rem;color: #000; font-weight: 600;}
.apply_wrap .btn .btn_w{background: #fff; color: #000; border: 1px solid #000;}
.policy_comt{background: #F3F8FF; text-align: center;border-radius: 10px; padding: 18px; margin-top: 40px; font-size: 1.125rem;}

.apply_detail .detail_box{margin-top: 24px;}
.apply_detail .detail_box .tit{font-size: 1.3rem;margin-left: 10px;margin-bottom: 10px; font-weight: 500;}
.apply_detail .detail_box ul{display: flex; align-items: center; flex-wrap: wrap;background: #fff; border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
.apply_detail .detail_box ul li{width: 50%;padding: 35px 30px; background: #fff; display: flex; align-items: center;}
.apply_detail .detail_box ul li.border-b{border-bottom: 1px solid #ddd;}
.apply_detail .detail_box ul li.border-r{border-right: 1px solid #ddd;}
.apply_detail .detail_box ul li.w-100{width: 100%;}
.apply_detail .detail_box ul li .gu{width: 120px;flex-shrink: 0; color: #777777; font-weight: 500; font-size: 1rem;}
.apply_detail .detail_box ul li .nae{font-weight: 600;width: 100%; font-size: 1.25rem;min-height: 56px; display: flex; align-items: center;}
.apply_detail .detail_box .btn{background: #000; margin-top: 24px;border-radius: 10px; overflow: hidden;}
.apply_detail .detail_box .detail_btn{width: 100%; background: #000;color: #fff;padding: 13px 0; font-size: 1.125rem; font-weight: 700; } 

.receipt_btn{border: 1px solid #ddd; background: #fff; padding:10px 30px; border-radius: 50px;}
.btn_cancel{background: #F5F5F5 !important; border: 1px solid #000; color: #000 !important;}
.btn.cancel{display: flex; align-items: center; gap: 20px;}
.btn.cancel a{width: 50%;}
.btn.cancel button{width: 50%;}


.detail_box .total{display: flex; align-items: center; justify-content: space-between;margin-bottom: 24px; background: #F4FBFF; border: 1px solid #AFD0E0; border-radius: 20px; padding: 25px 40px;}
.detail_box .total .tit{color: #39BDFF; font-size: 1.125rem;}
.detail_box .total .cost{color: #777;font-size: 1.25rem;}
.detail_box .total .cost span{color: #000; font-size: 3rem; font-weight: 800;}
.detail_box .total .badge{background: none; border: none;}

/* 신청취소 */
body.scroll_lock {overflow: hidden;height: 100vh;}
.popup_cancel {display: none;position: fixed;inset: 0;z-index: 999;}
.popup_cancel .dim {position: absolute;inset: 0;background: rgba(0,0,0,.6);}
.popup_cancel .popup_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 400px;padding: 30px;border-radius: 16px;background: #fff;text-align: center;}
.popup_cancel .popup_tit {font-size: 20px;font-weight: 700;}
.popup_cancel .popup_desc {margin-top: 15px;color: #666;}
.popup_cancel .popup_btn {display: flex;gap: 10px;margin-top: 25px;}
.popup_cancel .popup_btn button {flex: 1;height: 48px;border: 0;border-radius: 8px;cursor: pointer;}
.popup_cancel .btn_close {background: #f5f5f5;}
.popup_cancel .btn_confirm {background: #39BDFF;color: #fff;}


.apply_detail .detail_box ul li .nae input{width: 100%;display: block;border: 1px solid #ddd;padding: 15px;font-size: 1.25rem; border-radius: 10px;}
.apply_detail .detail_box ul li .nae select{border: 1px solid #d5d5d5;border-radius: 10px;width: 100%;font-size: 1.25rem; color: #000;background: url(/img/ico_select_arr-9048cf23965dee63cedf5217debea6d1.png) no-repeat #fff calc(100% - 10px) 50% / 20px auto;}
.apply_detail .detail_box ul li .nae .btn_b{background: #000;color: #fff;height: 56px;line-height: 56px;border-radius: 10px;width: 100px;flex-shrink: 0;text-align: center;}
.apply_detail .detail_box ul li #valAddress{flex-wrap: wrap; gap: 12px;}
.apply_detail .detail_box ul li .edit-zip{width: 60% !important;}

.depth_form{display: none;}
.depth_form.on{display: block;}
.apply_depth{display:flex;gap:20px;border-bottom:1px solid #ddd;}
.apply_depth button{position:relative;padding:18px 0;background:none;border:0;font-size:1.5rem;font-weight:500;color:#777;cursor:pointer;}
.apply_depth button::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#39BDFF;transform:scaleX(0);transform-origin:center;}
.apply_depth button.on{color:#000;font-weight:700;}
.apply_depth button.on::after{transform:scaleX(1);}

.a_text b{font-weight: 600;}

.comnt{margin-top: 20px; color: #585858; font-weight: 500; font-size: 1.125rem;}
.content_box .box_table{width: 100%; font-size: 1.125rem; margin: 15px 0;}
.content_box .box_table th{background: #e2e2e2;padding: 5px 0;border: 1px solid #bebebe;}
.content_box .box_table td{background: #fff; text-align: center; padding: 5px 0;border: 1px solid #bebebe;}

/* 갤러리 */
.gallery_list ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
.gallery_list ul li{position: relative;padding: 30px 20px;}
.gallery_list ul li img{ aspect-ratio: 1 / 0.7;object-fit: cover;display: block;margin-bottom: 10px;width: 100%;}
.gallery_list ul li .gu{font-size: 1.25rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.gallery_list ul li .date{color: #777;}

.motion_icon{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index: 9;}

.motion_icon .img_box{position:relative;width:100%;height:100%;}

.motion_icon .img_box .imgMove{position:absolute;will-change:transform;}


/* 추가영역 */
.main_sp{background: #E7F3F8;}
.main_sp .tit{font-size: 3rem; text-align: center; font-weight: 600; margin-bottom: 40px;}
.main_sp .btn .btn_p{color: #fff;background: #39BDFF;display: inline-block;padding: 13px 60px;border-radius: 50px;font-size: 1.5rem;}
.main_sp .support_form{background: #fff;box-shadow: 0 0 40px rgba(75, 165, 211, 0.2); padding: 60px; border-radius: 30px; }

/* 모션 아이콘 */
.motion_icon .img_box .move1{top:11%;left:38%;}
.motion_icon .img_box .move2{top: 21%;left: 15%;}
.motion_icon .img_box .move3{top: 65%;left: 12%;}
.motion_icon .img_box .move4{top: 10%;right: 22%;}
.motion_icon .img_box .move5{top: 68%;right: 28%;}
.motion_icon .img_box .move6{top: 22%;right: 15%;}
.motion_icon .img_box .move7{top: 48%;right: 8%;}
.imgMove{display:inline-block;transform-origin:center center;animation: imgMove 0.5s steps(2) infinite alternate;}

@keyframes imgMove{
    from{
        transform:rotate(15deg);
    }
    to{
        transform:rotate(-15deg);
    }
}
.motion_icon .move1{ animation-duration:.45s; animation-delay:0s; }
.motion_icon .move2{ animation-duration:.6s;  animation-delay:-.15s; }
.motion_icon .move3{ animation-duration:.55s; animation-delay:-.3s; }
.motion_icon .move4{ animation-duration:.7s;  animation-delay:-.2s; }
.motion_icon .move5{ animation-duration:.5s;  animation-delay:-.4s; }
.motion_icon .move6{ animation-duration:.65s; animation-delay:-.1s; }
.motion_icon .move7{ animation-duration:.52s; animation-delay:-.25s; }


.main_sp .support_form .bar{height: 40px;border: 1px solid #39BDFF; padding: 4px; background: #E7F3F8;}

.table_wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0;}
.size_table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:fixed;background:#fff;}
.size_table th,
.size_table td{padding:8px 12px;border:1px solid #e5e5e5;font-size:1rem;line-height:1.4;text-align:center;vertical-align:middle;word-break:keep-all;letter-spacing: -1px;}
.size_table thead th{background:#f8f8f8;font-weight:700;color:#111;}
.size_table thead tr:first-child th{border-bottom:1px solid #ddd;}
.size_table tbody th{background:#fafafa;font-weight:600;color:#333;text-align:left;padding-left:20px;white-space:nowrap;}
.size_table tbody tr:nth-child(even){background:#fcfcfc;}
.size_table th:first-child{width:220px;}
.size_table td:empty{background:#fafafa;}

#footer .center-popup{max-width: 500px;}
#footer .center-popup .pri_txt{margin-top: 10px;}
#footer .btn-open-terms{color: #fff; margin-top: 30px;}