@charset "utf-8";

/* ==== 메인 비쥬얼 ====*/
.visual-content{position: relative;max-width:1440px; padding:37px 0 0; margin:0 auto; }
.visual-content:after{clear:both; display:block; overflow:hidden; content:""; height:0}

.visual-content .swiper-wrapper{height: auto;}
.visual-content .swiper-slide{background-color: #ccc;}
.visual-content .swiper-slide .access{position: relative;display: block;height: 0; padding-bottom: 43.473%; background-position: center;-webkit-background-size: cover;
background-size: cover; background-repeat: no-repeat; text-indent: -9999em;font-size: 0;}
.visual-content .swiper-slide .access:focus:after{position: absolute;content:"";display: block;width: 100%;height: 100%;border: 2px solid blue;}
.visual-content .swiper-pagination-current:after{content:"";display: inline-block;clear: both;width: 1px;height: 18px;margin: 0 22px ;background-color: #afafaf;}
.visual-content .swiper-pagination-current, .visual-content .swiper-pagination-total{font-size: 24px;color: #666;}

.visual-content .swiper-button-prev, .visual-content .swiper-button-next{width: 34px;height: 60px;text-indent: -9999em;position: absolute;cursor: pointer;top: 50%;z-index: 10;margin-top: -30px; -webkit-background-size: auto;background-size: auto;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}
.visual-content .swiper-button-prev{background-image: url(/design/theme/child_kr/images//main/main_visual_prev.png);left: 20px;}
.visual-content .swiper-button-next{background-image: url(/design/theme/child_kr/images//main/main_visual_next.png);right: 20px;}

.visual-content .swiper-pagination-bullet {width:25px; height:25px; background:#fff; border-radius: 50%; opacity: 1; margin:0 6px; vertical-align: middle; border:1px solid #8a8a89; cursor: pointer; font-size: 0px;}
.visual-content .swiper-pagination-bullet-active {width:25px; background:#3f0b9f; border:1px solid #3f0b9f; outline: none;}
.visual-content .swiper-pagination-bullet:focus { outline:none;}

.visual-content .control_box{position: absolute;width: 100%;max-width: 1332px;right: 20px;bottom: 15px;z-index: 50;text-align: right; display: flex; align-items: center; justify-content: flex-end}
.visual-content .control_box .swiper-pagination{position: static;position: static; display: inline-flex; align-items: center}
.visual-content .control_box .swiper-btn-ctrl{width:20px; height:20px; background-size:20px;}
.visual-content .control_box .btn-pause{width:38px; height:38px; background-size:38px; font-size: 0px; margin-left:10px; background-image: url(/design/theme/child_kr/images/btn/main_btn_stop.png); margin-right:-5px;}
.visual-content .control_box .btn-play{width:38px; height:38px;  background-size:38px; margin-left:10px; font-size: 0px; background-image: url(/design/theme/child_kr/images/btn/main_btn_play.png);}

/* 어린이 박물관 전시 추가*/
.exhibition-content .wrap{display: flex; justify-content: space-between;}
.exhibition-content .swiper-slide{width: calc(25% - 90px / 4);}

/* ==== 어린이박물관 정보 탭 ==== */
.main-section-1{max-width:1440px; padding: 20px 0 68px; margin: 0 auto; position: relative;background-repeat: no-repeat;background-position: right top 12px;background-image: url(/design/theme/child_kr/images//main/bg_main_cont_01.png);}
.main-section-1 .section-info{border-bottom:3px solid #000000;margin-bottom: 34px;}
.main-section-1 .section-info:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-section-1 .main-info-area{float: left; padding:12px 0 23px 0;}
.main-section-1 .main-info-area > li{display:inline-block; margin-right:53px;font-size: 0;}
.main-section-1 .main-info-area > li:last-child{margin-right:0}
.main-section-1 .main-info-area > li > .info-tit{font-size: 23px;display: inline-block;vertical-align: middle;margin-right: 30px;}
.main-section-1 .main-info-area > li > .info-txt{font-size: 19px;display: inline-block;vertical-align: middle;letter-spacing: -0.4px;}
.main-section-1 .main-info-area > li > .info-txt span{font-weight: 600;font-family: Roboto;}
.main-section-1 .main-info-area > li > .info-txt span.num{}
.main-section-1 .main-info-area > li.info > .info-tit i{display:inline-block; width:28px; height: 29px; margin-right:4px; vertical-align: sub;  background: url(/design/theme/child_kr/images/common/ico_main_cont_01.png) no-repeat left center; background-size:28px;}
.main-section-1 .main-info-area > li.admission > .info-tit i{display:inline-block; width:31px; height: 28px; margin-right:5px; margin-top: 1px; vertical-align: top;  background: url(/design/theme/child_kr/images//common/ico_main_cont_02.png) no-repeat left center; background-size:31px 28px;}

.main-section-1 .info-link{float: right;width: auto; margin-top: 12px;}
.main-section-1 .info-link .btn{padding-bottom: 3px; font-size: 20px; border-bottom: 3px solid #000; font-weight: 600; letter-spacing: -0.4px;}
.main-section-1 .info-link .btn i{display:inline-block; width:30px; height: 20px; margin-left:8px; margin-top: -2px; vertical-align: middle; background: url(/design/theme/child_kr/images/common/ico_main_arrow_01.png) no-repeat left center; background-size:30px 20px;}

/* ==== 관람 예약 현황 ==== */
.main-section-1 .main-reserve-area{font-size: 0;}
.main-section-1 .main-reserve-area .reserve{display: inline-block;width: 50%;vertical-align: middle;padding-top: 26px;}
.main-section-1 .reserve.schedule{height: 426px;border: 1px solid #ddd;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding: 0 40px;background-repeat: no-repeat;background-position: right bottom -22px;background-image: url(/design/theme/child_kr/images//main/bg_main_cont_02.png); background-color: #fff;}
.main-section-1 .reserve.schedule .info-tit{font-size: 26px;text-align: center;padding: 32px 0 11px;    letter-spacing: -0.3px;}
.main-section-1 .reserve.schedule .info-tit i{display:inline-block; width:28px; height: 26px; margin: -5px 8px 0 0; vertical-align: middle;background: url(/design/theme/child_kr/images//common/ico_black_calender.png) no-repeat left center; background-size:28px 26px;}
.main-section-1 .reserve.schedule ul li{border-bottom: 1px dashed #ddd;padding: 12px 0 16px;}
.main-section-1 .reserve.schedule ul li span{display: inline-block;vertical-align: middle;}
.main-section-1 .reserve.schedule ul li:last-child{border-bottom: none;}
.main-section-1 .reserve.schedule ul li > div{display: inline-block; vertical-align: middle;font-size: 20px;letter-spacing: -0.25px;text-align: center;}
.main-section-1 .reserve.schedule ul li .info-1{width: 23.5%; color: #ff8400;text-align: left;padding-left: 30px;}
.main-section-1 .reserve.schedule ul li .info-1{font-size: 19px;position: relative;padding-left: 12px;font-weight: 600;letter-spacing: -0.3px;}
.main-section-1 .reserve.schedule ul li .info-1::before{content: '';width: 4px;height: 4px;background-color: #ff8400;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.main-section-1 .reserve.schedule ul li .info-2{width: 21%;font-size: 20px;text-align: center;color: #666;font-family: Roboto;    letter-spacing: -0.7px;}
.main-section-1 .reserve.schedule ul li .info-3{text-align: center;width: 25%;font-size: 18px;font-family: Roboto; }
.main-section-1 .reserve.schedule ul li .info-3 strong{font-size: 24px;padding-left: 10px;}
.main-section-1 .reserve.schedule ul li .info-3.gray{color: #999;}
.main-section-1 .reserve.schedule ul li .info-4{width: 30%;text-align: right; padding-right: 33px;}
.main-section-1 .reserve.schedule ul li .info-4 span{display: inline-block; width: 128px; height: 40px; line-height: 40px; background-color: #006cb8;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-align: center;color: #fff;font-size: 18px;}
.main-section-1 .reserve.schedule ul li .info-4 span i{display:inline-block; width:14px; height: 13px; margin-right:8px; vertical-align: middle;  background: url(/design/theme/child_kr/images//main/ico_reserve_on.png) no-repeat left center; background-size:14px 13px;}
.main-section-1 .reserve.schedule ul li .info-4 span.deadline{background-color: #6f6f6f;}
.main-section-1 .reserve.schedule ul li .info-4 span.deadline i{width: 12px; height: 9px; background-image: url(/design/theme/child_kr/images/main/ico_reserve_off.png);-webkit-background-size: 12px 9px;background-size: 12px 9px;}
.main-section-1 .reserve.schedule ul li .no-data{display: block; font-size: 24px; text-align: center;color: #ff8400; font-weight: 600;margin: 85px 0 0px;line-height: 1.2;}
.main-section-1 .reserve.schedule ul li .no-data i{display: block; width: 60px; height: 60px; margin: 0 auto 20px; background-image: url(/design/theme/child_kr/images/main/noDate_icon02.png);}

/* ==== 관람, 교육 예약 ==== */
.main-section-1 ul.reserve li{display: inline-block;width: 50%;vertical-align: top;}
.main-section-1 ul.reserve > li.reserve-link a{display: inline-block;text-align: center;}
.main-section-1 ul.reserve > li.reserve-link a span{font-size: 26px;letter-spacing: -0.25;font-weight: 600;}
.main-section-1 ul.reserve > li.reserve-link a i{display: inline-block;width: 300px;height: 300px;margin-bottom: 22px;background-repeat: no-repeat;background-position: center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.main-section-1 ul.reserve > li.reserve-link.tour a i{background-image: url(/design/theme/child_kr/images/main/bg_reserve_01.png);}
.main-section-1 ul.reserve > li.reserve-link.edu a i{background-image: url(/design/theme/child_kr/images/main/bg_reserve_02.png)}

/* ==== 전시, 교육 ==== */
.main-section-2{background-color: #f3f9fe;}
.main-section-2 .section-inner{max-width:1440px; padding: 63px 0 67px; margin: 0 auto; position: relative;}
.main-section-2 .section-inner:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-section-2 .s-content{float:left; width:100%; }
.main-section-2 .s-content.edu-content{width: 48.5%;}
.main-section-2 .main-section-2-tit{ position: relative;}
.main-section-2 .main-cont-tit{margin-bottom:41px; color:#000; font-size:46px;line-height: 1.2;}
.main-section-2 .main-cont-tit a{margin-bottom:30px; color:#000; font-size:30px; ;}

.main-section-2 .pagination{position: absolute; top:16px; right:0}
.main-section-2 .pagination-area{position: relative; width:70px;height: 32px;text-align: center;}
.main-section-2 .swiper-btn .swiper-button-next, .main-section-2 .swiper-btn .swiper-button-prev {position: absolute; top:2px; margin-top:0;width:10px;height:20px;z-index: 20; cursor: pointer; background-size:10px 20px;text-indent: -9999px;}
.main-section-2 .swiper-btn .swiper-button-prev{background-image:url(/design/theme/child_kr/images//main/btn_swiper_prev.png); left:0; right: auto;}
.main-section-2 .swiper-btn .swiper-button-next{background-image:url(/design/theme/child_kr/images//main/btn_swiper_next.png); right:0; left: auto;}

.main-section-2 .swiper-slide > a{width:100%; display:block; position: relative;}

.main-section-2 .swiper-slide .img-area{text-align: center;position: relative;width:100%;height:220px;}
.main-section-2 .swiper-slide .img-area > img{position: absolute; top: 0;  left: 0;  right: 0; bottom: 0;  width: 100%;  height: 100%; margin: auto;object-fit: cover;}
.main-section-2 .swiper-slide .over-cont{position: absolute; top: 0;  left: 0;  right: 0; bottom: 0;  width: 100%;  height: auto; margin: auto;
padding: 28px 30px 20px; background-color:rgba(34, 34, 34, 0.9);opacity: 0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.main-section-2 .swiper-slide > a:hover .over-cont, .main-section-2 .swiper-slide > a:focus .over-cont{opacity: 1;}
.main-section-2 .swiper-slide .over-cont > strong{display: block;font-size:21px; height: 57px;color:#fff;text-align: left;margin-bottom: 29px;
line-height: 1.3;font-weight: 400;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;}
.main-section-2 .swiper-slide .over-cont > ul li p{font-size:15px; color:#fff;word-break: break-all;line-height: 1.4;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis;}

.main-section-2 .swiper-slide .over-cont > ul li button{display: inline-block;font-size: 17px;color: #fed304;padding-bottom: 3px;border-bottom: 1px solid #fed304;}
.main-section-2 .swiper-slide .over-cont > ul.reserve-link{display: block;width: 100%;text-align: center;margin-top: 28px;}
.main-section-2 .swiper-slide .over-cont > ul.reserve-link li{display: inline-block;margin-left: 16px;}
.main-section-2 .swiper-slide .over-cont > ul.reserve-link li:first-child{margin-left: 0;}
.main-section-2 .swiper-slide .over-cont.over{opacity: 1;}
.main-section-2 .swiper-slide .txt{margin-top:20px}
.main-section-2 .swiper-slide .txt span{margin-bottom:18px}
.main-section-2 .swiper-slide .txt a{display:block; margin-bottom:8px; margin-top: 23px;font-size:19px; color:#222;  display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}

.main-section-2 .swiper-slide .txt a:hover{text-decoration: underline}
.main-section-2 .swiper-slide .txt .date{color: #999;}
.main-section-2 .swiper-slide .txt .state_box{}
.main-section-2 .swiper-slide .txt .state_box .box{display: inline-block; min-width: 60px;height: 34px;line-height: 32px;border: 1px solid #000;margin-bottom: 0;font-size: 17px;background-color: #000; padding: 0 15px;margin-right: 6px; color: #fff;  text-align: center; box-sizing: border-box;  vertical-align: middle;}
.main-section-2 .swiper-slide .txt .state_box .box.solid{background-color: #fff;color: #000;}
.main-section-2 .swiper-slide .txt .state_box .box.end{background-color: #ddd;}

.swiper-btn .controller {display:inline; vertical-align:middle;}
.swiper-btn .controller .btn-pause {display: inline-block; width:9px; height:17px; background: url(/ux/content/images/common/btn/btn_swiper_stop.png) no-repeat left center;text-indent: -9999px; background-size:9px 17px;}
.swiper-btn .controller .btn-pause.playing {background: url(/ux/content/images/common/btn/btn_swiper_play.png) no-repeat left center; background-size:9px 17px; text-indent: -9999px;}



/* ==== 알려드려요 ==== */
.main-section-3{max-width:1440px; position: relative; margin:54px auto 0;}
.main-section-3:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-section-3 .main-section-3-tit{position: relative; margin-bottom:34px}
.main-section-3 .main-section-3-tit .main-cont-tit{ color:#000; font-size:46px;letter-spacing: -1.2px; vertical-align: middle;}
.main-section-3 .notice-area.fix-notice{float: left;width: 500px;height: 278px;background-color: #f5f5f5;padding: 36px 60px 40px 40px;background-repeat: no-repeat;background-position: right 18px top 18px;background-image: url(/design/theme/child_kr/images/main/ico_main_notice.png);}
.main-section-3 .notice-area.fix-notice strong{display: block;word-break: keep-all;font-size: 18px;line-height: 1.45;letter-spacing: -0.1px;}
.main-section-3 .notice-area.fix-notice a{display: block;padding-top: 17px;font-size: 16px;color: #666;letter-spacing: -0.2px;line-height: 1.6;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.main-section-3 .notice-area.fix-notice a:hover, .main-section-3 .notice-area.fix-notice a:focus{text-decoration: underline;}
.main-section-3 .notice-area.fix-notice span{display: inline-block;padding-top: 37px;font-size: 16px;color: #444;letter-spacing: -0.2px;}
.main-section-3 .notice-area.notice-list{float: right;width: calc(100% - 500px);padding-left: 10px;}
.main-section-3 .notice-area.notice-list ul{font-size: 0;}
.main-section-3 .notice-area.notice-list ul li{display: inline-block;vertical-align: top;width: calc(50% - 30px);margin-left: 30px;padding: 25px 0 41px;border-top: 2px solid #ddd;
background-repeat: no-repeat;background-position: right 10px bottom 40px;background-image: url(/design/theme/child_kr/images//main/ico_main_notice_arrow.png);}
/* .main-section-3 .notice-area.notice-list ul li:nth-child(3), .main-section-3 .notice-area.notice-list ul li:nth-child(4){padding-bottom: 0;} */
.main-section-3 .notice-area.notice-list ul li .tit{display: block;font-size: 18px;letter-spacing: -0.2px;font-weight: 600;padding-right: 125px;line-height: 1.42;min-height: 52px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.main-section-3 .notice-area.notice-list ul li .tit:hover, .main-section-3 .notice-area.notice-list ul li .tit:focus{text-decoration: underline;}
.main-section-3 .notice-area.notice-list ul li .date{display: block;font-size: 16px;color: #999;letter-spacing: -0.2px;padding-top: 19px;line-height: 1.3;}

/* ==== 어린이 박물관 SNS ==== */
.main-section-4{max-width:1440px; position: relative; margin:51px auto 98px;}
.main-section-4:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-section-4 .main-section-4-tit{position: relative; margin-bottom:48px;text-align: center;}
.main-section-4 .main-section-4-tit .main-cont-tit{ color:#000; font-size:44px;  vertical-align: middle;line-height: 1.2;letter-spacing: -0.2px;}
.main-section-4 .main-section-4-tit .main-cont-tit em{color: #0073bc;}
.main-section-4 .sns-area ul{font-size: 0;text-align: center;}
.main-section-4 .sns-area ul li{display: inline-block;margin-left: 50px;}
.main-section-4 .sns-area ul li:first-child{margin-left: 0;}
.main-section-4 .sns-area ul li a{display: block;}
.main-section-4 .sns-area ul li span{display: inline-block;vertical-align: middle;font-size: 17px;font-weight: 500;}
.main-section-4 .sns-area ul li a i{display: inline-block;vertical-align: middle;width: 44px; height: 44px;margin-right: 10px;background-repeat: no-repeat;background-position: right center;}
.main-section-4 .sns-area ul li a.sns01 i{background-image: url(/design/theme/child_kr/images//main/ico_main_sns_01.png);}
.main-section-4 .sns-area ul li a.sns02 i{background-image: url(/design/theme/child_kr/images//main/ico_main_sns_02.png);}
.main-section-4 .sns-area ul li a.sns03 i{background-image: url(/design/theme/child_kr/images//main/ico_main_sns_03.png);}
.main-section-4 .sns-area ul li a.sns04 i{background-image: url(/design/theme/child_kr/images//main/ico_main_sns_04_new.png);}
.main-section-4 .sns-area ul li a.sns05 i{background-image: url(/design/theme/child_kr/images//main/ico_main_sns_05.png);}


.visual-area{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display:table;}
.visual-area .visual-inner{font-size:22px}
.visual-txt{display:table-cell;box-sizing:border-box;}
.visual-txt .catTxt{display:inline-block;font-size:16px;color:#202020;border-color:#202020;padding:4px 15px;border-width:2px;border-style:solid;text-align:center;margin-bottom:12px;font-family:'notokr-medium'; margin-bottom:8px;}
.visual-txt .tit{display:block;font-size:48px;line-height:normal; font-family:'notokr-medium';font-weight:400; line-height:62px; margin-bottom:8px}
.coWhite{color:#fff}
.coBlack{color:#000}
.visual-txt .coWhite .catTxt{color:#fff;border-color:#fff;}
.visual-txt .coBlack .catTxt{color:#202020;border-color:#202020; background-color:#ffffff}
.visual-txt .coWhite .reverse{color:#202020;border-color:#fff;background-color:#fff}
.visual-txt .coBlack .reverse{color:#fff;border-color:#202020;background-color:#202020}
.visual-txt .tit.tSubject{font-size:36px}
.visual-info{margin:0 8%;box-sizing:border-box;overflow:hidden;}
.tInfoOcy{display:block;font-size:26px; font-family:'notokr-medium';font-weight:400;opacity:0.9;margin-bottom:12px;}
.tInfo{display:block;font-size:22px;line-height:normal; font-family: 'notokr-light';}
.tInfoDate{font-size:22px}
.Mtp11, .MC{vertical-align:middle;text-align:left;}
.Mtp13{vertical-align:middle;text-align:center;}
.Mtp15{vertical-align:middle;text-align:right;}
.m-visual-img{display:none;}

@media all and (max-width:1300px)
{

	.main-section-1 .reserve.schedule ul li .info-2{font-size: 17px;}

}
@media all and (max-width:1250px){
	.main-section-1 .reserve.schedule .info-tit{font-size: 24px;}
	.main-section-1 .reserve.schedule ul li .info-1{font-size: 17px;width: 20%;}
	.main-section-1 .reserve.schedule ul li .info-1::before{margin-top: -1px;}
	.main-section-1 .reserve.schedule ul li .info-2{width: 25%;font-size: 17px;}
	.main-section-1 .reserve.schedule ul li .info-3{width: 25%;font-size: 17px;}


	.main-section-1 ul.reserve > li.reserve-link a i{width: 245px;height: 245px;-webkit-background-size: contain;
	background-size: contain;}
}

/*************************************************모바일*************************************************/
@media all and (max-width:991px){
    .visual-content{padding: 0;}
	.visual-content .swiper-slide{height: auto;}
    .visual-content .swiper-button-prev, .visual-content .swiper-button-next{display: none;}
    .visual-content .swiper-slide .m_off{display: none;}
    .visual-content .swiper-slide .access.m_on{display: block;padding-bottom: 86.934%;background-size: cover;}

    .main-section-1{max-width: 100%;padding: 31px 0 50px;background-position: right 34px top 183px;}
    .main-section-1 .section-info{padding: 0 20px 40px;}
    .main-section-1 .main-info-area{float: none;padding: 0;}
    .main-section-1 .main-info-area > li{display: block;margin-bottom: 23px;}
    .main-section-1 .main-info-area > li > .info-tit{display: block;font-size: 1.21rem;}
    .main-section-1 .main-info-area > li.info > .info-tit i{width: 21px;height: 22px;background-size: 21px;margin-right: 6px;margin-top: -3px;vertical-align: middle;}
    .main-section-1 .main-info-area > li.admission > .info-tit i{width: 22px;height: 20px;background-size: 22px 20px;margin-top: -3px;vertical-align: middle;}
    .main-section-1 .main-info-area > li > .info-txt{display: block;font-size: 1.08rem;margin-top: 12px;}


    .main-section-1 .info-link{float: none;margin-top: -5px;}
	.main-section-1 .info-link .btn{font-size: 18px;    padding-bottom: 12px;}
	.main-section-1 .info-link .btn i{ width: 23px;   background: url(/design/theme/child_kr/images//common/m_ico_main_arrow_01.png) no-repeat left center;-webkit-background-size: 23px;	background-size: 23px;}
    .main-section-1 .main-reserve-area{padding: 0 20px;}
    .main-section-1 .main-reserve-area .reserve{width: 100%;height: auto;}
    .main-section-1 .main-reserve-area .reserve.schedule{padding: 0 20px;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
    .main-section-1 .reserve.schedule .info-tit{font-size: 1.2rem;letter-spacing: -0.6px;    padding: 34px 0 14px;}
    .main-section-1 .reserve.schedule .info-tit i{width: 22px;height: 20px;background-size: 22px 20px;    margin: -4px 5px 0 0;}
	.main-section-1 .reserve.schedule ul li{padding: 6px 0 14px;}
    .main-section-1 .reserve.schedule ul li > div{font-size: 1.125rem;}
    .main-section-1 .reserve.schedule ul li .info-1{width: 33.33%;padding-left: 0;font-size: 17px;padding-left: 10px;}
	.main-section-1 .reserve.schedule ul li .info-1 span{}
    .main-section-1 .reserve.schedule ul li .info-2{width: 33.33%;font-size: 17px;font-weight: 500;letter-spacing: -0.2px;}
    .main-section-1 .reserve.schedule ul li .info-3{width: 33.33%;text-align: right;font-size: 15px;padding-top: 3px;}
	.main-section-1 .reserve.schedule ul li .info-3 strong{font-size: 16px;}
    .main-section-1 .reserve.schedule ul li > div.info-4{display: block;width: 100%;padding-right: 0;padding-top: 7px;}
    .main-section-1 .reserve.schedule ul li .info-4 span{width: 100%;height: 30px;line-height: 30px;font-size: 0.82rem;}
    .main-section-1 .reserve.schedule ul li .info-4 span i{width: 9px;height: 100%;background-size: 8px 8px;vertical-align: top;background-position: left top 50%;margin-right: 5px;}
    .main-section-1 .reserve.schedule ul li .info-4 span.deadline i{width: 9px;height: 100%;background-size: 9px 7px;background-position: left top 46%;}
    .main-section-1 .reserve.schedule ul li .no-data{margin: 40px 0 50px;font-size: 18px;}
	.main-section-1 .reserve.schedule ul li .no-data i{width: 50px;height: 50px;-webkit-background-size: 50px;
	background-size: 50px;}


    .main-section-1 ul.reserve li{width: 100%;padding-left: 0;margin-top: 9px;}
    .main-section-1 ul.reserve li.edu{margin-top: 20px;}
    .main-section-1 ul.reserve > li.reserve-link a{display: inline-block;}
    .main-section-1 ul.reserve > li.reserve-link a i{width: 160px;height: 160px;background-size: 100%;vertical-align: middle;margin-bottom: 0;}
    .main-section-1 ul.reserve > li.reserve-link a span{display: inline-block;font-size: 20px;margin-top: -2px;vertical-align: middle;    letter-spacing: -0.5px;padding-left: 50px;}
	.main-section-1 ul.reserve > li.reserve-link.tour a i{background-image: url(/design/theme/child_kr/images/main/m_bg_reserve_01.png);}
	.main-section-1 ul.reserve > li.reserve-link.edu a i{background-image: url(/design/theme/child_kr/images/main/m_bg_reserve_02.png);}

    .main-section-2 .section-inner{max-width: 100%;padding: 46px 20px 56px;}
    .main-section-2 .s-content.exhibition-content{width: 100%;margin-right: 0;}
    .main-section-2 .s-content.edu-content{width: 100%;padding-top: 45px;}
	.main-section-2 .main-cont-tit{margin-bottom: 31px;font-size: 29px;margin-left: -1px;}
	.main-section-2 .swiper-slide .txt .state_box .box{height: 28px;line-height: 26px;font-size: 14px;padding: 0 13px;}
	.main-section-2 .swiper-slide .txt{margin-right: 18px;}
	.main-section-2 .swiper-slide .txt a{font-size: 15px; letter-spacing: 0; margin-top: 16px;margin-bottom: 6px;}
	.main-section-2 .swiper-slide .txt .date{font-size: 14px;}
	.main-section-2 .pagination{top: 6px;}
	.main-section-2 .pagination-area{width: 62px;font-size: 14px;}

    .main-section-3{max-width: 100%;padding: 0 20px;margin-top: 39px;}
	.main-section-3 .main-section-3-tit{margin-bottom: 28px;}
    .main-section-3 .main-section-3-tit .main-cont-tit{font-size: 1.821rem;}

    .main-section-3 .notice-area.fix-notice{float: none;width: 100%; height: 229px; background-position: right 28px top 28px; padding: 28px 36px 30px 29px;}
    .main-section-3 .notice-area.fix-notice strong{font-size: 0.938rem;line-height: 1.22;    letter-spacing: -0.3px;}
    .main-section-3 .notice-area.fix-notice a{font-size: 0.875rem; line-height: 1.36; -webkit-line-clamp: 4;padding-top: 21px;}
    .main-section-3 .notice-area.fix-notice span{font-size: 0.875rem;padding-top: 20px;}
    .main-section-3 .notice-area.notice-list{float: none;width: 100%;padding-left: 0;}
    .main-section-3 .notice-area.notice-list ul li{width: 100%;margin-left: 0;padding: 28px 0 20px;    background-position: right 0px bottom 20px;}
    .main-section-3 .notice-area.notice-list ul li:first-child{border-top: none;}
    .main-section-3 .notice-area.notice-list ul li .tit{font-size: 0.938rem;min-height: unset;padding-right: 30px;letter-spacing: -0.3px;line-height: 1.3;}
    .main-section-3 .notice-area.notice-list ul li .date{font-size: 0.875rem;line-height: 1.3;padding-top: 13px;letter-spacing: -0.3px;}

	.main-section-4{margin: 61px auto 91px;}
    .main-section-4 .main-section-4-tit{margin-bottom: 13px;}
    .main-section-4 .main-section-4-tit .main-cont-tit{font-size: 1.825rem;word-break: keep-all;letter-spacing: -0.5px;line-height: 1.24;padding: 0 10px;}
    .main-section-4 .sns-area ul li{margin-left: 23px;margin-top: 23px;}
    .main-section-4 .sns-area ul li a i{width: 32px;height: 32px;background-size: contain;}
    .main-section-4 .sns-area ul li span{font-size: 0.835rem;padding-top: 1px;}

	.visual-txt{text-align:left; vertical-align:top; padding-top:90px}
.visual-area{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display:table;}
.visual-area .visual-inner{font-size:22px}
.visual-txt{display:table-cell;box-sizing:border-box;}
.visual-txt .catTxt{font-size:26px;padding:4px 19px; font-family:'notokr-medium'; margin-bottom:30px;}
.visual-txt .tit{font-size:60px;line-height:72px; margin-bottom:15px;}
.visual-txt .tit.tSubject{font-size:36px}
.tInfoOcy{display:block;font-size:26px; font-family:'notokr-medium';font-weight:400;opacity:0.9;margin-bottom:12px;}
.tInfo{font-size:26px; font-family: 'notokr-regular'; }
.tInfoDate{font-size:26px}

.m-visual-img{display:block;}
.pc-visual-img{display:none;}
}


@media all and (max-width:768px){
.visual-content .swiper-slide{height: auto;}
.visual-content .swiper-slide .access.m_on { display: block;padding-bottom: 86.934%; background-size: cover;}

.visual-content .control_box{bottom: 9px;}
.visual-content .swiper-pagination-bullet {width:16px; height:16px; margin:0 5px}
.visual-content .swiper-pagination-bullet-active {width:16px;}
.visual-content .control_box .btn-pause {width:25px; height:25px; background-size: 25px; margin-right:-12px;}
.visual-content .control_box .btn-play {width:25px; height:25px; background-size: 25px;}


.main-section-1 ul.reserve li{text-align: center;}
.main-section-1 ul.reserve li.edu{margin-top: 30px;}
.main-section-1 ul.reserve > li.reserve-link a span{padding-left: 0; display: block; margin-top: 6px;}

.visual-txt{padding-top:45px;}
.visual-area .visual-inner{font-size:14px}
.visual-txt .catTxt{font-size:14px;padding:4px 15px;margin-bottom:10px;}
.visual-txt .tit{font-size:30px;line-height:36px; margin-bottom:7px;}
.visual-txt .tit.tSubject{font-size:18px}
.tInfoOcy{font-size:14px;margin-bottom:6px;}
.visual-info{margin:0 5%;box-sizing:border-box;overflow:hidden;}
.tInfo{font-size:14px;}
.tInfoDate{font-size:14px}
}

