@charset "utf-8";

*{margin: 0; padding:0; box-sizing: border-box; }
html,body{width:100%; overflow-x:hidden; color:#000; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
ul,ol{list-style: none;}
a{text-decoration: none; color:inherit; font-family: inherit; font-size:inherit;}
input:focus{outline: none;}
textarea:focus{outline: none;}

body{ line-height:1.2;}
.section-{
    padding:120px 0;
}
img, video{
    vertical-align: bottom;
}
.pt-144{padding-top:264px;}
.wrap-about,
.wrap-notice,
.wrap-gallery,
.wrap-contact{padding-top:144px;}

button{
    background:#fff;
    border:1px solid #D9D9D9;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size:12px;
    padding:5px 10px;
    border-radius: 0;
}
.badge-{
    padding:5px 10px;
    font-size:18px;
    font-weight:600;
    display: block;
    width:max-content;
    text-align: center;
}
.mo-,.mo-br{
    display: none;
}
/* font */
.ft_hahmlet{
    font-family: "Hahmlet", serif;
    font-optical-sizing: auto;
    font-style: normal;
}


.pc_view { display: block;position: relative; }
.mo_view { display: none; position: relative;}
@media screen and (max-width: 800px){
    .pc_view { display: none; }
    .mo_view { display: block; }

  }
  

#wrapper .swiper-pagination {
    top:auto;
    bottom:85px;
}
#wrapper .swiper-pagination .swiper-pagination-bullet{
    width:6px;
    height:6px;
    background:#D9D9D9;
    opacity: 1;
    margin:0 5px;
}
#wrapper .swiper-pagination .swiper-pagination-bullet-active{
    background:#BA0000;
}

/* main style */
#main{
    padding-bottom:150px;
}
#main .main-banner{
    width:100%;
    height:860px;
    /*height:100vh;*/
    /*min-height: 667px;*/
    /*overflow: hidden;*/
}
#main .main-banner .swiper-slide .slide-wrap{
    width:95%;
    max-width: 1280px;
    display:flex;
    padding-top:8.85%;
    justify-content: end;
    width:100%;
    /*overflow: hidden;*/
    opacity: 0;
    transition:all 0.5s;
    height:100%;
    margin:auto;
}
#main .main-banner .swiper-slide-active .slide-wrap{
    opacity: 1;
}
#main .main-banner .text-box{
    position:absolute;
    top:21.85%;
    left:50%;
    transform:translateX(-50%);
    width:95%;
    max-width: 1280px;
    z-index: 2;
}
#main .main-banner .text-box .past-{
    display: block;
    width: max-content;
    color:#fff;
    background:#BA0000;
    margin-bottom:10px;
}
#main .main-banner .text-box h2{
    font-size:45px;
    font-weight:500;
    line-height:54px;
    letter-spacing: -0.02px;
    margin-bottom:7px;
}
#main .main-banner .text-box .date-{
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
    line-height:1.2;
}
#main .main-banner .text-box p{
    font-size:18px;
    line-height:1.2;
} 
#main .main-banner .text-box p span{
    display:inline-block;
    width:66px;
}
#main .main-banner .text-box .more-btn{
    display: block;
    width: max-content;
    color:#fff;
    background:#000;
    margin-bottom:10px;
    cursor: pointer;
    margin-top:20px;
}
#main .main-banner .img-box{
    height:586px;
    display: flex;
    align-items: start;
}
#main .main-banner .slide-bg{
    position:absolute;
    left:0;
    width:100%;
    bottom:17%;
    overflow: hidden;
    display: none;
}
#main .main-banner .slide-bg img{
    width:100%;
}
#main .main-banner .swiper-pagination {
    position: relative;
    top:auto;
    bottom:85px;
}
#main .main-banner .swiper-pagination .swiper-pagination-bullet{
    width:6px;
    height:6px;
    background:#D9D9D9;
    opacity: 1;
    margin:0 5px;
}
#main .main-banner .swiper-pagination .swiper-pagination-bullet-active{
    background:#BA0000;
}
#main .main-banner .swiper-button-next,
#main .main-banner .swiper-button-prev{
    height: calc(var(--swiper-navigation-size) * 1.5);
    width: calc(var(--swiper-navigation-size) * 1.5);
    border-radius: 100%;
    background:rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .swiper-button-next:after, 
