/* html {scroll-behavior: smooth;} */
img { max-width:100%; } 


/* 공통적용 */
.inner { width: 90%; margin:0 auto; max-width: 1400px; } 
.lockScroll { overflow: hidden; } 
.video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.colorPoint {color: var(--mainColor1);}
.bold {font-weight: 700;}
.underLine {border-bottom: 1px solid #000;}
.only_pc {display: block;}
.only_m {display: none;}

/* 쿠키팝업 */
#layerPopup {display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
#layerPopup .popupBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); overflow: hidden; background:#111; max-width: max-content; width:90%; max-height: 90vh}
#layerPopup .popupBox .contBox {max-height: calc(90vh - 40px); overflow: hidden;  font-size: 0; overflow-y: auto;}
#layerPopup .popupBox img {width:100%; max-height:calc(90vh - 40px)}
#layerPopup .popupClose {text-align:right; background:#111; height: 40px; padding: 0 10px; align-items: center; display: flex; justify-content:flex-end;}
#layerPopup .popupClose input {vertical-align:middle;}
#layerPopup .popupClose label {color:#fff; font-size:14px; vertical-align:middle; margin-left:3px;}
#layerPopup .popupClose a{
    color:#fff; width:15px; height: 15px; display:inline-block; vertical-align:middle; margin-left:10px;
    background: url('../img/icon_close_w.png') no-repeat center center / cover;
}



/* padding · margin style*/
.padding_tb { padding:100px 0; } 
.padding_t { padding-top: 100px; } 
.padding_b { padding-bottom: 100px; } 
.margin_tb { margin:100px 0; } 
.margin_t { margin-top: 100px; } 
.margin_b { margin-bottom: 100px; } 


