@charset "utf-8";

.clearfix::after{display:block; content:''; clear:both;}
h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
a.btn i.fa {margin-right: 5px;}
html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template { margin: 0;padding: 0;border: 0;font-size: 100%;font-family: inherit;vertical-align: baseline;box-sizing: border-box;word-break: keep-all;font-weight: 400;}
.hide { position: absolute; top: -9999em;left: 0;user-select: none;font-size: 1rem;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
textarea { width:100%;}

a.btn i.fa {margin-right: 5px;}
i, em{font-style:normal;}
.sub-contents{min-height:500px; padding-bottom:165px;}
:root {
	--main_color: #848484;
	--sub_color: #2e2e2e;
	--black: #000;
	--black90: rgba(0,0,0,.9);
	--black80: rgba(0,0,0,.8);
	--black70: rgba(0,0,0,.7);
	--black60: rgba(0,0,0,.6);
	--black50: rgba(0,0,0,.5);
	--black40: rgba(0,0,0,.4);
	--black30: rgba(0,0,0,.3);
	--black20: rgba(0,0,0,.2);
	--black10: rgba(0,0,0,.1);
	--graycc: #cccccc;
	--gray74: #747474;
	--gray54: #545454;
	--gray4: #666666;
	--gray3: #C5C5C5;
	--gray2: #242424;
	--gray1: #F5F5F5;
	--red: #f03d3e;
	--yellow: #ffa900;
}
/*서브탑 bg 바꾸는곳 ~~!*/
.sub-top-bg.VISUAL_intro:before{background:url(/resources/custom/images/museum/sub/sub-top-bg.jpg);}
.sub-top-bg.VISUAL_exhibition:before{background:url(/resources/custom/images/museum/sub/sub-top-bg.jpg);}
.sub-top-bg.VISUAL_rental:before{background:url(/resources/custom/images/museum/sub/sub-top-bg.jpg);}
.sub-top-bg.VISUAL_sitemap:before{background:url(/resources/custom/images/museum/sub/sub-top-bg.jpg);}
#body_content{padding-bottom:0;}
img{max-width:100%;}
/* Text align */
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

/* Table */
.table_scroll {overflow-x:auto;}/*넓이가 긴 테이블 */
table.table-detail { border-top: 2px solid #000000; border-right: 1px solid #d8d8de; border-left: 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; }
table.table-detail caption { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }
table.table-detail th,
table.table-detail td { border-left: 1px solid #d8d8de; border-bottom: 1px solid #d8d8de; margin-top: 0; padding: 12px 10px; vertical-align: middle; width: auto; line-height: 1.4; }
table.table-detail th { background: #f8f8f8; color: #000000; font-weight: 500; text-align: center; }
table.table-detail th.th01 { background: #f6f7f9;  }/*가로타이틀경우*/
table.table-detail td { min-height: 40px; color: #666666; }
table.table-scroll { word-break: keep-all; }/* table */
@media all and (max-width:768px){
	.table_scroll table.table-detail{width:1000px}
}

/* TITLE STYLE */
h5.tit{font-size:30px; color:#161616; padding:0 0 0px 10px; margin-bottom:36px;  display:inline-block; position:relative; line-height:1;}
h5.tit::before{display:block; content:''; width:3px; height:20px; background:#c50d17; position:absolute; left:0; top:5px;}
h6.tit{font-size:24px; color:#222222; font-weight:600; margin-bottom:20px; padding-left:24px; position:relative; }
h6.tit::before{display:block; content:''; width:8px; height:8px; border:4px solid #c50d17; position:absolute; top:6px; left:0px; border-radius: 50%;}
.stit{color:#000; font-size:20px; margin-bottom:10px; font-weight:500;}
p{line-height:1.5; font-size:18px; color:#222; }
p.point{color:#0073df; font-weight:500;}
@media all and (max-width:768px){
	h5.tit{font-size:20px; margin-bottom:24px;}
	h6.tit{font-size:18px; margin-bottom:12px; }
	p{font-size:14px; line-height:1.5;}
}


/* gap | sgap */
.gap{height:70px}
.sgap{height:50px}
.f_l{float:left;}
.f_r{float:right;}
@media all and (max-width:768px){
	.gap{height:50px;}
	.sgap{height:30px;}
}

.tabNav{width:100%; display:table;}
.tabNav li{background:#f9f9f9; border:1px solid #e5e5e5; border-bottom:1px solid #C50D17; display:table-cell;}
.tabNav li a{color:#5A5A5A; box-sizing:border-box;}
.tabNav li.on{border:3px solid #C50D17; color:#fff; border-bottom:0; background:#C50D17;}
.tabNav li.on a{color:#fff; box-sizing:border-box;}
.tabNav li a:hover{color:inherit}
.ui-page-tab li{float:none; width:1%;}
@media all and (max-width:768px){
	.tabNav::after{display:block; content:''; clear:both;}
	.tabNav li{float:left; width:50%; max-width:50%; display:block}
	.tabNav li a{font-size:14px;}
}

/* LIST STYLE */
.list01 li{padding-left:15px; position:relative; font-size:18px; color:#333; margin-bottom:10px; line-height:1.375;}
.list01 li strong{margin-right:8px;}
.list01 li::before{width:5px; height:5px; background:#333333; position:absolute; left:0; top:9px; content:''; display:block}
.list01 li:last-child{margin-bottom:0;}
.list02 li{padding-left:15px; position:relative; font-size:18px; color:#333; margin-bottom:10px; line-height:1.375; text-align:left;}
.list02 li::before{width:5px; height:1px; background:#5a5a5a; position:absolute; left:0; top:9px; content:''; display:block;}
.list02 li:last-child{margin-bottom:0;}
@media all and (max-width:768px){
	.list01 li{font-size:14px; padding-left:10px;}	
	.list01 li::before{width:3px; height:3px; top:7px;}
	.list02 li{font-size:14px; padding-left:10px;}	
	.list02 li::before{width:3px; top:7px;}
}

.download-wrap{text-align:right;}
.down-box{margin:4px;border:1px solid #333; display:inline-block; padding:16px 16px 16px 50px; color:#333; transition:all .3s ease; background:url(/resources/custom/images/museum/sub/ico_btn_down.png) no-repeat left 16px center, transparent; background-size:24px;}
.down-box:hover{ color:#fff; transition:all .3s ease; background:url(/resources/custom/images/museum/sub/ico_btn_down_on.png) no-repeat left 16px center, #333; background-size:24px;}
.link-btn{ margin:4px; display:inline-block; color:#fff; padding:16px 16px 16px 50px;  transition:all .3s ease; background:url(/resources/custom/images/museum/sub/ico_btn_link.png) no-repeat left 16px center, #C50D17; background-size:24px;}
.link-btn:hover{color:#c50d17; border:1px solid #c50d17;transition:all .3s ease; background:url(/resources/custom/images/museum/sub/ico_btn_link_on.png) no-repeat left 16px center, transparent; background-size:24px;}
.mark{display:inline-block; position:relative;}
.mark::before{content:''; display:inline-block; position:absolute; left:0; bottom:0px; width:100%; height:15px; background:#ffc5c8; opacity:1; z-index:-1;}
@media all and (max-width:767px){
	.down-box, .link-btn{padding:10px 10px 10px 40px; font-size:14px; background-position:10px center; background-size:20px;}
	.down-box:hover, .link-btn:hover{background-position:10px center; background-size:20px;}
}

.img-zoom{position:relative;}
.img-zoom img{width:100%; height:auto;}
.img-zoom .zoom-btn{display:none; width:60px; height:60px; background:url(/resources/custom/images/museum/sub/ico_imgZoom.png) no-repeat center,#C50D17; background-size:24px; position:absolute; bottom:0px; right:0px; z-index:1; text-indent:-9999px; border-radius: 0px;}
@media all and (max-width:768px){
	.img-zoom .zoom-btn{display:block;}
}
/* SITEMAP COMMON */
.contentsUtill{display:none}
.sub-top-bg .sub-top-ttl h3{color:#fff; font-weight:200;} 
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:200px; font-size:24px; font-weight:600; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 200px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:600; font-size:20px; display:block; margin-bottom:10px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:10px; position:relative; color:#5a5a5a; margin-bottom:5px; display:block; font-size:16px;}
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:3px; height:3px; background:#e5e5e5; position:absolute; top:7px; left:0;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%;}
}

/* S : SUBPAGE */
.intro01 .bg-img{position:relative; margin-bottom:50px}
.intro01 .bg-img::before{width:1180px; height:535px; background:#f6f6f6; position:absolute; right:-320px; bottom:-60px; display:block; content:''; z-index:-1;}
.intro01 .bg-img > div{width:1240px}
.intro01 .text .tit{font-family: 'MuseumClassic'; font-weight:100; font-size:40px; margin-bottom:50px; color:#333;}
.intro01 .text .tit strong{font-weight:300;}
.intro01 .text p{color:#333; margin-bottom:10px;}
.intro01 .text .name p{text-align:right; margin-top:70px; color:#000; font-weight:500; position:relative;}
.intro01 .text .name p::before{width:225px; height:103px; background:url(/resources/custom/images/museum/sub/bnue_logo.png) no-repeat; background-size:cover; display:block; content:''; position:absolute; right:60px; bottom:0; z-index:-1;}
.intro01 .text .name p strong{font-size:23px; margin-left:10px;}
@media all and (max-width:1000px){
	.intro01 .bg-img > div{width:100%;}
	.intro01 .bg-img::before{width:70%; height:300px; right:-50px; bottom:0;}
	.intro01 .text .tit{font-size:24px; margin-bottom:30px;}
}
@media all and (max-width:767px){
	.intro01 .text .tit{font-size:20px;}
}
.intro02 .orga .dep1 > li{display:flex; flex-direction:column; justify-content:center; align-items:center;}
.intro02 .orga .dep1 > li > div{width:200px; height:200px; border:7px solid #c50d17; border-radius: 50%; line-height:200px; font-family: 'MuseumClassic'; font-weight:300; font-size:24px; text-align:center; margin-bottom:100px; position:relative;}
.intro02 .orga .dep1 > li > div::before{width:1px; height:50px; background:#ccc; display:block; content:''; position:absolute; bottom:-57px; left:50%; z-index:-1;}
.intro02 .orga .dep2{display:flex; position:relative;}
.intro02 .orga .dep2::before{display:block; content:''; width:calc((100% + 100px)/2); height:1px; background:#ccc; position:absolute; top:-51px; left:50%; transform:translateX(-50%);}
.intro02 .orga .dep2 > li > div{width:200px; height:200px; border:7px solid #333; border-radius: 50%; line-height:200px; font-family: 'MuseumClassic'; font-weight:300; font-size:24px; text-align:center; position:relative;}
.intro02 .orga .dep2 > li > div::before{width:1px; height:57px; background:#ccc; position:absolute; top:-57px; left:50%; content:''; display:block; z-index:-1;}
.intro02 .orga .dep2 > li:last-child > div{margin-left:100px;}
@media all and (max-width:767px){
	.intro02 .orga .dep1 > li > div{width:150px; height:150px; line-height:150px; font-size:20px}
	.intro02 .orga .dep2 > li > div{width:160px; height:80px; background:#333; color:#fff; line-height:60px; font-size:18px; border-radius: 5px}
}
@media all and (max-width:500px){
	.intro02 .orga .dep2 > li:last-child > div{margin-left:30px}
	.intro02 .orga .dep2 > li > div{width:120px; height:50px; line-height:40px; font-size:14px;}
	.intro02 .orga .dep2::before{width:calc((100% + 30px)/2);}
	.intro02 .orga .dep1 > li > div{width:130px; height:130px; line-height:130px; font-size:16px;}
}

.intro03 .infobox{text-align:center;}
.intro03 .infobox .imgbox{border-radius: 20px; overflow:hidden; position:relative; height:320px;}
.intro03 .infobox .imgbox::after{display:block; content:'';  width:100%; height:100%; background:linear-gradient(to top, rgba(0,0,0,.5), transparent); position:absolute; bottom:0;}
.intro03 .infobox .imgbox > span{font-family: 'MuseumClassic'; color:#fff;position:absolute; bottom:20px; font-size:24px; z-index:1; left:20px;}
.intro03 .infobox .imgbox img{width:100%; height:100%; object-fit:cover;}
.intro03 h6{font-family:'MuseumClassic'; font-size:30px; margin-bottom:20px }
@media all and (max-width:1000px){
	.intro03 .infobox .imgbox{height:190px;}
	.intro03 h6{font-size:20px}
}

.map_wrap .root_daum_roughmap{width:100% !important;}
.map_wrap .root_daum_roughmap .cont{display:none;}
.map_img .map_border{display:none;}
.map_info{ width:100%; background:#272727; padding:40px 50px; display:flex; justify-content:space-between;}
.map_info h6{font-size:24px; color:#fff; width:240px; font-family: 'MuseumClassic'; line-height:1.375;}
.map_info ul{width:calc(100% - 450px);}
.map_info ul li{color:#fff; display:flex; margin-bottom:10px; font-size:18px;}
.map_info ul li strong{width:140px; position:relative;}
.map_info ul li strong i{width:24px; height:24px; display:inline-block; vertical-align:middle; border-radius: 50%; margin-right:8px;}
.map_info ul li strong::after{content:''; width:1px; height:20px; background:#fff; position:absolute; right:0; top:0;}
.map_info ul li span{width:calc(100% - 100px); margin-left:20px; color:#fff;}
.map_info ul li i.ico01{background:url(/resources/custom/images/museum/sub/ico_intro0402.png) no-repeat center, #fff; background-size:16px;}
.map_info ul li i.ico02{background:url(/resources/custom/images/museum/sub/ico_intro0403.png) no-repeat center, #fff; background-size:16px;}
.map_info ul li i.ico03{background:url(/resources/custom/images/museum/sub/ico_intro0404.png) no-repeat center, #fff; background-size:16px;}
.map_info a{width:150px; height:100px; background:url(/resources/custom/images/museum/sub/ico_intro0401.png) no-repeat center 20px, #fff; background-size:30px; color:#c50d17; text-align:center; transition:all .3s ease; border:0px solid #c50d17;}
.map_info a span{color:#c50d17; font-family: 'Gmarket'; padding-top:55px; display:inline-block; }
.map_info a:hover{ border:4px solid #c50d17; transition:all .3s ease;}
.intro04 .info{border-top:3px solid #000;}
.intro04 .info > li{padding:50px 20px 50px 150px; border-bottom:1px solid #ccc}
.intro04 .info > li:first-child{background:url(/resources/custom/images/museum/sub/ico_map01.png) no-repeat center left 20px; background-size:100px}
.intro04 .info > li:nth-child(2){background:url(/resources/custom/images/museum/sub/ico_map02.png) no-repeat center left 20px; background-size:100px}
@media all and (max-width:1000px){
	.map_info h6{font-size:20px;}
	.map_info ul{width:auto;}
	.map_info ul li{font-size:16px;}
	.map_info a{width:100px; height:100px;}
}
@media all and (max-width:767px){
	.intro04 .info > li{padding:30px 20px 30px 100px}
	.intro04 .info > li:first-child{background-size:60px;}
	.intro04 .info > li:nth-child(2){background-size:60px;}
	
}
@media all and (max-width:640px){
	.map_info{display:block; padding:40px 20px;}
	.map_info h6{margin-bottom:10px;}
	.map_info ul{margin-bottom:10px;}
	.map_info ul li{font-size:14px;}
	.map_info a{display:block; width:100%; height:auto; border-radius: 8px; padding:10px 0; background-image:none;}
	.map_info a span{padding:0; font-size:14px;}
	.map_info ul li strong{width:100px;}	
}

/* 대관안내 */
.rental-step{display:flex; justify-content:space-between; margin-top:50px; margin-bottom:20px; flex-wrap:wrap;}
.rental-step li{width:21%; border-radius: 10px; border-top:3px solid #333; border-bottom:1px solid #333; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; position:relative; text-align:center; padding:70px 0 50px 0;}
.rental-step li::after{width:36px; height:36px; display:block; content:''; background:url(/resources/custom/images/museum/sub/ico_rental_step_arr.png) no-repeat center; position:absolute; right: -20%; bottom:40%;}
.rental-step li:last-child::after{display:none;}
.rental-step li span{position:absolute; width:80px; height:80px; background:#fff; background:#333; border-radius: 50%; display:block; left:50%; transform:translateX(-50%); color:#fff; line-height:80px; top:-35px; font-weight:600;}
.rental-step li div{font-size:18px;}
.box-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.box-list li{width:30%; border:1px solid #e5e5e5; border-radius: 10px; text-align:center; padding:180px 24px 48px 24px;}
.box-list li:first-child{background:url(/resources/custom/images/museum/sub/ico_rental0201.png) no-repeat top 60px center; background-size:80px;}
.box-list li:nth-child(2){background:url(/resources/custom/images/museum/sub/ico_rental0202.png) no-repeat top 60px center; background-size:80px;}
.box-list li:nth-child(3){background:url(/resources/custom/images/museum/sub/ico_rental0203.png) no-repeat top 60px center; background-size:80px;}
.box-list li h6{font-size:22px; font-weight:800; margin-bottom:10px; display:inline-block; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
@media all and (max-width:1000px){
	.rental-step li{width:47%; margin-bottom:50px;}
	.rental-step li::after{right:-11%;}
}
@media all and (max-width:767px){
	.rental-step li{padding:40px 0 20px 0; width:100%; margin-bottom:60px;}
	.rental-step li div{font-size:16px;}
	.rental-step li span{width:50px; height:50px; line-height:50px; top:-25px;}
	.rental-step li::after{width:20px; height:20px; background-size:cover; bottom:-35px; transform:rotate(90deg); right:calc((100% - 20px)/2);}
	.box-list li{width:100%; margin-bottom:10px; padding:90px 24px 24px 24px}
	.box-list li:first-child, .box-list li:nth-child(2), .box-list li:nth-child(3){background-size:50px; background-position:top 20px center;}
	.box-list li h6{font-size:18px;}
	
}

/* 일정 */
.rotate { transform: rotate(90deg);}
.rentalmonth_wrap {margin-top: 8em; position: relative;}
.rentalmonth_wrap .week_info ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.rentalmonth_wrap .week_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.rentalmonth_wrap .month_sel {display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
.rentalmonth_wrap .month_sel a i {font-size: 30px;color: var(--black20); font-weight: 700; }
.rentalmonth_wrap .month_sel a i:hover {color: var(--black);}
.rentalmonth_wrap .month_sel .info_year {margin: 0 2em;font-size: 40px; font-weight:600;}
.rentalmonth_wrap .month_list_wrap li {margin-bottom: 5em;padding-top: 3em;width: 12.57%;min-height: 20em;border-top: solid 3px var(--black);}
.rentalmonth_wrap .month_list_wrap .week { margin-bottom:20px;padding-top: 0;min-height: auto;font-size: 25px;font-weight: bold;border-top: 0;}
.rentalmonth_wrap .month_list_wrap .day_num {display: block;font-size: 22px;}
.rentalmonth_wrap .month_list_wrap .mo_week {display: none;font-size: 22px;color: var(--black50);}
.rentalmonth_wrap .month_list_wrap .after_day {border-color: var(--black50);}
.rentalmonth_wrap .month_list_wrap .after_day * {color: var(--black50) !important;}
.rentalmonth_wrap .month_list_wrap .after_day .day_num {color: var(--black50);}
.rentalmonth_wrap .month_list_wrap .after_day .info_title.planned .icon_plan {background-color: var(--black30);}
.rentalmonth_wrap .month_list_wrap .month_detail_info * {font-size: 18px;color: var(--main_color);}
.rentalmonth_wrap .month_list_wrap .month_detail_info {margin-top: 2em;}
.rentalmonth_wrap .month_list_wrap .month_detail_info h5 {color: var(--black);line-height:35px; margin-bottom:5px;}
.rentalmonth_wrap .month_list_wrap .info_title.planned .icon_plan {width: 25px; height:25px;border-radius: 100%; background-color: #505050; font-size:16px; color:#fff; line-height:25px; margin-right:5px;}
.rentalmonth_wrap .month_list_wrap .info_title.planned .icon_plan.type01 { background-color: #fb4C4C;}
.rentalmonth_wrap .month_list_wrap .info_title.planned .icon_plan.type02 { background-color: #003894;}
.rentalmonth_wrap .month_list_wrap .info_title.planned .icon_plan.type03 { background-color: #068041;}
.rentalmonth_wrap .month_list_wrap .info_title.planned .icon_plan { display: inline-block; text-align:center;}
.rentalmonth_wrap .month_list_wrap .month_detail_info .detail_info {margin: 0.5em 0 1em 0;}
.rentalmonth_wrap .month_list_wrap .month_detail_info .detail_info span {display: inline-block;margin-right: 0.8em;padding-right: 1em;font-size: 1.3em;border-right: solid 1px var(--black20);}
.rentalmonth_wrap .month_list_wrap .month_detail_info .detail_info span:last-child {margin-right: 0;padding-right: 0;border-right: 0;}

@media all and (max-width: 1023px) {
	.rentalmonth_wrap {margin-top: 6em;}
    
}
@media all and (max-width: 980px) {
	.rentalmonth_wrap {margin-top: 3em;}
    .rentalmonth_wrap .month_sel a i {font-size: 2em;}
	.rentalmonth_wrap .month_sel .info_year {margin: 0 2em;font-size: 3em;}
	.rentalmonth_wrap .month_list_wrap li {padding-top: 1.5em;width: 13.42%;min-height: 10em;border-top: solid 0.3em var(--black);}
    .rentalmonth_wrap .month_list_wrap .week {margin-bottom: 1.5em;font-size: 1.6em;}
    .rentalmonth_wrap .month_list_wrap .day_num {font-size: 2.2em;}
    .rentalmonth_wrap .month_list_wrap .month_detail_info {margin-top: 1.5em;}
    .rentalmonth_wrap .month_list_wrap .month_detail_info .detail_info span {display: block;margin-right: 0;padding-right: 0;border-right: 0;line-height: 1.5em;}
}
@media all and (max-width: 860px) {
	.rentalmonth_wrap .month_list_wrap .week_info {display: none;}
    .rentalmonth_wrap .month_list_wrap .week_list .after_day { display: none;}
    .rentalmonth_wrap .month_list_wrap .mo_week {display: inline;}
    .rentalmonth_wrap .month_list_wrap li { margin-bottom: 2em;   padding: 2em 0 0 0;width: 100%;min-height: 5em;border-top: solid 0.1em var(--black10);}
    .rentalmonth_wrap .month_list_wrap .month_detail_info .detail_info span {display: inline-block;margin-right: 0.8em;padding-right: 1em;font-size: 1.3em;border-right: solid 1px var(--black20);}
}

/******* 테이블 추가 *******/
/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#fff;color:#222;font-size:16px;font-weight:600;}
.table tbody th{background:#f6f6f6;;color:#222; vertical-align: middle;}
.table tbody td {vertical-align: middle;}
.table thead>tr>th {padding:20px;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td{padding:10px;}
.table thead {border-bottom: 2px solid #333;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top:2px solid #333;border-bottom:1px solid #ccc;}

@media(max-width: 767px) {
    .table-responsive {
		position: relative;
        overflow-y: hidden;
        overflow-x: auto;
       /* display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;*/
    }

    .table-responsive .table {
        width: 995px;
    }
}


.table-responsive.active.mobile, .table-responsive.active.mobile.icon {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 8px 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-color: #fff;
    background-position: 0 0,100%,0 0,100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-attachment: local,local,scroll,scroll;
    min-height: 0.01%;
}


.scroll-guide {position:absolute;top:20%;left:50%;display:none;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:10;text-align:center;transform:translate(-50%, -50%)}
.scroll-guide_img {width:50%;height:auto}
.scroll-guide_text {margin-top:4px;color:#fff;font-size:13px;line-height:16px}

@media (max-width:768px){
	.scroll-guide{display:block;/*top:250px*/}
	
}

.table .bg01 { background:#fff1e5; color:#f88359;}
.table .bg02 { background:#e4f7f4; color:#02a39f;}
.table .bg03 { background:#e8f4fc; color:#2d5ae0;}
.table .bg04 { background:#e6f5e4; color:#347929;}
.table .bg05 { background:#fef7cd; color:#554608;}
.table .bg06 { background:#ffeff2; color:#f8444d;}

@media (max-width:1200px){
	.table td { word-break: normal;}
}

.tabs { display: flex;justify-content: flex-end;margin-bottom: 20px;}
.tab-btn { display: flex;align-items: center;gap: 8px;padding: 12px 20px;cursor: pointer;border: none;background: #ddd; margin-left: 10px;border-radius: 4px;transition: background 0.2s; font-size: 16px;}
.tab-btn i { font-size: 16px;}
.tab-btn.active { background: #C50D17;color: #fff;}
.tab-btn.active span {color: #fff;}
.tab-content { display: none;}
.tab-content.active { display: block;}
.calendar-placeholder {padding: 30px;text-align: center; font-size: 18px; color: #555;background-color: #f9f9f9;border: 1px dashed #ccc;}
ul.event-list { list-style: none;padding: 0;}
ul.event-list li {border-bottom: 1px solid #eee;padding: 12px 0;font-size: 16px;}

#timeTableList {
  border-top: 2px solid #005128;
  display: none;
}

#timeTableList ul {
  width: 100%;
}

#timeTableList ul::after {
  content: "";
  display: table;
  clear: both;
}

#timeTableList li {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #d7d7d7;
  font-weight: 300;
}

#timeTableList li::after {
  content: "";
  display: table;
  clear: both;
}

#timeTableList li .scd-month {
  float: left;
  width: 330px;
}

#timeTableList li .scd-month .month-box {
  text-align: center;
}

#timeTableList li .scd-month .box-year {
  /*font-family: 'Gmarket';;*/
  font-size: 24px;
  text-transform: uppercase;
  color: #333333;
  font-weight: 500;
  margin-top: 10px;
}

#timeTableList li .scd-month .box-month {
 /* font-family: 'Gmarket';*/
  font-size: 40px;
  color: #19323c;
}

#timeTableList li .list-inner {
  float: right;
  width: calc(100% - 330px);
}

#timeTableList .list-box {
  margin-bottom: 8px;
  font-size: 0;
}

#timeTableList .list-box:last-child {
  margin-bottom: 0;
}

#timeTableList .list-box::after {
  content: "";
  display: table;
  clear: both;
}

#timeTableList .list-date {
  float: left;
  width: 170px;
 /* font-family: 'Gmarket';*/
  font-size: 20px;
  color: #9c0711;
}

#timeTableList .list-date em {
  position: relative;
  top: 0px;
}

#timeTableList .list-content {
  float: left;
  width: calc(100% - 170px);
  /*font-family: 'Gmarket';*/
  font-size: 18px;
  color: #333;
}

#timeTableList .search strong {
  display: block;
  padding: 60px 0 30px 0;
  border-bottom: 2px solid #43505d;
  /*font-family: 'Mont Bold';*/
  font-size: 60px;
  line-height: 1.1;
  color: #333;
}

@media all and (max-width: 990px) {
  #timeTableList li .scd-month {
    width: 200px;
  }

  #timeTableList li .list-inner {
    width: calc(100% - 200px);
  }
}

@media all and (max-width: 700px) {
  #timeTableList li .scd-month,
  #timeTableList li .list-inner {
    width: 100%;
  }

  #timeTableList li .list-inner {
    margin-top: 20px;
  }

  #timeTableList li {
    padding: 20px 20px 25px 20px;
  }

  #timeTableList li .scd-month .box-month {
    font-size: 25px;
  }

  #timeTableList li .scd-month .box-year {
    font-size: 20px;
  }

  #timeTableList li .scd-month .month-box {
    text-align: left;
  }

  #timeTableList .list-date {
    width: 120px;
    font-size: 16px;
  }

  #timeTableList .list-content {
    width: calc(100% - 120px);
    font-size: 16px;
  }
}