@charset "UTF-8";

@media screen and (max-width:1280px){ 
	.main_wrap .wrap { gap:20px; }
	.main_wrap .wrap .left,.main_wrap .wrap .right { flex:1 }
	.main_wrap .wrap .left .main_title .tit .b_tit { font-size: 50px }
	.main_wrap .wrap .left .main_title .tit .s_tit { font-size: 22px; width: calc(100vw - 580px); }
	.main_wrap .wrap .left .main_title .sbj { font-size: 18px; }

	.main_wrap .wrap .left .btn_area { gap: 10px; }
	.main_wrap .wrap .left .btn_area li {font-size: 16px; }
	.main_wrap .wrap .right { padding: 0 30px; }
	.main_wrap .wrap .right .ico_tit { font-size: 20px; }
	.main_wrap .wrap .right .mypage_wrap .progress li { font-size: 14px; }
	.main_wrap .wrap .right .mypage_wrap .progress li .state { font-size: 30px; }
	.main_wrap .wrap .right .cal_table .list .text_box { width: 300px;padding: 10px 10px 10px;font-size:15px; }
	.main_wrap .wrap .right .cal_table .list .text_box .detail { font-size:14px; }
	.main_wrap .wrap .right .cal_table .list .text_box .sbj { padding: 10px 0 0; }
	.main_wrap .wrap .right .cal_table td:nth-child(5) .list .text_box, .main_wrap .wrap .right .cal_table td:nth-child(6) .list .text_box, .main_wrap .wrap .right .cal_table td:nth-child(75) .list .text_box { left: -200px }

	.notice .container .sbj { font-size: 19px; }
	.notice .container #slider-div .slick-slide {font-size: 16px; }
	.notice .container #slider-div .slick-slide span {}
	.notice .container #slider-div .slick-slide span.deta {width:calc(100% - 142px);padding:0 26px}
	.notice .container #slider-div .slick-slide span.time_clock {width:142px;font-size:14px}
}

@media screen and (max-width:1080px){
/* 	.main_wrap {height: auto;} */
	.main_wrap .wrap { display: block; }
	.main_wrap .wrap .left { padding: 50px 0 0; }
	.main_wrap .wrap .left .main_title .tit { margin: 0 0 24px; }
	.main_wrap .wrap .left .main_title .tit .s_tit { width: 100%;font-size:20px}
	.main_wrap .wrap .left .main_title .tit .b_tit {margin-top:5px;font-size:40px}
	.main_wrap .wrap .left .btn_area { margin: 30px 0; }
	.main_wrap .wrap .left .btn_area li img { width:45px; }

	.main_wrap .wrap .right .cal_table .list .text_box {display:none}
	
	.notice .container .sbj {width:150px;padding:10px 19px;font-size:17px}
	.notice .container .sbj img {width:25px;margin-right:3px}

	.notice .container #slider-div .slick-slide span {}
	.notice .container #slider-div .slick-slide span.deta {width:calc(100% - 132px);padding:0 13px}
	.notice .container #slider-div .slick-slide span.time_clock {width:132px}
}

@media screen and (max-width:767px){
	.main_wrap .wrap .left { padding: 0; }
	.main_wrap .wrap .left .main_title .tit .b_tit { font-size: 40px;    -webkit-line-clamp: 3; }
	.main_wrap .wrap .left .main_title .tit .s_tit { font-size: 20px; }
	.main_wrap .wrap .left .main_title .sbj { font-size: 15px; }
	.main_wrap .wrap .left .btn_area li a { padding: 16px 0; }
	.main_wrap .wrap .left .btn_area li img { width:40px; }
	
	.main_wrap .wrap .right { padding: 0 20px; }
	.main_wrap .wrap .right .box { padding: 20px 0; }
	.main_wrap .wrap .right .ico_tit { font-size: 18px; }
	.main_wrap .wrap .right .cal_table th { font-size:14px; }
	/* .main_wrap .wrap .right .cal_table .list .list_wrap .round { width:12px; height: 12px; } */

	.notice .container { display: block; position: relative; padding: 0 0 16px; }
	.notice .container .sbj { font-size:1.15em; padding:16px 0 9px 0;width: 100%; border: none; }
	.notice .container .sbj img {width:23px;margin-right:2px}
	.notice .container .allow_list { position: absolute; top: 10px; right: 10px;border: none; }
	.notice .container .allow_list ul { display: flex;  }
	.notice .container .allow_list .notice_prev { border: none; transform: rotate(-90deg);}
	.notice .container .allow_list .notice_next { border: none; transform: rotate(-90deg);}
	.notice .container #slider-div .slick-slide { line-height: 30px; }
	.notice .container #slider-div .slick-slide span.deta {width:calc(100% - 115px);padding-left:0;font-size:0.9375em}
	.notice .container #slider-div .slick-slide span.time_clock {width:115px;font-size:0.9em}
	.notice .container #slider-div .slick-slide span.time_clock i { line-height: 30px; }
	.notice .container .allow_list {right:0}
	.notice .container .allow_list ul {column-gap:2px}
	.notice .container .allow_list .sl_btn {width:30px;height:30px;padding:0;font-size:1.35em}
	
	.cal_popup .wrap .round {width:12px;height:12px}
	.cal_popup .wrap .text_box {padding-bottom:13px}
	.cal_popup .wrap .list .text_box .tit .round {margin-right:5px}
	.main_wrap .wrap .right .cal_table .list .list_wrap .round {font-size:0.8em;white-space:nowrap}
}

@media screen and (max-width:480px){ 
	.main_wrap .wrap .left .btn_area { flex-wrap: wrap; }
	.main_wrap .wrap .left .btn_area li { flex: 1 0 47%; }

	.main_wrap .wrap .right .mypage_wrap .progress { flex-wrap: wrap; }
	.main_wrap .wrap .right .mypage_wrap .progress li { flex: 1 0 50% }
	.main_wrap .wrap .right .mypage_wrap .progress li:nth-child(2)::after { display:none; }
	.main_wrap .wrap .right .cal_table td { padding: 4px 4px 6px }
	/* .main_wrap .wrap .right .cal_table .list .list_wrap .round { width:8px; height: 8px; } */
	.main_wrap .wrap .right .cal_table .list .text_box { width: 200px;}
	.main_wrap .wrap .right .cal_table td:nth-child(5) .list .text_box, 
	.main_wrap .wrap .right .cal_table td:nth-child(6) .list .text_box, 
	.main_wrap .wrap .right .cal_table td:nth-child(7) .list .text_box { left:-150px }
	.main_wrap .wrap .right .cal_table td:nth-child(4) .list .text_box { left:-100px; }

	.notice .container {padding-bottom:10px}
	.notice .container #slider-div .slick-slide { display: block; }
	.notice .container #slider-div .slick-slide a {display:block}
	.notice .container #slider-div .slick-slide span.deta {width:100%;padding-right:0}
	.notice .container #slider-div .slick-slide span.time_clock {justify-content:right;width:auto;font-size:0.85em;border:0}
	.notice .container #slider-div .slick-slide span.time_clock i {margin-right:5px}
}