@charset "utf-8";

/* 서브페이지 상단 및 공용 시작 */
.subW .mainMenu{display: none}
.subgn{background:url(../img/subg.png) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{padding-top:180px;height:360px;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;border-bottom:1px solid #e4e4e4;background:url(../img/sub/subg.png) no-repeat center center;background-size:cover;box-sizing:border-box;}
.subg h2{font-size:34px;font-weight:500;}
.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:9999;height:60px;border-top: 1px solid #e6e9ec;box-sizing:border-box;line-height:60px;margin-top: 110px; padding: 0 40px; border-bottom: 1px solid #e6e9ec;}
.subcontent .subnav .subnav-in{ width:70%;float:left;height:50px;font-family:'Nanum Gothic', sans-serif;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns>div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left:1px solid #e5e5e5;cursor:pointer;}
.printw{overflow:hidden;float:right;line-height:50px;}
.printw a.addthis_button_url{display:inline-block;padding-left:29px;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;margin-right:7px;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{}
.printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat 10px center;}
.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:8px;line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;}
.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}
.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#ea4a3d;border:1px solid #ea8d8c;}
.quickmenu{position:fixed;left:50%;margin-left:730px;overflow:hidden;width:76px;height:76px;bottom:50px;z-index:11;background:#cd4c00;border-radius:38px;}
.quickmenu .qucick-arr{display:table-cell;width:76px;height:76px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#e1e1e1;}
.quickmenu .qucick-arr:hover{color:#ffffff;}
.quickmenu .qucick-arr strong{display:block;font-size:110%;}
/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

@media only all and (max-width:1200px){
	.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}

@media only all and (max-width:760px){
	.subcontent .subnav{display:none;}
}

/*3차메뉴*/
.third-menu{overflow:hidden;margin-top:60px;margin-bottom:40px;text-align:center;}
.third-menu ul li{display:inline-block;}
.third-menu ul li a{display:inline-block;border:1px solid #cbcbcb;height: 70px;line-height: 70px;padding:0 15px;color:#656565;font-weight:500;font-size: 22px;width: 230px;}
.third-menu ul li.lnbActive a, .third-menu ul li a:hover{/* background:#e74e0f; */color: rgb(0 0 0);border: 1px solid #052d7b;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;font-weight: 600;}

@media only all and (max-width:760px){
	.third-menu ul li a{width: auto; height: auto; line-height: inherit; padding: 10px; font-size: 14px }
}


/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;position:relative;}
.fourth-menu ul{display:inline-block;}
.fourth-menu ul li{float:left;margin-bottom:-1px;}
.fourth-menu ul li a{margin-right:2px;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;background:#fff;font-size:19px;border-bottom:2px solid #333;}
.fourth-menu ul li.lnbActive a{border:2px solid #333;border-bottom-color:transparent;z-index:3;color:#252525;}


/* 서브페이지 상단 및 공용 끝 */

.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}

.subW .header{position: absolute;height: 110px;top: -110px;}
.subW #header .gnb-s .gnb > li > a{color: #000}
.subW .fmSitBt span{background:#000000;}
.subW .fmSitBt:before{background:#000000;}
.subW .fmSitBt:after{background:#000000;}
.subW .topgnb a {color: #000}



.review-detail{width:1400px; margin:0 auto; padding:70px 40px 0;box-sizing:border-box;color:#595959;font-size:14px;line-height: 200%;}
.review-detail .dc{padding-bottom: 0;  display: flex; }
.view-title{color:#232222;font-size: 36px;font-weight:700;text-transform:uppercase;padding-bottom:30px;}
.review-stitle{line-height:200%;}
.review-stitle p{padding-bottom:40px;}
.review-zone .basictable{margin-bottom:50px;}
.basictable table{min-width:700px;}
.credit-zone{padding-bottom:60px;display: flex;}
.creditbox{overflow:hidden;display: flex;width: 100%;}
.creditbox ul{/* width:480px; *//* float:left; */margin-right: 30px;width: 50%;}
.creditbox ul:nth-child(2){/* float:right; */}
.creditbox ul:after{display: none;}
.creditbox ul li{border-bottom:1px solid #cccccc;line-height:48px;font-size: 16px; display: grid; grid-template-columns:117px auto;}
.creditbox ul li .creditname{font-weight:700;color:#222222;width: 117px;float:left;font-size: 18px;border-bottom: 1px solid #a2a2a2;margin-right: 11px;}
.cast{border-bottom:1px solid #cccccc; height:50px; line-height:50px; letter-spacing:0}
.cast  .creditname{font-weight:700; color:#222222; width:140px; float:left; }
@media only all and (max-width:1340px){
	.top_poster_area .container{width:100%;}
}
.director-zone{margin-bottom:70px;}
.directorbox{overflow:hidden;/* border-bottom:1px solid #dbdbdb; /padding-bottom: 70px;*/position:relative;/* min-height: 210px; */font-size: 18px;}

.directorbox:last-child{/* border-bottom:none; */}
.directorbox:nth-child(3){ padding-top: 30px;}
/*.directorimg{position:absolute; left:0; height:215px; overflow:hidden}*/
.directorimg{width:200px; aspect-ratio: 1/1; overflow: hidden;}
.directorimg img{width:100%; padding-top: 20px;}
.director-info{width:100%;padding-left: 50px;padding-top: 26px;box-sizing: border-box;}
.directorname{color:#030303; font-weight:700; padding-bottom:20px; color: #050505}
.directorename{color:#5e5e5e; padding-bottom:20px;}
.directortxt{color:#464646; font-size:14px; line-height:160%; letter-spacing:0}
.directorname .d1{font-size:24px;}
.directorname .d1+.d2{margin-left:5px;}
.directorname .d2{font-size:36px; font-weight: 600}
.directorname .d3{font-size:16px;}

.filmbox{background:#251e18;}
.filmboxw{width:1670px; margin:0 auto; overflow:hidden; padding:35px 0; box-sizing:border-box; display: grid; grid-template-columns: 600px 500px 570px;}
.filmprev, .filmlist, .filmnext{float:left; }
.filmprev{width:600px; cursor:pointer} 
.filmprev .filmimg{margin-right:30px; float: left; position:relative; width:270px;  aspect-ratio: 1/1; overflow: hidden;}
.filmprev .filmimg img{width:100%; height:100%; object-fit: cover; object-position: center center;}
.filmprev:hover .f2{background:url(../img/sub/film-prev.png) no-repeat; width:70px; height:50px; }
.filmprev .filmcover{background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top:0; left:0; transition: all 0.2s ease-in; }
.filmprev:hover .filmcover{background:rgba(0,0,0,0); position:absolute; width:100%; height:100%; top:0; left:0; transition: all 0.2s ease-in; }
.filmprev:hover .filmtitle, .filmnext:hover .filmtitle{color:#bf9a79; transition: all 0.2s ease-in;}
.filmprev:hover .filmstitle, .filmnext:hover .filmstitle{color:#90642b; transition: all 0.2s ease-in;}
.filmprev:hover  .filmetitle, .filmnext:hover .filmetitle{color:#684a2f; transition: all 0.2s ease-in;}
.filmprev .f2{background:url(../img/sub/film-prev-over.png) no-repeat; width:70px; height:50px; transition: all 0.2s ease-in;}
.filmtxt{width:290px; overflow:hidden;     float: left;}
.filmtitle{color:#614e3d; font-size:30px; font-weight:300; overflow:hidden; padding-bottom:30px}
.filmtitle .f1{/* float:left; */}
.filmtitle .f2{/* float:right; */}
.filmstitle{color:#624522; font-size:16px; font-weight:700;}
.filmetitle{color:#4a3624; font-size:12px; margin-top:5px;}
.filmlist{width:500px; text-align:center; padding-top:20px}
.filmlist .t2{color:#6e5845; font-size:24px;  font-weight:300; padding-top:20px}

.filmnext{width:570px; cursor:pointer; position:relative; text-align: right}
.filmnext > div{float:left;}
.filmnext .filmtxt{padding-right:20px;}
.filmnext .filmimg{float:right; position:relative; width:270px;  aspect-ratio: 1/1; overflow: hidden;}
.filmnext .filmimg img{width:100%; height:100%; object-fit: cover; object-position: center center;}
.filmnext .filmtitle .f2{float: right;}
.filmnext .filmtitle .f1{/* float:right; */}
.filmnext:hover  .f2{background:url(../img/sub/film-next.png) no-repeat; width:70px; height:50px; }
.filmnext .f2{background:url(../img/sub/film-next-over.png) no-repeat; width:70px; height:50px; transition: all 0.2s ease-in; }
.filmnext .filmcover{background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top:0; left:0;  transition: all 0.2s ease-in;}
.filmnext:hover .filmcover{background:rgba(0,0,0,0); position:absolute; width:100%; height:100%; top:0; left:0;  transition: all 0.2s ease-in;}

.nextmovie{background:rgba(37,30,24,0.8);  height:185px; position:absolute; right:0; top:38%; box-sizing:border-box; cursor:pointer;  width:0; overflow:hidden; padding:0;  transform: translateZ(0);    transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.nextmovie .nextw{overflow:hidden;}
.next-txt .s1 {color:#be9a79; float:left; font-size:18px}
.next-txt .s2{background:url(../img/sub/film-next.png) no-repeat center ; position:absolute;  width:70px; height:50px; top:70px  }
.next-img img{width:170px; height:95px; float:right}
.next-title{color:#bb8135; font-size:14px; font-weight:700; text-align:right; padding-top:15px}
.next-etitle{color:#986f4b; font-size:11px; text-align:right}
.nextmovie.show{ width: 375px;    z-index: 3; }
.nextmoview{padding:20px 20px 20px 60px; overflow:hidden; width: 375px; box-sizing:border-box}

.prevmovie{background:rgba(37,30,24,0.8);  height:185px; position:absolute; left:0; top:38%;  box-sizing:border-box; cursor:pointer; width:0; overflow:hidden; padding:0; transform: translateZ(0);    transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.prevmovie .prevw{overflow:hidden;}
.prev-txt{float:right;}
.prev-txt .s1 {color:#be9a79; float:left; font-size:18px}
.prev-txt .s2{background:url(../img/sub/film-prev.png) no-repeat center ; position:absolute;  width:70px; height:50px; top:70px  }
.prev-img img{width:170px; height:95px; float:left}
.prev-title{color:#bb8135; font-size:14px; font-weight:700; text-align:left; padding-top:15px}
.prev-etitle{color:#986f4b; font-size:11px; text-align:left}
.prevmovie.show{ width: 375px;    z-index: 3; }
.prevmoview{padding:20px 20px 20px 60px; overflow:hidden; width: 375px; box-sizing:border-box}


.top_poster_area{height: 1000px;overflow: hidden;position: relative;}
.top_poster_area .swiper{height: 1000px;overflow: hidden;}
.top_poster_area .bk_gra{position:absolute; bottom:0; left:0; z-index: 2; width:100%; height:100%; background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, #00000000 50%);}
.top_poster_area .container{width: 1340px;display: flex;height: 1000px; padding-bottom: 70px;box-sizing: border-box;position: absolute;z-index: 2;bottom: 0;left: 50%;margin-left: -670px;justify-content: space-between;align-items: flex-end;}

.top_poster_area .contp{display: flex; column-gap: 10px; padding-bottom: 70px;}

.top_poster_area .tp1{color: #11dd7f;font-size: 13px;border: 1px solid #11dd7f;padding: 5px 10px;display: inline;margin-bottom: 16px;width: auto;/* line-height: inherit; */line-height: 200%;}
.top_poster_area .tp2{opacity: 0.5; color: #fff; font-size: 18px; margin-top:8px;}
.top_poster_area .tp3{font-size: 52px; font-weight: 700; color: #fff;}
.top_poster_area .tp4{color: #ffae00; font-size: 17px; padding: 10px 0 20px 0}
.top_poster_area .tp5 p{display: inline-block; color: #1189dd; font-size: 13px; border: 1px solid #1189dd; padding: 5px 10px; margin-right: 10px}
.top_poster_area .swiper-slide {background-size: cover !important}


.top_poster_area .swiper-button-next:after{content:""; width: 52px; height: 102px; background: url("../img/sub/Cnext.png") no-repeat}
.top_poster_area .swiper-button-prev:after{content:""; width: 52px; height: 102px; background: url("../img/sub/Cprev.png") no-repeat}

.direc{display: flex}
.direc > div{margin-right: 60px}


@media only all and (max-width:1670px){
	.filmboxw{width:100%; padding:20px 5%; box-sizing:border-box}
	.filmlist{    width: 200px;}
}
@media only all and (max-width:1560px){
.top_poster_btn{width:100%;}
.filmlist{    width: 100px;}
}
@media only all and (max-width:1480px){
.filmimg{display:none;}
.filmprev{width:40%;}
.filmnext{width:40%;}
.filmlist{width:20%;}
.filmnext .filmtxt{float:right; text-align: right;}
.top_poster_area .container{width: 100%}
}
@media only all and (max-width:1400px){
	.review-detail{width:98%;}
}

@media only all and (max-width:1024px){
.subW .header{top: 0; height: auto;}
.subcontent .subnav{display: none}
.top_poster_area{height: 330px;}
.top_poster_area .swiper{height:  100%}
.top_poster_area .swiper-slide{background-position: center;}
.top_poster_area .container{height: 330px;margin-left: 0;left: 0;padding: 0 20px 30px;box-sizing: border-box;/* line-height: 200%; */}
.top_poster_area .tp2{font-size: 17px;padding-top: 10px;padding-bottom: 10px;}
.top_poster_area .tp3{font-size: 30px}
.review-detail{padding:  30px 20px}
.creditbox{display: block}
.creditbox ul{width: 100%; margin-right: 0}
.top_poster_area .contp img{width: 50px;}
.top_poster_area .contp{padding-bottom: 0;/* position: relative; */gap: 3px;position: absolute;bottom: 19px;right: 15px;}
.top_poster_area .swiper-button-next:after, 
.top_poster_area .swiper-button-prev:after{display:none;}
}
@media only all and (max-width: 800px){
.filmprev{width:35%;}
.filmnext{width:37%;}
.filmlist{width:25%;}
.filmtxt{width:100%;}
.filmtitle{font-size:18px;}
.filmnext .filmtitle .f1{padding-right:0;}
.director-info{padding-left:20px;}
.directorimg{position: relative; height: auto}
.top_poster_area .tp3{font-size: 27px;}
.top_poster_area .tp4{font-size: 14px;}
.creditbox ul li .creditname{width: 34px;font-size: 14px;border-bottom: none;/* letter-spacing: -1px; */}
.creditbox ul li{line-height: inherit;height: auto;padding: 5px 0;font-size: 13px;display: flex;letter-spacing: -0.5px;}
.view-title{font-size: 30px}
.directorbox{font-size: 15px}
.direc > div{margin-right: 0; padding: 0 5px}
}

@media only all and (max-width: 540px){
.directorimg img{width:100%;}
.director-info{width:100%;}
}

/*퀵메뉴*/
.quick{/*opacity: 0;*/ transition:all 0.8s ease;}
.tol-area{position:fixed;bottom:65px;right:30px;z-index:130;transition:bottom .4s ease-in-out;}
.tol-area > div{position:relative;height:70px;}
.tol-out, .tol-in{width:60px;height:60px; box-shadow:3px 3px 10px rgb(0, 0, 0, 0.1);-webkit-box-shadow:3px 3px 10px rgb(0, 0, 0, 0.1);box-sizing:border-box;border-radius:40px;cursor:pointer;background:#fff;}
.tol-out{text-align:center;margin-bottom:10px;position:absolute;right:0;font-size:12px;display:flex !important;align-items:center;justify-content:center; background:#ffffff50;}
:where(.tol-out, .tol-in,) i{font-size:25px;}
.tol-out p i{color:#a9a9a9;}
.tol-out p:nth-child(2){padding-top:3px;}
.quMainN .tol-out{background:#ef5e45; color:#fff;}
.quMainN .tol-out i{ color:#fff;}

.tol-out p span{display:block;padding-top:1px;}
.tol-in{justify-content:flex-start; align-items: center; padding-left:20px;font-size:16px;font-weight:600;letter-spacing:-0.5px;text-transform:uppercase;width:195px;clear:both;position:absolute;right:0;display:none;}

.tol-in a{display:block; width:100%;/* width:175px;*//* height:60px;*//* box-sizing:border-box;*/;}
.tol-in p{float:left;/* line-height:normal;*/padding-right:10px;}
.tol-out > div{position:relative;}
.tol-out > div > div{float:right;}

/*-----퀵메뉴-----*/

.floating-linker{box-shadow:3px 3px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:3px 3px 10px rgb(0 0 0 / 20%);border-radius:40px;height:50px;line-height:50px;cursor:pointer;background-color:#fff;box-sizing:border-box;padding-left:20px;font-size:14px;font-weight:700;letter-spacing:-0.5px;text-transform:uppercase;width:175px;clear:both;margin-bottom:5px;background-position:85% center;background-repeat:no-repeat;}
.floating-linker.r1{background-image:url("../img/quick_r1.png");}
.floating-linker.r2{background-image:url("../img/quick_r2.png");}
.floating-linker.r3{background-image:url("../img/quick_r3.png");}
.floating-linker.r4{background-image:url("../img/quick_r4.png");}
.floating-menu{position:absolute;top:-110px;display:none;}

.contWrap section{color:#494949;}


.searchbox{ border-top:2px solid rgba(0,0,0,1);}
.searchbox  .search-B{padding:15px 0 10px 25px;/* box-sizing:border-box; *//* border:1px solid #dddddd; *//* border-bottom:none; *//* display: flex; *//* width: 100%; */flex: 1;}
.searchbox  .search-B .search-B-t{overflow:hidden;/* width: auto; */display: flex;align-items: center;}
.searchbox  .search-B-b{overflow:hidden; color:#909090; padding:15px 0 15px 280px}
.searchbox  .search-B-b > div{float:left;}
.searchbox  .search-s{background:#fafafa;padding: 30px ;border:1px solid #dddddd;overflow:hidden;color:rgba(29,29,29,1.00); box-sizing: border-box;}
.searchbox  .search-s .search-s-cover{overflow:hidden;clear: both; flex: auto;}
.searchbox-detail .btn-all{border: 1px solid #d6d6d6;float: left;height: 65px;line-height: 58px; font-weight: 600;}
.searchbox-detail .group-check{display: inline-block;/*display: block;*/ display:grid; grid-template-columns: repeat(auto-fill, minmax(130px, 190px)); padding-top: 0;margin-bottom: 5px;}
.searchbox-detail .group-check:nth-child(2){margin-right: 0;}
.searchbox-detail .group-check .tm-tit input[type="checkbox"] + label span{width: 28px; height: 28px;  background-size: cover;}
.searchbox-detail .group-check

.searchbox  .search-s .search-s-cover-in{overflow:hidden; position:relative; display:none}
.search-section{width: calc(100% - 825px);}
.search-section .searchbox-title{border-bottom:1px solid #bbbbbb; padding-bottom:10px;}
.search-section .keysearch{position:absolute; bottom:7px; left:0; border:1px solid #b6b6b6; width:100px; height:35px; background:url(../images/keysearch.png) no-repeat 75px center #fff; line-height:35px; font-size:14px; padding-left:7px; box-sizing:border-box; cursor:pointer}  
.search-section .searchbox-detail{border-bottom:1px solid #dbdbdb;/* height: 47px; */}
.search-section .searchbox-detail .sbcw{overflow: hidden;width: 100%;display: flex;align-items: center;}
.search-section .searchbox-detail .bbsdate{display: flex;align-items: center;justify-content: space-between;}
.search-section .searchbox-detail .sbcwt{float: left;color: #5b5b5b;font-size: 16px;font-weight: 600;margin-right: 10px;line-height: 40px;}
.search-section:last-child .searchbox-detail{border-bottom:none;}
.search-section .daycbtn {display: flex;}
.search-section .daycbtn > div{border: 1px solid #b9b9b9;color: #737373;cursor: pointer;margin-left: 4px;height: 47px;display: flex;align-items: center; width: 48px;box-sizing: border-box;justify-content: center;}
.search-section .daycbtn  .on, .search-section .daycbtn > div:hover{color: #1461c0; border: 1px solid #1461c0}
.search-section .bbsdate input{height: 47px;line-height: 47px;border:1px solid #6b6b6b;box-sizing: border-box;width: 137px;}
.search-section .sib-datepicker{position:relative;}
.search-section .sbse input{height: 40px;line-height: 40px;border:1px solid #dddddd;box-sizing: border-box; width: 210px;}
.search-section .bbsdate .ui-datepicker-trigger{display: inline-block;position:absolute;z-index: 0;top: 13px;vertical-align: middle;background: url(../img/skin/calc.png) no-repeat;width: 22px;height: 23px;right: 7px;cursor:pointer;text-indent:-9999px;}
.search-section .bbsdate span{display:block; float:left;}
.search-section .bbsdate .hypen{padding: 0 10px;}

.group-check label{cursor:pointer;margin-right: 5px;font-weight:500;font-size: 15px;}
.group-check input[type="checkbox"] {    display:none;}
.group-check input[type="checkbox"] + label span {display:inline-block;width:22px;height:22px;margin: 0 4px 0 0;vertical-align:middle;background:url(../img/skin/view_check_off.png) no-repeat;background-size:20px;cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span {    background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px}
.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label span  {display:inline-block;width:22px;height:22px;margin: 0 4px 0 0;vertical-align:middle;background:url(../img/skin/view_check_off.png) no-repeat;background-size:20px;cursor:pointer;}
.group-check input[type="radio"]:checked + label span {    background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px}
.group-check ul{overflow:hidden; height:80px; overflow-y:scroll; box-sizing:border-box; }
.group-check ul li{float:left; width:25%; font-size:14px; margin-bottom:2px; }
.line-h{line-height:inherit !important;}
.line-h .searchbox-title{line-height:45px !important;}

.searchbox  .search-plus{float:right;padding-left:15px;height:47px;line-height:47px;box-sizing:border-box;cursor:pointer;width:120px;font-size:15px;margin-right: 15px;padding-right: 35px;}
.searchbox  .search-plusB{border:1px solid #5f5f5f; color:#5f5f5f;background:rgba(255,255,255,1) url(../img/skin/plus-p.png) no-repeat 90% center;}
.searchbox .search-plusB:hover{	transition: background-color 200ms linear; color: #fff; background: #5f5f5f url(../img/skin/plus-w.png) no-repeat 90% center;}
.searchbox  .search-plusW{border:1px solid #1551cc; color:#1551cc;background:rgba(255,255,255,1) url(../img/skin/plus-b.png) no-repeat 90% center;}
.searchbox .searchbox-title{float:left; min-width: 95px; font-size: 18px;margin-right: 25px;}
.searchbox .searchbox-title span{font-weight:600; color:#111111}
.searchbox  .select_box{width:140px; float:left;  margin-right:5px}
.searchbox  .select_box select {width: 100%;color:#333333;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;outline: none;cursor: pointer;-moz-appearance: none;text-indent:3px;text-overflow: ellipsis;font-size: 14px;height: 47px;letter-spacing:-1px;background: url(../img/skin/search-m-arr.png) 100% center no-repeat;box-sizing:border-box;font-weight:600;border:1px solid #356fe7;text-indent:10px;}
.searchbox .select_box_t {/* float:left; */width: 100%;margin-right:5px;}
.searchbox .select_box_t input[type=text]{box-sizing:border-box;border:1px solid #356fe7;font-size: 14px;letter-spacing:-1px;height: 47px;line-height:47px;padding:0 15px;/* width: 532px; */width: 100%;}
.searchbox  .sebtn{width:85px; height:47px; line-height:47px; text-align:center; color:rgba(255,255,255,1); background:#10458d; font-size:18px; margin-right:5px; cursor: pointer}
.searchbox  .sebtn:hover{transition: all 0.2s ease-in; background: #256fd4}

.search-sm{display: flex;align-items: center;justify-content: space-between;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;padding: 0 30px;}
.search-dayw{display: flex;align-items: center;}
.searchbox-sday{display: flex;gap: 5px;}
.searchbox-sday p{color: #737373; font-size: 16px; width: 115px; height: 48px; border: 1px solid #ccc; text-align: center; line-height: 48px; box-sizing: border-box}
.searchbox-sday p.on{color: #1561b6; font-size: 16px; border: 1px solid #1561b6}


.list-contents { width: 100%;    font-size: 14px;    box-sizing: border-box;    padding-top: 30px;}
.list-contents .list-total { border-bottom: 2px solid #868686;    padding-bottom: 12px;    overflow: hidden;    display: flex;    justify-content: space-between;    align-items: center;}
.list-contents .list-total .list-total-btn {    float: left;    overflow: hidden;    font-size: 18px;}
.list-contents .list-total .list-total-btn>div {    float: left;}
.list-contents .list-total .list-total-btn .p-btn {   border: 1px solid #b4b4b4;    width: 90px;    height: 35px;    line-height: 35px;    padding-left: 18px;    box-sizing: border-box;    background: url(../img/skin/plus-p3.png) no-repeat 64px center;    cursor: pointer;    margin-right: 5px;}
.list-contents .list-total .list-total-btn .p-result {  border-bottom: 1px solid #a9a9a9;    margin-left: 10px;    padding-top: 7px;    color: #8c8c8c}
.list-contents .list-total .list-total-btn .p-result span {    color: rgba(0,0,0,1);    font-weight: 600}
.list-contents .list-total .list-view-w {  width: 185px;}
.list-contents .list-total .list-view-num {    float: left;    width: 110px;    height: 35px;}
.list-contents .list-total .list-view-num select {    width: 100%;    color: #505050;    box-shadow: none;       -webkit-appearance: none;    outline: none;    cursor: pointer;
    -moz-appearance: none;    text-indent: 3px;    text-overflow: ellipsis;    font-size: 14px;    height: 35px;    letter-spacing: -1px;    background: url("../img/skin/view-num.png") 85% center no-repeat;
    border: 1px solid #cbcbcb;    box-sizing: border-box;    font-weight: 600}
.list-contents .list-total-cnt {   float: left;}
.list-contents .list-total-view {  float: right;   margin-bottom: 7px;    width: 70px;}
.list-contents .list-total-view li {   float: left;    cursor: pointer;}
.list-contents .listboxw {    overflow: hidden;}
.list-contents .list-table {    display: none;}
.list-junbox {    width:calc(50% - 15px);    float: left;    margin-right: 15px;    margin-bottom: 25px;    padding-bottom: 25px;    border:1px solid rgba(200,200,200,1.00);    padding: 20px;
    box-sizing: border-box;    cursor: pointer;    display: flex;    position: relative;    justify-content: space-between;}
.line_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.line_box span{position:absolute;display:inline-block;z-index:5;}
.line_box .line01{top:0;left:0;width:0;height:2px;background:#10458d;}
.line_box .line02{top:0;right:0;width:2px;height:0;background:#10458d;}
.line_box .line03{bottom:0;right:0;width:0;height:2px;background:#10458d;}
.line_box .line04{bottom:0;left:0;width:2px;height:0;background:#10458d}


.lineupw{display: flex;flex-wrap: wrap;flex-direction: row;gap: 20px;margin: 40px 0 100px;}
.linebox{  text-align: center;   box-sizing: border-box;  gap: 10px;  width: calc((100% - 40px) / 3);}
.linebox a{  border: 18px solid #8414c0;   display: block;   box-sizing: border-box;}

.linebox .status0 {border-color: #8414c0!important}
.linebox .status1{ border-color: #e57e00!important}
.linebox .status0 .tc3 {color: #8414c0!important}
.linebox .status1 .tc3 {color: #e57e00!important}

/*
.linebox:nth-child(2) a{border-color: #e57e00}
.linebox:nth-child(3) a{border-color: #8515c0}
.linebox:nth-child(4) a{border-color: #3e1089}
.linebox:nth-child(5) a{border-color: #d85300}
.linebox:nth-child(6) a{border-color: #4c1194}


.linebox:nth-child(2) .tc3{color: #e95809}
.linebox:nth-child(5) .tc3{color: #e95809}
*/

.linetxt{    padding: 25px 10px;}
.linetxt .tc1{font-size: 16px; color: #535252; padding-bottom: 10px}
.linetxt .tc2{/*font-size: 28px;*/ font-size:min(calc(1vw + 0.5em), 28px); color: #010000;text-align: center;padding-bottom: 15px;font-weight: 700; line-height: 120%; letter-spacing:-1.2px;}
.linetxt .tc3{font-size: 16px;color: #8019df;font-size: 17px;font-weight: 600;padding-bottom: 11px;}
.linetxt .tc3 p{padding-bottom: 5px}
.linetxt .tc4{display: flex;justify-content: center;}
.linetxt .tc4 span{border: 1px solid #1189dd;color: #1189dd;font-size: 13px;display: inline-block;padding: 3px 10px;margin-right: 5px}

.daymenu ul {display: flex; padding: 0 100px; margin-bottom: 60px}
.daymenu ul li{position: relative;    flex: 1;    height: 50px;    line-height: 50px;       color: #626262;    text-align: center;    background: #fff;  border: 1px solid #aaaaaa;    display: block; font-size: 22px; cursor: pointer}
.daymenu ul li.active{background: #fff;    color: #3c3c3c;    border: 1px solid #4e4e4e;    position: relative;    z-index: 1;    border-bottom: none;    font-weight: 600;}


@media only all and (max-width: 1360px) {
    .skinw {  width: 100% }
	.searchbox .search-B {display: block}
	.searchbox .search-B .search-B-t{width:100%;margin-bottom: 10px;}
	.searchbox .search-B > div{width:100%;justify-content: space-between;}

	.searchbox .search-s {display: block;padding: 15px;}

	.list-detail-title{font-size:19px;padding-bottom: 10px;padding-top: 10px;}	
	.list-contents {padding: 20px 10px;}
	
}


@media only all and (max-width: 1024px) {
	.daysearch {width:100%;border-left: none}
	.daysec {width: 100%; margin: 10px 0;display: flex;		justify-content: space-between;	}
	.searchbox {width: 96%;margin: 2%;}
	.daysec button{width: 32%;}

	.searchbox .search-B .search-B-t {		display: block;	}
	.searchbox .search-B {padding: 0;border: none}
	.searchbox .select_box {width: 100%;/* float: left; */margin-bottom: 5px;}
	.searchbox .select_box_t {width: 100%;  margin-right: 0   }
	.searchbox .search-plus{width: 100%;/* padding: 0; */box-sizing: border-box;margin: 0;margin-top: 10px;}
	.search-section .daycbtn > div{margin-left: 0;flex: 1;width: auto; height: 35px;}
	.search-section .daycbtn{margin: 5px 0}
	.search-section .searchbox-detail .sbcwt{display: none;}
	.search-section .searchbox-detail .sbcw{display: block}
	.searchbox-detail .group-check{margin-right: 0}
	.daysearch .day1, .daysearch .day2 {width: 47%;  }
	.list-junbox{display: block}
	.list-junbox-d1 {margin-right: 0;width: 100%;}
	.list-detail{width: 100%;padding: 20px 0 0;}
	.searchbox .sebtn { width:100%;   margin-right: 0;  margin-top: 10px;}
	.daysearch-title {width: 100%;padding-right: 0;}
	.searchbox .searchbox-title {width: 100%;     font-size: 15px; float: none; padding: 10px 0}
	.searchbox-sday{display: flex}
	.group-check label{ font-size: 14px;}
	.daysearch input {width: 70%;}
	.listbox-page ul {margin: 20px 0 50px;}
	.listbox-page ul li {   width: 30px;}
	.list-contents {/* width: calc(100% - 20px) !important; */margin: 0;}
	.list-table-th{display: none}
	.list-table-td ul li:nth-child(1){width: 100%;padding-left: 0;padding: 5px 0;}
	.list-table-td ul li:nth-child(2){width: 100%;}
	.list-table-td ul li:nth-child(3){width: 50%;text-align: left;}
	.list-table-td ul li:nth-child(4){width: 50%;text-align: right;padding-bottom: 10px;}
	.list-table-td{line-height:inherit; height: auto}
	.search-sm{display: block}
	.searchbox-sday p{height: auto; line-height: inherit; padding: 10px; font-size: 14px;         display: flex;        align-items: center;        justify-content: center;}
	
	.search-dayw{display: block; margin: 10px 0 }
	.searchbox .select_box_t input[type=text]{  width: 100%;}
	.linebox{   width: calc((100% - 40px) / 2);}
	.linetxt .tc1{}
	.linetxt .tc2{font-size:calc(1vw + 0.9em);}
}


@media only all and (max-width: 720px) {
	.search-sm{padding:0 10px;}
	.searchbox-sday{display: grid; grid-template-columns: repeat(auto-fit, minmax(85px, auto));}
	.searchbox-sday p{width:100%; box-sizing: border-box;}
	
	.linetxt .tc2{font-size:calc(1vw + 1.3em);}
	.linebox a{border-width: 10px}
	.linebox{width: 100%}
	.linebox>p>img{width: 100%}
	.daymenu ul{ padding: 0}
	.daymenu ul{margin-bottom: 20px}
	.daymenu ul li{font-size: 12px; height: auto; line-height: inherit; padding: 10px 0}
	
}

/*전체일정 */
.contsBox:has(.schedule){overflow: visible;}
.schedule {width: 1800px; margin: 0 auto;}
@media only all and (max-width: 1600px) {
 .schedule {width: 100%; } 
}
.schtop {
    border-top: 4px solid #444;
    padding: 20px 0;
    border-bottom: 1px solid #444;
    margin-bottom: 20px;
    position: relative;
}
.schcate {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.schcate p{display: flex;align-items: center;column-gap: 5px;}

.ca-a:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "A";background: #e56611;text-align: center;line-height: 30px;}
.ca-3:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "3";background: #9a42d8;text-align: center;line-height: 30px;}
.ca-4:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "4";background: #7040bb;text-align: center;line-height: 30px;}
.ca-8:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "8";background: #db14c8;text-align: center;line-height: 30px;}
.ca-b:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "₩";background: #225bdc;text-align: center;line-height: 30px;}
.ca-f:before{width: 30px;height: 30px;display: block;border-radius:30px;color: #fff;font-weight: 600;content: "F";background: #20d0c2;text-align: center;line-height: 30px;}

.spt {
    position: absolute;
    right: 0;
    top: 14px;
}
.spt span{border: 1px solid #0097f6;color:#1561b6;font-weight: 600;display: inline-block;padding: 10px 10px 10px 36px;text-align: right;margin-left: 10px;}
.e-scbook {background: url("../img/sub/e-book.jpg") no-repeat 10px center;}
.e-scprint {background: url("../img/sub/e-print.png") no-repeat 10px center;}


.sch-table table{
    border-top: 1px solid #000;
    margin-bottom: 100px;
}
.sch-table th {height: 70px;background: #efefef;border-right: 1px solid #dedede;}
.sch-table td {
    border-right: 1px solid #efefef;
    padding: 20px 20px;
    vertical-align: top;
    border-bottom: 1px solid #efefef;
    box-sizing:border-box;
}
.sch-table .th{background: rgb(250 250 250);text-align: center;vertical-align: middle;}
.scb {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.scb:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.scbtime {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
    align-items: center;
    flex-direction: row;
}
.sbtc span:before{width: 22px;height: 22px;font-size: 14px;line-height: 22px;}
.sbtm {
    color: #ed3b04;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #e8e5e5;
    display: inline-block;
    padding: 3px 10px;
    /* flex: 1; */
}
.sbtc {    display: flex;    gap: 3px;}

.scb .poster{position: absolute;width: 260px;background: #FFF;left: 218px;top: 0;z-index: 1; display:none;}
.scb .poster .linebox{width: 100%}
.scb .poster .linebox a{border-width: 10px}
.scb .poster .lineupw{margin: 0;}
.scb .poster .linetxt .tc2{font-size: 17px}
.scb .poster  .linetxt .tc4 span{padding: 5px }
.scb .poster  .linetxt{padding: 15px}
.scbtit{    color: #a26b00;    font-size: 15px;    font-weight: 600;}
.scbstit{word-break: keep-all;    color: #4c4c4c;    font-size: 18px;    font-weight: 600; anchor-name:--scbstit;}
.scb .poster{top:anchor(--scbstit 100%); left:anchor(--scbstit 0%);  /*width: anchor-size(--scbstit width);*/}
.poster_close{position: absolute; right:2.5%; top:1.5%; background:#e57e00; z-index: 3; width:25px; height:25px;}
.poster_close i{color:#fff;}


.scbook{
    background: #e6340f;
    color: #fff;
    display: inline-block;
    padding: 6px 5px;
    font-size: 12px;
    /* height: 24px; */
    /* line-height: 25px; */
    box-sizing: border-box;
}
.scbookw{/* width: 100%; */display: flex;align-items: center;gap: 5px;}
.sch-table p.noti{display: none;}
.sch-table table .col1{width:10%!important;}
.sch-table table .col2{width:18%!important;}

@media only all and (max-width: 1300px) {
.spt{position: relative}
  .sch-table{overflow-x: scroll; width:100%;} 
  .sch-table p.noti{display: block; text-align: center; color:#444; margin-bottom:10px;}
  .sch-table table{width:1300px; margin-bottom: 0}
  .sch-table table .col1{width:11%!important;}
  .sch-table table .col2{width:17.8%!important;}
  .sch-table::-webkit-scrollbar { height:9px;   width: 7px; }
  .sch-table::-webkit-scrollbar-thumb { background: #8414c0; /* 스크롤바의 색상 */ width:50px;    border-radius: 50px;}
  .sch-table::-webkit-scrollbar-track { background: #ddd;  /*스크롤바 뒷 배경 색상*/}
}


@media only all and (max-width: 1024px) {
.schcate{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}
.schcate p{width: 45%;}
.scbtime{ display: block; margin-bottom: 5px}
.scbstit{font-size: 14px; font-weight: 500}
.scbtit{font-size: 13px; font-weight: 500}
.sbtm{margin-bottom: 10px}

}
@media only all and (max-width: 900px) {
	.scb .poster{width:190px;}
	.linetxt .tc1{font-size:14px;}
	.scb .poster .linetxt .tc2{font-size:16px;}
	.scb .poster .linetxt{padding:10px;}
	.scb .poster .linetxt .tc4 span{font-size:11px;}
}


/*-------- 준비중--------*/
.preparing{min-height:600px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; text-align:center;}
.preparing i{font-size:100px; margin-bottom:80px; color:var(--main-cr); text-align: c;}
.preparing h2{font-size:clamp(2rem, 4vw, 2.5rem); word-break: keep-all;}
.preparing p{font-size: clamp(1.2rem, 3vw, 1.8rem); word-break: keep-all;}


/*-------- 공통--------*/
*{box-sizing:border-box; letter-spacing: -1px;}
:root{
	--main-cr:#8414c0;
	--sub-cr:#e57e00;
	--bg-cr:#f9f9f9;
	--main-gra:;
	
	--h1-size: clamp(2rem, 4vw, 2.5rem); /*40px*/
	--h2-size: clamp(1.8rem, 4vw, 2.25rem); /*36px*/
	--h3-size: clamp(1.5rem, 3vw, 2rem); /*32px*/
	--h4-size: clamp(1.6rem, 3vw, 1.8rem); /*28px*/
	--h5-size: clamp(1.4rem, 3vw, 1.625rem); /*26px*/
	--l-size: 1.2rem; /*20*/
	--m-size: 1.15rem; 
	--s-size: 0.85rem; /*14px*/	
}

/*text*/
[class*="con_h"], .con_txt{word-break: keep-all;}
.con_h1{font-size:var(--h1-size);}
.con_h2{font-size:var(--h2-size);}
.con_h3{font-size:var(--h3-size);}
.con_h4{font-size:var(--h4-size);}
.con_h5{font-size:var(--h5-size);}
/*con*/
.con_2box{display:grid; grid-template-columns:repeat(2, 1fr); column-gap: 2%;}
.con_3box{display:grid; grid-template-columns:repeat(3, 1fr); column-gap: 2%;}
.con_4box{display:grid; grid-template-columns:repeat(4, 1fr); column-gap: 2%;}
.con_col{display:grid; grid-template-columns:15% 80%; column-gap: 5%; border-bottom:1;}
/*sub_title*/
.sub_title{position:relative; text-align: center; margin:70px 0 40px;}
.sub_title h2{font-size:var(--h1-size); color:#222; text-align:center ;} 
.sub_title .line{display:inline-block;width:30px;height:1px;background:#00000070;}
/*scrolltrigger*/


/*sub43_아이덴티티*/
.sub43_bk{background:#000}
.sub43_bg{opacity: 0; background:#000 url(../img/sub/sub43_bg01.jpg) no-repeat top center / cover; width:100%; height: 100%; }
.sub43.intro {width:1000px; margin:0 auto ; padding-top:400px;}
.sub43.intro .tit{text-align: center; position: relative; margin-bottom:150px; }
.sub43.intro .tit h2{font-size:clamp(4rem, 4vw, 4.5rem);  text-transform: uppercase; font-weight:800; line-height:100%; letter-spacing: -1.5px; color:transparent; background:url(../img/sub/sub43_tit_bg.jpg) no-repeat center;  -webkit-background-clip: text;}
.sub43.intro .tit h4{position:relative; anchor-name:--sub43_scroll; font-size: var(--h3-size); color:#c88c45; margin-top:15px; mix-blend-mode: plus-lighter;}
.sub43.intro .visual_scroll{top:anchor(--sub43_scroll 170%);}
.sub43.intro .tit>p{font-size:var(--h5-size); font-weight:600; color:rgba(255,255,255,0.95); margin-top:230px; line-height:140%;}
.sub43.intro ul{display: grid; grid-template-columns: repeat(2, 47%); column-gap: 6%; color:rgba(255,255,255,0.9); position:relative;}
.sub43.intro ul+ul{margin-top:200px;}
.sub43.intro ul li{line-height: 160%; text-align: justify; font-size:17px;}
.sub43.intro ul:nth-of-type(1) img{position: absolute;}
.sub43.intro ul:nth-of-type(2) img{position: absolute; top:0; right:anchor(--intro_txt -20%);}
.sub43.intro ul li p:nth-of-type(1){anchor-name:--intro_txt;}
.sub43.intro ul li p+p{margin-top:15px;}
.sub43.intro ul li p b{color:#fff; font-size:var(--m-size);}

.sub43.keyword{text-align: center;}
.sub43.keyword{background:#000 url(../img/sub/sub43_bg02.jpg) no-repeat center  100px / cover; width:100%; padding:180px 0 200px;}
.sub43.keyword .video{height:570px; overflow-y:hidden; margin:150px 0 70px;}
.sub43.keyword .video iframe{margin-top:-75px;}
.sub43.keyword .txt{color:#fff;}
.sub43.keyword .txt h3{font-size:clamp(2.3rem, 4vw, 3rem);}
.sub43.keyword .txt h3 span{font-size: var(--h4-size);}
.sub43.keyword .txt p{margin-top:7px; font-size:var(--l-size); opacity: 0.4; font-weight:600; text-transform: uppercase;}

.visual_scroll{width:70px;z-index:1;margin: 0 auto 0;position: absolute;  left:0; right:0;}
.visual_scroll .scroll_wrap{position:relative;margin:0 auto;width:1px;height:100px;opacity:0.6;}
.scroll_wrap .bar_bg{position:absolute;top:0;left:0;width:1px;height:100%;background:#fff;opacity:0.3;}
.scroll_wrap .bar{position:absolute;top:0;left:0;width:1px;height:0;background:#fff;-webkit-animation:scroll 1.5s infinite ease-out;animation:scroll 1.5s infinite ease-out;}
@-webkit-keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}
@keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}

@media only all and (max-width:1640px){
	.sub43.intro ul:nth-of-type(1) img,
	.sub43.intro ul:nth-of-type(2) img{position:static;}
}
@media only all and (max-width:1280px){
	.sub43.keyword .video{height:auto; margin:60px 0;}
	.sub43.keyword .video iframe{width:100%; height:100%; aspect-ratio:1/0.8; margin:0;}
}
@media only all and (max-width:1000px){
	.sub43.intro{width:98%; padding-top:200px;}
	.sub43.intro .tit>p{margin-top:150px;}
	
}
@media only all and (max-width:800px){
	.sub43.intro .tit h2{font-size:3rem;}	
	.sub43.intro ul{grid-template-columns: repeat(1, 1fr);}
	.sub43.intro ul li img{width:80%; margin:15px 0;}
	.sub43.intro ul:nth-of-type(1) li:nth-of-type(2) ,
	.sub43.intro ul:nth-of-type(2) li:nth-of-type(1){text-align: center;}
	.sub43.keyword .txt h3{font-size:2rem;}
	.sub43.keyword{padding:50px 0 200px;}
	.sub43.keyword .video{margin:10px 0;}
}

/*sub44_인사말*/
.sub44.ceo{ padding:0 0 100px; }
.sub44.ceo .con{width:1050px; margin:0 auto;}
.sub44.ceo h2{ color:#a26c44; margin-bottom:10px;}
.sub44.ceo ul{margin-top:30px; display: grid; grid-template-columns: 35%  60%; column-gap: 5%; align-items: center;}
.sub44.ceo li p{font-size:var(--m-size); line-height:170%;word-break: keep-all;}
.sub44.ceo li h5{font-size:var(--l-size); margin-top:30px;}
.sub44.ceo li h5 span{ font-size:var(--h4-size);}
.sub44.history .bg{padding:70px 0; background:#f7f4f1; }
.sub44.history a{cursor: pointer;}
.sub44.history .list{display: flex; position: relative; flex-flow:row nowrap; width:100%; margin:0 auto; }
.sub44.history .list:before{position:absolute; top:5px; display: inline-block; content:""; width:100%; height:1px; background:#ddd;}
.hisswiper dl dt{font-size:var(--m-size); font-weight:bold; margin-top:10px;}
.hisswiper .swiper-slide{position: relative; padding-top:10px;}
.hisswiper .swiper-slide:before{display: inline-block; content: ""; background:#d9bd78; width:10px; height:10px; border-radius: 50%; position: absolute; top:0px;}
.hisswiper .swiper-slide>sub{font-size: 16px; font-weight:bold; color:#a26c44; margin-bottom:20px; display: inline-block;}
@media only all and (max-width:1000px){
	.sub44.ceo .con{width:100%;}
}
@media only all and (max-width:600px){
	.sub44.ceo ul{grid-template-columns: repeat(1, 1fr); text-align: center; }
}

/*sub45_조직위원 명단*/
.sub45{padding:90px 0 70px; background:url(../img/sub/sub45_bg.jpg) no-repeat center / cover; text-align: center;}
.sub45 .tit{opacity:0; color:#fff; margin-bottom:100px; }
.sub45 .tit p{opacity: 0.7;}
.sub45 .list{opacity:0; position: relative; display: grid; grid-template-columns: repeat(4, 22%); column-gap: 2%; width:1400px; margin:0 auto;}
.sub45 .list li{box-sizing:border-box; background:#fff;  margin-bottom:50px; border-radius: 10px 0 10px 10px; transition:all 0.2s ease;}
.sub45 .list li .top sub{font-size:var(--s-size); font-weight:bold; opacity: 0.7;}
.sub45 .list li .top{display:flex; justify-content: space-between; align-items: center; padding:10px 20px; background:url(../img/sub/sub45_txt_bg.png) no-repeat center; filter:grayscale(1); }
.sub45 .list li .txt{padding:40px 30px ;}
.sub45 .list li .txt h4{font-size:var(--h5-size);}
.sub45 .list li .txt h5{font-size:var(--m-size); font-weight:600; color:#62009b; word-break: keep-all; margin:3px 0;}
.sub45 .list li .txt p{opacity: 0.5;}
.sub45 .list li:hover{ background:#b99d5c; color:#fff;} 
.sub45 .list li:hover .top{filter:grayscale(0);}
.sub45 .list li:hover .txt h5{color:#fff;} 
@media only all and (max-width:1400px){
	.sub45 .list{width:95%;}
}
@media only all and (max-width:1024px){
	.sub45 .list{ grid-template-columns: repeat(3, 32%);}
}
@media only all and (max-width:800px){
	.sub45 .list{ grid-template-columns: repeat(2, 49%);}
}
@media only all and (max-width:600px){
	.sub45 .list{ grid-template-columns: repeat(1, 100%);}	
	.sub45 .list li{margin-bottom:3%;}
	.sub45 .list .txt{display: flex; flex-flow:row nowrap; align-items: center; padding:20px 30px!important; }
	.sub45 .list li .txt h4{min-width:70px;}
	.sub45 .list li .txt h5{text-align: left; margin-left:10px;}
	.sub45 .list li .txt p{margin-left:7px;}
}


/*sub46_만드는 사람들*/
.sub46{ background:url(../img/sub/sub46_org_bg.jpg) no-repeat center / cover; text-align: center; padding:70px 0;}
.sub46 .list{flex-flow:column wrap; justify-content: center; align-items: center; gap:2%;}
.sub46 .list2{flex-flow:row nowrap; justify-content: center; gap:2%;}
.sub46 ul[class*="list"]{width:1400px; margin:0 auto; display: flex;}
.sub46 ul[class*="list"] li{border:1px solid #ddd; padding:50px; background:#fff; width:420px; margin-top:2%;}
.sub46 ul[class*="list"] li sup{color:var(--main-cr); font-weight:bold;}
.sub46 ul[class*="list"] li p{border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
.sub46 .tel{display: flex; flex-flow:row wrap; justify-content: center; margin-top:20px; font-size:var(--l-size);}
.sub46 .tel p+p{margin-left:20px;}
@media only all and (max-width:1200px){
	.sub46 ul[class*="list"]{width:95%;}
	.sub46 .list li+li{margin-top:10px;}
}
@media only all and (max-width:600px){
	.sub46 ul[class*="list"] {flex-flow:column wrap;}
	.sub46 ul[class*="list"] li{width:100%;}
}
@media only all and (max-width:500px){
	.sub46 .list li{padding:10%;}
	.sub46 .tel{flex-flow:column wrap;}
	.sub46 .tel p+p{margin-left:0px;}
}


/*sub47_공식 파트너*/
.sub47_bg{background:var(--bg-cr); padding:70px 0;}
.sub47{opacity: 0; width:1400px; margin:0 auto; text-align: center;}
.sub47+.sub47{margin-top:60px; padding-top:60px; border-top:1px solid #e9e9e9;}
.sub47:nth-of-type(-n+2) ul li{grid-column: 2/3;}
.sub47 h4{margin-bottom:20px; font-size:var(--h3-size);}
.sub47 .list{display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, auto)); column-gap: 1%; }
.sub47 .list2{ grid-template-columns: repeat(auto-fill, minmax(20%, auto)); column-gap: 1%; }
.sub47 .list li.jb_logo{grid-column: 1/3;}
.sub47 .list li.jb_logo2{grid-column: 3/5;}
.sub47 .list li a{min-height: 250px;  transition:all 0.2s ease; background:#fff; display: flex; flex-flow:column wrap; justify-content: center; align-items: center; width:100%; margin-bottom:10px; text-align: center; border:1px solid #ddd;}
.sub47 .list.partner li a{min-height: 160px; cursor:default;}

.sub47 .list li a:hover{box-shadow:0 2px 10px 2px rgba(0,0,0,0.08);}
.sub47 .list li a dl{width:80%;}
.sub47 .list li a dl dd{font-size:var(--l-size); font-weight:bold; margin-top:10px;}
.sub47 .list li a dl dd i{margin-left:3px; vertical-align:3px; font-size:var(--s-size); background:#efefef; color:#999; padding:10px; border-radius: 50%;}

@media only all and (max-width:1400px){
	.sub47{width:95%;}
}
@media only all and (max-width:700px){
	.sub47 .list {grid-template-columns: repeat(2, 1fr);}
	.sub47:nth-of-type(-n+2) .list li{grid-column: 1/4;}
	.sub47 .list2.jb {grid-template-columns: repeat(1, 100%);}
	.sub47 .list li.jb_logo, .sub47 .list li.jb_logo2{grid-column: 1/2;}
}


/*sub51_티켓예매안내*/
.sub51 h4{margin-bottom:15px;}
.sub51.ticket{padding:150px 0; background:url(../img/sub/sub51_bg.jpg) no-repeat center / cover; background-attachment: fixed; width:100%; min-height:900px;}
.sub51.ticket .wrap{width:1200px; margin:0 auto;}
.sub51.ticket ul{display:grid; grid-template-columns: repeat(2, 49%); column-gap: 2%;}
.sub51.ticket ul li{position:relative; min-height:290px; padding:50px 70px; background:url(../img/sub/sub51_ticket.png) no-repeat center / cover; width:;}
.sub51.ticket ul li .tit{width:100%; height:100%; display: flex; flex-flow:column wrap; justify-content: space-between;}
.sub51.ticket ul li sub{font-size:var(--m-size); opacity:0.4; font-weight:500;}
.sub51.ticket ul li h3{letter-spacing: -1px; line-height:120%;}
.sub51.ticket ul li h3 span{font-size:var(--l-size);  font-weight: 500;}
.sub51.ticket ul li:nth-of-type(1) h3 span{color:#e57e00;}
.sub51.ticket ul li:nth-of-type(2) h3 span{color:#ed7790;}
.sub51.ticket ul li img{position:absolute; top:30px; right:50px;}
.sub51.ticket .inter{margin-top:20px; text-align: center; padding:55px 70px; width:100%; border:1px solid #ffffff90; background:rgba(255,255,255,0.75); backdrop-filter: blur(5px);}
.sub51.ticket .inter dt{padding-right:5px;}
.sub51.ticket .inter dd{font-size:var(--m-size);  font-weight:bold;}
.sub51.ticket .inter .btn{display: inline-block; margin-top:5px; padding:13px 30px;  border-radius: 50px; background:#8f44e6; color:#ffffff;}
.sub51.ticket .inter .call{color:#8f44e6;  margin-top:7px;}
.sub51.ticket .inter .txt{font-size:var(--m-size); margin-top:20px; }
.sub51.ticket .inter .txt p+p{margin-top:7px;}
.sub51.ticket .cust{ border-top:1px solid #fff; padding-top:10px; width:80%; margin:20px auto 0; }
.sub51.ticket .cust p{font-weight:600; text-align: left; font-size:17px; line-height: 2;}
.sub51.ticket .cust p span{ background:#fff; color: #8f44e6;  padding:2px 10px; border-radius: 50px;}
.sub51.ticketbox{margin:70px auto;}
.sub51.ticketbox ul{display: grid; grid-template-columns: repeat(3, 1fr); column-gap:0.5%;}
.sub51.ticketbox ul li{border:1px solid #ddd; padding:40px ; transition:all 0.15s ease;}
.sub51.ticketbox ul li dt{ font-size:var(--h5-size); font-weight: bold;  margin-bottom:20px; }
.sub51.ticketbox ul li dt span{font-size:var(--h4-size); margin-bottom:12px; display:inline-block; text-align:center; color:#fff; background:var(--main-cr); font-weight:900; width:clamp(3rem, 3vw, 3.6rem); line-height:clamp(3rem, 3vw, 3.6rem); aspect-ratio: 1/1; border-radius: 50%;}
.sub51.ticketbox ul li dd{color:#6d6d6d; line-height:140%; font-size:var(--m-size); border-top:1px solid #ddd; margin-top:10px ; padding-top:10px;}
.sub51.ticketbox ul li dd span{  font-weight:bold; display:inline-block; margin-right:10px;}
:is(.sub51.ticketbox ul li dd) span, i{color:#242424;}
.sub51.ticketbox ul li:hover{background:var(--main-cr); color:#fff; box-shadow:0 0 10px 1px rgba(0,0,0,0.2);}
.sub51.ticketbox ul li:hover dt span{background:#fff; color:var(--main-cr);}
.sub51.ticketbox ul li:hover dd{color:#ffffff90;}
.sub51.ticketbox ul li:hover dd span,
.sub51.ticketbox ul li:hover dd i{color:#fff;}

.sub51.ticketbox .txt{margin-top:30px; font-size:var(--m-size);}
.sub51.ticketbox .txt p+p{margin-top:7px;}
.sub51.noti{background:var(--bg-cr); padding:70px 0;}
.sub51.noti .wrap{width:1400px; margin:0 auto;}
.sub51.noti ul{font-size:var(--m-size);}
.sub51.noti ul li{word-break: keep-all; text-indent: -13px; padding-left:15px; line-height: 140%; color:#505050;}
.sub51.noti ul li:before{display: inline-block; content:""; width:6px; height:6px; border-radius: 50%; background:#c7c7c7; vertical-align: 4px; margin-right:7px;}
.sub51.noti ul li+li{margin-top:10px;}
.sub51.noti ul li strong{background:#e8d4ff;}

@media only all and (max-width:1400px){
	.sub51.noti .wrap{width:95%;}
	.sub51.ticketbox ul{grid-template-columns: repeat(3, 1fr);}
}
@media only all and (max-width:1200px){
	.sub51.ticket .wrap{width:95%;}	
}
@media only all and (max-width:800px){
	.sub51.ticketbox ul{grid-template-columns: repeat(2, 1fr); gap:0.5%;}
	.sub51.ticketbox .txt{margin-top:45px;}
	.sub51.ticket ul li{padding:30px 40px;}
	.sub51.ticket .inter{padding:30px 40px;}
	.sub51.ticket .cust p>span{display: block;}
}
@media only all and (max-width:600px){
	.sub51.ticket ul, .sub51.ticketbox ul{grid-template-columns: repeat(1, 1fr);}
	.sub51.ticket ul li{padding:40px 30px; min-height:200px;}
	.sub51.ticket ul li+li{margin-top:20px;}
	.sub51.ticket ul li h3{font-size:1.3rem;}
	.sub51.ticket ul li img{right:30px; width:60px;}
	.sub51.ticket .inter{padding:55px 30px;}
	.sub51.ticket .inter dt img{width:80%;}
	.sub51.ticket .inter .btn{padding:10px 30px;}	
	.sub51.ticket .cust{padding-top:20px;}
	.sub51.ticket .cust p>span{margin-bottom:5px;}
	.sub51.ticket .cust p span+span{margin-top:10px;}	
	.sub51.ticketbox ul li dt{margin-bottom:10px;}	
	
	
}

/*sub52_공연별 예매 안내*/
.borderR{border-right:1px solid #e5e6e7!important;}
.sub52+.sub52{margin-top:100px;}
.sub52 h4{margin-bottom:15px;}
.sub52 .tit_wrap{min-height:400px; display: flex; flex-flow:column wrap; justify-content: center; align-items: center;  text-align: center; color:#fff; margin-bottom:50px;}
.sub52 .tit_wrap.bg1{background:url(../img/sub/sub52_bg011.jpg) no-repeat center center / cover;}
.sub52 .tit_wrap.bg2{background:url(../img/sub/sub52_bg02.jpg) no-repeat center center / cover;}
.sub52 .tit_wrap p{color:rgba(255,255,255,0.7); font-size:var(--m-size);}
.sub52 .tit_wrap a{display: inline-block; margin-top:20px; padding:13px 35px; font-size: var(--m-size); font-weight: bold; border:1px solid #ffff; border-radius: 50px; transition:all 0.15s ease;}
.sub52 .tit_wrap a:hover{background:var(--main-cr); color:#fff; border-color:var(--main-cr);}
.sub52 .basic-table{border-top:3px solid #8414c0;}
.sub52.noti{background:#f0f0f3; padding:50px;}
.sub52.noti .txt{margin-top:15px;}
.sub52.noti .txt p+p{margin-top:7px;}
@media only all and (max-width:720px){
	.sub52 .tit_wrap{min-height:300px;}
	.sub52 .tit_wrap a{padding:10px 30px;}
	.sub52.noti{padding:40px 20px;}
}

/*sub53_찾아오시는 길*/
.sub53{position:relative;}
.sub53:last-child{margin-bottom:80px;}
.sub53 .map{margin:0 auto;}
.root_daum_roughmap{width:1400px!important;}
.root_daum_roughmap_landing{margin:0 auto!important;}
.sub53 .info{background:#f9f9f9; padding:60px 40px; /*background:#bba271; color:#fff;*/ display: grid; grid-template-columns:65% 35%; border-top:3px solid #222; border-bottom:1px solid #222;}
.sub53 .info h4{line-height: 100%; margin-bottom:10px;}
.sub53 .info h4 span{font-size:var(--l-size);}
.sub53 .info ul li+li{margin-top:5px;}
.sub53 .info ul li{font-size: 17px; opacity: 0.9;}
.sub53 .info ul li i{margin-right:7px; color:#e45219; background:#fff; width:25px; line-height: 25px; border-radius: 25px; aspect-ratio: 1/1; text-align: center;}
.sub53 .info dl{display: grid; grid-template-columns: 49% 49%; column-gap: 2%;}
.sub53 .info dd a{background:#dddddd50; transition:all 0.2s ease; display: flex; flex-flow:column wrap; justify-content: space-between; height: 100%; width:100%; border:1px solid #ffffff50; padding:20px; box-sizing: border-box;}
.sub53 .info dd a:hover{background:#e45219; color:#fff;}
.sub53 .info dd a i{align-self: flex-end; color:#e45219; font-size:20px;}
.sub53 .info dd a:hover i{color:#fff;}
.sub53.bus{margin-top:70px;}
.sub53.bus .con_col+.con_col{margin-top:50px; padding-top:50px; border-top:1px solid #e5e5e5;}
.sub53.bus .con_col p{line-height:180%;}
.sub53.bus ul li+li{margin-top:40px;}
.sub53.bus ul h5{font-size:var(--l-size); margin-bottom:10px;}
@media only all and (max-width:1400px){
	.root_daum_roughmap{width:100%!important;}
}
@media only all and (max-width:1024px){
	.sub53 .info{padding:40px 50px; width:100%; display: flex; flex-flow:column wrap;}
	.sub53 .info dl dd{margin-top:20px; }
	.sub53 .info dl dd{ color:#bba271; background:#fff; }
}

@media only all and (max-width:1024px){
	.con_col{display: flex; flex-flow:column;}	
}


@media only all and (max-width:700px){
	.tol-area{bottom:30px;}
	.quick:not(.tol-4){display: none;}
	.quMainN .tol-out{width:50px; height:50px;}
	.br_m{display: inline; content:""; margin-right:6px;}
}

/*sub54_페스티벌맵*/
.sub54{text-align: center;}
.sub54+.sub54{margin-top:80px; padding-top:60px; border-top:1px dotted #ddd;}
.sub54 .tit h4:before{letter-spacing: -2px; margin:10px auto; display: block; border-radius: 50%; width:50px; height:50px; line-height:50px; color:#fff; font-size:var(--h3-size); font-weight:bold; text-align: center; }
.sub54.map1 .tit h4:before{content:"01"; background:#db4f4e;}
.sub54.map2 .tit h4:before{content:"02"; background:#00b0b0;}
.sub54.map3 .tit h4:before{content:"03"; background:#46a4ec;}
.sub54 .tit p{font-size:var(--m-size); opacity:0.8;}

.sub54 .img .noti{display: none;}
.sub54 .img{margin-top:20px;}
.sub54.map1 .img a{display: inline-block; padding-top:10px; background:url(../img/sub/sub54_map01_top.png) top center no-repeat;}
.sub54.map2 .img a{display: inline-block; padding-top:10px; background:url(../img/sub/sub54_map02_top.png) top center no-repeat;}
.sub54.map3 .img {display: inline-block; padding-top:10px; background:url(../img/sub/sub54_map03_top.png) top center no-repeat;}
.sub54.map3{margin-bottom:110px;}
.sub54.map3 ul{display: flex; justify-content: center; gap:10px; margin:13px auto 0; }
.sub54.map3 ul:after{display: none;}
.sub54.map3 ul li{flex:0 1 calc(720px / 2);}
.sub54.map3 ul li a{display: inline-block; font-size:var(--m-size); font-weight:bold; color:#46a4ec; padding:15px 0; width:100%; border:1px solid #46a4ec;}

@media only all and (max-width:1024px){
	/*.sub54 .noti{display: inline-block!important; color:#979797; margin-bottom:5px;}*/
}
@media only all and (max-width:625px){
	.sub54.map3 ul{width:100%;}
	.sub54.map3 ul li{flex:0 1 50%;}
}
@media only all and (max-width:500px){
	.sub54.map3 ul{flex-flow:column wrap;}
	.sub54.map3 ul li{flex:1 1 100%;}
}




/*list*/
.linebox .indexno{z-index: 1;}
.linebox a p{overflow: hidden;}
.linebox a p img{width:100%; aspect-ratio: 1/1; object-fit: cover; transition:all 0.2s ease;}
.linebox a p:hover img{transform:scale(1.15);}
.linetxt .tc2{min-height:120px; word-break:keep-all ;}