#main .swiper-button-prev:after{
    color:#fff;
    font-size:calc(var(--swiper-navigation-size) / 2);
}
#main .main-banner .swiper-button-next{
    right:1%;
    left:auto;
}
#main .main-banner .swiper-button-prev{
    left:1%;

}
#main .main-notice{
    width: 100%;
    margin:auto;
    padding-top:120px;
}
#main .main-notice > h2{
    text-align: center;
    font-weight:500;
    font-size:40px;
    margin-bottom:40px;
}
#main .main-notice .date-{
    font-size:18px;
}
#main .main-notice .subject-{
    font-size:30px;
    font-weight:600;
}
#main .main-notice .btn-wrap{
    width:95%;
    max-width:1280px;
    display: flex;
    justify-content: flex-end;
    margin:auto;
}
#main .main-notice .more-btn{
    background: #BA0000;
    color:#fff;
}
#main .main-media{
    width: 95%;
    max-width: 1280px;
    margin:auto;
    padding-top:120px;
}
#main .main-media > h2{
    text-align: center;
    font-weight:500;
    font-size:40px;
    margin-bottom:40px;
}
#main .main-media .subject-{
    font-size:20px;
    font-weight:600;
    line-height:1.2;
    margin-top:20px;
    display: block;
}
#main .main-media .btn-wrap{
    width:100%;
    margin-top:20px;
    display:flex;
    justify-content: end;
}
#main .main-media .btn-wrap a{
    background:#BA0000;
    color:#fff;
}
#main .board-media ul li{
    border-bottom:1px solid #D9D9D9;
    width:33%;
}
#main .board-notice>ul>li>div{
    border:none;
}
/* sub page */
.sec-title{
    font-size:40px;
    text-align: center;
    font-weight: 500;
    margin-bottom:70px;
}
.content-wrap{
    width:95%;
    max-width:1280px;
    margin:auto;
}
/* about */
.about .img-box{
    width:100%;
}
.about .img-box img{
    width:100%;
}
.about .img-box img.mo-{
    opacity: 0.5;
}
.about .text-box{
    width:95%;
    max-width:1280px;
    margin:auto;
}
.about .text-box h2{
    text-align: center;
    font-size:40px;
    font-weight: 500;
    margin-bottom:60px;
}
.about .text-box p{
    font-size:20px;
    margin:40px 0;
}
.about .text-box h6{
    font-size:30px;
    font-weight:600;
}

/* exhibition */

