@charset "utf-8";
:root {
    --color1:#1d1258; /*basic*/
    --color2:#34368b; /*text, sub*/
    --color3:#f16d4d; /*point*/
    --white:#fff;
    --black:#000;
    --gray1:#efefef; 
    --round:10px;
}

.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}


/*common variation*/
h4 strong ,
h5{font-weight:600 !important;color:var(--color3);}
.basic_btn a{border-color:var(--color3);border-radius:var(--round);}
.basic_btn a:hover{background:linear-gradient(to right,var(--color2), var(--color3));}
.basic_btn span{filter:grayscale(1);-webkit-filter:grayscale(1);}
.big_img a{background-color:var(--color1);border-radius:0;padding:15px 15px 15px 45px;}
.basic_ul li.info_txt{padding-left:27px;}

/*sub*/
.sub_container.sub2:after{background: url('/upload_data/user_file/15_night/content/sub.jpg')no-repeat center bottom;}
.s_con strong{font-weight:600}
.local:before,
.local,
.research input[type=submit],
.local .s_menu li div button,.num{background-color:var(--color1);}
.manager strong,
.local .s_menu li.on > a{color:var(--color2);}

/*content*/
.intro{padding:160px 20px 0;background:url('/upload_data/user_file/15_night/content/intro_bg.jpg') no-repeat top center;}
.intro>p{padding:20px;background:#fff;text-align:center;word-break:keep-all;}
.intro>p span{display:block;margin-top:14px;color:#666;}

.poster{text-align:center;overflow:hidden;margin-bottom:40px;}
.poster .img{width:90%;margin:0 auto;position:relative;border-radius:var(--round);overflow:hidden;}
.poster .img img{width:100%;}
.poster .img a{position:absolute;bottom:0;right:0;display:block;background:url("/images/common/img_view.png") no-repeat 16px center #1d1258;color:var(--white);padding:15px 15px 15px 45px;border-radius:0;}
.poster .txt{background:var(--gray1);padding:43px 0 30px 0;margin-top:-60px;}
.poster .txt h4{display:inline-block;}
.poster .txt .basic_btn{margin:0;}
.poster .txt .basic_ul{text-align:left;background:var(--white);border-radius:var(--round);padding:3%;margin-bottom:20px;}
.poster .txt li .fc_red{font-weight:bold;font-size:20px;}

.f_history .list{margin:40px 0}
.f_history .list .poster{border:none;padding:0;margin:0 0 25px 0;}
.f_history .list .poster img{ border-radius:var(--round);}
.f_history .pto{position:relative;}
.f_history .pto .img{display:flex;flex-wrap:nowrap;gap:10px;padding:10px 0;align-items:center;overflow:hidden;}
.f_history .pto .img li{height:160px;display:inline-block;margin:0 5px;}
.f_history .pto .img img{height:100%;width:auto;border-radius:var(--round);overflow:hidden;}
.f_history .pto .ctr button{font-size:0;width:50px;height:50px;background:var(--color1) url("/upload_data/board_data/BBS_0000221/169983934697122.png") no-repeat;position:absolute;top:calc(50% - 25px);}
.f_history .pto .ctr button.prev{background-position:14px 12px;left:0;}
.f_history .pto .ctr button.next{background-position:-39px 12px;right:0;}

.tour_t{padding:170px 20px 0 20px;background:url("/images/15_night/content/sub03/6.jpg")no-repeat top center;background-size:contain;}
.tour_t div{background:var(--white);border-radius:var(--round);padding:10px 3%;text-align:center;border-top:solid 1px var(--gray1);}
.tour_t div strong{font-family:'SBAggro';font-size:1.3rem;color:var(--color2);}
.tour_t div strong:before{display:block;content:'';width:80px;height:80px;background:url(/upload_data/board_data/BBS_0000221/169950530084193.png) no-repeat 0 0;margin:0 auto 10px auto;transition:.2s ease-out;}
.tour_t .t2 strong:before{background-position:0 -110px;}
.tour_t div:hover strong:before{transform:translateY(-10px);}
.tour_m{margin:40px 0;}
.tour_m .box{background:var(--gray1);border-radius:var(--round);padding:5%;text-align:center;}

.tour_m .box h4{display:inline-block;margin:0;}
.tour_m .box div{background:var(--white);padding:5%;border-radius:var(--round);text-align:left;}
.tour_m .box div h5{font-size:1.3rem;color:var(--color2);}

.prgram{display:flex;flex-flow:column wrap;gap:20px;}
.prgram .p1:after{background:url("/images/15_night/content/sub03/1.jpg")no-repeat}
.prgram .p2:after{background:url("/images/15_night/content/sub03/2.jpg")no-repeat}
.prgram .p3:after{background:url("/images/15_night/content/sub03/3.jpg")no-repeat}
.prgram .p4:after{background:url("/images/15_night/content/sub03/4.jpg")no-repeat}
.prgram .p5:after{background:url("/images/15_night/content/sub03/5.jpg")no-repeat}
.prgram .p6:after{background:url("/images/15_night/content/sub03/6.jpg")no-repeat}
.prgram .p7:after{background:url("/upload_data/board_data/BBS_0000221/169949798165929.jpg")no-repeat}
.prgram .p8:after{background:url("/upload_data/board_data/BBS_0000221/169949798166469.jpg")no-repeat}
.prgram .list{position:relative;background:rgba(0,0,0,.6);padding:5%;display:flex;flex-wrap:wrap;justify-content:space-around;border-radius:var(--round);overflow:hidden;flex-basis:calc(50% - 20px);align-items:center;gap: 10px;}
.prgram .list:after{display:block;content:'';width:100%;height:100%;background-size:cover;position:absolute;background-position:center;left:0;right:0;top:0;z-index:-1;filter:brightness(0.45);-webkit-filter:brightness(0.45);}
.prgram .list .tit{display:flex;align-items:center;}
.prgram .list h4{background:var(--white);margin:0 20px;padding:10px 20px 5px 20px;border-radius:5px;} 
.prgram ul{margin:0;}
.prgram ul li{color:var(--white);}

@media all and (min-width:768px){
.intro>p{padding:60px; font-size:20px;}  
.intro>p span{font-size:16px;}
    
.poster .img.w2{display:flex;justify-content:center;}
.poster .img.w2 img{margin:0 10px;width:50%;}

.f_history .list .poster img{max-width:630px;width:100%;}

.tour_t{display:flex;background-size:cover;position:relative;gap:9px;border-radius:var(--round);justify-content:center;background-position:0 54%;padding-top:250px;}
.tour_t:before{display:block;content:'';position:absolute;width:100%;height:167px;background:var(--white);bottom:0;left:0;right:0;}

.prgram{flex-direction:row;justify-content:center;}
}

@media all and (min-width:1023px){
.big_img img{max-width:1200px;}
.big_img a{display:block;}

.intro{padding:190px 120px 0;}  
.intro>p{font-size:26px;}

.poster .img{width:800px;}
.poster .img.w2{width:1220px;}
.poster .txt{padding:60px 40px 40px 40px;border-radius:var(--round);}
    
.f_history{display:flex;justify-content:space-around;flex-wrap:wrap;}
.f_history .list{width:45%;}
.f_history .list .poster img{height:850px;}

.tour_t div{padding:5% 5% 0 5%;border:none;}
.tour_m{display:flex;flex-wrap:wrap;gap:2%;}
.tour_m .box{width:49%;padding:3%;}
}       

@media all and (min-width:768px) {
.culture{display:flex; flex-wrap:wrap; justify-content:space-between;}
.culture h4{margin:0;}
.culture .basic_btn{margin:0;}
.culture .basic_tab{width:100%;}
.culture .basic_tab li a{background:url("/images/common/btn_go.png") no-repeat right 20px center;}
.culture .basic_tab li a:hover,.culture .basic_tab li a:focus,.culture .basic_tab li.on a{background: #1d1258;border: 1px #1d1258 solid;color: #fff;}
}           

/* 8야 */
.s_prgram{position:relative;padding: 80px 0 0 0;text-align:center;}
.s_prgram:before{content:'';display:block;position: absolute;top: 0;left: 0;width:100%;height: 400px;background: #000 url('/images/15_night/main/s_b2.jpg') top center;border-radius: 40px 40px 0 0;z-index: -1;}
.s_prgram h4{font-size: 60px;color:#fff;background:none;padding:0;margin: 0;color: #ffc518;font-family: 'GmarketSans';}
.s_prgram h5{font-size: 52px;font-weight: 100 !important;color:#fff;background:none;padding:0;margin: 0 0 50px;font-family: 'GmarketSans';}
.s_prgram .con>div{margin: 0 10px 30px;}
.s_prgram img{display: inline-block;width:auto;max-width:100%;border-radius:20px;margin-bottom: 10px;}
.s_prgram p.tit{font-size:20px; font-weight:600; color:var(--color1);}
.s_prgram p.txt{word-break:keep-all; color:var(--color3);}

@media all and (min-width:768px) {
.s_prgram{padding: 80px 30px 0;}
.s_prgram .con{display:flex;flex-wrap: wrap;}
.s_prgram .con>div{width: 46%;margin: 0 2% 40px;}
.s_prgram p.tit{font-size:28px;}
.s_prgram p.txt{font-size:18px; font-style:italic;}
.s_prgram ul{text-align:left; margin:20px 0 0;}
}
@media all and (min-width:1023px) {
.s_prgram{padding: 100px 60px 0;}
.s_prgram img{height: 400px;}
.s_prgram p.tit{font-size:32px;} 
}         
@media (min-width: 1440px) {
.sub_site .sitemap>div{min-width:23%;}       
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    