/* btn style */
.btn {
    display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 10px;
    max-width: 250px; width: 100%; height: 50px; transition: all .3s; padding: 0 10px; cursor: pointer;  line-height: 1.2;
}
.btn.r100 {border-radius: 100px;}
.btn.big {font-size: 1.125rem; height: 60px; max-width: 330px;}
.btn.md {font-size: 1rem; height: 45px; max-width: 330px;}
.btn.mini {max-width: unset; height: 35px; width: max-content; font-size: 0.875rem;}
.btn.st1 {background: #000; border: 1px solid #000; color: #fff;}
.btn.st1:hover {background: #fff; color: #000;}
.btn.st2 {background: #e9e9e9; border: 1px solid #e9e9e9;}
.btn.st2:hover {background: #fff; color: #000;}
.btn.st3 {background: #fff; border: 1px solid #000;}
.btn.st3:hover {background: #000; color: #fff;}
.btn.st4 {background: #fff; border: 1px solid #fff; color: #333;}
.btn.st4:hover {background: unset; color: #fff;}


/* 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('../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: 700;}
.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;}


/* swiper custom */
.swiper_box {position: relative; font-size: 0;}
.swiper-button-next {background-image: url('../img/swiper_btn_next.png'); right: 0;}
.swiper-button-prev {background-image: url('../img/swiper_btn_prev.png'); left: 0;}
.swiper-button-next,
.swiper-button-prev {
    width: 40px; height: 40px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain;
    transition: all .3s; z-index: 2;
}
.swiper-button-next:after,
.swiper-button-prev:after {font-size: 0;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity: 0;}


/* tab */
.tab_menu {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap:10px; margin-bottom: 60px;}
.tab_menu li {
    min-width: 150px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1rem; padding: 0 10px; line-height: 1.2;
    color: #999; border-radius: 10px; border: 1px solid var(--border); background: #fff; cursor: pointer; text-align: center;
}
.tab_menu li.on {background: #000; color: #fff; font-weight: 700;}

.tab_cont {display: none;}
.tab_cont.on {display: block;}

.sub_tab_menu li {cursor: pointer;}
.sub_tab_cont {display: none;}
.sub_tab_cont.on {display: block;}


/* video */
.video_wrap {position: relative; aspect-ratio: 16/9; overflow: hidden;}
.video_wrap video {width: 100%;}
.video_wrap .play_btn {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; cursor: pointer;
    width: 60px; height: 60px; background: url(../img/icon_video_play.png) no-repeat center center / cover;
}
.video_wrap .thumb {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 100%; height: 100%;  z-index: 1;
}
.video_wrap .thumb img {width: 100%; height: 100%; object-fit: cover;}


/* table */
.tb_box {width: 100%;}
.tb_box .tb_tit {font-size: 1.125rem; font-weight: 700; padding-left: 15px; position: relative; margin-bottom: 10px;}
.tb_box .tb_tit::before {
    display: block; content: ""; width: 5px; height: 18px; background: #222;
    position: absolute; left: 0; top: 4px;
}
.tb_box table {width: 100%;}
.tb_box table th, 
.tb_box table td {padding: 12px; font-size: 1rem; vertical-align: middle; text-align: center; border-bottom: 1px solid var(--border);}
.tb_box table .sm {font-size: 0.875rem;}
.tb_box table thead th {background: #222; color: #fff; font-weight: 700;}
.tb_box table tbody th {background: #f5f5f5;}

/* table ul */
.tbu_box {width: 100%;}
.tbu_box .tbu_tit {font-size: 1.125rem; font-weight: 700; padding-left: 15px; position: relative; margin-bottom: 10px;}
.tbu_box .tbu_tit::before {
    display: block; content: ""; width: 5px; height: 18px; background: #222;
    position: absolute; left: 0; top: 4px;
}
.tbu_box .table .sm {font-size: 0.875rem;}
.tbu_box .tbody .th {background: #f5f5f5;}
.tbu_box .table > div {width: 100%;}
.tbu_box .table > div > ul {display: flex; width: 100%;}
.tbu_box .table > div > ul > li {
    padding: 12px; font-size: 1rem; text-align: center; border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center; width: 100%;
}
.tbu_box .thead > ul > li {background: #222; color: #fff; font-weight: 700;}


/* header */
#header {position: fixed; top:0; width: 100%; height: 100px; z-index: 995; transition: all .3s; color: #fff;}
#header .inner { width: calc(100% - 80px); height: 100%; margin: 0 40px; max-width: unset;} 
#header .hd_wrap { display: flex; align-items: center; justify-content: space-between; gap: 60px; width: 100%; height: 100%; } 
#header .hd_logo h1 a {display: flex; align-items: center;} 
#header .nav_wrap { display: flex; margin:0 auto; flex: 1 0 0; height: 100%; gap: 60px;} 
#header .nav { display: flex; justify-content: center; flex: 1 0 0; justify-content: flex-end;} 
#header .menu {max-width: 1000px; width: 100%; display: flex; justify-content: flex-end; gap: 60px;}
#header .menu > li {position: relative;}
#header .menu > li > a {font-size: 1.125rem; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-align: center;}
#header .submenu {
    color: #000; background: rgba(255,255,255,.95) ; border-radius: 20px; padding: 20px;
    position: absolute; top: 75px; left: 50%; transform: translateX(-50%); width:180px; display: none;
} 
#header .submenu a {display: block; text-align: center; font-size: 1rem; padding: 5px;}
#header .submenu a:hover {font-weight: 700;}

#header .side {display: flex; align-items: center; position: relative; gap: 15px;}
#header .side .sideBtn {font-size: 0.9375rem; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; height: 36px; padding: 0 10px; transition: all .3s; }
#header .side .sideBtn:hover {background: #fff; color: #000;}
#header .lang {}
#header .lang > a {font-size: 0.9375rem; line-height: 1; display: flex; gap: 2px; align-items: center;}
#header .lang > a::before {
    display: block; content: ""; background: url('../img/icon_lang.png') no-repeat center center / contain; width: 18px; aspect-ratio: 1/1;
}
#header .hamberg { display: none;} 


/* header active */
#header.active {background: rgba(0,0,0,.8);}

/* header new main */
#header.hd_main{color: #000; background-color: #fff;}
#header.hd_main .hd_logo h1 a img{content: url('../img/logo_b.png');}
#header.hd_main .lang > a::before{display: none;}
#header.hd_main .lang a{padding: 10px 15px; border: 1px solid #000; border-radius: 10px;}

#header .hd_logo img{height: 70px;}


/* mobile nav */
#mobNav {position: fixed; bottom: 0; left: 0; width: 100%; background: #000; z-index: 99; display: flex; border-top: 1px solid #222; display: none;}
#mobNav > a {width: 100%; padding: 10px 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px;}
#mobNav .icon {font-size: 0; width: 30px;}
#mobNav .text {font-size: 0.75rem; text-align: center; line-height: 1.2; color: #fff;}

/* header mob */
#header.hd_mob {color: #000; background-color: #fff;}
#header.hd_mob .hd_logo h1 a img{content: url('../img/logo_b.png');}
#header.hd_mob .lang > a::before{display: none;}
#header.hd_mob .lang a{padding: 10px 15px; border: 1px solid #000; border-radius: 10px;}
#header.hd_mob .hamberg span{background: #000;}
#header.hd_mob .hamberg span::before,
#header.hd_mob .hamberg span::after{background: #000;}
#header.hd_mob .back_p {width: 24px; aspect-ratio: 1/1; background:url('../img/icon_page_back.png') no-repeat center center / cover; display: none;}



/* footer */
#footer {background: #212121;}
#footer .top {padding: 30px 0; display: flex; align-items: center; justify-content: space-between;}
#footer .top .nav {display: flex; align-items: center; gap: 20px; color: var(--gray);}
#footer .top .nav > a {font-size: 0.94rem;}
#footer .goSite {font-size: 0.875rem; position: relative;}
#footer .goSite .tit {border: 1px solid var(--gray); width: 220px; padding: 10px 15px; position: relative; cursor: pointer;}
#footer .goSite .tit::after {
    display: block; content: ""; background: url('../img/select_arr_g.png') no-repeat center center / contain;
    position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px;
}
#footer .goSite .list {position: absolute; bottom: 100%; left: 0; width: 100%; display: none; z-index: 1; border: 1px solid var(--border);}
#footer .goSite .list a {
    width: 100%; height: 32px; padding: 10px;
    display: flex; align-items: center; background: #fff; color: #000;
}
#footer .goSite .list a:hover {background: #e9e9e9;}
#footer .bot {padding: 40px 0 60px; display: flex; justify-content: space-between; align-items: flex-end;}
#footer .bot .info {color: var(--gray)}
#footer .bot .info .address {font-size: 0.94rem;}
#footer .bot .info .copy {font-size: 0.875rem; margin-top: 10px;}
#footer .bot .sns {display: flex; gap: 10px;}
#footer .bot .sns a {width: 40px; font-size: 0}

#footer .top .logo img{height: 70px;}


/* 문의배너 */
.inq_bnn {
    text-align: center;
}
.inq_bnn .tit {font-size: 1rem; background: #000; width: max-content; color: #fff; padding: 7px 15px; margin: 0 auto; border-radius: 100px; margin-bottom: 10px;}
.inq_bnn .tel {font-size: 2.25rem; font-weight: 700;}
.inq_bnn .day {margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 30px;}
.inq_bnn .day > div {display: flex; gap: 5px; position: relative; font-size: 0.875rem;}
.inq_bnn .day > div::after {
    display: block; content: ""; width: 2px; height: 14px; background: #ccc;
    position: absolute; right: -14px; top: 50%; transform: translateY(-50%);
}
.inq_bnn .day > div > span {font-weight: bold;}
.inq_bnn .day > div:last-child::after {display: none;}

.inq_bnn.cmm {background: #f5f5f5; padding: 30px 10px; margin: 0 auto 40px;}


/* main new */
.main_top {position: relative; width: 90%; margin: 100px auto 0; padding: 100px  0; overflow: hidden; border-radius: 40px; min-height: calc(100vh - 150px); display: flex; align-items: center; justify-content: center;}
.main_top .top_bnn {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.main_top .top_bnn::before {display: block; content: ""; background: #000; opacity: .4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.main_top .top_bnn .swiper_box {width: 100%; height: 100%;}
.main_top .top_bnn .swiper {width: 100%; height: 100%;}
.main_top .top_bnn .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.main_top .top_bnn .swiper-slide:nth-child(3) img{object-position: center 0%;}
.main_top .top_bnn .swiper-slide:nth-child(4) img{object-position: center 5%;}
.main_top .top_bnn .swiper-slide:nth-child(5) img{object-position: center 25%;}
.main_top .top_cont {
    height: 100%; position: absolute; z-index: 3; display: flex; flex-direction: column; justify-content: center; top: 0;
    width: 93%; margin: 0 auto; color: #fff;
}
.main_top .tit_wrap{height: 100%;}
.main_top .tit_wrap .tit .big{padding-bottom: 2.5rem;border-bottom: 1px solid #FFFFFF; font-size: 4.7vw; font-weight: 700; line-height: 1.2; text-shadow: 3px 3px 5px #101010}
.main_top .tit_wrap .tit .big span{color: #F7B500;}
.main_top.en_page .tit_wrap .tit .big {font-size: 3vw;}
.main_top .tit_wrap .sub{font-size: 1.5rem; margin-top: 50px; gap: 50px; max-width: 800px;}
.main_top .tit_wrap .btn {margin:0 auto; max-width: 150px; font-size: 1.25rem; font-weight: 700; height: 55px; }
.main_top .tit_wrap .btn::after{display: block; content: ''; background: url('../img/arrow-narrow-right.png') no-repeat center center / contain; width: 24px; height: 24px; margin-left: 5px;}
.main_top .tit_wrap .btn.st4:hover::after{background: url('../img/arrow-narrow-right-w.png') no-repeat center center / contain;}
.main_top .swiper-pagination-fraction{top: -47px; width: inherit;bottom: inherit; align-items: center; display: flex;gap: 10px; font-size: 1.175rem; font-weight: 300;}
.main_top .swiper-pagination-fraction .bar{display: inline-block; width: 50px;height: 1px;background-color: #ccc;}

.main_top .tit_wrap .tit_img{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main_top .tit_wrap .tit_img img{max-width: 270px;}
.main_top .tit_wrap .tit_box{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
.main_top .tit_wrap .tit_box img{margin-top: 30px;}


.main_sec {padding: 3.75rem 0 10rem; max-width: unset;}
.main_sec .inner {max-width: unset;}
.main_sec .main_page_link {width: 100%;}
.main_sec .main_page_link .link_wrap {display: flex; gap: 30px; align-items: stretch;} 
.main_sec .main_page_link .link_wrap > div {width: calc(50% - 15px); display: flex; flex-direction: column; gap: 30px;}
.main_sec .main_page_link .link_wrap .lbox {flex: 1;}
.main_sec .main_page_link .link_wrap .lbox .item a {display: flex; flex-direction: column; justify-content: flex-end;}

/* .main_sec .main_page_link .en_link{height: 100%;}
.main_sec .main_page_link .link_wrap .en_link a{height: 100%;display: flex; flex-direction: column; justify-content: end;padding-bottom: 70px;}
.main_sec .main_page_link .link_wrap .en_link img{height: 100%;}
.main_sec .main_page_link .en_link_wrap{display: grid; gap: 30px;} */
.main_sec .main_page_link .link_wrap img{position: absolute; top: 0;
left: 0; object-fit: cover; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.main_sec .main_page_link .link_wrap .item a:hover img{transform:scale(1.2);transition: transform .8s;}
.main_sec .main_page_link .link_wrap .item{width: 100%; min-height: 250px; height: 100%; color: #fff;border-radius: 2.5rem;overflow: hidden;}
.main_sec .main_page_link .link_wrap .item a{display: block; padding: 3.125rem ;position: relative; z-index: 13; width: 100%; height: 100%;}
.main_sec .main_page_link .link_wrap .item a::before{content: '';background: #000000; width: 100%; height: 100%; position: absolute;opacity: 0.6; top: 0;left:0;z-index: -1;}
.main_sec .main_page_link .link_wrap .item a::after{content: ''; background: url('../img/arrow-down-right-sm.png') no-repeat;width: 30px;height: 30px;background-size: cover; position: absolute; top: 30px; right: 30px;}
.main_sec .main_page_link .link_wrap .item h3{font-size: 2.5rem;font-weight: bold;}
.main_sec .main_page_link .link_wrap .item p{font-size: 1.25rem; font-weight: 400;}

.sec_rolling{ width: 100%; height: 200px;  overflow: hidden; }
.sec_rolling .container{width: 100%;height: 200px;position: relative;  display: flex;  align-items: center; }
.sec_rolling .rolling .loop_text{margin: 0 30px;display: flex;align-items: center;}
.sec_rolling .rolling .loop_text img{height: auto;}
.sec_rolling .rolling{position: absolute; display: flex; gap: 0 40px; width: max-content; animation: aniScroll 20s linear infinite;}
.sec_rolling .rolling.rolling2{animation: aniScroll-2 20s linear infinite;}

@keyframes aniScroll{
  0%{ transform: translateX(0%) }
  100%{ transform: translateX(-100%) }
}
@keyframes aniScroll-2{
  0%{ transform: translateX(100%) }
  100%{ transform: translateX(0%) }
}

.main_evt {padding: 160px 0; width: 90%; position: relative;}
.main_evt.inner{max-width: 1600px;}
.main_evt .icon-ani1{position: absolute; top: 0; left: 55%;}
.main_evt .icon-ani1::before{content: '';background: url('../img/ico_bg_icon01.png') no-repeat;position: absolute; top: 0; width: 200px; height: 150px; background-size: contain; left: 55%; }
.main_evt .icon-ani2{position: absolute; bottom: 0; left: 75%;}
.main_evt .icon-ani2::after{content: '';background: url('../img/ico_bg_icon02.png') no-repeat; position: absolute; bottom: 0; width: 200px; height: 180px; background-size: contain; left: 75%; }
.main_evt .tit_wrap{width: 100%;}
.main_evt .tit_box{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3.125rem;}
.main_evt .tit_box h2{font-size: 3.75rem; margin-bottom: 1.5rem;font-weight: bold;}
.main_evt .tit_box p{font-size: 1.25rem;}
.main_evt .list {display: flex; gap: 30px;}
.main_evt .list .item {aspect-ratio: 4/5; width: 100%; position: relative; cursor: pointer;}
.main_evt .list .item::after {
    display: block; content: ""; width: 80px; aspect-ratio: 1/1; background: url('../img/img_main_event_arr.png') no-repeat center center / cover;
    position: absolute; bottom: 0; right: 0;
}
.main_evt .list .item .img {border-radius: 20px; width: 100%; height: 100%; overflow: hidden; position: relative;}
.main_evt .list .item .img::before {display: block; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 38.26%, rgba(0, 0, 0, 0.80) 80.23%); position: absolute; top: 0; left: 0;}
.main_evt .list .item .img img {width: 100%; height: 100%; object-fit: cover;}
.main_evt .list .item.positionLeft .img img{object-position: 13%;}
.main_evt .list .item.positionTop .img img{object-position: 0px 10px;}
.main_evt .list .item .tit {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 30px 75px 30px 30px; font-size: 1.25rem;
}

.more_btn a{font-size: 1rem; border: 1px solid #000; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;width: 124px; height: 48px;padding-left: 10px;background-color: #fff;}
.more_btn a::after{display: block; content: ''; background: url('../img/btn_arrow_right.png') no-repeat center center / cover;width: 24px; height: 24px;margin-top: -2px;}



.main_nti{padding: 160px 0;  background: #F3F3F3; position: relative;}
.main_nti .icon-ani3{position: absolute; top: 0; left: 18%;}
.main_nti .icon-ani3::before{content: '';background: url('../img/ico_bg_icon03.png') no-repeat; position: absolute; top: 0; width: 280px; height: 150px; background-size: contain; left: 18%; }
.main_nti .inner{max-width: 1600px;width: 90%;}
.main_nti .tit_wrap{width: 100%;}
.main_nti .tit_box{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3.125rem;}
.main_nti .tit_box h2{font-size: 3.75rem; margin-bottom: 1.5rem; font-weight: bold;}
.main_nti .tit_box p{font-size: 1.25rem;}
/* .main_nti .notice_wrap{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
.main_nti .notice_wrap .notice_list{border-radius: 1rem;background-color: #fff; overflow: hidden;}
.main_nti .notice_wrap .notice_list .notice_txt{padding: 1.5rem;}
.main_nti .notice_wrap .notice_list .notice_txt span{display: block;}
.main_nti .notice_wrap .notice_list .notice_txt .notice_tit{font-size: 1.75rem; font-weight: bold;margin-bottom: 1rem;}
.main_nti .notice_wrap .notice_list .notice_txt .notice_day{font-size: 0.875rem;} */

.main_nti .notice_wrap {display: flex; flex-direction: column; gap: 20px;}
.main_nti .notice_list > a {display: block; background: #fff; padding: 30px 20px; border: 2px solid transparent; border-radius: 15px; transition: all .3s;}
.main_nti .notice_list > a:hover {border-color: var(--border);}
.main_nti .notice_list img {display: none;}
.main_nti .notice_list .notice_txt {font-size: 0;}
.main_nti .notice_list .notice_txt > span {display: inline-block; vertical-align: middle;}
.main_nti .notice_list .notice_tit {font-size: 1.25rem; width: calc(100% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_nti .notice_list .notice_day {font-size: 1rem; color: #999; width: 100px; text-align: right;}


.main_inq{padding: 100px 0; text-align: center; position: relative;}
.main_inq .icon-ani4{position: absolute; top: 0; left: 78%;}
.main_inq .icon-ani4::before{content: '';background: url('../img/ico_bg_icon04.png') no-repeat; position: absolute; top: -80px; width: 320px; height: 150px; background-size: contain; left: 78%; }
.main_inq .icon-ani5{position: absolute; bottom: 0; left: 0;}
.main_inq .icon-ani5::after{content: '';background: url('../img/ico_bg_icon05.png') no-repeat; position: absolute; bottom: 0; width: 420px; height: 200px; background-size: contain; left: 0; }
.main_inq .tit_box .tit p{width: max-content; max-width: 100%; padding: 0 15px; height: 45px;display: flex; align-items: center; justify-content: center; font-size: 1.5rem; background: #000; color: #fff; border-radius: 60px; margin: 0 auto;}
.main_inq .tit_box .tit h2{font-size: 4rem;font-weight: bold;margin-bottom: 1rem;}
.main_inq .tit_box .inquiry_day p{font-size: 1.125rem;color: #222;display: flex; align-items: center;
justify-content: center;}
.main_inq .tit_box .inquiry_day p span{margin-right:10px;color: #000;font-weight: bold; position: relative;}
.main_inq .tit_box .inquiry_day p span:last-child{margin-left: 10px;padding-left: 10px;}
.main_inq .tit_box .inquiry_day p span:last-child:after{content: '';background: #000; width: 1px; height: 80%; position: absolute;left: 0;top: 50%;transform: translateY(-50%);}




/* sub page */
.sub_bnn {width: 100%; height: 450px; background: #000; position: relative; padding-top: 100px;}
.sub_bnn::after {
    display: block; content: ""; width: 100%; height: 100%; opacity: 0.6;
    background-repeat: no-repeat; background-position: center center; background-size: cover;
    position: absolute; left: 0; top: 0;
}
.sub_bnn.afd::after {background-image: url('../img/sub_bnn_afd.webp'); background-position: center 20%;}
.sub_bnn.apply::after {background-image: url('../img/sub_bnn_apply.webp'); background-position: center center;}
.sub_bnn.cmm::after {background-image: url('../img/sub_bnn_cmm.webp'); background-position: center 30%;}
.sub_bnn.ycf::after {background-image: url('../img/sub_bnn_ycf.webp');}
.sub_bnn.kmf::after {background-image: url('../img/sub_bnn_kmf.webp');}
.sub_bnn.town::after {background-image: url('../img/sub_bnn_town.webp');}
.sub_bnn.pmt::after {background-image: url('../img/sub_bnn_pmt.webp');}
.sub_bnn.guide::after {background-image: url('../img/sub_bnn_guide.webp'); background-position: center 77%;}
.sub_bnn .inner {height: 100%; display: flex; justify-content: center; flex-direction: column; position: relative; z-index: 1;}
.sub_bnn .tit {color: #fff; font-weight: 700; font-size: 5rem; line-height: 1.2;}
.sub_bnn .nav {color: #fff; font-size: 0.875rem; margin-left: 5px; margin-top: 25px; display: flex; flex-wrap: wrap; gap: 7px; line-height: 1;}
.sub_bnn .nav span {display: flex; align-items: center; gap: 7px;}
.sub_bnn .nav span::after {
    display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff;
    transform: rotate(45deg);
}
.sub_bnn .nav span:last-child:after {display: none;}

.sub_nav {margin-top: 80px;}
.sub_nav .inner {max-width: 1000px;}
.sub_nav .nav {background: #f5f5f5; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.sub_nav .nav li {height: 65px; font-size: 1.125rem; width: 100%;}
.sub_nav .nav li a {
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;
    line-height: 1.2; padding: 0 30px; transition: all .3s; color: #999; border-radius: 100px;
}
.sub_nav .nav li a:hover {color: #000;}
.sub_nav .nav li.active a {background: #111; color: #fff;}
.ssub_nav {margin-top: 80px;}
.ssub_nav .nav {display: flex; align-items: stretch; justify-content: center; gap:10px;}
.ssub_nav .nav li {
    color: #999; border-radius: 10px; background: #fff; border: 1px solid var(--border); cursor: pointer; text-align: center;
}
.ssub_nav .nav li a {min-width: 150px; height: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1rem; padding: 0 20px; line-height: 1.2;}
.ssub_nav .nav li.active {background: #000; color: #fff; font-weight: 700;}

.sub_tit {margin-bottom: 40px; text-align: center; }
.sub_tit .tit {font-size: 2.5rem; font-weight: 700;}
.sub_tit .nti {background: #f5f5f5; padding: 20px; font-size: 1.125rem; font-weight: 700; border-radius: 10px;}


/* paging style */
.paging {text-align: center; margin-top: 40px; font-size: 0; } 
.paging a { display: inline-block; vertical-align: middle; } 
.paging a img {vertical-align: middle}
.paging ol { display: inline-block; vertical-align: middle; } 
.paging ol li { display: inline-block; font-size: 0.875rem; margin: 0 2px; } 
.paging ol li a { display: inline-block; vertical-align: middle; padding: 0 5px; border: 1px solid var(--border); border-radius: 50px; width: 40px; height: 40px; line-height: 40px;} 
.paging ol li a.this { background: #000; color: #fff; } 


/* board */
.board_top {display: flex; align-items: flex-end; margin-bottom: 20px;}
.board_top .post_number {font-size: 0.94rem; width: 100%;}
.board_top .post_number .number {font-weight: 700; color: #000;}
.board_search {display: flex; justify-content: flex-end; width: 100%; gap: 5px;}
.board_search select,
.board_search .search_bar input {
    border:0; border-radius: 0; border-bottom: 1px solid #000; font-size: 0.94rem; padding: 5px; height: 40px;
}
.board_search .search_bar {position: relative;}
.board_search .search_bar .search_btn {
    position: absolute; right: 0; bottom: 0; width: 40px; height: 40px;
    background: url('../img/icon_search_b.png') no-repeat center center / 20px 20px;
}
.board_list .list_hd {background: #f5f5f5;}
.board_list .list_bd li {border-bottom: 1px solid var(--border);}
.board_list .list_hd li,
.board_list .list_bd li {display: flex; align-items: center;}
.board_list .list_hd li div,
.board_list .list_bd li div {font-size: 0.94rem; padding: 15px 7px; text-align: center;}
.board_list ul li .number {flex-basis: 60px;}
.board_list ul li .subject {
    flex: 1; text-align: left; display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.board_list ul li .subject a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_list ul li .subject a:hover {text-decoration: underline;}
.board_list ul li .write {flex-basis: 100px;}
.board_list ul li .date {flex-basis: 130px;}
.board_list ul li .views {flex-basis: 80px;}
.board_list ul li.important .subject a::before {
    display: inline-block; content: ""; width: 16px; height: 16px; vertical-align: middle;
    background: url('../img/icon_speaker.png') no-repeat center center / cover; margin-right: 5px; margin-bottom: 1px;
}

.board_view .subject {font-size: 3rem; text-align: center; font-weight: 700; padding-bottom: 15px; border-bottom:2px solid #000;}
.board_view .info_box {
    padding: 15px 10px; display: flex; justify-content: center; border-bottom: 1px solid var(--border); gap: 15px
    ;}
.board_view .info_box .box {display: flex; align-items: center; font-size: 0.875rem; color: #777; gap: 5px;}
.board_view .cont_box {padding: 40px 0; border-bottom: 1px solid var(--border);}
.board_view .file_box {padding:15px 10px; display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid var(--border);}
.board_view .file_box .file {font-size: 0.875rem; color: #555; display: block; position: relative; padding-left: 20px;}
.board_view .file_box .file::before {
    display: block; content: ""; width: 16px; height: 16px;
    background: url('../img/icon_flie.png') no-repeat center center / cover;
    position: absolute; left: 0; top: 1px;
}
.board_view .btn_box {margin-top:40px; text-align: center;}
.board_view .btn_box .btn {margin: 0 auto;}
.board_view .tag_box {display: flex; flex-wrap: wrap; gap: 10px; padding: 20px 0;}
.board_view .tag_box p {
    background:#ededed; color: #555; font-size: 0.875rem; line-height: 1; padding: 7px 12px; border-radius: 50px;
}

.board_view .event_img {text-align: center;}

.board_faq { border-top: 2px solid #000; max-width: 1000px; margin: 0 auto; }
.board_faq li > div { padding: 25px 40px 25px 60px; position: relative; }
.board_faq li > div:before {
    display: block; content: ""; position: absolute; left: 10px; top: 20px; width: 32px; height: 32px;
    background-size: 32px 32px; background-repeat: no-repeat; background-position: center center;
}
.board_faq li { border-bottom: 1px solid #ddd; }
.board_faq .ask {cursor: pointer;}
.board_faq .ask:before { background-image: url('../img/icon_faq_q.png'); }
.board_faq .ask.on:before { background-image: url('../img/icon_faq_q_on.png'); }
.board_faq .answer { display: none; border-bottom: 1px solid #ddd; background: #f8f8f8;}
.board_faq .answer:before { background-image: url('../img/icon_faq_a_on.png'); }


/* overview */
.ov_top {border-bottom: 1px solid var(--border);}
.ov_top .inner {display: flex; gap: 60px; align-items: center; justify-content: center;}
.ov_top .info_box {width: max-content;}
.ov_top .info_box .tit {margin-bottom: 40px;}
.ov_top .info_box .tit .big {font-size: 3rem; font-weight: 700;}
.ov_top .info_box .tit .small {font-size: 1.125rem; margin-top: 10px;}
.ov_top .info_box .info {display: flex; flex-direction: column; gap: 10px;}
.ov_top .info_box .info li {display: flex; gap: 15px; font-size: 1.125rem;}
.ov_top .info_box .info .gubun {min-width: 40px; flex-shrink: 0; color: #767676; font-weight: 700; margin-top: 2px;}
.ov_top .info_box .info .naeyong {display: flex; flex-direction: column; gap: 7px;}
.ov_top .info_box .info .naeyong .txBox {
    background: #767676; font-size: 0.94rem; line-height: 1; font-weight: 700; color: #fff; padding: 6px 12px; border-radius: 100px; display: inline-block; vertical-align: bottom;
}
.ov_top .info_box .btn {margin-top: 60px;}
.ov_top .cont_box {width: calc(40% - 60px); min-width: 400px; flex-shrink: 0;}
.ov_top .cont_box .video {width: 100%;}

.ov_sec { border-bottom: 1px solid var(--border);}
.ov_sec .img_box {text-align: center;}


.ov_toon { max-width: 500px; margin: 0 auto; border: 1px solid var(--border);}
.ov_toon li .img {aspect-ratio: 1/1; overflow: hidden}
.ov_toon li img {width: 100%; height: 100%; object-fit: cover;}
.swiperWebtoonPaging span {background: #000; width: 7px; height: 7px; }

.ov_card { max-width: 500px; margin: 0 auto; border: 1px solid var(--border);}
.ov_card li .img {aspect-ratio: 1/1; overflow: hidden}
.ov_card li img {width: 100%; height: 100%; object-fit: cover;}
.swiperCardnewsPaging span {background: #000; width: 7px; height: 7px; }

.ov_video .swiper_box {max-width: 1200px; margin: 0 auto;}
.ov_video .swiper {width: calc(100% - 120px);}

.ov_map .img_box {font-size: 0;}

.ov_emb .box {display: flex; gap: 20px; align-items: stretch; justify-content: center;}
.ov_emb .box .img {width: 100%; max-width: 600px;}
.ov_emb .box .img p {display: flex; align-items: center; justify-content: center; aspect-ratio: 5/3;}
.ov_emb .box .img p img { width: 70%;}
.ov_emb .box .info {display: flex; flex-wrap: wrap; gap: 20px;}
.ov_emb .box .info > div {
    background: #f5f5f5; color: #000; padding: 20px; width: calc(50% - 10px); font-size: 1.125rem;
    text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 10px;
}

.ov_slog .box {display: flex; gap: 40px;}
.ov_slog .box li {width: 100%; display: flex; flex-direction: column; gap: 30px; align-items: center;}
.ov_slog .box li .img {width: 100%; max-width: 800px; background: #f5f5f5; padding: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.ov_slog .box li .text {font-size: 1.25rem; }
.ov_slog .box .slog_tit{width: 200px;font-size: 26px;font-weight: 700;}
.ov_slog .box .signature{ display: flex;flex-wrap: wrap; justify-content: flex-start;align-items: stretch; margin-top: 40px; border-bottom: 1px solid #DDD;}
.ov_slog .box .signature li{display: flex;flex-wrap: wrap;  justify-content: flex-end; align-items: flex-start; position: relative; width: 50%; padding: 30px 20px; border-top: 1px solid #DDD; font-size: 10px;}
.ov_slog .box .signature li:first-child{width: 100%;}
.ov_slog .box .signature li:first-child::before{display: none;}
.ov_slog .box .signature li:nth-child(2n)::before{display: none;}
.ov_slog .box .signature li::before{content: ""; display: block; position: absolute; width: 1px; height: 70%; top: 50%; left: 0; background: #ddd; transform: translateY(-50%);}
.ov_slog .box .signature li p{font-size: 18px; color: #999;}
.ov_slog .box .signature li img{width: 70%; margin: 0 auto;}
.ov_slog .box:last-child{margin-top: 30px;}
.ov_slog .box .color_system{display:grid;grid-template-columns: repeat(5,1fr);width: 100%; gap: 10px;}
.ov_slog .box .color_system li{background-color: #1e449a; align-items: start; padding: 30px 20px; height: 400px; justify-content: space-between; color: #fff;}
.ov_slog .box .color_system li .tit{font-weight: 700; font-size: 20px;}
.ov_slog .box .color_system li:nth-child(2){background-color: #c1341f;}
.ov_slog .box .color_system li:nth-child(3){background-color: #2e6432;}
.ov_slog .box .color_system li:nth-child(4){background-color: #1b274e;}
.ov_slog .box .color_system li:nth-child(5){background-color: #071714;}

.ov_evt .box {display: flex; gap: 40px;}
.ov_evt .box .list {width: max-content; max-width: 100%; margin: 0 auto; padding: 60px 20px; border-radius: 10px; background: #f5f5f5;}
.ov_evt .box .list .tit {font-size: 1.5rem; font-weight: 700;}
.ov_evt .box .list ul {margin-top: 20px; flex-direction: column; display: flex; gap: 10px; font-size: 1.125rem; max-width: 100%; width: max-content;}
.ov_evt .box .list li {display: flex; gap: 5px;}
.ov_evt .box .list li .gu {font-weight: 700; width: 70px;}
.ov_evt.eng .box .list li {flex-direction: column;}
.ov_evt.eng .box .list li .gu {width: 100%;}


/* 붐업 행상 */
.kmf_sec .kmf_cont {display: flex; flex-wrap: wrap; gap: 40px;}
.kmf_sec .kmf_item {width: calc(33.333% - 30px); position: relative;}
.kmf_sec .kmf_item .img {border: 1px solid var(--border); font-size: 0; cursor: pointer;}
.kmf_sec .kmf_item .img img {width: 100%; height: 100%; object-fit: cover;}
.kmf_sec .kmf_item .img.contain img {object-fit: contain;}
.kmf_sec .kmf_item .tit {font-size: 1.25rem; margin-top: 10px; }

.kmf_sec .kmf_item .tit {margin-right: 60px;}
.kmf_sec .kmf_item .link {
    display: block; width: 24px; height: 24px; background: url('../img/icon_home_b.png') no-repeat center center / 20px 20px;
    position: absolute; bottom: 0; right: 0;
}
.kmf_sec .kmf_item .qrcode {
    display: block; width: 24px; height: 24px;
    position: absolute; bottom: 0; right: 30px
}
.kmf_sec .kmf_item .img {aspect-ratio: 2/3;}

.kmf_bnn{margin-top: 100px; cursor: pointer;}
.sch_sec{border-bottom: 1px solid var(--border);}
.sch_sec .box{text-align: center;}


#popKmfEvent .layer {width: 90%; max-width: 500px; overflow: hidden; position: relative; }
#popKmfEvent .layer .tit {padding: 15px 45px 15px 15px;}
#popKmfEvent .layer .close {top: 19px; right: 10px; width: 18px;}
#popKmfEvent .layer .img_box {font-size: 0; width: 100%;}
#popKmfEvent .layer .img img {width: 100%; height: 100%; object-fit: contain;}
#popKmfEvent .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;
}
#popKmfEvent .slide_btn .prev {background-image: url('../img/swiper_btn_prev.png'); left: 0;}
#popKmfEvent .slide_btn .next {background-image: url('../img/swiper_btn_next.png'); right: 0;}
#popKmfEvent .layer .tit {padding: 15px 60px 15px 15px;}
#popKmfEvent .layer .link {
    display: block; width: 18px; height: 18px; background: url('../img/icon_home_w.png') no-repeat center center / cover;
    position: absolute; top: 19px; right: 35px; text-indent: -9999px;
}
#popKmfEvent .layer .qrcode img {
    position: absolute; width: 13%; height: auto; bottom: 10px; right: 10px;
}
#popKmfEvent .layer .qrcode img.ptr {bottom: unset; top: 66px;}
#popKmfEvent .layer .qrcode img.ptl {bottom: unset; top: 66px; right: unset; left: 10px;}
#popKmfEvent .layer .qrcode img.pbr {right: unset; left: 10px;}
#popKmfEvent .layer .qrcode img.none {display: none;}
#popKmfEvent .layer .img_box { overflow-y: auto;}

/* 추후 노출 처리 */
.kmf_sec .kmf_item .link,
.kmf_sec .kmf_item .qrcode {display: none;}
#popKmfEvent .layer .link, 
#popKmfEvent .layer .qrcode {display: none !important;}

/* 용산 군문화페스타 */
.ov_sec .ov_tab {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap:10px 20px; margin-bottom: 60px; padding: 0 60px;}
.ov_sec .ov_tab li {
    width: 190px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1rem; padding: 0 10px; line-height: 1.2;
    color: #767676; border-radius: 100px; border: 1px solid #767676; cursor: pointer; text-align: center;
}
.ov_sec .ov_tab li.on {background: #000; color: #fff; font-weight: 700;}
.ov_sec .ov_sub_tab {margin-bottom: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; font-size: 1.125rem;}
.ov_sec .ov_sub_tab li {padding-bottom: 3px; border-bottom: 2px solid transparent; cursor: pointer;}
.ov_sec .ov_sub_tab li.on {border-bottom: 2px solid #000; font-weight: 700;}

.ov_sec .ov_cont {display: none; padding: 0 60px;}
.ov_sec .ov_cont.on {display: block;}
.ov_sec .ov_cont .img {border: 1px solid var(--border); font-size: 0; cursor: pointer;}
.ov_sec .ov_cont .img img {width: 100%; height: 100%; object-fit: cover;}
.ov_sec .ov_cont .img.contain img {object-fit: contain;}
.ov_sec .ov_cont .tit {font-size: 1.25rem; margin-top: 10px; }
.ov_sec .ov_cont_prev {left: -60px;}
.ov_sec .ov_cont_next {right: -60px;}


.ov_sec .ycf_cont .img {aspect-ratio: 4/1; display: flex;}
.ov_sec .ycf_cont .tit { margin-left: 3px; margin-right: 3px;}
.ov_sec .ycf_cont .txt_box {font-size: 0.94rem; margin-top: 5px; margin-left: 3px; margin-right: 3px; display: flex; flex-direction: column; gap: 5px; }
.ov_sec .ycf_cont .txt_box > div {display: flex; gap: 10px;}
.ov_sec .ycf_cont .txt_box .gubun {color: #767676;}

.ov_sec .ycf_cont .ov_cont_prev,
.ov_sec .ycf_cont .ov_cont_next {top: 35%; }



.popOvCont .layer {width: 90%; max-width: 500px; overflow: hidden; position: relative; }
.popOvCont .layer .tit {padding: 15px 45px 15px 15px;}
.popOvCont .layer .close {top: 19px; right: 10px}
.popOvCont .layer .img_box {font-size: 0; width: 100%;}
.popOvCont .layer .img img {width: 100%; height: 100%; object-fit: contain;}
.popOvCont .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;
}
.popOvCont .slide_btn .prev {background-image: url('../img/swiper_btn_prev.png'); left: 0;}
.popOvCont .slide_btn .next {background-image: url('../img/swiper_btn_next.png'); right: 0;}

.popYcfCont .layer {max-width: 1200px; overflow-y: auto;}
.popYcfCont .layer .img {display: flex;}
.popYcfCont .layer .img img {width: 50%;}
.popYcfCont .layer .txt_box {background: #000; color: #fff; font-size: 0.875rem; padding: 20px; display: flex; flex-direction: column; gap: 8px;}
.popYcfCont .layer .txt_box .gubun {color: #ccc;}
/* 용산 군문화페스타 end */





/* 참관신청 */
.apply_main {display: flex; flex-direction: column; gap: 100px;}
.apply_main .inner {display: flex; flex-direction: column; align-items: center;}
.apply_main .tit {text-align: center;}
.apply_main .tit .big {font-size: 3rem; font-weight: 700;}
.apply_main .tit .small {font-size:1.25rem; color: #555; margin-top: 10px;}
.apply_main .list {display: flex; width: 100%; margin:80px 0}
.apply_main .list li {border-right: 1px solid #ddd; padding: 40px; width: 100%; display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center;}
.apply_main .list li:last-child {border: none;}
.apply_main .list .icon {width: 70px;}
.apply_main .list .big {font-size: 1.5rem; font-weight: 700;}
.apply_main .list .small {font-size: 1.25rem;}
.apply_main .list .cmnt {font-size: 1rem; color: #767676;}
.apply_main .btn_wrap {width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; justify-content: center; margin-top: 20px;}

.apply_comp .tit {text-align: center;}
.apply_comp .tit .big {font-size: 3rem; font-weight: 700;}
.apply_comp .tit .small {font-size:1.25rem; color: #555; margin-top: 30px;}
.apply_comp .btn_wrap {width: 100%; display: flex; align-items: center; gap: 20px; justify-content: center; margin-top: 60px;}

.apply_tab .inner {max-width: 1000px;}
.apply_tab .list {display: flex; gap: 20px;}
.apply_tab a {
    cursor: pointer; padding: 25px; border-radius: 20px; border: 1px solid #ddd; min-height: 150px; width: 100%;
    display: flex; flex-direction: column; gap: 10px; justify-content: space-between; background: #fff;
}
.apply_tab a:hover {background: #eee;}
.apply_tab .tit {font-size: 1.5rem; font-weight: 700; line-height: 1.2;}
.apply_tab .icon {
    display: block; background: url('../img/icon_apply_arr.png') no-repeat center center / contain; aspect-ratio: 3/2; width: 22px;
    margin-left: auto;
}
.apply_tab a.on {background: #000; color: #fff;}
.apply_tab a.on .icon {
    background-image: url('../img/icon_apply_arr_on.png');
}
.apply_tab a {
    cursor: pointer; padding: 25px; border-radius: 20px; border: 1px solid #ddd; min-height: 150px; width: 100%;
    display: flex; flex-direction: column; gap: 10px; justify-content: space-between; background: #fff;
}
.apply_tab .tit {font-size: 1.5rem; font-weight: 700; line-height: 1.2;}
.apply_tab .icon {
    display: block; background: url('../img/icon_apply_arr.png') no-repeat center center / contain; aspect-ratio: 3/2; width: 22px;
    margin-left: auto;
}
.apply_tab a.on {background: #000; color: #fff;}
.apply_tab a.on .icon {
    background-image: url('../img/icon_apply_arr_on.png');
}

/* .apply_tab .inner {max-width: 1000px;}
.apply_tab .list {display: flex; gap: 20px;}
.apply_tab li {
    cursor: pointer; padding: 25px; border-radius: 20px; border: 1px solid #ddd; min-height: 150px; width: 100%;
    display: flex; flex-direction: column; gap: 10px; justify-content: space-between; background: #fff;
}
.apply_tab .tit {font-size: 1.5rem; font-weight: 700; line-height: 1.2;}
.apply_tab .icon {
    display: block; background: url('../img/icon_apply_arr.png') no-repeat center center / contain; aspect-ratio: 3/2; width: 22px;
    margin-left: auto;
}
.apply_tab li.on {background: #000; color: #fff;}
.apply_tab li.on .icon {
    background-image: url('../img/icon_apply_arr_on.png');
}
.apply_tab li {
    cursor: pointer; padding: 25px; border-radius: 20px; border: 1px solid #ddd; min-height: 150px; width: 100%;
    display: flex; flex-direction: column; gap: 10px; justify-content: space-between; background: #fff;
}
.apply_tab .tit {font-size: 1.5rem; font-weight: 700; line-height: 1.2;}
.apply_tab .icon {
    display: block; background: url('../img/icon_apply_arr.png') no-repeat center center / contain; aspect-ratio: 3/2; width: 22px;
    margin-left: auto;
}
.apply_tab li.on {background: #000; color: #fff;}
.apply_tab li.on .icon {
    background-image: url('../img/icon_apply_arr_on.png');
} */

.login_wrap .inner {max-width: 400px;}
.login_wrap .text {text-align: center; margin-bottom: 20px;}
.login_box {border: 1px solid #ededed; padding: 30px; display: flex; flex-direction: column; gap: 20px;}
.login_box .item .naeyong > input {width: 100%; max-width: unset;}
.login_box .item .gubun {font-size: 0.94rem; margin-bottom: 5px;}
.login_box .item .naeyong {display: flex; align-items: center; gap: 10px;}
.login_box .btn {border-radius: 0; max-width: unset;}


/* 이벤트 2024 */
.event_wrap .inner {max-width: 1000px;}
.event_list {border-top: 2px solid #000;}
.event_item {border-bottom: 1px solid var(--border); padding: 30px 0; display: flex; gap: 40px; align-items: center;}
.event_item .thumb {width: 400px; flex-shrink: 0; font-size: 0;}
.event_item .thumb p {border: 1px solid var(--border); aspect-ratio: 1/1;}
.event_item .thumb p img {width: 100%; height: 100%; object-fit: cover;}
.event_item .info .tit {font-size: 2rem; font-weight: 700; line-height: 1.2;}
.event_item .info .cmnt {color: #555; font-size: 0.94rem;}
.event_item .info {flex: 1 0 0; display: flex; flex-direction: column; gap: 20px;}
.event_item .info .btn_box {display: flex; gap: 10px; margin-top: 20px;}


/* 이벤트 2025 */
.evt_list {display: flex; flex-wrap: wrap; gap: 50px 40px;}
.evt_item {width: calc(25% - 30px); cursor: pointer; display: flex; flex-direction: column; gap: 15px;}
.evt_item .img {aspect-ratio: 4/5; overflow: hidden; font-size: 0; border-radius: 10px; position: relative;}
.evt_item .img::before {
    display: block; content: ""; width: 100%; height: 100%; background: #000;
    position: absolute; top: 0; left: 0; opacity: 0.05; z-index: 1;
}
.evt_item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: all .3s;} 
.evt_item:hover .img img {scale: 1.1;}
.evt_item .info {padding: 0 33px 0 5px; position: relative;}
.evt_item .info .tit {font-size: 1.125rem;}
.evt_item .info::before {
    display: block; content: ""; width: 29px; aspect-ratio: 1/1; border-radius: 100px;
    background: url('../img/icon_arr_w.png') no-repeat center center / 16px auto #000; 
    position: absolute; top: -2px; right: 0;
}
#popEventView .layer {max-width: 90%; width: max-content;}
#popEventView .evt_view {max-height: calc(100vh - 60px); overflow-y: auto; max-width: 800px;}
#popEventView .evt_view .img {font-size: 0;}


/* 국민 마음 갤러리 */
.maeum_wrap .inner {max-width: unset; width: 100%; display: flex; gap: 100px; align-items: center;}
.maeum_wrap .tit_wrap {flex: 1 0 0;}
.maeum_wrap .tit_wrap.first .tit_box {margin: 0 auto; max-width: unset; text-align: center; display: flex; flex-direction: column; align-items: center;} /* 본인인증전 */
.maeum_wrap .tit_wrap .tit_box {width: 90%; margin: 0 0 0 auto; max-width: 600px;}
.maeum_wrap .tit_wrap .tit {font-size: 3.5rem; line-height: 1.2;}
.maeum_wrap .tit_wrap.first .tit_box > .text {text-align: left;}
.maeum_wrap .tit_wrap .tit_box > .text {font-size: 0.83rem; color: #333; margin-top: 40px;}
.maeum_wrap .tit_wrap .tit_box > .text > div {margin-top: 8px;}
.maeum_wrap .tit_wrap .tit_box > .text .gubun {font-weight: 700;}
.maeum_wrap .tit_wrap .tit_box > .text .naeyong p {padding-left: 10px; position: relative;}
.maeum_wrap .tit_wrap .tit_box > .text .naeyong p::before {
    display: block; content: "-"; position: absolute; left: 0;
}
.maeum_wrap .tit_wrap .maeumBtn {
    border-radius: 20px; overflow: hidden; background: #f5f5f5; height: 55px; width: 100%; max-width: 550px; margin-top: 40px;
    display: flex; align-items: center;  gap: 10px; line-height: 1.2;
}

.maeum_wrap .tit_wrap .maeumBtn .text {color: #aaa; padding-left: 55px; height: 55px; display: flex; align-items: center; justify-content: flex-start; flex: 1 0 0; position: relative;}
.maeum_wrap .tit_wrap .maeumBtn .text::before {
    display: block; content: ""; width: 24px; height: 24px; background: url('../img/icon_maeum_heart.png') no-repeat center center / contain;
    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
}
.maeum_wrap .tit_wrap .maeumBtn .button {
    background: #000; color: #fff; width: 120px; border-radius: 20px; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.maeum_wrap .tit_wrap .shortcut {margin-top: 60px;}
.maeum_wrap .tit_wrap .img {width: 100%; height: 300px; background: url(../img/img_maeum.webp) no-repeat center center / cover; margin-top: 100px;}
.maeum_wrap .chat_wrap {width: 50%;  background: #fff;}
.chat_wrap .chat_box {width: 90%; max-width: 700px; margin: 0 auto 0 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}
.chat_wrap .top {
    width: 100%; height: 80px; font-size: 1.25rem; padding:0 60px; position: relative;
    display: flex; align-items: center; background: #fff; box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.07);
}
.chat_wrap .top::before {
    display: block; content: ""; background: url(../img/icon_maeum_bubble.png) no-repeat center center / contain; width: 30px; height: 30px;
    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
}
.chat_wrap .cont {overflow-y: auto; width: 100%; height: 700px; display: flex; flex-direction: column-reverse;}
.chat_wrap .chat_list {padding: 20px; display: flex; flex-direction: column; gap: 20px;}
.chat_wrap .chat_item {line-height: 1.2; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:7px;}
.chat_wrap .chat_item .naeyong {display: flex; align-items: center; gap: 10px;}
.chat_wrap .chat_item .message {font-size: 1.125rem; padding: 15px 20px; border-radius: 100px; vertical-align: middle; color: #fff; }
.chat_wrap .chat_item .writer {color: #767676; font-size: 0.875rem}
.chat_wrap .chat_item .like {width: 100%; font-size: 0.875rem; line-height: 1; display: flex; align-items: center; gap: 3px; cursor: pointer; padding:0 10px}
.chat_wrap .chat_item .likeIcon {
    width: 18px; height: 18px; background: url('../img/icon_like.png') no-repeat center center / cover; display: block;
}
.chat_wrap .chat_item .likeIcon.on {background-image: url('../img/icon_like_on.png');}
.chat_wrap .chat_item:nth-child(odd) {margin-right: auto;}
.chat_wrap .chat_item:nth-child(odd) .message {background: #9BD1AC;}
.chat_wrap .chat_item:nth-child(even) {margin-left: auto; justify-content: flex-end;}
.chat_wrap .chat_item:nth-child(even) .message {background: #87AEE1; order: 2;}
.chat_wrap .chat_item:nth-child(even) .writer {order: 1; text-align: right;}
.chat_wrap .chat_item:nth-child(even) .like {justify-content: flex-end;}
.chat_wrap .bot {padding: 20px 20px 20px 60px; border-top: 1px solid var(--border); background: #fff; position: relative;}
.chat_wrap .bot::before {
    display: block; content: ""; background: url('../img/icon_maeum_heart.png') no-repeat center center / contain; width: 24px; height: 24px;
    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
}
.chat_wrap .chat_input {position: relative;}
.chat_wrap .chat_input input {
    background: #f5f5f5; border: 0; width: 100%; height: 50px; max-width: unset; border-radius: 100px;
    padding:0 70px 0 20px;
}
.chat_wrap .chat_input button {border: 0; background: none; width: 60px; height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.chat_wrap .chat_input button::before {
    display: block; content: ""; background: url('../img/icon_maeum_write.png') no-repeat center center / contain; width: 24px; height: 24px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}

#popMaeumWrite .layer {max-width: 400px;}


/* 선정결과 */
.apply_rs_wrap .inner {max-width: 1000px; background: #f5f5f5; padding: 40px 30px; border-radius: 5px; text-align: center;}
.apply_rs_wrap .tit {font-size: 1.75rem; font-weight: 700;}
.apply_rs_wrap .text {margin-top: 15px; font-size: 1.25rem; color: #333;}
.apply_rs_wrap .text .rs {font-weight: 700; display: inline-block; font-size: 1.5rem; color: #000;}
.apply_rs_wrap .cmnt {margin-top: 25px;}


/* 초청인 안내사항 */
.inv_wrap {text-align: center;}

/* 참관안내 - 행사안내 */
.gd_tit {margin-bottom: 80px; text-align: center;}
.gd_tit .big {font-size: 3rem; font-weight: 700;}
.gd_tit .small {color: #555; margin-top: 20px; font-size: 1.25rem;}
.gd_sec .img_box img {margin: 0 auto;}
.gd_sec .img_box img.only_m {max-width: 300px; width: 100%;}
.gd_sec .way_box {display: flex; flex-direction: column; gap: 40px; max-width: 1200px; margin: 0 auto;}
.gd_sec .way_box .map {font-size: 0; position: relative;}
.gd_sec .way_box .map::after {
    display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background: #000; opacity: 0.04;
}
.gd_sec .way_box .box .top {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 5px;}
.gd_sec .way_box .box .top .icon {width: 55px; aspect-ratio: 1/1; flex-shrink: 0;}
.gd_sec .way_box .box .top .tit {font-size: 2.5rem; font-weight: 700;}
.gd_sec .way_box .box .list {padding-left: 70px; display: flex; flex-direction: column; gap: 12px;}
.gd_sec .way_box .box .item {padding-left: 16px; position: relative;}
.gd_sec .way_box .box .item::before {
    display: block; content: ""; width: 6px; height: 6px; border-radius: 2px; background: #222;
    left: 0; top: 9px; position: absolute;
}
.gd_sec .way_box .box .item.imp {color: #AA0100;}
.gd_sec .way_box .box .item.imp::before {background: #AA0100;}
.gd_sec .way_box .box .item .nae {font-size: 1.375rem;}
.gd_sec .way_box .box .item .cmnt {color: #777; font-size: 1.125rem;}
.gd_sec .way_box .box .item .tbu_box {margin: 15px 0;}
.gd_sec .way_box .box .item .tbu_box .tbu_tit {font-size: 1.375rem;}
.gd_sec .way_box .box .item .tbu_box .table .sm {font-size: 0.9375rem;}
.gd_sec .way_box .box .item .tbu_box li {width:16.666%; flex-shrink: 0; font-size: 1.125rem;}


/* qr코드 */
.qr_chk .box {display: flex; flex-direction: column; gap: 30px;}
.qr_chk .box .title {font-size: 1.125rem; font-weight: 700; margin-bottom: 10px;}
.qr_chk .box .cont {border: 1px solid var(--border); font-size: 0;}
.qr_chk .box .cont .img {padding: 20px; font-size: 0;}
.qr_chk .box .cont .img img {max-width: 200px; width: 100%; margin: 0 auto; display: block;}
.qr_chk .box .cont .save {
    background: #000; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem;
}

/* qr 어드민 */
.qrad_wrap {padding: 100px 0 60px}
.qrad_wrap .inner {max-width: 500px;}
.qrad_main {display: flex; align-items: center; justify-content: center; gap: 80px; flex-direction: column; width: 100%; height: calc(100vh - 160px);}
.qrad_main .btn_box {display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%;}

.qrad_top {margin-bottom: 20px;}
.qrad_top .tit {font-size: 1.125rem; font-weight: 700;}
.qrad_top .srch_bar .srch {
    position: relative; 
}
.qrad_top .srch_bar .srch input {max-width: unset; padding-right: 50px;}
.qrad_top .srch_bar .srch button {
    width: 24px; aspect-ratio: 1/1; background: url('../img/icon_search_b.png') no-repeat center center / contain;
    border: 0; text-indent: -9999px; overflow: hidden;
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
}
.qrad_bot .btn_box {display: flex; gap: 10px;}
.qrad_box {margin-bottom: 40px;}
.qrad_box .top {background: #000; border-radius: 10px 10px 0 0 ; color: #fff; padding: 15px 10px;}
.qrad_box .top .tit {font-size: 1rem; line-height: 1;}
.qrad_box .cf_item {
    border-bottom: 1px solid var(--border); padding: 20px 10px;
}
.qrad_box .cf_item .info {display: flex; gap: 10px; font-size: 0.875rem;}
.qrad_box .cf_item .info .gu {color: #777; width: 80px; flex-shrink: 0;}
.qrad_box .cf_item .info .nae {display: flex; gap: 5px; align-items: center;}
.qrad_box .cf_item .info .badge {font-size: 0;}
.qrad_box .no_data {border-bottom: 1px solid var(--border); padding: 40px 20px; text-align: center; }

.qrad_box .pt_item {
    border-bottom: 1px solid var(--border); padding: 20px 10px;
}
.qrad_box .pt_item .info {display: flex; gap: 10px; font-size: 0.875rem;}
.qrad_box .pt_item .info .gu { width: 100%;}
.qrad_box .pt_item .info .nae {display: flex; gap: 5px; align-items: center; width: 100%;}
.qrad_box .pt_item .info .badge {font-size: 0;}

.qrad_box .hi_box {background: #fff;}
.qrad_box .hi_box:nth-child(even) {background: #f5f5f5;}
.qrad_box .hi_item {
    border-bottom: 1px solid var(--border); padding: 20px 10px;
    display: flex; flex-wrap: wrap; gap: 10px;
}
.qrad_box .hi_item .info {display: flex; gap: 10px; font-size: 0.875rem; width: 100%;}
.qrad_box .hi_item .info .gu {color: #777; width: 80px; flex-shrink: 0;}
.qrad_box .hi_item .info .nae {display: flex; gap: 5px; align-items: center;}
.qrad_box .hi_item .info .badge {font-size: 0;}
.qrad_box .hi_item .info.w50 {width: calc(50% - 5px);}
.qrad_box .hi_item .select {display: flex; justify-content: flex-end; width: 100%; margin-top: 10px;}
.qrad_box .hi_item .select select {color: #fff; height: 24px; font-size: 0.875rem; background:url('../img/select_arr_w.png') no-repeat #000 calc(100% - 10px) 50%/10px auto;}
.qrad_box .hi_item.cancel {background: #f5f5f5;}

/* //디지털 굿즈 */
.goods_list .img{aspect-ratio: 1; padding: 30px;}
.goods_list .evt_item .img img{object-fit:contain;object-position: center;}
#popGoodsView .layer {max-width: 90%; width: max-content;}
#popGoodsView .img_box {max-height: calc(100vh - 60px); overflow-y: auto; max-width: 700px;}
#popGoodsView .img_box .img{padding: 50px;font-size: 0;}
#popGoodsView .evt_btn{color: #fff;background-color: #000; text-align: center;}
#popGoodsView .evt_btn a{position: relative; display: flex
; align-items: center; justify-content: center; padding: 15px 0;}
#popGoodsView .evt_btn a::after{content: '';background: url('../img/icon_download_w.png') no-repeat; display: inline-block;  width: 20px; height: 20px; background-size: cover;margin-left: 5px; margin-top: -1px;}
#popGoodsView .layer .close{top: 19px; right: 10px; width: 18px;}
.goods_list .info{display: flex; align-items: center;}

.goods_list .info .count{font-size: 14px; padding-left: 10px;text-indent: 23px; color: #666;}
.goods_list .info .count::before{content: '';background: url('../img/icon_count.png') no-repeat; display: block; width: 18px;height: 18px; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%);}

/* 웹툰 */
.tab_cont{text-align: center;}

/* 롯데월드팝업버튼 */
#popLotte .layer {max-width: 90%; width: max-content;}
#popLotte .evt_view {max-height: calc(100vh - 60px); overflow-y: auto; max-width: 700px;}
#popLotte .evt_view .img {font-size: 0;}
#popLotte .btn{max-width: 100%; background: #000; color: #fff; border-radius: 0;}
#popLotte .btn::after{content: ''; background: url(../img/arrow-narrow-right-w.png) no-repeat; display: inline-block; width: 20px; height: 20px; background-size: cover; margin-left: 5px; margin-top: -1px;}

/* 국군의날 캘리그라피 */
.calli_item{width: 100%; cursor:auto;}
.calli_item .img{aspect-ratio: inherit; border-radius: 0; width: 50%; margin: 0 auto;}
.calli_item:hover .img img {scale: 1;}

/* myhero77 이벤트 */
.rok_item{width: 100%; cursor:auto;}
.rok_item .img{aspect-ratio: inherit; border-radius: 0; width: 50%; margin: 0 auto;}
.rok_item:hover .img img {scale: 1;}

/* 행사현장사진 */
.field_photos{display: flex; flex-wrap: wrap; gap: 50px 40px;}
.field_photos .evt_item{width: calc(25% - 30px); cursor: auto;}
.field_photos .evt_item .img{aspect-ratio:1}

/* bgm */


#bgm-player {display: flex;align-items: center;gap: 20px;color: #fff; border-radius: 12px;width: 230px;position: fixed;top: 9px;z-index: 997;right: 40px;}
#bgm-player button {color: #444;border: none;border-radius: 6px;cursor: pointer;background: inherit;padding: 0;}
#bgm-player button:focus{ outline: none;}
#bgm-player img{ width: 10px; height: 10px; object-fit: contain;filter: invert(100%);}
#bgm-player .controls {display: flex; gap: 15px; align-items: center;width: 50%;}
#bgm-player #progress-container {width: 100%; height: 5px;background: inherit;border-radius: 4px; overflow: visible; border: 1px solid #afafaf;position: relative;}
#bgm-player #progress-bar {width: 0%;height: 100%;background: #fff;transition: width 0.1s linear;}
#bgm-player #progress-circle {position: absolute; top: 50%;transform: translateY(-50%);width: 10px;height: 10px; background: #fff;border-radius: 50px; pointer-events: none;}

.hd_main #bgm-player img{filter: inherit;}
.hd_main #bgm-player #progress-circle{background: #444;}
.hd_main #bgm-player #progress-bar{background: #444;}
.hd_main #bgm-player #progress-container{background: #fff;}

/* pmt */
.pmt_btn{margin-top: 30px;}
.pmt_btn a{color: #fff;background: #000;padding: 20px 40px; border-radius: 40px;display: inline-flex;}
.pmt_btn a::after{content: ''; background: url(../img/icon_download_w.png) no-repeat;  display: inline-block; width: 20px;  height: 20px; background-size: cover; margin-left: 5px; margin-top: 1px;}

.ov_sec .pmt_wrap{ margin-top: 20px; position: relative; width: 100%; padding-bottom: 56.25%;}
.ov_sec .pmt_wrap iframe{position: absolute; width: 100%; height: 100%; left: 0;}
.ov_sec .tab_cont img{width: 100%;}

.gd_sec .way_box.caution .box .list{padding-left: 0;}
.gd_sec .way_box.caution .box .item::before{display: none;}
.gd_sec .way_box.caution .box .item:last-child{padding-top: 30px;}
.gd_sec .way_box.caution .box .item{padding-left: 0;}