.exhibition .ex-now{
    display:flex;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
}
.exhibition .ex-now > .img-box{
    width:25.78%;
    overflow:hidden;
    max-height: 480px;
}
.exhibition .ex-now > .img-box img{
    width:100%;
}
.exhibition .ex-now > .text-box{
    width:74.22%;
    border-left:1px solid #D9D9D9;
}
.exhibition .ex-now .ex-title{
    padding:30px 40px;
    border-bottom:1px solid #D9D9D9;
    height:135px;
}
.exhibition .ex-now .ex-title .badge-{
    background:#BA0000;
    color:#fff;
    margin-bottom:5px;
}
.exhibition .ex-now .ex-title h6{
    font-size:30px;
    font-weight:600;   
}
.exhibition .ex-now .ex-info{
    display:flex;
    height:calc(100% - 135px);
   
}
.exhibition .ex-now .ex-info .text-{
    padding:30px 40px;
    height:100%;
    width:66.52%;
    max-height:345px;
}
.exhibition .ex-now .ex-info .text-.show-{
    max-height: initial;
}
.exhibition .ex-now .ex-info .text- p{
    font-size:18px;
    line-height:22px;
    height:84%;
    overflow: hidden;
    margin-bottom:20px;
}
.exhibition .ex-now .ex-info .text-.show- p{
    height:auto;
}
.exhibition .ex-now .ex-info .text- p b{
    font-weight:600;
}
.exhibition .ex-now .ex-info .text- .btn-{
    font-size:20px;
    line-height:22px;
    border-bottom:1px solid #000;
    display:inline-block;
    cursor: pointer;
}
.exhibition .ex-now .ex-info .info-{
    width:33.47%;
    border-left: 1px solid #D9D9D9;
}
.exhibition .ex-now .ex-info .info- .date-{
    width:100%;
    padding:40px 30px;
    display:flex;
    align-items: center;
    justify-content: start;
    border-bottom:1px solid #D9D9D9;
    font-size:20px;
    height:30.43%;
}
.exhibition .ex-now .ex-info .info- .more-{
    padding:40px;
    font-size:20px;
    height:69.56%;
    cursor: pointer;
}
.exhibition .ex-now .ex-info .info- .more- > div{
    display:flex;
    align-items: end;
    gap:10px;
}
.exhibition .ex-now .ex-info .info- .more- > div svg{
    margin-bottom:3px;
    transition:all 0.5s;
}
.exhibition .ex-now .ex-info .info- .more-:hover{
    background:#848484;
    color:#fff;
}
.exhibition .ex-now .ex-info .info- .more-:hover svg{
    width:70px;
    
}
.exhibition .ex-now .ex-info .info- .more-:hover line,
.exhibition .ex-now .ex-info .info- .more-:hover path{
    stroke:#fff;
}
.exhibition .ex-list{
    display:flex;
    flex-wrap: wrap;
    gap:40px;
    margin-top:120px;
}
.exhibition .ex-list li{
    width:calc(50% - 20px);
    border:1px solid #D9D9D9;
}
.exhibition .ex-list li.none-{
    background:#D9D9D9;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top:36.3%;
    position: relative;
}
.exhibition .ex-list li.none- p{
    color:#fff;
    font-size:18px;
    font-weight:600;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate( -50% ,-50%);
}
.exhibition .ex-list li:hover{
    background:#848484;
    color:#fff;
}
.exhibition .ex-list a{
    width:100%;
    height:100%;
}
.exhibition .ex-list .img-box{
    width:100%;
    height:0;
    padding-top:51.61%;
    position:relative;
    overflow:hidden;
}
.exhibition .ex-list .img-box img{
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.exhibition .ex-list .text-box{
    width:100%;
    padding:30px;
    overflow:hidden;
}
.exhibition .ex-list .text-box .badge-{
    color:#fff;
    background:#BA0000;
    margin-bottom:10px;
}
.exhibition .ex-list .text-box .title{
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
}
.exhibition .ex-list .text-box .date{
    font-size:15px;
    font-weight:300;
}

.ex- ul.tab-{
    width:100%;
    display:flex;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    justify-content: center;
    align-items: center;
    gap:40px;
    padding:30px 0;
    margin-bottom:70px;
}
.ex- ul.tab- a{
    font-size:20px;
}
.ex- ul.tab- .on- a{
    font-weight:600;
}
.ex-intro .ex-main-banner{
    width:100%;
    height:100vh;
    overflow:hidden;
    position: relative;
}
.ex-intro .ex-main-banner .swiper-slide{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    background:#000;
}
.ex-intro .ex-main-banner .swiper-slide::after{
    content:'';
    width:100%;
    height:100%;
    z-index: 10;
    display:block;
    position:absolute;
    left:0;
    top:0;
}
.ex-intro .ex-main-banner .swiper-slide img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}
.ex-intro .ex-main-banner .swiper-slide .video-controls img{
    position:initial;
    transform:initial;
}
.ex-intro .ex-main-banner .swiper-slide video{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}
#wrapper .ex-intro .ex-main-banner .swiper-pagination{
    bottom:50px;
    z-index:90;
}
.ex-intro .section-{
    width:95%;
    max-width: 1280px;
    margin:auto;
}
.ex-intro .ex-content{
    display:flex;
    align-items: start;
    justify-content: center;
    gap:40px;
    width:100%;
    margin:auto;
}
.ex-intro .ex-content > div{
    width:calc(50% - 20px);
}
.ex-intro .ex-content > div .title-{
    font-size:20px;
    font-weight:600;
    margin-bottom:40px;
}
.ex-intro .ex-content .left- .text-{
    font-size:18px;
    line-height: 1.6;
}
.ex-intro .ex-content .left- .text- b{
    font-weight:600;
}
.ex-intro .ex-content .right- .box-{
    display:flex;
    gap:30px;
}
.ex-intro .ex-content .right- .zone- li{
    display:flex;
    align-items: start;
    gap:20px;
    padding:27px 0;
}
.ex-intro .ex-content .right- .zone- li *{
    font-size:18px;
}
.ex-intro .ex-content .right- .zone- li + li{
    border-top:1px 
    solid #D9D9D9;
}
.ex-intro .ex-content .right- .zone- h6{
    font-weight:600;
    width:max-content;
}
.ex-intro .btn-wrap{
    margin-top:100px;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:40px;
}
.ex-intro .btn-wrap a{
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
    font-weight:600;
    color:#fff;
    height:30px;
    width:217px;
    background: #BA0000;
}
.ex- .accordion-wrap{
    margin-top:120px;
}
.ex- .accordion-title{
    display:flex;
    justify-content: space-between;
    height:86px;
    width:100%;
    box-shadow: 0px 0 0 0 #D9D9D9, 0 0px 0 0 #D9D9D9, 0px 1px 0 0 #D9D9D9, 0px 0 0 0 #D9D9D9 inset, 0 1px 0 0 #D9D9D9 inset;
    
}
.ex- .accordion-title h6{
    display:flex;
    align-items: center;
    font-size:20px;
    font-weight:600;
    gap:10px;
}
.ex- .accordion-title .accordion-btn{
    width:86px;
    height:86px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ex- .accordion-title:hover .accordion-btn{
    background:#848484;
}
.ex- .accordion-title:hover .accordion-btn svg line,
.ex- .accordion-title:hover .accordion-btn svg path{
    stroke:#fff;
}
.ex- .accordion-title.show- .accordion-btn{
    background:#848484;
    transform:rotate(180deg);
}
.ex- .accordion-title.show- .accordion-btn svg line,
.ex- .accordion-title.show- .accordion-btn svg path{
    stroke:#fff;
   
}
.ex- .accordion-content{
    display:flex;
    align-items: start;
    box-shadow: 0px 0 0 0 #D9D9D9, 0 0px 0 0 #D9D9D9, 0px 1px 0 0 #D9D9D9, 0px 0 0 0 #D9D9D9 inset, 0 1px 0 0 #D9D9D9 inset;
}
.ex- .accordion-content > .left-{
    width:330px;
}
.ex- .accordion-content > .left- img{
    width:100%;
}
.ex- .accordion-content .right-{
    width:calc(100% - 330px);
    border-left:1px solid #D9D9D9;
    padding-top:30px;
}
.ex- .accordion-content .right- .flex-{
    display:flex;
    width:100%;
    padding-left:40px;
    padding-bottom:30px;
    justify-content: space-between;
}
.ex- .accordion-content .right- .flex- h6{
    font-size:20px;
    font-weight:600;
}
.ex- .accordion-content .right- .flex- + .flex-{
    border-top:1px solid #D9D9D9;
    padding-top:30px;
}
.ex- .accordion-content .right- .flex-:nth-child(2){
    border-top:none;
    padding-top:0;
}
.ex- .accordion-content .right- .flex- p{
    font-size:18px;
}
.ex- .accordion-content .right- .flex- p b{
    font-weight:600;
}
.ex- .accordion-content .right- .flex- .left-text{
    text-align: left;
    font-weight:600;
}
.ex- .accordion-content .right- .flex- .right-text{
    text-align:right;
}

.ex-zone .section-{
    width:95%;
    max-width: 1280px;
    margin:auto;
}
.ex-zone .section- + .section-{
    padding-top:0;
}
.ex-zone .content-1{
    width:100%;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    display: flex;
    align-items:stretch;
}
.ex-zone .content-1 .img-box{
    width:48.43%;
    position: relative;
}
.ex-zone .content-1 .img-box img{
    width:100%;
}
.ex-zone .content-1 .text-box{
    width:51.57%;
}
.ex-zone .content-1 .box-title{
    display:flex;
    padding-left:40px;
    padding-top:30px;
    padding-bottom:30px;
    align-content: center;
    justify-content: space-between;
    border-bottom:1px solid #D9D9D9;
}
.ex-zone .content-1 h6{
    font-size:20px;
    font-weight:600;
}
.ex-zone .content-1 .txt-{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
    font-size:18px;
}
.ex-zone .banner-box{
    width:100%;
    height:auto;
    cursor: pointer;
}
.ex-zone .banner-box img{
    width:100%;
}
.ex-zone .main-video{
    width:100vw;
    height:calc(100vh - 144px);
    background:#000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top:144px;
}
.ex-zone .main-video video{
    width:100%;
}
.ex-zone .content-1 .img-box{
    background:#000;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.ex-zone .content-1 .img-box video{
    width:100%;
    height:100%;
}
.ex-zone .content-1 .img-box iframe{
    width:100%;
    height:100%;
}
.ex-zone .zone-photo{
    margin-top:120px;
    position:relative;
    padding-bottom:57px;
}
.ex-zone .zone-photo .swiper-wrapper{
    height: 290px;
    transition-timing-function: linear;
}
.ex-zone .zone-photo .swiper-slide{
    position:relative;
    height:100%;
    overflow:hidden;
    cursor: pointer;
}
.ex-zone .zone-photo .swiper-slide img{
    height:100%;
    position:absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%, -50%);
}
.ex-zone .zone-photo .swiper-button-next, .ex-zone .zone-photo .swiper-button-prev{
    top:auto;
    bottom:0;
    display:none;
}
.ex-zone .zone-photo .swiper-button-next::after, .ex-zone .zone-photo .swiper-button-prev::after{
    display:none;
}
.ex-novideo{
    padding-top:200px;
}
.ex-zone .content-video{
    display:flex;
    flex-direction: column;
    width:100%;
}
.ex-zone .content-video .video-wrap{
    width:100%;
    padding-top:56.25%;
    height:0;
    position:relative;
}
.ex-zone .content-video iframe{
    width:100%;
}
.ex-zone .content-video .video-title{
    font-size:20px;
    padding:30px 0;
    border-bottom:1px solid #D9D9D9;
}
.ex-zone .content-video .video-txt{
    font-size:18px;
    padding:30px 0;
}
.ex-zone .content-img img{
    width:100%;
}
.ex-zone .content-flex-img{
    display:flex;
    border-top:1px solid #D9D9D9;
}
.ex-zone .content-flex-img .img-box{
    width:453px;
}
.ex-zone .content-flex-img .img-box img{
    width:100%;
}
.ex-zone .content-flex-img .text-box{
    width:calc(100% - 453px);
}
.ex-zone .content-img .video-title{
    font-size:20px;
    padding:30px 0;
    border-bottom:1px solid #D9D9D9;
}
.ex-zone .content-img .video-txt{
    font-size:18px;
    padding:30px 0;
}
.ex-zone .content-flex-img h6{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
    border-bottom:1px solid #D9D9D9;
    font-size:20px;
}
.ex-zone .content-flex-img p{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
    font-size:18px;
}
.content-video + .accordion-wrap,
.content-flex-img + .accordion-wrap{
    margin-top:0;
}

