.sec_tit{font-size: 4.375rem; position: relative; display: inline-block; font-family: var(--poppin); font-weight: 700; margin-bottom: 60px;}
.sec_tit::after{content: ''; background: #000; width: 80px; height: 3px; position: absolute; bottom: 0; left: 0;}

.main_top {
    width: 100%; height: calc(100vh - 100px); overflow: hidden; position: relative;
    display: flex; margin-top: 100px;
    background: url("/static/img/top_bg.png") no-repeat; background-position: center center; background-size: cover;
}
.main_top .container{margin: 3rem 10rem; width: 100%; display: flex; flex-direction: column; align-items: end;}
.main_top .title{font-size: 6.25rem; text-align: left; line-height: 1.2; font-family: "Poppins"; font-weight: 900; letter-spacing: -4px; color: #fff; }
.main_top .tit_btn {display: flex; gap: 25px; margin-top: 20px;}

.main_top .logo{max-width: 500px;}

.main_bnn {display: flex; align-items: center; position: relative; padding: 60px 0;}
.main_bnn .cont_box{width: 100%;}
.main_bnn .cont_box .cont_video{ overflow: hidden; max-width: 100%;}
.main_bnn .cont_box .cont_video::before{display: block;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.main_bnn .cont_box .cont_video iframe{position: relative; overflow: hidden;aspect-ratio: 16 / 9; max-width: 100%;}

.main_bnn .cont_box .pc_bnn{display: block;}
.main_bnn .cont_box .mo_bnn{display: none;}



.main_ov {position: relative;}
.main_ov .inner .ov_txt{display: flex; flex-direction: row-reverse; margin-bottom: 100px; align-items: flex-end; justify-content: left; gap: 100px;}
.main_ov .main_tit .big{font-size: 2.1875rem; font-weight: 600;margin-bottom: 20px;}
.main_ov .main_tit .small{font-size: 1.5rem;}
.main_ov .video_con {max-width: 880px; margin: 0 auto; border-radius: 20px; overflow: hidden; border: 5px solid #fff; font-size: 0; background: #fff; position: relative; aspect-ratio: 16/9; flex: 5;}
.main_ov .video_con::before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.main_ov .video_con .embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.main_ov .video_con .embed-container iframe,
.main_ov .video_con .embed-container object,
.main_ov .video_con .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.main_ov .overview_mo_img{display: none;}
.main_ov .overview_pc_img{display: block;}

.main_re .cont_box{position: relative;}
.main_fe .cont_box .cont{display: flex; justify-content: space-between;position: relative;}
.main_fe .cont_box .cont .tit{font-size: 2.1875rem; margin-bottom: 10px; font-weight: 600; margin-top: 50px;}
.main_fe .cont_box .cont .desc{font-size: 1.5rem ;}
.main_fe .cont_box .cont .desc div:last-child{margin-top: 20px;}
.main_fe .cont_box .cont .swiper_box{width: 100%;}
.main_fe .cont_box .cont .swiper_box .thumb{max-width: 700px; cursor: pointer;}
.main_fe .cont_box .swiper-slide.item{display: flex; justify-content: space-between; align-items: center;}

.main_re .cont_box .cont .txt{font-size: 1.5rem;margin-bottom: 40px;}
.main_re .cont_box .cont .swiper-wrapper{padding: 20px 0;}
.main_re .cont_box .cont .swiper{padding: 0 10px;}
.main_re .cont_box .cont .swiper-slide.item{height: auto; cursor: pointer; border-radius: 20px; text-align: center; box-shadow: 0 2px 20px rgb(151 151 151 / 15%), 0 6px 6px rgb(151 151 151 / 15%); padding: 50px 0;}
.main_re .cont_box .cont .swiper-slide.item img{margin-bottom: 40px;}
.main_re .cont_box .cont .swiper-slide.item .people_tit{font-size: 1.5rem; font-weight: 700;}
.main_re .cont_box .cont .swiper-slide.item .people_txt{font-size: 1.125rem; padding: 0 30px;}
.main_re .cont_box .cont .swiper-slide.item .people_txt:last-child{margin-top: 20px;}
.main_re .cont_box .cont .swiper_btn{width: 100px;}

.main_ev .cont_box .cont .txt{font-size: 1.5rem; margin-bottom: 40px;}
.main_ev .cont_box .cont .swiper{margin: 0 60px; padding: 0 10px;}
.main_ev .cont_box .cont .swiper-wrapper{padding: 20px 0;}
.main_ev .cont_box .cont .swiper-slide.item{overflow: hidden; border-radius: 10px; box-shadow: 0 2px 20px rgb(151 151 151 / 15%), 0 6px 6px rgb(151 151 151 / 15%); cursor: pointer;}
.main_ev .cont_box .cont .swiper-slide.item img{display: block; width: 100%;}
.main_ev .cont_box .cont .profile{padding: 20px;}
.main_ev .cont_box .cont .profile .id{display: flex; align-items: center;}
.main_ev .cont_box .cont .profile .id::before{content: ''; background: url('/static/img/ico_ev_profile.png') no-repeat; width: 24px; height: 24px;display: block; background-size: cover; margin-right: 8px;}
.main_ev .cont_box .cont .profile .profile_txt{margin-top: 10px; text-align: left;}
.main_ev .cont_box .cont .profile .data{display: none;}

.main_us .cont_box .cont .txt{font-size: 1.5rem; margin-bottom: 40px;}
.main_us .cont_box .cont .txt br{display: none;}
.main_us .cont_box .info li{display: flex; align-items: center; gap: 40px;margin-bottom: 20px;}
.main_us .cont_box .info li:last-child{margin-bottom: 0;}
.main_us .cont_box .info li > div{display: flex; align-items: center; gap: 40px;}
.main_us .cont_box .info li:last-child > div{align-items: baseline;}
.main_us .cont_box .info li .gu{min-width: 160px;}
.main_us .cont_box .info .w-50{width: 50%;}
.main_us .cont_box .info .w-100{width: 100%;}
.main_us .cont_box .info .w-100 select{width: 100%;}
.main_us .cont_box .info .w-100 input{width: 100%;}
.main_us .cont_box .info .guide_txt{font-size: 0.875rem; color: #777; font-weight: 400; margin-top: 10px;}
.main_us .cont_box .info .req::after{ display: inline-block;content: "*";margin-left: 2px;font-size: 0.8125rem;}
.main_us .cont_box .info_ft{margin-top: 40px; display: flex; flex-direction: column; justify-content: space-between; }
.main_us .cont_box .info_ft .chk{text-align: right; margin-bottom: 20px;}
.main_us .cont_box .info_ft .info_btn{display: flex; justify-content: space-between;}
.main_us .cont_box .info_ft .info_btn a{padding: 14px 20px; background-color: #fff; border: 2px solid #000;border-radius: 5px; display: flex;}
.main_us .cont_box .info_ft .info_btn a::after{content: ''; background: url('/static/img/ico_link_dark.png') no-repeat; width: 20px; height: 20px; display: block; margin-left: 7px;}
.main_us .cont_box .info_ft .info_btn .submit_btn a{background: #000; color: #fff; min-width: 180px; display: block; text-align: center;}
.main_us .cont_box .info_ft .info_btn .submit_btn a::after{display: none;}


.swiper_btn{position: absolute;right: 0; bottom: -50px; width: 180px; height:42px; z-index: 99;}
.swiper_btn .swiper-pagination{font-size: 1.25rem; color: #AAAAAA;}
.swiper_btn .swiper-pagination span{margin: 0 3px;}
.swiper_btn .swiper-pagination span.current{color: #000;}

.fab-group{position: fixed;right: 50px;bottom: 30px;display: flex;flex-direction: column;gap: 12px;list-style: none;padding: 0;margin: 0;z-index: 999;}
.fab{display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;transition: .18s;text-decoration: none;}

.main_fe .cont_box .cont .swiper_box.en-page .thumb{min-width: 700px;}
.main_fe .cont_box .cont .swiper_box.en-page .item{gap: 20px;}

/* popup */
.pop_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.8); z-index: 999; display: none;}
.pop_wrap.on {display: block;}
.pop_wrap .pop_inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.pop_wrap .btn_wrap {display: flex; gap: 10px; justify-content: center;}
.pop_wrap .btn_wrap a {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.pop_wrap .btn_wrap .cancel {border: 1px solid var(--border);  color: #555; background: #fff;}
.pop_wrap .btn_wrap .confirm {background: #000; color: #fff;}
.pop_wrap .modal {width: 100%; max-width: 320px; height: auto; background: #fff; padding: 20px;}
.pop_wrap .modal .contents {padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 7px; line-height: 1.4;}
.pop_wrap .modal .contents .tit {font-size: 1rem; font-weight: 700;}
.pop_wrap .modal .contents .text {font-size: 0.94rem;}
.pop_wrap .modal .contents .cmnt {font-size: 0.8rem; color: #767676;}
.pop_wrap .modal .btn_wrap a {height: 36px; font-size: 0.875rem;}
.pop_wrap .layer {width: 90%; max-height: calc(100vh - 80px); margin-top: 30px; height: auto; background: #fff; position: relative; display: flex; flex-direction: column;}
.pop_wrap .layer .close {
    display: block; width: 24px; aspect-ratio: 1/1; background: url('/static/img/icon_close_w.png') no-repeat center center / cover;
    position: absolute; right: 0; top: -32px;
}
.pop_wrap .layer .tit {background: #000; padding: 15px; color: #fff; font-size: 1.125rem; font-weight: 500;}
.pop_wrap .layer .contents {overflow-x: hidden; overflow-y: auto; word-break: break-all; padding:20px;}
.pop_wrap .layer .btn_wrap {padding:0 20px 20px;}
.pop_wrap .layer .btn_wrap a {height: 50px; max-width: 250px; border-radius: 10px;}
.pop_wrap .cont_tit {font-size: 1.25rem; text-align: center; font-weight: 700; padding-bottom: 20px;}
.pop_wrap .cont_tit .small {font-size: 1rem; font-weight: 500; margin-top: 5px;}

/* 팝업 */
#popEvent .layer {width: 90%; max-width: 600px; overflow: hidden; position: relative; }
#popEvent .layer .tit {padding: 15px 60px 15px 15px;}
#popEvent .layer .close {top: 19px; right: 10px; width: 18px;}
#popEvent .layer .img_box {overflow-y: auto; font-size: 0; position: relative; width: 100%; padding: 0px 80px; margin-top: 30px;}
#popEvent .layer .img img {width: 100%; height: 100%; object-fit: contain;}
#popEvent .layer .pop_info{max-width: 440px; margin: 0 auto; padding: 15px; text-align: right; display: flex; justify-content: right; gap: 10px; color: #777; border: 1px solid #ddd; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#popEvent .layer .pop_info .id{position: relative; padding-right: 10px;}
#popEvent .layer .pop_info .id::after{content: ''; background: #AAAAAA; width: 1px; height: 80%; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#popEvent .slide_btn > div {
    width: 40px; height: 40px; background-position: center center; background-size: cover; background-repeat: no-repeat;
    position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 99;
}
#popEvent .slide_btn .prev {background-image: url('/static/img/swiper_btn_prev.png'); left: 30px;}
#popEvent .slide_btn .next {background-image: url('/static/img/swiper_btn_next.png'); right: 30px;}
#popEvent .slide_btn .prev.disabled {background-image: url('/static/img/btn_prev_gray.png');cursor: default;}
#popEvent .slide_btn .next.disabled {background-image: url('/static/img/btn_next_gray.png');cursor: default;}
#popEvent .layer .close-btn{    background: #000;color: #fff;text-align: center;display: inline-block;max-width: 180px;padding: 10px 70px;border-radius: 5px;margin: 20px auto 30px; }
.page_dot {display: flex;justify-content: center;gap: 8px;margin: 10px 0;}
.page_dot span {width: 8px;height: 8px;background: #ccc;border-radius: 50%;display: block;transition: 0.25s;}
.page_dot span.active {background: #000;width: 16px;border-radius: 50px;}

.pop_swiper {width: 100%;overflow: hidden;}
.pop_swiper .swiper-slide {display: flex;justify-content: center;align-items: center;padding: 0px 80px; margin-top: 30px;}
.pop_swiper .swiper-slide img{width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px;}