@charset "utf-8";

/* header */

/* atomic 추가 */
@media(max-width:1024px){
.md-vat{vertical-align: top !important;}
}

/* 콘텐츠 */
.container .contents{position:relative; padding-bottom:10rem; font-size: 1.8rem; color:#333; font-weight: 400;}
.container .contents:after{position: relative; content:''; display:block; clear:both;}
.container .contents h2{width:100%; font-size:4.2rem; font-weight: 700; letter-spacing:-0.25px; color:#001111; line-height: 1.4;}
.container .contents h3{width:100%; font-size:3.2rem; font-weight: 700; letter-spacing:-0.25px; line-height: 1.3;}
.container .contents h4{width:100%; font-size:2.4rem; font-weight: 700; letter-spacing:-0.25px; color:var(--mainColor); line-height: 1.3;}
.container .contents h4.v2{color:#333;}
.container .contents h5{font-size:2rem; font-weight: 700; letter-spacing:-0.25px; color:var(--color); line-height: 1.3;}
.container .contents mark {color:var(--mainColor); }
.container .contents p{line-height: 1.7;}

@media(max-width:1200px){
   .container .contents h2{font-size:3.6rem;}
   .container .contents h3{font-size: 2.4rem;}
}
@media(max-width:640px){
   .container .contents h2{font-size: 3rem;}
}


/* 서브 비주얼 */
.visual{position:relative; margin-bottom:10rem; width:100%; height:42rem; background:no-repeat center top; background-size:cover; font-size:0;}
.visual .visual-txt{opacity:0; position:absolute; z-index: 2; top:20rem; margin:0 auto; width:100%; font-weight: 700; transition:all 0.6s ease-out; transition-delay:200ms;}
.visual .visual-txt span{position:relative; display: block; margin-bottom:3.8rem; color:var(--mainColor); font-size: 2.6rem; line-height: 1.5;}
.visual .visual-txt em{position:relative; display: block; font-size:5.8rem; color:#fff; letter-spacing:-0.25px;}
.visual .visual-txt.active{opacity:1; top:16rem;}
@media(max-width:780px){
   .visual{height:38rem; margin-bottom:7rem;}
   .visual .visual-txt span{margin-bottom: 2rem; font-size: 2rem;}
   .visual .visual-txt em{font-size: 4.4rem;}
   .visual .visual-txt.active{top:20rem;}
}
@media(max-width:480px){
   .visual .visual-txt em{font-size: 3.6rem;}
   .visual .visual-txt.active{top:15rem;}
}


/* lnb */
.lnb{position:relative; opacity:0; z-index: 1; top:0px; width:100%; margin-top: 6px; height:5.6rem; line-height: calc(5.6rem - 3px); text-align: center; border-bottom:1px solid rgba(255,255,255,0.12); transition:all 0.6s ease-out;}
.lnb ul{display: inline-block; text-align: center; float: right;}
.lnb ul li{display: inline-block;}
.lnb li a{display:block; opacity: 1; position:relative; margin-right: 4rem; font-weight:500; color:#555; font-size: 1.7rem; border-bottom:3px solid transparent; transition:all 0.3s ease 0s;}
.lnb li.active a{color:var(--color); font-weight: 700; border-bottom:3px solid var(--mainColor);}
.lnb.active{opacity:1;}

@media(max-width:1024px){
	.lnb.active{display:none;}
}

/* tab */
.tabBtn{margin-bottom: 6rem; display:flex; flex-wrap: wrap;}
.tabBtn > li{position:relative;}
.tabBtn > li + li{/*margin-left: 1.4rem; margin-bottom:1.4rem;*/}
.tabBtn > li a{display:block; padding:0 2rem; min-width:20rem; height: 5.6rem; line-height: 5.6rem; font-size:2rem; letter-spacing: -1px; font-weight:500; text-align:center; color:#555; background-color: #f7f7f7; border:1px solid var(--borderColorGray); border-left:0; transition:all 0.3s ease 0s;}
.tabBtn > li:first-child{margin-left:0; border-left:1px solid var(--borderColorGray)}
.tabBtn > li.on a{color:#fff; font-weight: 700; background-color: var(--mainColor); border-color:var(--mainColor); transition:all 0.3s ease 0s;}
@media(max-width:768px){
	.tabBtn {margin-bottom:4rem;}
	.tabBtn > li a {min-width:inherit;}
}

input[type="checkbox" i]{background-color: initial; cursor: default; appearance: auto; box-sizing: border-box; margin: 3px 3px 3px 4px; padding: initial; border: initial;}

@media(max-width:768px){
   .tabBtn > li + li {/*margin-left: 1rem;*/}
   .tabBtn > li {/*margin-left: 1rem !important; margin-bottom: 1rem;*/}
}

/* subtab */
.tabSub{margin-bottom: 4rem; display:flex; flex-wrap: wrap;}
.tabSub > li{position:relative; width: calc(25% - 7.5px);  margin:0 1rem 1rem 0;}
.tabSub.v1 > li{width: calc(11.11111% - 8.9px);}
.tabSub.v1 > li:nth-child(4n){margin-right: 1rem;}
.tabSub.v1 > li:last-child{margin-right: 0 !important;}
.tabSub > li:nth-child(4n){margin-right: 0;}
.tabSub > li a{display:block; padding: 2rem 0; font-size:1.8rem; letter-spacing: -1px; font-weight:500; text-align:center; color:#888; transition:all 0.3s ease 0s; border: 1px solid #aaa; }
.tabSub > li a:hover{color:var(--mainColor); border: 1px solid var(--mainColor);}
.tabSub > li.on a{background:var(--mainColor); color: #fff; transition:all 0.3s ease 0s; border: 1px solid var(--mainColor);}

@media(max-width:768px){
   .tabSub > li{width: calc(33.33333% - 6px);}
   .tabSub > li:nth-child(4n){margin-right: 1rem;}
   .tabSub > li:nth-child(3n){margin-right: 0;}
   
   .tabSub.v1 > li{width: calc(20% - 8.8px);}
   .tabSub.v1 > li:nth-child(3n){margin-right: 1rem;}
}

@media(max-width:460px){
   .tabSub > li{width: calc(50% - 5px);}
   .tabSub > li:nth-child(3n){margin-right: 1rem;}
   .tabSub > li:nth-child(2n){margin-right: 0;}

   .tabSub.v1 > li{width: calc(33.33333% - 5.7px);}
   .tabSub.v1 > li:nth-child(2n){margin-right: 1rem;}
   .tabSub.v1 > li:nth-child(3n){margin-right: 0;}
}


/* boardsubtab */
.tab_basic{margin-bottom: 4rem; display:flex; flex-wrap: wrap;}
.tab_basic > li{position:relative; width: calc(25% - 7.5px);  margin:0 1rem 1rem 0;}
.tab_basic.v1 > li{width: calc(11.11111% - 8.9px);}
.tab_basic.v1 > li:nth-child(4n){margin-right: 1rem;}
.tab_basic.v1 > li:last-child{margin-right: 0 !important;}
.tab_basic > li:nth-child(4n){margin-right: 0;}
.tab_basic > li a{display:block; padding: 2rem 0; font-size:1.8rem; letter-spacing: -1px; font-weight:500; text-align:center; color:#888; transition:all 0.3s ease 0s; border: 1px solid #aaa; }
.tab_basic > li a:hover{color:var(--mainColor); border: 1px solid var(--mainColor);}
.tab_basic > li a.on{background:var(--mainColor); color: #fff; transition:all 0.3s ease 0s; border: 1px solid var(--mainColor);}

@media(max-width:768px){
   .tab_basic > li{width: calc(33.33333% - 6px);}
   .tab_basic > li:nth-child(4n){margin-right: 1rem;}
   .tab_basic > li:nth-child(3n){margin-right: 0;}
   
   .tab_basic.v1 > li{width: calc(20% - 8.8px);}
   .tab_basic.v1 > li:nth-child(3n){margin-right: 1rem;}
}

@media(max-width:460px){
   .tab_basic > li{width: calc(50% - 5px);}
   .tab_basic > li:nth-child(3n){margin-right: 1rem;}
   .tab_basic > li:nth-child(2n){margin-right: 0;}

   .tab_basic.v1 > li{width: calc(33.33333% - 5.7px);}
   .tab_basic.v1 > li:nth-child(2n){margin-right: 1rem;}
   .tab_basic.v1 > li:nth-child(3n){margin-right: 0;}
}


/* 텍스트 스타일 */
.txt-point01{color:var(--mainColor) !important;}
.txt-point02{color:#e53030 !important;}
.txt-point03{/*color:#bbb !important;*/}

/* 보더 스타일 */
.bd-point01{display: block; clear: both; margin:3rem 0; width:100%; height: 1px; background-color:var(--borderColorGray);}
.bd-point02{border:1px solid var(--borderColorGray);}
.bd-point03{display: block; clear: both; margin:5rem 0; width:100%; height: 1px; background-color:var(--borderColorGray);}

/* 버튼 스타일 */
.btn-white{display: block; width: 19.4rem; height: 5.6rem; line-height: 5.6rem; text-align: center; font-size: 1.8rem; color:#333 !important; background-color: #fff; border:1px solid #aaa; transition:all 0.4s ease-out 0s;}
.btn-blue2{display: block; padding: 3rem 6rem; text-align: center; font-size: 2rem; color:#fff !important; background-color: var(--mainColor); transition:all 0.4s ease-out 0s;}
.btn-blue{display: inline-block; padding: 3rem 6rem; text-align: center; font-size: 2rem; color:#fff !important; background-color: var(--mainColor); transition:all 0.4s ease-out 0s;}
.btn-down{display: inline-block; padding: 2rem 4rem; text-align: center; color:#fff !important; background-color: var(--mainColor); transition:all 0.4s ease-out 0s;}

/* box bg text */
.area-box-txt{position: relative; width: 100%; height: 65rem; line-height: 65rem; background: no-repeat center top;  background-size: cover;}
.area-box-txt .el{position: relative; display: inline-block; width: 100%; vertical-align: middle; line-height: 1; z-index: 2; color: #fff; text-align: center; font-weight: 700;}
.area-box-txt .el em{display: block; margin-top: 2rem; font-size: 6rem;}
.area-box-txt .el span{display: block; font-size: 3.2rem; opacity: 0.5;}
@media(max-width:768px){
   .area-box-txt{height: 50rem; line-height: 50rem;}
   .area-box-txt .el span{font-size: 2.6rem;}
   .area-box-txt .el em{font-size: 4rem;}
}

/* 이미지비율 */
.img-ratio{padding-top:54%; display:block; overflow:hidden; position:relative; z-index: 1; text-align:center;}
.img-ratio2{padding-top:100%; display:block; overflow:hidden; position:relative; z-index: 1; text-align:center;}
.img-ratio i{position:absolute; top:50%; left:50%; width:102%; height:102%; /*background: #f6f6f6 url(/kor/img/sub/img_noimg.gif) no-repeat 50% 50%;*/text-align:center; transform:translate(-50%, -50%);}

/* box */
.area-box{position: relative; padding:4rem; font-size: 1.7rem; font-weight: 300; color:#333; background-color: #f5f5f5;}
.area-box:after{position: relative; content:''; display:block; clear:both;}
.area-box .box-img{display: flex; align-items: flex-start;}
.area-box .box-img img{display: block; margin-right: 4rem;}
.area-box02{position: relative; padding:6rem; color:#333; background-color: #f5f5f5;}
.area-box03{position: relative; padding:6rem; color:#fff; background-color: var(--color);}

.box{margin-top:20px;}
.box dl{display:inline-block; width:calc(16.5% - 15px); margin-right:15px; border:1px solid #f8f8f8; text-align:center; vertical-align:top;border-top: 2px solid var(--mainColor);}
.box dl:last-child{margin-right:0;}
.box dl dt{padding:14px 0; background:#f8f8f8; font-weight:700;line-height: 1.4;}
.box dl dd{padding:20px; min-height:60px;}

@media(max-width:768px){
   .area-box{padding:2rem; font-size: 1.5rem;}
   .area-box02{padding:2rem;}

   .box dl{width:calc(50% - 15px); margin-right:0; margin-bottom:20px;}
   .box dl dd{min-height:auto; padding:20px 0;}
}
@media(max-width:420px){
   .area-box .box-img{display: block;}
   .area-box .box-img img{margin:0 auto 2rem;}
}

/* list */
.area-list{position: relative;}
.area-list:after{position: relative; content:''; display:block; clear:both;}
.area-list li{position:relative; padding-left:14px; line-height:1.7; font-size:1.7rem;}
.area-list li + li{margin-top: 8px;}
.area-list li:before{content:""; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; background-color:var(--color); border-radius: 50%;}
.area-list01{position: relative; }
.area-list01 ul li{float:left; width:50%; padding-right:2.4rem;}
.area-list01 ul li:nth-child(2n){padding-left:2.4rem; padding-right: 0;}
.area-list01 ul li div{min-height: 22rem;}
.area-list01 ul li img{width:100%;}
.area-list01 ul li a{position: relative; display: block;}
.area-list01 ul li a::after{position: absolute; z-index: 2; opacity: 0; content: ""; display: block; top:50%; left:50%; margin: -5.3rem 0 0 -5.3rem; width:11.6rem; height: 11.6rem; background:url(/kor/img/sub/icon_more_big.svg) no-repeat 50% 50%; background-size: 40px 40px; border:1px solid rgba(255,255,255,0.7); border-radius: 50%;}
.area-list01 ul li a::before{position: absolute; z-index: 1; opacity: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(25,120,255,0.8); transition:all 0.3s ease 0s;}
.area-list01 ul li a:hover::after,
.area-list01 ul li a:hover::before{opacity: 1;}
.area-list01 iframe{width:100%; height: 26rem; margin-bottom:3rem;}
.area-list02{position: relative;}
.area-list02 ul li{float:left; width:calc(33.33% - 2.7rem);}
.area-list02 ul li:nth-child(3n-1){margin:0 4rem;}
.area-list02 ul li div{min-height: 14rem;}
.area-list02 ul li img{width:100%;}
.area-list02 ul li a{position: relative; display: block;}
.area-list02 ul li a::after{position: absolute; z-index: 6; opacity: 0; content: ""; display: block; top:50%; left:50%; margin: -6rem 0 0 -6rem; width:12rem; height: 12rem; background:url(/kor/img/sub/icon_play.svg) no-repeat 50% 50%; background-size: 44px 44px; border:2px solid rgba(255,255,255,0.4); border-radius: 50%;}
.area-list02 ul li.noradio a::after{display:none;}

.area-list02 ul li a::before{position: absolute; z-index:5; opacity: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); transition:all 0.3s ease 0s;}
.area-list02 ul li a:hover::after,
.area-list02 ul li a:hover::before{opacity: 1;}
.area-list02.v ul li a::after{display: none;}
.area-list03{position: relative;}
.area-list03:after{position: relative; content:''; display:block; clear:both;}
.area-list03 li{position:relative; padding-left:14px; line-height:1.7; font-size:1.7rem;}
.area-list03 li + li{margin-top: 8px;}
.area-list03 li:before{content:""; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; background-color:var(--color); border-radius: 50%;}

@media(max-width:1280px){
.area-list01 iframe{height: 26rem; margin-bottom:3rem;}
}
@media(max-width:1200px){
   .area-list li:before{top:9px;}
   .area-list01 ul li{padding-right:1rem;}
   .area-list01 ul li:nth-child(2n){padding-left:1rem; padding-right: 0;}
   .area-list01 ul li div{min-height: 26rem;}

   .area-list02 ul li{width:calc(50% - 1rem);}
   .area-list02 ul li:nth-child(3n-1){margin:0;}
   .area-list02 ul li:nth-child(2n){margin-left:2rem;}

   .area-list03 li:before{top:9px;}
}
@media(max-width:768px){
   .area-list01 ul li{width:100%; padding-right: 0;}
   .area-list01 ul li:nth-child(2n){padding-left:0;}
   .area-list01 ul li div{min-height: inherit; margin-bottom: 6rem;}
   .area-list01 iframe{height: 24rem; margin-bottom:2rem;}

   .area-list02 ul li{width:100%;}
   .area-list02 ul li:nth-child(3n-1){margin:0;}
   .area-list02 ul li div{min-height: inherit; margin-bottom: 6rem;}
   .area-list02 ul li:nth-child(2n){margin-left:0;}
}
@media(max-width:420px){
   .area-list li:before{top:8px;}
   .area-list01 ul li a::after{margin: -4rem 0 0 -4rem; width:8rem; height: 8rem; background-size: 20px 20px;}
   .area-list01 iframe{height: 22rem;}
}
.area-imglist{position: relative; font-size: 1.7rem; color:var(--color);}
.area-imglist:after{position: relative; content:''; display:block; clear:both;}
.area-imglist ul{display: flex; flex-wrap: wrap;}
.area-imglist ul li{display: flex; flex-wrap: wrap; width:calc(100% / 2 - 1.9rem); margin:0 3.8rem 3.8rem 0; border:1px solid var(--borderColorGray);}
.area-imglist ul li:nth-child(2n){margin-right:0;}
.area-imglist ul li .imglist-txt{flex:1 1 50%; padding:4.8rem;}
.area-imglist ul li .imglist-txt em{display: block; margin-bottom: 3rem; font-size: 2rem; font-weight: 700; line-height: 1.4;}
.area-imglist ul li .imglist-txt u{display: block; margin-bottom: 1rem; color:#888; text-decoration: none;}
.area-imglist ul li .imglist-txt span{display: block; margin-bottom: 3rem;}
.area-imglist ul li .imglist-txt span:last-child{margin-bottom: 0;}
@media(max-width:1200px){
.area-imglist ul li{width:calc(100% / 3 - 1.5rem); margin:0 2rem 2rem 0;}
.area-imglist ul li:nth-child(2n){margin-right:2rem;}
.area-imglist ul li:nth-child(3n){margin-right:0;}
.area-imglist ul li .imglist-img{flex:1 1 100%; margin:0 auto 3rem; text-align: center;}
.area-imglist ul li .imglist-txt{flex:1 1 100%; padding:0rem 2rem 3rem;}
}
@media(max-width:768px){
   .area-imglist ul li{width:calc(100% / 2 - 1rem); margin:0 2rem 2rem 0;}
   .area-imglist ul li:nth-child(2n){margin-right:0;}
   .area-imglist ul li:nth-child(3n){margin-right:2rem;}
}
@media(max-width:420px){
   .area-imglist ul li{width:100%; margin:0 0 2rem 0;}
   .area-imglist ul li:nth-child(3n){margin-right:0;}

   .area-list03 li:before{top:8px;}
}
.area-select{vertical-align: middle;}
.area-select h5{display: inline-block; margin-right:2rem;}
.area-select select{display: inline-block; padding-left:10px; min-width: 22rem; height: 5rem; font-size: 2rem; font-weight: 500; color:var(--color); background:#fff url(/kor/img/common/icon_select_arrow03.svg) no-repeat calc(100% - 10px) center; background-size: 10px 6px; border:0; border-bottom:3px solid #333;}
.area-select02{vertical-align: middle;}
.area-select02 select{display: inline-block; padding-left:0; min-width: 35rem; height: 9.4rem; font-size: 4.2rem; font-weight: 700; color:var(--color); background:#fff url(/kor/img/common/icon_select_arrow04.svg) no-repeat calc(100% - 10px) center; background-size: 22px 14px; border:0; border-bottom:3px solid #333;}
.area-select02 select option{font-size: 2rem;}



/* 키워드검색 */
.area-search{position: relative;}
.area-search:after{position: relative; content:''; display:block; clear:both;}
.area-search li{display: inline-block; float: left; margin-right: 1rem; background-color: #fff;}
.area-search li:last-child{margin-right: 0; border:3px solid var(--color);}
.area-search li select{padding:0 2.4rem; color:var(--color); font-size: 1.8rem; font-weight: 400; background:url(/kor/img/sub/icon_select.svg) no-repeat calc(100% - 1.4rem) 50%; background-size: 12px 8px; border:3px solid var(--color);}
.area-search li:last-child select{border:0;}
.area-search li .search{float: left; padding:0 2.4rem; vertical-align: middle; font-size: 1.8rem; font-weight: 400; color:#333; border: 0;}
.area-search li input::placeholder{color:var(--color); font-size: 1.8rem; font-weight: 400;}
.area-search li .search-btn{float: left; width:6rem; height: 6rem; font-size: 0; text-indent: 100%; background: url(/kor/img/sub/icon_search.svg) no-repeat 50% 50%; background-size: 20px 20px;}
.area-search li select{float: left; padding:0 2.4rem; font-size: 1.8rem; font-weight: 400; background: url(/kor/img/sub/icon_select.svg) no-repeat calc(100% - 2rem) 50%; background-size: 12px 8px;}
.area-search ul,
.area-search li select,
.area-search li .search-detail-btn,
.area-search li .search{width:100%; /*height: 6rem;*/ line-height: 6rem;}
.area-search li:first-child,
.area-search li:last-child select{width:24.4%;}
.area-search li:last-child{width:calc(100% - 24.4% - 1rem - 6px);}
.area-search li .search{width:calc(100% - 24.4% - 6rem);}
@media(max-width:1024px){
   .area-search li:first-child{width:100%; margin-bottom:2rem;}
   .area-search li:last-child{width:100%;}
   .area-search li:last-child select{width:40%;}
   .area-search li .search{width:calc(100% - 40% - 6rem);}
   .area-search li input::placeholder{color:transparent;}
}

/* 장르.국가.인덱스 검색 */
.area-search02{position: relative;}
.area-search02 li{display: inline-block; margin:0 1rem 1rem 0;}
.area-search02 li a{display: block; padding:1.2rem 1.8rem; background-color: #fff; border:1px solid var(--borderColorGray); border-radius: 3rem;}
.area-search02 li a:hover{border-color: #666;}

/* 상영프로그램 소개 */
.area-about{position: relative;}
.area-about div{/* margin-bottom: 6rem; */ padding:6rem 3rem 5rem 3rem; color:#fff; text-align: center; background-color: var(--mainColor);}
.area-about div span{display: block; opacity: 0.7; margin-bottom: 2rem; font-weight: 500;}
.area-about div em{display: block; margin-bottom: 2rem; font-size: 4.2rem; font-weight: 700; line-height: 1.3em;}

/* 동네방네비프 : 배경색변경 로고추가 */
.area-about.v2 div{background-color: var(--color)111;}
/* 커비로드 : 배경색변경 */
.area-about.v3 div{background-color: #fd6f22;}
/* 모두모두비프 : 배경색변경 로고추가 */
.area-about.v4 div{background-color: #645af0;}

.area-about.v2 div .everywhere_logo_01,
.area-about.v2 div .everywhere_logo_02{position: absolute; display: block; bottom:4.4rem; left:6rem; width:13rem; height: 13rem; font-size: 0; text-indent: 100%; background:url(/kor/img/sub/img_everywherelogo_01.png) no-repeat 50% 50%; background-size: 100% 100%;}
.area-about.v2 div .everywhere_logo_02{left:21rem; background-image:url(/kor/img/sub/img_everywherelogo_02.png);}
@media(max-width:1200px){
   .area-about div{padding:5rem 2rem 3rem 2rem;}
   .area-about div em{font-size: 3.8rem;}

   .area-about.v2 div .everywhere_logo_01,
   .area-about.v2 div .everywhere_logo_02{left:3rem; bottom:4rem; width:10rem; height: 10rem;}
   .area-about.v2 div .everywhere_logo_02{left:14rem;}
}
@media(max-width:768px){
   .area-about div em{font-size: 3.6rem;}
   .area-about.v2 div .everywhere_logo_01,
   .area-about.v2 div .everywhere_logo_02{display: none;}
}

/* 커뮤니티비프 파트너 */
.area-partner{position:relative; display:block;} 
.area-partner li{float:left; display:block; min-height: 20rem; width:25%; padding:6rem 2px; text-align:center; border-bottom: 1px solid var(--borderColorGray); border-right: 1px solid var(--borderColorGray);}
.area-partner li:first-child,
.area-partner li:nth-child(4n+1){border-left:1px solid var(--borderColorGray);}
.area-partner li:nth-child(-n+4){border-top: 1px solid var(--borderColorGray);}
.area-partner li a{display: block; width:100%; height: 100%;} 
.area-partner p{font-weight:300; letter-spacing:-0.1px; color:#888; word-break:keep-all;} 
@media(max-width:1024px){
   .area-partner li {width:33.33%;}
   .area-partner li:first-child,
   .area-partner li:nth-child(4n+1){border-left:0;}
   .area-partner li:nth-child(-n+4){border-top: 0;}
   .area-partner li:first-child,
   .area-partner li:nth-child(3n+1){border-left:1px solid var(--borderColorGray);}
   .area-partner li:nth-child(-n+3){border-top: 1px solid var(--borderColorGray);}

}
@media(max-width:768px){
   .area-partner li {width:50%;}
   .area-partner li:first-child,
   .area-partner li:nth-child(3n+1){border-left:0;}
   .area-partner li:nth-child(-n+3){border-top: 0;}
   .area-partner li:first-child,
   .area-partner li:nth-child(2n+1){border-left:1px solid var(--borderColorGray);}
   .area-partner li:nth-child(-n+2){border-top: 1px solid var(--borderColorGray);}
}
@media(max-width:420px){
   .area-partner p{font-size: 1.6rem; letter-spacing: -0.2px;}
}

/* table */
.container .contents table{width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; letter-spacing: -0.1px;}
.container .contents table.table{border-top:3px solid var(--mainColor);}
.container .contents table.table thead th{font-weight:700; background:#f7f7f7; font-size: 1.6rem;}
.container .contents table.table tbody tr:first-child td{border-top-color:#f7f7f7;}
.container .contents table.table tbody td{background:#fff; border:1px solid #eee; border-left: 0px; border-right: 0px; font-weight:400;}
.container .contents table.table th{padding:2.4rem 2rem; vertical-align: middle;}
.container .contents table.table td{padding:2.8rem 2rem; vertical-align: middle;}
.container .contents table.table thead th[rowspan]{border-bottom:none;}
.container .contents table.table tbody tr td:last-child{border-right-width:0px;}
.container .contents table.table tbody tr td:first-child,
.container .contents table.table tbody tr th:first-child{border-left-width:0px;}
.container .contents table.table thead + tbody tr td{text-align:center;}
.container .contents table.table .tb{background-color: #fff6ee;}
.container .contents table.table .tt{font-weight:700; color:var(--mainColor);}
.container .contents .mob_info{display:none; font-size:1.6rem; margin:10px 0; padding:2px 0; text-align: left; background:#fff; color:#333;}

.container .contents table.table01{position:relative; width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; font-size: 1.7rem; letter-spacing: -0.1px;}
.container .contents table.table01 th,
.container .contents table.table01 td{padding:2rem 4rem;}
.container .contents table.table01 th{vertical-align: middle; background:#e3f4fb; font-weight:700; border-bottom: 1px solid #fff;}
.container .contents table.table01 td{border-top:1px solid #fff; background:#f7f7f7;}
.container .contents table.table01 tr:first-child td {border-top:0;}
.container .contents table.table01 .col_th{width:18rem;}
.container .contents table.table01 .col_auto{width:auto;}
.container .contents table.table01 .tb{font-weight: 700; color:var(--color); font-size: 1.8rem; background-color: #c7f1ee; text-align: center;}

.container .contents table.table02{position:relative; width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; font-size: 1.7rem; letter-spacing: -0.1px;}
.container .contents table.table02 th,
.container .contents table.table02 td{padding:2rem 4rem;}
.container .contents table.table02 th{vertical-align: middle; background:#e3f4fb; font-weight:700; border-bottom: 1px solid #fff;}
.container .contents table.table02 td{border-top:1px solid #fff; background:#f7f7f7;}
.container .contents table.table02 tr:first-child td {border-top:0;}
.container .contents table.table02 .col_th{width:18rem;}
.container .contents table.table02 .col_auto{width:auto;}

.container .contents table.table03{position:relative; border-top:3px solid var(--mainColor); width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; font-size: 1.8rem; letter-spacing: -0.1px;}
.container .contents table.table03 th,
.container .contents table.table03 td{padding:4rem; color:var(--color); border:1px solid var(--borderColorGray); border-left:0; border-right:0;}
.container .contents table.table03 th{background:#fff; font-weight:700; font-size: 2rem;}
.container .contents table.table03 td{background:#fff;}
.container .contents table.table03 tr:first-child th,
.container .contents table.table03 tr:first-child td{border-top:0;}
.container .contents table.table03 .col_th{width:24rem;}
.container .contents table.table03 .col_auto{width:auto;}
.container .contents table.table03 ul li{color:#555; font-weight: 300; font-size:1.7rem; line-height:1.7;}
.container .contents table.table03 ul li + li{margin-top: 10px;}

.container .contents table.table04{position:relative; width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; letter-spacing: -0.1px;}
.container .contents table.table04{border-top:3px solid var(--mainColor);}
.container .contents table.table04 thead th{font-weight:700; font-size:1.6rem; color:var(--color); border-bottom:1px solid var(--borderColorGray);}
.container .contents table.table04 thead th:last-child{border-right:none;}
/*
.container .contents table.table04 thead tr:last-child th{border-bottom:none;}*/
.container .contents table.table04 tbody tr:first-child td{border-top:2px solid var(--borderColorGray);}
.container .contents table.table04 tbody td{background:#fff; border:1px solid #eee; border-bottom-color: var(--borderColorGray); font-weight:400; font-size:1.6rem; color:var(--color);}
.container .contents table.table04 th,
.container .contents table.table04 td{padding:2rem; vertical-align: middle;}
.container .contents table.table04 thead th[rowspan]{border-bottom:none;}
.container .contents table.table04 tbody tr td:last-child{border-right-width:0px;}
.container .contents table.table04 tbody tr td:first-child,
.container .contents table.table04 tbody tr th:first-child{border-left-width:0px;}
.container .contents table.table04 tbody th{border-bottom:1px solid var(--borderColorGray);}
.container .contents table.table04 thead + tbody tr td{text-align:left;}
.container .contents table.table04 thead + tbody tr td.tac{text-align:center;}
.container .contents table.table04 tr.t-link{cursor: pointer;}
.container .contents table.table04 tr.t-link:hover td{background: #f8f8f8;}
.container .contents table.table04 .tb{background-color: #f8f8f8;}
.container .contents table.table04 .tt{font-weight:700; color:var(--mainColor); font-size: 1.8rem; text-align: center;}
.container .contents table.table04 .tt02{font-weight:700; color:var(--color); text-align: center;}
.container .contents table.table04 .tt02 > span{display: block; margin-top:0.2rem; font-weight:500; font-size: 1.4rem; color:var(--mainColor);}
.container .contents table.table04.v2{border-top: 2px solid var(--color);}

.container .contents table.table05{position:relative; width:100%; border-spacing: 0; border-collapse: collapse; line-height: 1.3; letter-spacing: -0.1px;}
.container .contents table.table05{border-top:2px solid var(--mainColor);}
.container .contents table.table05 tbody th,
.container .contents table.table05 thead th{font-weight:700; font-size:1.8rem; color:var(--color); background:#f8f8f8; border-bottom:1px solid var(--borderColorGray);}
.container .contents table.table05 thead th:last-child{border-right:none;}
.container .contents table.table05 tbody td{background:#fff; border-bottom: 1px solid var(--borderColorGray); border-left: 1px solid var(--borderColorGray); font-weight:400; font-size:1.6rem; color:#333;}
.container .contents table.table05 th{padding:1.6rem 2rem; vertical-align: middle;}
.container .contents table.table05 td{padding:2.2rem 2rem; vertical-align: middle;}
.container .contents table.table05 thead th[rowspan]{border-bottom:none;}
.container .contents table.table05 tbody tr td:last-child{border-right-width:0px;}
.container .contents table.table05 tbody tr td:first-child,
.container .contents table.table05 tbody tr th:first-child{border-left-width:0px;}
.container .contents table.table05 thead + tbody tr td{text-align:center;}
.container .contents table.table05 .tt{font-weight:700; color:var(--mainColor);}
.container .contents table.table05 .tt02{font-weight:500; color:var(--color);}
.container .contents table.table05 .tb{font-weight: 700; color:var(--color); font-size: 1.8rem; background-color: #f8f8f8;}
/* 왼쪽 오른쪽 라인 있음, 패딩, 텍스트 차이 있음 */
.container .contents table.table05.v2{line-height: 1.6;}
.container .contents table.table05.v2 tbody tr td:last-child{border-right:1px solid var(--borderColorGray);}
.container .contents table.table05.v2 tbody tr td:first-child,
.container .contents table.table05.v2 tbody tr th:first-child{border-left:1px solid var(--borderColorGray);}
.container .contents table.table05.v2 td{padding:2.6rem 4rem;}
.container .contents table.table05.v2 tbody th,
.container .contents table.table05.v2 thead th{font-size: 2rem;}
.container .contents table.table05.v2 tbody td{font-size: 1.8rem;}

.container .contents table.table05.v3{border-top:2px solid var(--color);}

.vis_tb{font-size: 1.7rem;line-height: 1.35;text-align: center;margin:50px auto 0;}
.vis_tb th{width: 7rem;margin-right:15px;font-weight: 700;text-align: left;}
.vis_tb td{height: 4rem;padding: 1rem;text-align: left;}

@media(max-width:1000px){
   .container .contents .scrollTable{overflow:auto;}
   .container .contents .scrollTable table.tbscroll{width:1080px;}
   .container .contents .mob_info{display:block;}

   .container .contents table.table th,
   .container .contents table.table td,
   .container .contents table.table02 th,
   .container .contents table.table02 td,
   .container .contents table.table03 th,
   .container .contents table.table03 td{padding:2rem;}
   .container .contents table.table03 .col_th{width:20rem;}
}
@media(max-width:768px){
   .container .contents table.table02 .col_th,
   .container .contents table.table03 .col_th{width:12rem;}
}

/* 관련사이트 */
.area-banner{position: relative; display:flex; flex-wrap: wrap;}
.area-banner:after{position: relative; content:''; display:block; clear:both;}
.area-banner li{flex: 0 1 33.33%; margin-left:-1px; margin-top:-1px;text-align: center; color:#888; font-weight: 300; line-height: 1.8; border:1px solid var(--borderColorGray); }
.area-banner.v3 li{flex: 1 1 33.33%;}
.area-banner li a{display: block; width:100%; height: 100%;}
.area-banner li a .img{display:flex; align-items:center; justify-content:center; height:20rem; }
.area-banner li a .img img {width:50%; height:50%; object-fit:contain;}
.area-banner li a span {display:flex; align-items:center; justify-content:center; height:10rem; color: var(--color); background: #f5f5f5; }

@media(max-width:1024px){
   .area-banner li{flex: 0 1 50%;  line-height: 1.4;}
   .area-banner.v3 li{flex: 0 1 50%; }
   .area-banner li a img{padding:4rem 0 2rem;}
   /* .area-banner li:last-child a img{padding:6rem 0 4rem;} */
}
@media(max-width:440px){
   .area-banner li{ line-height: 1.4;}
   .area-banner li a img{padding:2rem 0 2rem;}
	.area-banner li a .img img {width:80%; height:60%; object-fit:contain;}
   /* .area-banner li:last-child a img{padding:6rem 0 2rem;} */
   .area-banner li a span { height:6rem; font-weight:400; }
}

/* 동네방네비프 패키지 */
.area-package{display:flex; flex-wrap: wrap; justify-content: center;}
.area-package li{flex:1 1 calc(25% - 1.5rem); border: 1px solid var(--borderColorGray);}
.area-package li + li{margin-left:2rem;}
.area-package li:last-child{margin-right: 0;}
@media(max-width:768px){
   .area-package li{flex:1 1 calc(50% - 1.5rem); margin-bottom: 2rem;}
   .area-package li:nth-child(2n+1){margin-left:0;}
}

/* 프로젝트 view */
.area-project{position: relative; font-size: 2rem; font-weight: 500; color:#555;}
.area-project:after{position: relative; content:''; display:block; clear:both;}
.area-project ul li{display: block; line-height: 1.6em; padding:3rem 1rem; border-bottom:1px solid var(--borderColorGray);}
.area-project ul li strong{display: inline-block; min-width: 35rem; color:#333; vertical-align: top;}
.area-project ul li u{display: block; text-decoration: none; font-weight: 300;}
.area-project ul li .project-inner{display: inline-block; width:calc(100% - 36rem);}
.area-project.v2 ul li strong,
.area-project.v3 ul li strong{min-width: 13rem; display: inline-block;}
.area-project.v2 ul li .project-inner,
.area-project.v3 ul li .project-inner{display: inline-block; width:calc(100% - 16rem);}
.area-project.v3 ul li{padding:2rem 1rem;}
.area-project.v4 ul li strong{min-width: 30rem; display: inline-block;}
.area-project.v4 ul li .project-inner{display: inline-block; width:calc(100% - 31rem);}
@media(max-width:768px){
   .area-project.v4 ul li,
   .area-project ul li{padding:2rem 0; height: auto; line-height: 1.4;}
   .area-project.v4 ul li strong,
   .area-project ul li strong{min-width: inherit; display: block;}
   .area-project.v4 ul li u,
   .area-project ul li u{display: block; margin-top: 0.6rem;}
   .area-project.v4 ul li .project-inner,
   .area-project ul li .project-inner{display: block; width:100%;}
}

/* 여기서부터 board (board 관련 반응형 맨 하단에 위치) */
/* bbsList */
.bbsList{margin-bottom: 3rem; border-top:2px solid var(--mainColor);}
.bbsList th,
.bbsList td{padding:3rem 1rem; border-bottom:1px solid var(--borderColorGray); text-align:left;}
.bbsList thead th{background:#fff; border-bottom:1px solid var(--borderColorGray); font-weight:600; font-size: 2.2rem; color:var(--color);}
.bbsList thead tr:first-child th{border-top:1px solid #222;}
.bbsList td{color:var(--color); font-weight: 500; font-size: 2.2rem; word-break:break-all;}
.bbsList tr.active td{background:#f2fbf8; color:#333 !important;}
.bbsList td[data-table="subject"] a{display:inline-block;}
.bbsList td[data-table="subject"]{text-align:left;}
.bbsList .none{text-align:center;}
.bbsList td[data-table="date"]{text-align: right; font-weight: 500; font-size: 1.5rem; color:#888; word-break: keep-all;}
.bbsList .notice {color:var(--mainColor);font-weight: 900;}

/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#c51917;}

/* bbsView */
.bbsTitle{padding:3rem 2rem; border-top:2px solid var(--mainColor);; border-bottom:1px solid var(--borderColorGray);}
.bbsTitle:before{display:none !important;}
.bbsTitle{display: flex;}
.bbsTitle em{display: block; width:70%; margin-right: auto; font-weight:600; font-size: 2.2rem; color:var(--color);}
.bbsTitle span{display: inline-block; width:30%; margin-left: auto; margin-top: 5px; text-align: right; font-weight: 500; font-size: 1.5rem; color:#888;}
.bbsView{border-top:2px solid var(--mainColor); border-collapse:inherit; table-layout:fixed;}
.bbsTitle ~ .bbsView{border-top-width:0px;}

.bbsView > tbody > tr > th,
.bbsView > tbody > tr > td,
.bbsView > thead > tr > th{border-bottom:1px solid var(--borderColorGray);}
.bbsView > tbody > tr > th{background:#f8f8f8; text-align:left; font-weight:500; letter-spacing:-1px;}
.bbsView > tbody > tr > td{color:var(--color); word-break:break-all;}
.bbsView .conts table,
.bbsView .conts td,
.bbsView .conts th{border:1px solid black; }
.bbsView div.conts{padding: 2rem;}
.bbsView th[data-view="file"]{border-top:1px solid var(--borderColorGray);}
.bbsView th[data-view="file"] + td{padding-left:2rem; border-top:1px solid var(--borderColorGray);}
.bbsView div.conts{min-height:30rem;}
.bbsView .conts .img{padding-bottom:30px; text-align:center;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{padding:3rem 2rem;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid var(--borderColorGray); border-bottom:1px solid var(--borderColorGray);}
.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}

*[class^="bbs"] ~ .btn_area{padding-top:50px;}

.bbsView.dl{border-top:1px solid #222;}
.bbsTitle ~ .bbsView.dl{border-top-width:0px;}
.bbsView dl dt,
.bbsView dl dd{box-sizing:border-box; padding:15px 15px; border-bottom:1px solid #eaecf1; word-break:keep-all;}
.bbsView dl dt{width:20%; background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px; vertical-align:middle;}
.bbsView dl dt span{display:inline-block; vertical-align:middle;}
.bbsView dl dd{width:80%;}
.bbsView dl dd input[type="text"],
.bbsView dl dd input[type="password"],
.bbsView dl dd input[type="file"],
.bbsView dl dd textarea,
.bbsView dl dd select{width:100%;}
.bbsView dl dd input[type="file"]{font-size:14px;}
.bbsView dl dd .designFile input[type="text"]{padding-right:110px;}
.bbsView dl dd .designFile .button{position:absolute; top:0px; right:0px;}
.bbsView dl dd .designFile.mob input[type="text"]{padding-right:0px;}
.bbsView dl dd .designFile.mob input[type="file"]{width:100%;}
.bbsView dl:last-child dt,
.bbsView dl:last-child dd{border-bottom:1px solid #dcdee2;}
.bbsView dl.col02 dt{width:20%;}
.bbsView dl.col02 dd{width:30%; vertical-align:middle;}
.bbsView dl.col02 dt:nth-of-type(2){border-left-width:0px;}
.bbsView dl.colspan{position:relative;}
.bbsView dl.colspan dt{height:54px; vertical-align:top;}
.bbsView dl.colspan dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsView dl.colspan dd{position:absolute; /*width:960px;*/}

/* 상영작-view */
.scr-wrap h3{padding:4rem 0; border-top:2px solid var(--mainColor); border-bottom:1px solid var(--borderColorGray);}
.scr-wrap h3:before{display:none !important;}
.scr-wrap.v1 h3{border-top:2px solid var(--color);}
.scr-wrap h3 em{display: block; margin-bottom: 1rem; font-weight:700; font-size: 3.2rem; color:var(--color);}
.scr-wrap h3 i{display: inline-block; padding: 1rem 1.5rem; font-size: 1.6rem; color: #888; border: 1px solid var(--borderColorGray); border-radius: 3rem;}
.scr-wrap h3 span{display: inline-block; font-weight: 700; font-size: 1.8rem; color:var(--color);}
.scr-wrap ul li{display: inline-block; margin-right: 3rem;}
.scr-wrap ul li dl{font-size: 0;}
.scr-wrap ul li dl dt{display: inline-block; position: relative; color:#888; padding-right: 1rem; font-size: 1.6rem; }
.scr-wrap ul li dl dt::before{display: inline-block; position: absolute; content: ''; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: var(--borderColorGray);}
.scr-wrap ul li dl dd{display: inline-block; color: #333; padding-left: 1rem; font-size: 1.6rem;}
.scr-wrap ul.bar li{position: relative; padding-right: 1rem; margin-right: 1rem; font-weight: 500;}
.scr-wrap ul.bar li::before{position: absolute; display: inline-block; content: ''; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: var(--borderColorGray);}
.scr-wrap ul.bar li:last-child::before{display: none;}

.scr-wrap .swiper-slide{position:relative; background-color: #000; background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
.scr-wrap .swiper-control{position: relative; width:100%; margin-top: 3rem; text-align: center; vertical-align: middle; font-size: 0;}
.scr-wrap .swiper-pagination{position: relative; display: inline-block;}
.scr-wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;}
.scr-wrap .swiper-pagination-bullet{opacity: 1; display: inline-block; margin-right: 10px; width:10px; height: 10px; background: #ccc;}
.scr-wrap .swiper-pagination-bullet-active{background: var(--mainColor) !important;}
.scr-wrap .swiper-autoplay-control{position: relative; display: inline-block;}
.scr-wrap .swiper-autoplay-control button{display: none; width: 10px; height: 13px; border: 0; background: transparent; cursor: pointer; }
.scr-wrap .swiper-button-next,
.scr-wrap .swiper-button-prev{display: block; top:50%; margin-top:-6rem; width:6rem; height: 6rem; background:rgba(0,0,0,0.8) url(/kor/img/sub/icon_control_arrow.svg) no-repeat 50% 50%; background-size: 16px 14px; border-radius: 50%; transition:all 0.4s ease-out 0s;}
.scr-wrap .swiper-button-prev{left:inherit; left:2rem; opacity: 0.8; transform:rotate(180deg);}
.scr-wrap .swiper-button-next{right:2rem;  opacity: 0.8;}
.scr-wrap .swiper-button-next:hover,
.scr-wrap .swiper-button-prev:hover{opacity: 0.7;}
.scr-wrap .swiper-button-next.swiper-button-disabled,
.scr-wrap .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.schedule-tb{width: 100%; background: #f5f5f5; text-align: center; color: var(--color);}
.schedule-tb tr td{padding: 2rem 0;}
.schedule-tb tr td:first-child{padding-left: 2.5rem;}
.schedule-tb tr td:last-child{padding-right: 2.5rem;}
.schedule-tb tr td i{font-size: 1.5rem; border: 1px solid #aaa; border-radius: 2.5rem; padding: 1rem 1.7rem;}
.schedule-tb tr td ul{font-size: 0; margin: 0;}
.schedule-tb tr td ul li{position: relative; font-weight: 700; padding-right: 1.3rem; margin-right: 0; font-size: 1.8rem;}
.schedule-tb tr td ul li::before{display: inline-block; position: absolute; right: 0; top: 50%; width: 1px; height: 1rem; margin-top:-0.5rem; background: var(--borderColorGray); }
.schedule-tb tr td ul li:last-child{padding-left: 1.3rem;}
.schedule-tb tr td ul li:last-child::before{display: none;}

table tr td mark{display: inline-block; font-size: 1.4rem; width: 3rem; height: 3rem; line-height: 3rem; font-weight: 700; border-radius: 50%; color: #fff; text-align: center;}
table tr td mark[data-title="G"]{background-color: var(--mainColor);}
table tr td mark[data-title="12"]{background-color: #f2b100;}
table tr td mark[data-title="15"]{background-color: #f27900;}
table tr td mark[data-title="18"]{background-color: #c91414;}
table tr td mark[data-title="GV"]{background-color: #008d5d;}
table tr td mark[data-title="T"]{background-color: #d24c4c;}
table tr td mark[data-title="C"]{background-color: #7249c5;}
table tr td mark[data-title="E"]{background-color: #2140bb;}
table tr td mark + span{padding-left: 1rem; font-weight: 500;}

#pgv .btn_play_trailer {display:inline-block;width:150px;height:150px;background:url(/kor/img/common/ico_play_trailer.png) no-repeat 30% 30%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:30;margin:auto auto}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

@media all and (max-width:640px){
   .schedule-tb colgroup{display:none;}
}

@media all and (max-width:480px){
   .schedule-tb tr{display: table-cell; padding: 2rem;}
   .schedule-tb tr td{display: block; text-align: center; line-height: 1.5; margin-bottom: 1rem; padding: 0 1rem;}
   .schedule-tb tr td:first-child{padding-left: 0;}
   .schedule-tb tr td ul li{margin-bottom: 0;}
}


/* th,td tr에 여러개 들어갈 경우 */
.bbsView.col tr td:not(:last-child){border-right-width:0px !important;}

/* nodata */
.none_data{padding:20px 10px; border-bottom:1px solid #eaecf1; text-align:center; font-weight:300;}
.none_data.type02{margin-top:30px; padding:40px 10px; border-top:1px dashed #eaecf1; border-bottom:1px dashed #eaecf1; font-size:16px; text-align:center; font-weight:300;}

/* pagination */
.pagination{position: relative; margin-top: 7rem; text-align:center;}
.pagination:after{position: relative; content:''; display:block; clear:both;}
.pagination > *{display:inline-block; min-width:2.4rem; height:3.2rem; line-height:3.2rem; box-sizing:border-box; margin:2px 3px; background:#fff; color:#888; font-size: 1.7rem; font-weight: 300; text-align:center; vertical-align:top; transition:border-color 0.3s ease 0s;}
.pagination a[class^="btn_"]{width:1.2rem; height: 3.2rem; background:url(/kor/img/sub/icon_pagination_prev.svg) no-repeat 50% 50%; background-size: 8px 12px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a.btn_next{transform:rotate(180deg);}
.pagination a.btn_first,
.pagination a.btn_last{background:url(/kor/img/sub/icon_pagination_first.svg) no-repeat 50% 50%; background-size: 11px 12px;}
.pagination a.btn_last{transform:rotate(180deg);}
.pagination span{position: relative; display: inline-block; width:auto; height: auto; font-size: 1.7rem; font-weight: 700; color:var(--color);}
.pagination span:after{position: absolute; bottom:0px; left:calc(50% - 30%); display: block; width:60%; height: 3px; background-color: #151515;}

/* file */
.list_file li{margin-top:4px;}
.list_file li:first-child{margin-top:0px;}
.list_file li > a{display:block; position:relative;}
.list_file li > a:hover,
.list_file li > a:focus{color:var(--color);}

/* design radio */
.designRadio input[type="radio"]{position:absolute; opacity:0;}
.designRadio input[type="radio"] + label{height:16px; padding-left:20px; padding-bottom:2px; margin-right:10px; cursor:pointer; background:url(/kor/img/sub/sp_radio.png) no-repeat 0 -16px; line-height:1em;}
.designRadio.white input[type="radio"] + label{background:url(/kor/img/sub/sp_radio_w.png) no-repeat 0 -16px;}
.designRadio input[type="radio"]:checked + label{background-position:0px 0px;}
.designRadio input[type="radio"]:disabled + label{background-position:0px -32px;}

/* design checkbox */
.designCheck{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designCheck input[type="checkbox"]{position:absolute; opacity:0;}
.designCheck input[type="checkbox"] + label{position:relative; min-height:16px; padding-left:20px; padding-bottom:2px; margin-right:10px; cursor:pointer; line-height:1em;}
.designCheck input[type="checkbox"] + label:before{content:''; display:block; position:absolute; top:0px; left:0px; width:16px; height:16px; background:url(/kor/img/sub/sp_check.png) no-repeat 0 -16px; background-size:16px 48px;}
.designCheck.white input[type="checkbox"] + label:before{background:url(/kor/img/sub/sp_check_w.png) no-repeat 0 -16px; background-size:16px 48px;}
.designCheck input[type="checkbox"]:checked + label:before{background-position:0px 0px;}
.designCheck input[type="checkbox"]:disabled + label:before{background-position:0px -32px;}

/* design file */
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile label.button{cursor:pointer;}
.designFile.mob input[type="text"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile.mob label{display:none;}
.designFile.mob .designCheck label{display:inline-block;}
.designFile.mob .button.white{position:static; font-size:0.9rem;}
.designFile.mob input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit;}

.designCheck.noText input[type="checkbox"] + label,
.designRadio.noText input[type="radio"] + label{margin-right:0px; font-size:0px; vertical-align:middle;}
.designCheck.noText input[type="checkbox"] + label:before,
.designRadio.noText input[type="radio"] + label:before{top:-1px;}

/* photoList */
.photoList{position: relative;}
.photoList:after{position: relative; content:''; display:block; clear:both;}
.photoList > li{float:left; width:49%; margin-top:20px;position: relative;}
.photoList > li:nth-child(2n){float:right;}
.photoList > li a{display:block; background:#fff; border:1px solid var(--borderColorGray); transition:all 0.3s ease 0s;position: relative;}
.photoList > li a > *{display:block;}
.photoList > li a > *:not(.img){padding-left:15px; padding-right:15px;}
.photoList > li .img{overflow:hidden; width:100%; height: 380px; background:#fff url(/kor/img/sub/no_image.gif) no-repeat 50% 50%; text-align:center; transition:opacity 0.5s ease-out 0s;}
.photoList > li .img img{width: 100%; height:auto; margin-left:-100%; margin-right:-100%; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
.photoList > li .img i{display:block; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
.photoList > li a > em{opacity:1; min-height:8.2rem; line-height:8.2rem; font-weight: 500; color:var(--color); font-size:2rem; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li a:hover,
.photoList > li a:focus{background:#fafafa;}
.photoList > li a:hover img,
.photoList > li a:focus img{opacity:1; transform:scale(1.04,1.04);}

@media all and (max-width:1280px){
   .photoList > li .img{height:inherit; min-height: 24rem;}
}

@media all and (max-width:767px){
	.bbsList col[data-table="number"]{width:70px !important;}
	.bbsList col[data-table="write"]{width:90px !important;}
	.bbsList col[data-table="date"]{width:100px !important;}
	.bbsList col[data-table="category"]{width:110px !important;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td,
	.bbsView > thead > tr > th,
	.bbsList th,
	.bbsList td{padding:2rem;}

   .pagination{margin-top: 3rem;}
}
@media all and (max-width:640px){
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10px; border-radius:3px; border:1px solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0px;}
	.bbsList tbody td{display:block; border-bottom:0px;}
	.bbsList td[data-table="subject"]{padding:2rem 1rem; border-bottom:1px solid #eee;}
	.bbsList td[data-table="subject"] > a{display:block;}
	
	ul.bbsList li{padding:30px 15px;}
	ul.bbsList li .subject{padding-left:115px; padding-right:55px; font-size:0.9rem;}
	ul.bbsList li .date{font-size:1rem;}
	ul.bbsList li .date i{font-size:1.2rem;}

	table.bbsList colgroup{display:none;}

   .photoList > li{float:none !important; width:100%;}
}
@media screen and (max-width:480px){
	ul.bbsList li .date:before{right:-5px;}
	ul.bbsList li .subject{padding-left:100px;}
}
@media all and (max-width:385px){
	.photoList > li a > *:not(.img){padding-left:10px; padding-right:10px;}
}
@media screen and (max-width:340px){
	ul.bbsList li .date{left:0px;}
	ul.bbsList li .subject{padding-left:90px; padding-right:0px;}
	ul.bbsList li .more{display:none;}
}


/* img 자체 중앙정렬 */
.center-block{
	display: block;
    margin-left: auto;
    margin-right: auto;
}


/* 상영관 안내 */
.box-gray{width: 100%;background: #f8f8f8;padding: 40px 50px;}
.rule ul{position: relative;padding-left: 210px;}
.rule ul::before{position: absolute;content: '';display: inline-block;top: 50%;left: 0;margin-top: -50.5px;width: 175px;height: 101px;background: url(https://www.biff.kr/kor/img/cont/rule.png) no-repeat;}


@media (max-width: 768px){
	.box-gray{padding: 30px;}
	.rule ul{padding-left: 0;}
	.rule ul::before{display:none;}
}






















/* 갤러리형 - 행사스케치 */

.sketch_wrap #tabs {padding-top:20px;padding-bottom:20px;}

.brd_gallery_wrap {position:relative;}
.brd_gallery_wrap .gallery_list {position:relative;width:100%;padding-top:20px;}
.brd_gallery_wrap .gallery_list:before,
.brd_gallery_wrap .gallery_list:after {clear:both;display:block;content:'';}
.brd_gallery_wrap .gallery_list .gallery_li {position:relative;display:block;width:33.33333%;float:left;/*padding-left:5px;padding-right:5px;margin-bottom:20px;*/height: auto;padding-left:15px;padding-right:15px;margin-bottom:40px;}

.gallery_li .gallery_li_box {position:relative;display:block;overflow:hidden;}
.gallery_li .gallery_li_box .thumb {position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000}
.gallery_li .gallery_li_box .thumb img {width:100%;height:auto; transition:transform .5s easy-in;transform:scale(1);}
.gallery_li .gallery_li_box .tit {font-size:16px;line-height:160%;text-align:center;padding:10px;color:#666;letter-spacing:-0.5px;}
.gallery_li .gallery_li_box:hover .thumb img {transform:scale(1.03) rotate(.02deg);opacity:0.8}
.gallery_li .gallery_li_box:hover .tit {color:#222}


.gallery_li .video_li_box {position:relative;display:block;overflow:hidden;}
.gallery_li .video_li_box .thumb {position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000}
.gallery_li .video_li_box .thumb img {width:100%;height:auto; transition:transform .5s easy-in;transform:scale(1);}
.gallery_li .video_li_box .thumb:after { content:""; position:absolute; width:100%; height: 220px; top: 0; background: url(/kor/img/cmm/ico_play_tailer.png) no-repeat 50% 50%;}
.gallery_li .video_li_box .tit {font-size:16px;line-height:160%;text-align:center;padding:10px;color:#666;letter-spacing:-0.5px;}
.gallery_li .video_li_box:hover .thumb img {transform:scale(1.03) rotate(.02deg);opacity:0.8}
.gallery_li .video_li_box:hover .tit {color:#222}
	
.video_li_box .btn_wrap {position:absolute;right:50%;bottom:50%; padding:0; margin-right:-25px; margin-bottom:-25px; z-index:91}
.video_li_box .btn_wrap .btn_mv_trailer {display:inline-block;width:50px;height:50px;background:url(/kor/img/cmm/ico_play_trailer_s.png) no-repeat 50% 50% rgba(0,0,0,.5); border-radius:50%; border:solid 3px #ccc; }
.video_li_box .btn_wrap .btn_mv_trailer:hover {background-color:rgba(0,0,0,1.0); border:solid 5px #000;}

	@media (max-width:768px) {

		.brd_gallery_wrap .gallery_list .gallery_li {width:50%;height: auto;}
		.gallery_li .gallery_li_box .thumb {}
		.gallery_li .gallery_li_box .thumb img {/*min-height:auto*/height:auto}
		
		.gallery_li .video_li_box .thumb { }
		.gallery_li .video_li_box .thumb img { min-height:auto}

	}
	@media (max-width:414px) {
		.brd_gallery_wrap .gallery_list .gallery_li { width:100%; }
		.gallery_li .gallery_li_box .thumb {/*height:118px 재두수정*/}
		.gallery_li .gallery_li_box .thumb img {/*min-height:118px 재두수정*/min-height:150px;height:auto}
		.gallery_li .gallery_li_box .tit {font-size:14px;padding:5px;text-align:left}
		
		.gallery_li .video_li_box .thumb {/*height:118px*/}
		.gallery_li .video_li_box .thumb img {/*min-height:118px*/min-height:150px;height:auto}
		.gallery_li .video_li_box .tit {font-size:14px;padding:5px;text-align:left}
	}


/* 2023-08-28 자주묻는 질문 추가 */
.faq_list li {position:relative; margin-bottom:20px; border:1px solid var(--borderColorGray); transition:0.3s;}
.faq_list li:hover {border-color:var(--mainColor);}
.faq_list li .tit {display:block; width:100%; text-align:left;}
.faq_list li .tit strong {display:block; position:relative; padding:33px 60px 30px 100px; font-size:18px; font-size:20px; font-weight:bold; font-weight:normal; color:var(--color);}
.faq_list li .tit strong:before, .faq_list li .tit strong:after {display:block;position:absolute; }
.faq_list li .tit strong:before {content:'Q'; top:22px; left:30px; width:43px; height:43px; border:1px solid #cbcbcb; font-size:19px; font-weight:500; color:var(--mainColor); text-align:center; line-height:43px; border-radius:43px;}
.faq_list li .tit .ico {position:absolute; top:32px; right:30px; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(173,184,194,1)'%3E%3C/path%3E%3C/svg%3E") 0 0/24px auto no-repeat; transition:0.4s;}

.faq_list li .answer_con {display:none; position:relative; padding:25px 30px 25px 100px; background:#f8f8f8; font-size:16px; color:#777; letter-spacing:-0.5px; border-top:1px solid var(--borderColorGray); line-height:26px;}
.faq_list li .answer_con:after {content:'A'; display:block; position:absolute; top:17px; left:30px; width:43px; height:43px; border:1px solid var(--mainColor); background:var(--mainColor); font-size:19px; font-weight:500; color:#fff; text-align:center; line-height:43px; border-radius:43px;}
.faq_list li .answer_con p {margin-bottom:20px;}
.faq_list li .answer_con p:last-child {margin-bottom:0;}
.faq_list li.on .tit ~ .answer_con {display:block;}
.faq_list li.on {border-color:var(--mainColor);}
.faq_list li.on .tit .ico {transform:rotate(180deg); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E");}

@media screen and (max-width:620px) {
	.faq_list li {margin-bottom:5px;}
	.faq_list li .tit strong {padding:22px 50px 20px 60px; font-size:17px;}
	.faq_list li .tit strong:before, .faq_list li .answer_con:after {top:10px; left:10px; transform:scale(0.8);}
	.faq_list li .tit .ico {top:18px; right:10px;}
	.faq_list li .answer_con {padding:20px 20px 20px 60px; font-size:15px;}
}

/* 2023-08-28 상영프로그램 - 프로그램섹션 */
.prg_section > ul {width:calc(100% + 40px); margin-left:-20px;}
.prg_section > ul {font-size:0;text-align:center;}	
.prg_section > ul > li {display:inline-block; width:calc(33.333% - 40px); margin:0 20px; font-size:16px; vertical-align:top;}
.prg_section > ul > li:nth-child(3) ~ li {margin-top:50px;}
.prg_section > ul > li > a {display:block;}

.prg_section .detail {position:relative; padding:33px 37px 55px; border:1px solid #d8d8d8; background:#fff url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='45' height='11' viewBox='0 0 45 11' fill='none'><path d='M0.5625 10H42.5625L33.153 1' stroke='%23969696' stroke-width='1.2'/></svg>") top 35px right 37px no-repeat; text-align:left; border-top:none; transition:0.3s ease-in-out;}
.prg_section .detail:after {content:''; display:block; position:absolute; top:24px; right:50px; width:38px; height:38px; background:#fff; opacity:0; border-radius:50%; transition:0.3s ease-in-out;}

.prg_section .detail .tx1 {padding-bottom:15px; font-weight:bold; color:var(--mainColor); transition:0.3s ease-in-out;}
.prg_section .detail .tx2 {font-size:24px; font-weight:bold; color:#000; transition:0.3s ease-in-out; line-height:1.2;}
.prg_section .thum {overflow:hidden; }
.prg_section .thum img {transition:0.3s ease-in-out;}

.prg_section > ul > li > a:hover .detail {background-position:top 35px right 47px; background-color:var(--mainColor);  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='11' viewBox='0 0 44 11' fill='none'><path d='M0.3125 10H42.3125L32.903 1' stroke='white' stroke-width='1.2'/></svg>");}
.prg_section > ul > li > a:hover .detail .tx1 {color:#fff;}
.prg_section > ul > li > a:hover .detail .tx2 {color:#fff;}
.prg_section > ul > li > a:hover .detail:after {right:30px;opacity:0.3;}
.prg_section > ul > li > a:hover .thum img {transform:scale(1.1);}

@media screen and (max-width:1260px) {
	.prg_section .detail {min-height:190px;}
}
@media screen and (max-width:900px) {
	.prg_section > ul {width:100%; margin-left:0; text-align:left;}
	.prg_section > ul > li {width:calc(50% - 20px); margin:0 10px;}
	.prg_section .detail {padding:20px; background-position:top 25px right 20px; background-size:auto 8px; min-height:150px;}
	.prg_section > ul > li > a:hover .detail {background-position:top 25px right 40px;}
	.prg_section .detail .tx2 {font-size:20px;}		
	.prg_section > ul > li:nth-child(3) ~ li {margin-top:0;}
	.prg_section > ul > li:nth-child(2) ~ li {margin-top:20px;}
	.prg_section .detail:after {top:10px; right:40px;}
	.prg_section > ul > li > a:hover .detail:after {right:20px;}
}
@media screen and (max-width:660px) {
	.prg_section .detail {padding-bottom:30px; min-height:auto;}
	.prg_section .detail .tx1 {padding-bottom:5px;}
	.prg_section > ul > li {width:100%; margin:0;}
	.prg_section > ul > li ~ li {margin-top:20px !important;}
	.prg_section .detail .tx1 {font-size:14px;}	
}

/* 2023-09-26 */
.btn_view {position:absolute; bottom:30px; right:30px; display:block; width:60px; height:60px; background:var(--mainColor); color:#fff;}
.btn_view svg {transform:scale(0.5); opacity:0.7; transition:0.3s}
.btn_view:hover svg {opacity:1;}

.section.half {display:flex; margin-bottom:50px;}	
.section.half .left {width:420px; margin-right:50px;}
.section.half .right {flex: 1 0 0}
.section.half .right h3 {margin-bottom:30px;}
.section .mb10 {margin-bottom:10px;}
.section .mb20 {margin-bottom:20px;}
.section .mb30 {margin-bottom:30px;}
.section .mb50 {margin-bottom:50px;}
.section {margin-bottom:70px;}
.section .img_area {position:relative; border:1px solid #d4d4d4; padding:30px; }

.container .contents .section h4 {margin-bottom:20px;}
.section .cnt {margin-bottom:30px;}
.section p { word-break:keep-all;}
.section p.comment {font-size:17px; color:#777;}
.box2 {border:1px solid #d4d4d4; padding:80px 60px;}
.box2 .title {text-align:center; border-bottom:1px solid #e9e9e9; padding-bottom:50px; margin-bottom:50px;}
.box2 .title > strong {color:#000; font-size:34px;}
.box2 .title .tx1 {font-size:20px;}
.box2 .title .tx2 {color:#888;}
.box2 h4.oth {color:#000 !important; font-size:22px !important;}
.box2 .line_bot {border-top:1px solid #e9e9e9; margin-top:50px; padding-top:50px;}
.section.box2 .cnt {margin-bottom:50px;}

@media (max-width:950px){
	.section.half {flex-direction: column; align-items: center;}
	.section.half .left {width:auto; max-width:400px; margin-right:0; text-align:center; margin:0 auto; margin-bottom:50px;}
	.box2 {padding:40px;}
}
@media (max-width:620px){
	.section {margin-bottom:50px;}
	.section .mb50 {margin-bottom:30px;}
	.section p.comment {font-size:14px;}
	.section.half .left {width:80%; margin-bottom:20px;}
	.section.half .right h3 {margin-bottom:10px;}
	.section .img_area {padding:20px; }
	.btn_view {bottom:20px; right:20px;}
	
	.box2 {padding:40px;}
	.box2 {padding:0; border:none; border-top:1px solid #e9e9e9; margin-top:30px; padding-top:60px;}
	.box2 .title {border-bottom:none; padding-bottom:0; margin-bottom:30px;}
	.box2 .title .tx1 {font-size:16px; line-height:1.3; margin-top:10px; margin-bottom:10px;}
	.box2 h4.oth {font-size:18px !important; margin-bottom:10px !important;}
	.section.box2 .cnt {margin-bottom:30px;}
}


/* Member _20240718 */
.member_wrap {padding:5rem 0; background:#ebecf1;}
.member_wrap .tit_logo {text-align:center;}
.member_wrap .login {width:42rem; max-width:100%; margin:0 auto; text-align:center;}
.member_wrap .login form {display:flex; flex-flow:column;}
.member_wrap .login form .form_group {margin-bottom:0.5rem;}
.member_wrap .login input[type="text"],
.member_wrap .login input[type="password"] {width:100%; height:3em;font-size:var(--inputFontSize);font-family:var(--designFontKr);background:#fff;}
.member_wrap .login input[type="password"]::placeholder {font-family:var(--designFontKr);}
.member_wrap .login input[type="submit"] {width:100%; height:2.8em; font-size:1.8rem; font-weight:bold; color:#fff; border:none; background-color:var(--mainColor) }
.member_wrap .login .list_link {display:flex; justify-content:center; gap:1rem; padding-top:2rem; margin-top:2rem; font-size:1.6rem; border-top:1px solid var(--borderColorGray);}


/* 2024-07-18 게시판 글쓰기 스타일 수정 */
.daypt_tbl table {border-top: 1px solid #000; }
.daypt_tbl .file_up table {border-top: 0; }
.daypt_tbl table th {width:12%; background:#f5f5f5; padding:8px; vertical-align:middle;}
.daypt_tbl table td {padding:8px;}
.daypt_tbl table td input { padding: 2rem;}
.daypt_tbl table td select{ padding: 1.5rem;}
.daypt_tbl .etc { font-size:1.6rem;border-top:1px solid var(--borderColorGray);}
.daypt_tbl .etc input[type="checkbox"] + label {margin-left:1rem; padding:1ex 0 1ex 2.4rem; color:#888; background-image: url(/kor/img/common/icon_checkbox.svg);  background-repeat: no-repeat; background-size: 2.2rem; background-position:0 center; cursor: pointer; transition: all 0.2s;}
.daypt_tbl .etc input[type="checkbox"]:checked + label {color:#000; font-weight:bold; background-image: url(/kor/img/common/icon_checkbox_chked.svg);}
.daypt_tbl .etc input[type="checkbox"][name="strSubjectStyle4"] {display:inline-block;}
.daypt_tbl .etc select {background:#fff url(../../img/common/icon_select_arrow.svg) no-repeat calc(100% - 10px) center; background-size:1ex;}
.daypt_tbl .writeLine2 {background:var(--borderColorGray); padding:0;}

.daypt_div .daypt_wrt_btn {display: inline-block; background: var(--mainColor); color: #fff; padding: 10px 20px;}
.daypt_div .daypt_wrt_btn2 {display: inline-block; background: #999; color: #fff; padding: 10px 20px;}
.daypt_div .daypt_tbl #writeButton {padding-top: 20px;}
.daypt_div .daypt_wrt_btn:last-child {background: #333;}


/*------------------------------------------------------------------------------------------------
	동네방네비프 2024 리뉴얼
------------------------------------------------------------------------------------------------* /
/*공통*/
.contents article {margin-top:5rem;}

/* 동네방네비프 - 준비중페이지 */
.page_comsoon {display:flex;  justify-content:center; align-items:center; padding:10rem 2rem; background-color:#f5f5f5}
.page_comsoon section {text-align:center;}
.page_comsoon img { width:20rem; filter:grayscale(1);}
.page_comsoon div {margin-top:1ex; font-size:6rem; font-weight:500; line-height:1; color:#a0a3a3;}
@media screen and (max-width:768px) {
	.page_comsoon div {font-size:4rem;}
}

/* 동네방네비프 - 동네방네비프소개 */
.page0101 .sec01 h3 {margin-bottom:1em;}
.page0101 .sec01 .box01 {display:flex; flex-flow:column; gap:2rem; text-align:justify;}
.page0101 .sec02 {margin-top:5rem; padding-top:5rem; border-top:1px solid var(--borderColorGray);}
.page0101 .sec02 .box01 {display:flex; justify-content:space-between; gap:4rem; text-align:justify;}
.page0101 .sec02 .box01 .img {display:flex; justify-content:center; align-items:center; width:50%; background:#f5f5f5;}
.page0101 .sec02 .box01 .img img {width:25rem;} 
.page0101 .sec02 .box01 .cont {display:flex; flex-flow:column; gap:1rem; width:50%; padding: 1rem 0;}
.page0101 .sec02 .box01 .cont h3 {margin-bottom:1ex; line-height: 1.4;}
@media (max-width:660px){
	.page0101 .sec02 .box01 {flex-flow:column;}
	.page0101 .sec02 .box01 .img {width:100%; padding:5rem 0;}
	.page0101 .sec02 .box01 .cont {width:100%;}
}

/* 동네방네비프 - 프로그램 */
.page0102 {display:flex; flex-wrap:wrap; gap:5rem;}
.page0102 section {width:calc(50% - 2.5rem); aspect-ratio:3 / 1.5; padding-bottom:3rem; border-bottom:1px solid var(--borderColorGray);}
.page0102 section h3 {margin:1em 0 0.5ex;}
@media screen and (max-width:768px){
	.page0102 section {width:100%;}
}

/* 마을영화만들기 - 마을영화만들기 소개 */
.page0301 .box01 {display:flex; flex-flow:column; gap:2rem; text-align:justify;}
.page0301 .sec02 {margin-top:5rem; padding-top:5rem; border-top:1px solid var(--borderColorGray);}
.page0301 .sec02 h3 {margin-bottom:1ex;}
.page0301 .sec02 .box01 {padding:6rem 35% 6rem 6rem; background:#f5f5f5 url('/kor/img/sub/img_0301.png') no-repeat bottom right; background-size:30%;}
.page0301 .sec02 .box01 .img {display:flex; justify-content:center; align-items:center; }
.page0301 .sec02 .box01 .img img {width:25rem;} 
.page0301 .sec02 .box01 .cont {display:flex; flex-flow:column; gap:2rem;}
.page0301 .sec02 .box01 .cont dl {display:flex; align-items:center;background-color:#fff; border-radius:0.5rem; box-shadow:0px 0px 7px rgb(103 113 112 / 5%)}
.page0301 .sec02 .box01 .cont dl dt {flex-shrink:0; padding:2ex 3ex; font-weight:600; color:#fff; background-color:var(--mainColor); border-radius:0.5rem 2rem 0 0.5rem ;}
.page0301 .sec02 .box01 .cont dl dd {padding:0 2rem; line-height:1.4; text-align: left;}
@media screen and (max-width:1000px){
	.page0301 .sec02 .box01 {padding:4rem;}
	.page0301 .sec02 .box01 .cont dl {background:rgba(255,255,255,0.8)}
}
@media screen and (max-width:768px){
	.page0301 .sec02 .box01 {padding:3rem 3rem 20rem 3rem ;background-size: 60%;}
	.page0301 .sec02 .box01 .cont dl {padding:1.5rem; flex-flow:column; gap:0.5rem; align-items:flex-start;}
	.page0301 .sec02 .box01 .cont dl dt {padding:0.5ex 2ex; border-radius:3px;}
	.page0301 .sec02 .box01 .cont dl dd {padding:0;}
}

/* 역대동방비 - 역대동방비 공통 */
.page0402 section {display:flex;justify-content:space-between;align-items: flex-start;}
.page0402 .cont {display:flex; flex-flow:column; width: 68%;;}
.page0402 .cont dl {display:flex; align-items: baseline; gap:1rem; padding:1rem 0;  border-bottom:1px solid var(--borderColorGray);}
.page0402 .cont dl:first-of-type {border-top:1px solid var(--mainColor);}
.page0402 .cont dt {padding-left:1ex; font-weight:600; color:var(--color); line-height:1.7}
.page0402 .cont dd {font-size:1.6rem;}
.page0402 .cont dd i {display:inline-block; width:0.4rem; height:auto; aspect-ratio:1 / 1;  color:#555; border-radius:50em; background:var(--mainColor); transform:translateY(-0.5ex);}
@media screen and (max-width:768px){
	.page0402 section {flex-flow:column; gap:3rem;}
	.page0402 .img {width:50%;}
	.page0402 .cont {width:100%;}
}
@media screen and (max-width:460px){
	.page0402 .img {width:100%;}
	.page0402 .cont dl {flex-flow:column; gap:0;  padding:1rem 1.5rem;} 
	.page0402 .cont dt {width:100%; font-weight:700; padding-left:0;}
	.page0402 .cont dd {width:100%;}
}

/* 역대동방비 - 역대동방비 - 행사개요 */
@media screen and (min-width:769px){
	.page0402 .arch_summ .img {width:27%}
	.page0402 .arch_summ .cont {width: 68%;}
}
@media screen and (min-width:461px){
	.page0402 .arch_summ .cont dt {width:10em;}
	.page0402 .arch_summ .cont dd {width:calc(100% - 10em); }
}

/* 역대동방비 - 역대동방비 - 동네별행사 */
.page0402 .arch_event section {padding: 4rem 0;border:1px solid var(--borderColorGray);border-left: 0;border-right: 0;}
.page0402 .arch_event section:not(:first-child) {margin-top:-1px;}
.page0402 .arch_event .cont h3 {font-size:2.4rem; margin:0 0 1ex 0;}
.page0402 .arch_event .cont h3 img {height:1.3em; vertical-align:bottom}
.page0402 .arch_event .cont dl:last-child {border-bottom:none;}
.page0402 .arch_event .cont dd h4 {margin-bottom:0.5ex; font-size:1.8rem; font-weight:500; color:var(--color);}
.page0402 .arch_event .cont dd h4:not(:first-child) {margin-top:1.5ex;}
.page0402 .arch_event .cont dd p strong {padding-right:1ex; color:var(--mainColor); font-weight:500; word-break:break-all;}
.page0402 .arch_event .cont dd p span {padding:0 1ex; color:#666; font-size:0.8em; border-left:1px solid var(--borderColorGray); word-break:keep-all;}
@media screen and (min-width:769px){
	.page0402 .arch_event .img {width:42%;}
	.page0402 .arch_event .img img {width:100%; height:100%; object-fit:cover;}	
	.page0402 .arch_event .cont {width: 55%;}
}
@media screen and (max-width:768px){
	.page0402 .arch_event section {padding:0; gap:0;}
	.page0402 .arch_event section:not(:last-child) {margin-bottom:4rem;}
	.page0402 .arch_event .img {width:100%;}
	.page0402 .arch_event .cont {padding:1rem 2rem 2rem;}
	.page0402 .arch_event .cont h3 {margin-top:1ex;}
	.page0402 .arch_event .cont dd p span {font-size:1em;}
}
@media screen and (min-width:461px){
	.page0402 .arch_event .cont dt {width:5em;}
	.page0402 .arch_event .cont dd {width:calc(100% - 5em); }
}

/* 역대동방비 - 역대동방비 - 공식기록영상 */
.page0402 .arch_video section {display:flex; flex-wrap:wrap; gap:5rem;}
.page0402 .arch_video section .video {width:calc(50% - 2.5rem); aspect-ratio:3 / 1.5}
.page0402 .arch_video section .video iframe {width:100%; height:100%; object-fit:contain;}
@media screen and (max-width:768px){
	.page0402 .arch_video section .video {width:100%;}
}

/* 커뮤니티 - FAQ */
.qna{border-top:1px solid var(--mainColor);}
.qna .list{position:relative; border-bottom:1px solid var(--borderColorGray);}
.qna .list::before,
.qna .list::after{display:inline-block; left:0; top:0; line-height:10rem; color:var(--mainColor); font-weight:700;}
.qna .list::before{left:3rem; font-size:2.4rem; content:'Q';}
.qna .list::after{left:5.5rem; font-size:1.7rem; content:attr(data-category);}
.qna .list button{position:relative; width:100%; min-height:10rem; padding:1rem 10rem 1rem 25rem; text-align:left; font-size:2rem; font-weight:700; color:var(--color);}
.qna .list button::after{display:inline-block; width:1rem; height:1rem; right:5rem; top:50%; transform:rotate(135deg); margin-top:-0.5rem; border-top:2px solid #aaa; border-right:2px solid #aaa;}
.qna .list button.active::after{transform:rotate(-45deg); border-color:var(--mainColor);}
.qna .list button + p{display:none; padding:4rem 5rem; background:#f7f7f7; border-top:1px solid var(--borderColorGray); font-size:1.7rem; color:#555; line-height:1.35;}
@media screen and (max-width:768px){
	.qna .list::before, 
	.qna .list::after {line-height:5rem;}
	.qna .list::before {left:1rem;}
	.qna .list::after {left:3.5rem}
	.qna .list button {padding:4rem 7rem 1rem 3.5rem; line-height:1.4;}
	.qna .list button + p {padding:2rem 3rem;}
	.qna .list button::after {right:3rem;}
}


/* 2024 동네방네비프 행사개요 - 역대동방비 행사개요와 스타일 공통 */
.page0201 section {display:flex;justify-content:space-between;align-items: flex-start;}
.page0201 .cont {display:flex; flex-flow:column; width: 68%;;}
.page0201 .cont dl {display:flex; align-items: baseline; gap:1rem; padding:1rem 0;  border-bottom:1px solid var(--borderColorGray);}
.page0201 .cont dl:first-of-type {border-top:1px solid var(--mainColor);}
.page0201 .cont dt {padding-left:1ex; font-weight:600; color:var(--color); line-height:1.7}
.page0201 .cont dd {font-size:1.6rem;}
.page0201 .cont dd i {display:inline-block; width:0.4rem; height:auto; aspect-ratio:1 / 1;  color:#555; border-radius:50em; background:var(--mainColor); transform:translateY(-0.5ex);}
@media screen and (max-width:768px){
	.page0201 section {flex-flow:column; gap:3rem;}
	.page0201 .img {width:50%;}
	.page0201 .cont {width:100%;}
}
@media screen and (max-width:460px){
	.page0201 .img {width:100%;}
	.page0201 .cont dl {flex-flow:column; gap:0;  padding:1rem 1.5rem;} 
	.page0201 .cont dt {width:100%; font-weight:700; padding-left:0;}
	.page0201 .cont dd {width:100%;}
}

@media screen and (min-width:769px){
	.page0201.arch_summ .img {width:27%}
	.page0201.arch_summ .cont {width: 68%;}
}
@media screen and (min-width:461px){
	.page0201.arch_summ .cont dt {width:10em;}
	.page0201.arch_summ .cont dd {width:calc(100% - 10em); }
}

/* 2025-07-29 */
.coming_soon {padding:12rem 10rem; text-align:center; border:1px solid #d4d4d4; border-radius:10px; margin-top:5rem;}
.coming_soon img {max-width:35%;}
h3 + .coming_soon {margin-top:0;}
@media(max-width:768px){
	.coming_soon {padding:7rem; margin-top:3rem;}
	.coming_soon img {max-width:70%;}
}