.ex-zone .video-content-wrap{
    display:flex;
    align-items: start;
    justify-content: space-between;
    gap:40px;
}
.ex-zone .video-content-wrap > div{
    width:33.33%;
    height:564px;
    border:1px solid #D9D9D9;
}

.ex-zone .video-content-wrap .video-box{
    width:100%;
    position:relative;
    padding:28.25%;
    height:0;
    overflow: hidden;
}
.ex-zone .video-content-wrap .video-box video{
    width:100%;
}
.ex-zone .video-content-wrap h6{
    height:60px;
    text-align: center;
    line-height: 60px;
    font-size:20px;
    color:#fff;
    background:#848484;
    font-weight:600;
    margin-top:-5px;
}
.ex-zone .video-content-wrap p{
    height:280px;
    padding:30px;
    font-size:18px;
}
.contact .sec-title{
    margin:0;
}
.contact iframe{
    width:100%;
    height:100vh;
}
.contact .contact-form{
    background:#848484;
    padding:70px 120px;
    margin-top:-5px;
}
.contact .contact-form .form-wrap{
    display:flex;
    gap:40px;
}
.contact .contact-form .form-wrap > div{
    width:calc(50% - 20px);
}
.contact .contact-form .form-wrap form{
    width:100%;
}
.contact .contact-form .form-wrap ul li{
    display:flex;
    gap:15px;
    padding:0 20px;
    height:40px;
    align-items: center;
    background:#fff;
}
.contact .contact-form .form-wrap ul{
    display:flex;
    flex-direction: column;
    gap:10px;
}
.contact .contact-form .form-wrap li span{
    width:calc(100% - 75px);
}
.contact .contact-form .form-wrap li input{
    border:none;
    width:100%;
    font-size:15px;
}
.contact .contact-form .form-wrap li p{
   width:80px;
}
.contact .contact-form .form-wrap li.textarea-wrap{
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding-top:18px;
    height:auto;
}
.contact .contact-form .form-wrap li textarea{
    resize: none;
    height:40px;
    border:none;
    font-size:15px;
    width:100%;
}
.contact .contact-form .form-wrap li.textarea-wrap span{
    width:100%;
}
.contact .contact-form .form-wrap li input::placeholder,
.contact .contact-form .form-wrap li textarea::placeholder{
    font-size:15px;
    color:#D9D9D9;
}
.contact .contact-form .form-wrap .receive-btn{
    width:100%;
    background:#fff;
    text-align: center;
}
.contact .contact-form .form-wrap li p{
    font-size:18px;
    font-weight:600;
}
.contact .contact-form .form-wrap .receive-btn button{
    font-size:18px;
    font-weight:600;
    width:100%;
    padding:20px 0;
    cursor: pointer;
}
.contact .contact-form .form-text{
    width: calc(50% - 20px);
}
.contact .contact-form .form-text .title-{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:25px 0;
    color:#fff;
    font-size:25px;
    font-weight:600;
}
.contact .contact-form .form-text .address-{
    color:#fff;
    padding:25px 0;
    border-bottom:1px solid #fff;
    font-size:18px;
}
.contact .contact-form .sec-title{
    color:#fff;
    margin-bottom:70px;
}

