@charset "UTF-8";

#contents{position:relative;z-index:97;}
.top_banner #contents{padding:100px 0 0;}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {height: auto !important;}


/* visual_box */
.visual_box .txt_box {position:absolute;left:50%;top:0;margin-left:-800px;width:732px;height:calc(100%);box-sizing:border-box;padding:0 0 110px 60px;color:#fff;z-index:2;display: flex;flex-direction: column;justify-content: center;}
.visual_box .txt_box br{display:none;}
.visual_box .txt_box span{display:block;}
.visual_box .txt1 {font-size:44px;line-height:1.2;font-weight:600;padding:0 0 15px;text-shadow: 2px 2px 5px black;}
.visual_box .txt2 {margin-top:14px;font-size:22px;font-weight:400;line-height:1.363;text-shadow: 2px 2px 5px black;}
.visual_box{position:relative;z-index:2;margin:0 auto;width:1600px;height:640px;border-radius:40px;overflow:hidden;background:url('../images/main/bg_visual_text.png') no-repeat 0 0;}
.visual_slide {position:relative;z-index:2;height:640px;padding:0;overflow:hidden;}
.visual_slide .swiper-container{pointer-events: auto;}
.visual_slide .swiper-container, .swiper-wrapper {height: 100%;}
.visual_slide .swiper-slide {overflow: hidden;pointer-events: auto;}
.visual_slide .swiper-slide {opacity: 1;}
.visual_slide .swiper-slide > div{width:100%;height:calc(100%);}
.visual_slide .btn{position:absolute;text-align: center; bottom:10px; left:0; width:1600px;display:block;z-index:5;padding:0 60px;}
.visual_slide .visual_contr{display:inline-block;width:37px;height:14px;position:relative;overflow:hidden;vertical-align: top;margin-left:-5px;}
.visual_slide .visual_contr.m1{width:24px;margin-left:0;}
.visual_slide .visual_contr .contr{font-size:0;vertical-align:top;border:none;position:absolute; top:0; right:0;width:11px;height:14px;}
.visual_slide .visual_contr .play{display:none;background:url('../images/main/btn_visual_play.png') no-repeat 50% 50%; }
.visual_slide .visual_contr .pause{background:url('../images/main/btn_visual_stop.png') no-repeat 50% 50%; }
.visual_slide .visual_contr.on .play{display:block;}
.visual_slide .visual_contr.on .pause{display:none;}
.visual_slide .visual_contr .prev{font-size:0;vertical-align:top;border:none;width:8px;height:14px;background: url('../images/main/btn_visual_prev.png') no-repeat 50% 50%;pointer-events: auto;pointer-events: auto;z-index: 10;}
.visual_slide .visual_contr .next{font-size:0;vertical-align:top;border:none;width:8px;height:14px;margin-right:19px;background: url('../images/main/btn_visual_next.png') no-repeat 50% 50%;pointer-events: auto;pointer-events: auto;z-index: 10;}
.visual_slide .bg1{background:url('../images/main/visual_01.jpg') no-repeat 50% 50% ; background-size:cover;}
.visual_slide .bg2{background:url('../images/main/visual_02.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .bg3{background:url('../images/main/visual_03.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .swiper-pagination{position:relative;display:inline-block;height:14px;}
.visual_slide .swiper-pagination .swiper-pagination-bullet{display:inline-block;font-size:0;padding:0;margin-right:20px;height:14px;width:14px;line-height:14px;vertical-align:top;border-radius:7px;background:#5aa932;opacity: 0.4;}
.visual_slide .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}

.title_box{padding:72px 0 15px;text-align:center;}
.title_box .tit_move{color:#000;font-size:40px;font-weight:500;}
.title_box .tit_move span{display:block;font-weight:400;font-size:34px;}
.title_box p{font-size:20px;color:#000;line-height:1.33;margin-top:10px;}

.motion{opacity:0;transition-delay: 0.2s;transition: all 1.5s cubic-bezier(0.42,0,0.14,1.01);transform: translateY(118%);}
.motion.st2{opacity:0;transition-delay: 0.5s;transition: all 1.5s cubic-bezier(0.42,0,0.14,1.01)0.5s;transform: translateY(118%);}
.fp-section.active .motion{opacity: 1;transform: translateY(0%);}
.motion.show{opacity: 1;transform: translateY(0%);}


/* program_box */ 
.program_box{position:relative;overflow: hidden;background: url('../images/main/bg_program.jpg') no-repeat 0 0;background-size:cover;margin-top:80px;padding:0px 0 0;}
.program_box .layout{z-index:4;position:relative;height:440px;display: flex;justify-content: flex-end;}
.program_box .title_box{position:absolute;left:0;top:0;text-align:left;}
.program_box .title_box p{font-size:18px;color:#1d1d1d;}
.program_box .title_box p span{display:none;}
.program_box ul{padding:80px 0 0;display: flex;justify-content: flex-end;gap:30px;width:65.6%;}
.program_box li{width:calc(25% - 22.5px);}
.program_box li a{display: flex;flex-direction: column;justify-content: space-between;width:100%;height:280px;background:rgba(90, 169, 50, 0.7);border-radius:0 19px 19px 19px;padding:40px 30px 30px 30px;color:#fff;transition: 0.7s all;}
.program_box li img {border-radius: 0 19px 19px 19px;}
.program_box li a strong{font-size:20px;line-height:1.8;display:block;font-weight:300;}
.program_box li a span{font-size:16px;display:inline-block;padding:0 31px 0 0;background: url('../images/main/ico_go.png') no-repeat 74px 48%;}
.program_box li a:hover{background:rgba(90, 169, 50, 1);}
.program_box .btn_more{position:absolute;left:0;bottom:80px;width:160px;}
.program_box .btn_more a{position:relative;display:block;height:40px;padding:0 30px;color:#1d1d1d;font-size:16px;line-height:40px;border:1px solid #1d1d1d;border-radius:19px;transition: 0.3s all;}
.program_box .btn_more a:after{content:'';display:block;position:absolute;left:118px;top:50%;margin:-4.5px 0 0;width:10px;height:9px;background: url('../images/main/ico_more.png') no-repeat 0 0;}
.program_box .btn_more a:hover{background-color:#5aa932;text-decoration:none;border-color:#5aa932;color:#fff;}
.program_box .btn_more a:hover:after{background: url('../images/main/ico_more_on.png') no-repeat 0 0;}


/* appointment_box */
.appointment_box{padding:0px 0 100px;}
.appointment_box .layout{display:flex;}
.appointment_box .txt_box{width:49.68%;display:flex;padding:77px 0 0 ;}
.appointment_box .txt_box strong{display:block;font-size:24px;line-height:1.25;color:#1d1d1d;font-weight:500;padding-bottom:5px;}
.appointment_box .txt_box .tel{flex: auto;}
.appointment_box .txt_box .tel span{display:block;font-size:16px;color:#666666;font-weight:500;}
.appointment_box .txt_box .tel p{display:block;font-size:46px;color:#326da9;font-weight:700;}
.appointment_box .txt_box .time{width:48.3%;}
.appointment_box .txt_box .time dl{display:flex;margin-top:5px;font-size:16px;color:#1d1d1d;font-weight:500;margin-top:7px;line-height:1.4;}
.appointment_box .txt_box .time dt{width:95px;}
.appointment_box ul{border-left:1px solid #dbe0e4;display:flex;flex: auto;margin:80px 0 0;}
.appointment_box ul li{width:25%;border-right:1px solid #dbe0e4;}
.appointment_box ul li a{display:block;padding:90px 0 0;height:130px;text-align:center;font-size:18px;color:#1d1d1d;font-weight:500;}
.appointment_box ul li:nth-child(1) a{background: url('../images/main/ico_link_01.png') no-repeat 50% 20px;}
.appointment_box ul li:nth-child(2) a{background: url('../images/main/ico_link_02.png') no-repeat 50% 19px;}
.appointment_box ul li:nth-child(3) a{background: url('../images/main/ico_link_03.png') no-repeat 50% 20px;}
.appointment_box ul li:nth-child(4) a{background: url('../images/main/ico_link_04.png') no-repeat 50% 16px;}


/* medical_box */
.medical_box{position:relative;overflow: hidden;}
#medical_slide{display:flex;justify-content: center;align-items: center;width:calc(100%);position:relative;margin:30px 0 0 ;}
#medical_slide .swiper-slide{position:relative;overflow:hidden;border-radius:20px;}
#medical_slide .swiper-slide .img{width:100%;height:100%;display:block;position:relative;}
#medical_slide .swiper-slide .img img{width:100%;}
#medical_slide .swiper-slide .img:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);}
#medical_slide .control{width:calc(100% + 50px);display: block;display:-ms-flexbox;justify-content: space-between;position: absolute;top: calc(50% - 25px);left:auto;z-index: 2;height:0;}
#medical_slide .control > *{width:50px;height:50px;border-radius:100%;border:1px solid #dee2e6;background: #fff;font-size:0;border-radius:100%;transition: 0.3s all;}
#medical_slide .visual_btn.prev{background:#fff url('../images/main/btn_prev.png') no-repeat 50% 50%;position: absolute;top:0;left:0;}
#medical_slide .visual_btn.next{background:#fff url('../images/main/btn_next.png') no-repeat 50% 50%;position: absolute;top:0;right:0;}
#medical_slide .visual_btn.prev:hover{background:#326da9 url('../images/main/btn_prev_on.png') no-repeat 50% 50%;border-color:#326da9;}
#medical_slide .visual_btn.next:hover{background:#326da9 url('../images/main/btn_next_on.png') no-repeat 50% 50%;border-color:#326da9;}
#medical_slide .swiper-slide .txt{position:absolute;left:0;top:0;width:100%;height:100%;padding:25px 0;color:#fff;display: flex;align-items: flex-end;justify-content: center;text-align:center;transition: 0.3s all;}
#medical_slide .swiper-slide .txt strong{display:block;font-size:24px;font-weight:500;padding:0 0 5px;}
#medical_slide .swiper-slide .txt span{display:none;color:#fff;}
#medical_slide .swiper-slide:hover span{display:block;;}
#medical_slide .swiper-slide .link{position:absolute;left:0;bottom:0;display:block;width:100%;height:100%;font-size:0;}
#medical_slide .swiper-slide:hover .txt{flex-direction: column;align-items: center;background: rgba(90, 169, 50, 0.6);}


/* notice_box */
.notice_box{padding:0 0 80px;}
.notice_box .tab_box{position:relative; width:100%;height:263px;margin:35px 0 0;}
.notice_box .tab_box > ul{position:relative; text-align:center;padding:0 66px 0 0;}
.notice_box .tab_box > ul > li{width:180px;vertical-align:top;z-index:1;display:inline-block;margin:0 -4px 0 0;}
.notice_box .tab_box > ul > li > a.t{position:relative;display:inline-block;width:100%;height:50px;line-height:50px;font-size:20px;color:#1d1d1d;vertical-align:top;text-align:center;border-radius:24px;background:#e3e3e3;}
.notice_box .tab_box .on .data {display:block}
.notice_box .tab_box .on .btn_more{z-index:11;}
.notice_box .tab_box .data {display:none;width:100%;position:absolute;left:0;top:90px;z-index:1;text-align:left;}
.notice_box .tab_box .data .btn_view{display:block;width:178px;position:absolute;left:0;bottom:44px;font-size:16px;text-align:right;color:#333;padding:0 0 11px;border-bottom:2px solid #274d7e;}
.notice_box .tab_box > ul > li.on > a.t{background:#326da9;color:#fff;}
.notice_box .tab_box > ul > li.on{border-color:#ffffff;}
.notice_box .btn_more{position:absolute; top:0; left:50%; margin-left:328px;width:50px;z-index:21;text-align:center;z-index:10;}
.notice_box .btn_more a{height:50px;display:block;font-size:0;border-radius:100%;background:#e3e3e3 url('../images/main/ico_more_02.png') no-repeat 50% 50%; font-size:0;}

.notice_box .notice_list{display:flex;gap:40px;justify-content: flex-start;}
.notice_box .notice_list li{position:relative;width:calc(25% - 30px);}
.notice_box .notice_list li a{display:block;background:#f2f5f8;border-radius:22px;padding:75px 20px 0;height:224px;border:1px solid #f7f7f7;}
.notice_box .notice_list li a:hover{text-decoration:none;border:1px solid #326da9;transition: 0.3s all;}
.notice_box .notice_list li a:hover .txt{text-decoration:underline;}
.notice_box .notice_list li .tit{position:absolute;left:19px;top:20px;width:100px;height:36px;line-height:37px;border-radius:17px;background:#326da9;color:#fff;font-size:16px;font-weight:normal;text-align:center;}
.notice_box .notice_list li .tit:hover{text-decoration:none;}
.notice_box .notice_list li .tit.st2{background:#5aa932;}
.notice_box .notice_list li .txt_box .txt{font-size:18px;font-weight:500;line-height:1.66;height:55px;display:block;white-space:normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.notice_box .notice_list li .txt_box .date{position:absolute;left:20px;bottom:20px;font-size:16px;margin-top:13px;display:inline-block;padding:0 0 0 30px;background:url('../images/main/bg_time.png') no-repeat 0 0;height:20px;line-height:19px;}


/* popup */
.layer_pop {position: fixed;left: 0;top: 0;width: 100%;height:100%;z-index: 900;display: none;background: rgba(0, 0, 0, 0.8);}
.layer_pop.open{display:block;}
.layer_box {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height:100%;}
.layer_pop .layer_in {position: relative;width:100%;}

.popup_slide{width:1482px;position:relative;margin: 0 auto;}
.popup_slide .swiper-container{padding:46px 0 0;width:100%;}
.popup_slide .swiper-container, .swiper-wrapper {height: 100%; }
.popup_slide .swiper-slide {overflow: hidden;width:auto;}
.popup_slide .control {position:absolute; top:0; right:0; width:auto;height:36px;z-index:20;text-align:right;transition: transform 0.3s;}
.popup_slide .visual_btn {display:inline-block;font-size:0;height:36px;vertical-align:top;width:36px;border:none;border:1px solid #fff;border-radius:100%;margin-left:6px;}
.popup_slide .visual_btn.prev {background:url('../images/common/btn_pop_prev.png') no-repeat 50% 50%;}
.popup_slide .visual_btn.next {background:url('../images/common/btn_pop_next.png') no-repeat 50% 50%; }

.popup_slide .swiper-wrapper {justify-content: flex-start;}
.popup_slide .swiper-wrapper.center_align {justify-content: center;}
.popup_slide.auto {width: auto;}

.layer_pop .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto;top: 9px;left: 0;right: auto;text-align:left;color:#fff;font-size:18px;}
.layer_pop .slide_box .swiper-pagination-current{margin-right:6px;}
.layer_pop .slide_box .swiper-pagination-total{margin-left:6px;}

.layer_pop .layer_close_box {position: relative;padding:14px 0 0;display:flex;justify-content: center;}
.layer_pop .layer_close_btn {display: inline-block;background:none;border:none;color:#fff;font-size:18px;margin-left:37px;}
.layer_pop .layer_close_box .check1 {display:inline-block; vertical-align:middle;position: relative;}
.layer_pop .layer_close_box .check1 input[type="checkbox"] {width:0px; height:0px; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.layer_pop .layer_close_box .check1 em {display:inline-block; width:20px; height:15px; position: absolute; left: 0; top: 5px;background: url('../images/common/ico_pop_check.png') no-repeat 50% 50%;}
.layer_pop .layer_close_box .check1 label {display: inline-block; padding-left:31px;font-size:18px; color:#fff;cursor: pointer;}
.layer_pop .layer_close_box .check1 input[type="checkbox"]:checked + em {background: url('../images/common/ico_pop_check.png') no-repeat 50% 50%;}

.popup_slide.num2{width:980px;}
.popup_slide.num1{width:480px;}

.open-popup{overflow:hidden !important;}


@media screen and (max-width:1700px) {
	.visual_box{width:calc(100% - 100px);}
	.visual_box .txt_box{left:0;margin-left:0;}
}
@media screen and (max-width:1650px) {
	.popup_slide{width:980px;}
}
@media screen and (max-width:1600px) {
	.visual_box .txt1{font-size: 38px;}
	.visual_box .txt2{font-size: 18px;}
	.visual_box .txt_box{width:643px;}
	.visual_slide .swiper-slide{padding-left: 643px;}

}
@media screen and (max-width:1400px) {
	.visual_box{height:600px;}
	.visual_slide{height:600px;}

	.title_box .tit_move{font-size: 35px;}
	.title_box .tit_move span{font-size: 29px;}

	.program_box .title_box p{font-size: 16px;}
	.program_box li a strong{font-size: 17px;}
	.program_box li a span{font-size: 14px;}

	.appointment_box .txt_box .tel{width:340px;}
	.appointment_box .txt_box .time{width: auto;padding: 0 20px 0 0;}

	#medical_slide .swiper-slide .img{height:300px;}
	#medical_slide .swiper-slide{width:250px !important;}
}
@media screen and (max-width:1240px) {
	.appointment_box .layout{align-items: center;}
	.appointment_box .txt_box{flex-direction: column;text-align:center;}
	.appointment_box .txt_box .tel{width:100%;}
	.appointment_box .txt_box .tel p{font-size:30px;line-height:1.2;margin-top:5px;}
	.appointment_box .txt_box .time{width: 100%;padding:0;display: flex;flex-wrap: wrap;justify-content: center;}
	.appointment_box .txt_box .time dl{padding:0 16px;}
	.appointment_box .txt_box .time dt{width:auto;margin-right:14px;}
	.appointment_box .txt_box .time strong{display:none;}
	.appointment_box .txt_box .time p{width:100%;margin-top:5px;}
	.appointment_box ul{height:130px;}
}
@media screen and (max-width:1150px) {
	#medical_slide .swiper-slide .img{height:240px;}
	#medical_slide .swiper-slide .txt strong{font-size:20px;}
}
@media screen and (max-width:1100px) {
	.visual_slide{height:500px;}
	.visual_slide .swiper-slide{padding:0;}
	.visual_box{height:500px;background:none;width:calc(100% - 40px);}
	.visual_box .txt_box{box-shadow:none;justify-content: end;padding: 0;width: 100%;text-align: center;height: calc(100% - 50px);text-shadow:3px 0 3px rgba(0,0,0,1);}
	.visual_box .txt_box br{display:block;}
	.visual_box .txt1{font-size:30px;}
	.visual_box .txt2{display:none;}
	.visual_slide .btn{text-align: center;width: 100%;bottom: 15px;}

	.program_box{background: url('../images/main/bg_program_mo.jpg') no-repeat 0 0;background-size:cover;margin-top:0px;padding:0px 0 30px;}
	.program_box .layout{flex-direction: column;height:auto;}
	.program_box .title_box{position: relative;width: 100%;text-align:center;}
	.program_box .title_box p span{display:inline;}
	.program_box ul{width: 100%;flex-wrap: wrap;gap: 12px;padding:15px 0 0;}
	.program_box li{width: calc(50% - 6px);}
	.program_box li a{height:200px;}
	.program_box li:nth-child(1) a{border-radius:20px 20px 0 20px;}
	.program_box li:nth-child(2) a{border-radius:20px 20px 20px 0;}
	.program_box li:nth-child(3) a{border-radius:20px 0 20px 20px;}
	.program_box li:nth-child(4) a{border-radius:0 20px 20px 20px;}
	.program_box .btn_more{display:none;}

	.appointment_box .txt_box{padding:30px 0 0;}
	.appointment_box .txt_box strong{font-size: 26px;}

	#medical_slide{margin:15px 0 30px;}
	#medical_slide .control{display:none;}
	#medical_slide .swiper-container{padding:0 0 33px;}
	#medical_slide .swiper-scrollbar {height: 6px;background: #eee;margin-top: 20px;}
	#medical_slide .swiper-scrollbar-drag {background: #333;border-radius: 3px;}
	#medical_slide .swiper-scrollbar{position:absolute;top: auto;bottom: 4px;left: 0;width: 100%;}
	#medical_slide .swiper-slide{width:200px !important;}
	#medical_slide .swiper-slide .txt strong{font-size:19px;}
	#medical_slide .swiper-slide .txt span{font-size:13px;}

	.title_box{padding: 30px 0 11px;}
	.title_box .tit_move{font-size: 26px;}
	.title_box .tit_move span{display:none;}
	.title_box p{font-size:14px;margin-top:5px;}

	.popup_slide{width:480px;}
	.popup_slide.num2{width:480px;}
}
@media screen and (max-width:980px) {
	.title_box{padding: 30px 0 11px;}
	.visual_slide {width:100%;height:auto;}
	.visual_slide .bg1{background:url('../images/main/visual_01_mo.jpg') no-repeat 0 0 ;background-size:100% auto;aspect-ratio: 500 / 429;}
	.visual_slide .bg2{background:url('../images/main/visual_02_mo.jpg') no-repeat 0 0 ;background-size:100% auto;aspect-ratio: 500 / 429;}
	.visual_slide .bg3{background:url('../images/main/visual_03_mo.jpg') no-repeat 0 0 ;background-size:100% auto;aspect-ratio: 500 / 429;}
	
	.pc_none{display:block;}
	.mo_none{display:none;}
	
	.program_box li img {}

	.appointment_box .layout{flex-direction: column;}
	.appointment_box ul{width:100%;margin:16px 0 0;border:none;height:95px;}
	.appointment_box li:last-child{border:none;}
	.appointment_box ul li a{font-size:14px;height:95px;padding:63px 0 0;}
	.appointment_box ul li:nth-child(1) a{background: url('../images/main/ico_link_01.png') no-repeat 50% 15px;background-size:52px auto;}
	.appointment_box ul li:nth-child(2) a{background: url('../images/main/ico_link_02.png') no-repeat 50% 15px;background-size:35px auto;}
	.appointment_box ul li:nth-child(3) a{background: url('../images/main/ico_link_03.png') no-repeat 50% 15px;background-size:45px auto;}
	.appointment_box ul li:nth-child(4) a{background: url('../images/main/ico_link_04.png') no-repeat 50% 12px;background-size:45px auto;}
	.appointment_box .txt_box{width:100%;}

	.notice_box{padding: 0 0 30px;}
	.notice_box .tab_box{margin:2px 0 0;height:211px;}
	.notice_box .tab_box > ul > li:nth-child(1){width:80px;}
	.notice_box .tab_box > ul > li{width:60px;}
	.notice_box .tab_box > ul > li > a.t{font-size:12px;height: 40px;line-height: 40px;z-index:2;}
	.notice_box .tab_box .data{padding: 60px 0 27px;}
	.notice_box .tab_box .data{overflow-x: auto;overflow-y: hidden;white-space: nowrap;scrollbar-width: thin;scrollbar-color: #3a3a3a #e9e9e9;}
	.notice_box .tab_box .data::-webkit-scrollbar {height: 3px;}
	.notice_box .tab_box .data::-webkit-scrollbar-track {background: #e9e9e9border-radius: 0;}
	.notice_box .tab_box .data::-webkit-scrollbar-thumb {background: #3a3a3a;border-radius: 0;}
	.notice_box .tab_box .data::-webkit-scrollbar-thumb:hover {background: #222;}
	.notice_box .tab_box .data::-webkit-scrollbar-thumb {min-width: 40px;}
	.notice_box .tab_box .data::-webkit-scrollbar-button {display: none;}

	.notice_box .tab_box .on .data{top:0;}
	.notice_box .btn_more{margin-left: 154px;height: 40px;width:40px;top: 0;}
	.notice_box .btn_more a{height: 40px;background-size:14px;}
	.notice_box .tab_box .data{top: 60px;}
	.notice_box .notice_list{gap:10px;}
	.notice_box .notice_list li{width: calc(25% - 7.5px);}
	.notice_box .notice_list li a{height:150px;padding: 55px 10px 0;line-height:1.5;}
	.notice_box .notice_list li .tit{top:10px;left:10px;}
	.notice_box .notice_list li .txt_box .txt{font-size:16px;}
	.notice_box .notice_list li .txt_box .date{font-size:14px;left:10px;bottom:9px;}
}
@media screen and (max-width:880px) {
	.visual_box{height:300px;border-radius:10px;}

	.notice_box .notice_list li{width: 200px;flex: none;}
}
@media screen and (max-width:540px) {
	.popup_slide{width:calc(100% - 50px);}
	.popup_slide .swiper-slide img{width:100%;}
	.popup_slide .swiper-slide{width:100% ;}
}
@media screen and (max-width:480px) {
	.notice_box .tab_box > ul > li:nth-child(1){width: 60px;}
	.notice_box .tab_box > ul{padding: 0 40px 0 0;}
	.notice_box .tab_box > ul > li{width:60px;}
	.notice_box .btn_more{margin-left: 107px;}

	.program_box li a{padding: 20px 10px 20px 15px;}
	.program_box li a strong{font-size: 14px;}
}
@media screen and (max-width:360px) {
	.appointment_box ul{flex-wrap: wrap;height:auto;}
	.appointment_box ul li{width: 50%;}
	.appointment_box ul li:nth-child(1){border-bottom: 1px solid #dbe0e4;}
	.appointment_box ul li:nth-child(2){border-right:0;border-bottom: 1px solid #dbe0e4;}
}
@media screen and (max-width:330px) {
	.notice_box .tab_box > ul > li:nth-child(1){width: 55px;}
	.notice_box .tab_box > ul > li{width:85px;}
	.notice_box .btn_more{margin-left: 94px;}
}