/* 이미지 확대 모달 */
#modal-img{
    position:fixed;
    top:50%;
    left:50%;
    width:100vw;
    height:100vh;
    transform:translate(-50%, -50%);
    background:rgba(0,0,0,0.8);
    z-index:998;
    display:none;
}
#modal-img .close-{
    position:absolute;
    z-index:999;
    cursor: pointer;
    width:max-content;
    height:max-content;
    top: 80px;
    right: 12%;
    width:40px;
    height:40px;
    overflow:hidden;
}
#modal-img .img-box{
    height:100%;
    width:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display: flex;
    align-items: center;
}
#modal-img .img-box img{
    height:100%;
}
#modal-img.show-{
    display:block;
}
#modal-img.show-.banner- img{
    width:auto !important;
    height:70%;
}
#modal-img.show-.banner- .img-box{
    overflow-x:auto;
    justify-content: start;
}
#wrapper.pc-slide{display:block;}
#wrapper .mo-slide{display:none;}

.video-controls{
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    position:absolute;
    z-index: 11;
    left:50%;
    transform:translateX(-50%);
    bottom:30px;
    width: max-content;
}
.video-controls > div{
    cursor: pointer;
    width:20px;
    height:20px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:10px;
    color:#fff;
    background:rgba(0,0,0,0.5);
    border-radius: 100%;
}
.video-controls > div img{
    height:50%;
    filter: brightness(0) contrast(100) invert(1);
    opacity: 0.8;
}

/* 폼 테이블 */
#bo_w .tbl_frm01 {margin:0 0 20px}
#bo_w .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
#bo_w .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
#bo_w .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
#bo_w .wr_content textarea,#bo_w .tbl_frm01 textarea,.form_01 textarea,#bo_w .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
#bo_w .tbl_frm01 textarea {padding:2px 2px 3px}
#bo_w .frm_input {height:40px}

#bo_w .full_input {width:100%}
#bo_w .half_input {width:49.5%}
#bo_w .twopart_input {width:385px;margin-right:10px}
#bo_w .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
#bo_w .tbl_frm01 a {text-decoration:none}
#bo_w .tbl_frm01 .frm_file {display:block;margin-bottom:5px}
#bo_w .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*글쓰기*/
#bo_w{
    width:95%; margin:80px auto; max-width:1280px;
}
#bo_w > h2{
    border-bottom:1px solid #D9D9D9;
    text-align: center;
    padding-bottom:20px;
    margin-bottom:20px;
}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {padding:15px 0; position:relative;}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:20px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:50%;left:1px; transform:translateY(-50%); border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:12px;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:12px;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px; font-size:12px;}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:16px;}
#bo_w .btn_cancel {border-radius:3px;font-size:16px;}
#bo_w button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
#bo_w #autosave_pop{margin-top:10px;}
/* 버튼 */
#bo_w a.btn,#bo_w .btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:16px;
    -webkit-transition:background-color 0.3s ease-out;
    -moz-transition:background-color 0.3s ease-out;
    -o-transition:background-color 0.3s ease-out;
    transition:background-color 0.3s ease-out}
    
    #bo_w a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
    #bo_w a.btn01:focus, a.btn01:hover {text-decoration:none}
    #bo_w button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
    #bo_w a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
    #bo_w a.btn02:focus, .btn02:hover {text-decoration:none}
    #bo_w button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
    
    #bo_w .btn_confirm {text-align:right; display:flex; align-items: center; gap:20px;} /* 서식단계 진행 */
    
    #bo_w .btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px; font-size:16px;}
    #bo_w .btn_submit:hover {background:#2375eb}
    #bo_w .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
    #bo_w a.btn_close {text-align:center;line-height:50px}
    
    #bo_w a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
    #bo_w button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px;}
    #bo_w .btn_cancel:hover {background:#aaa}
    #bo_w a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
    #bo_w a.btn_frmline {}
    #bo_w button.btn_frmline {font-size:12px;}

    #bo_w .wr_content > .sound_only{display:none;}
    #bo_w .sound_only strong{font-size:12px; display:inline-block; padding:0 10px; display: none;}

    #bo_w #autosave_pop > strong{margin-bottom:10px; display: block;}