@charset "UTF-8"; 



/* visual */

#visual {width: 100%; background: url(../img/main/visual_bg.jpg)center center no-repeat;background-size:cover; }
#visual .inner_wrap{max-width: 1400px; margin: 0 auto; padding: 45px 0; box-sizing: border-box; }

#visual .vis_top{display: flex; justify-content: space-between; width: 100%;}
#visual .vis_top .vis_top_l{width:calc(100% - 500px - 40px); margin: 0 40px 0 0;}
#visual .vis_top .vis_top_l .visual_slide_wrap{position: relative;}
#visual .vis_top .vis_top_l .visual_slide{}
#visual .vis_top .vis_top_l .visual_slide .item{border-radius: 70px 20px 20px 20px; overflow: hidden}
#visual .vis_top .vis_top_l .visual_slide_btn{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,.6); z-index: 10; width: 100%; max-width: 265px; border-radius: 20px 0 20px 0; padding: 18px 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
#visual .vis_top .vis_top_l .visual_slide_btn ul.slide_cnt{display: flex;justify-content: center; margin-right: 30px;}
#visual .vis_top .vis_top_l .visual_slide_btn ul.slide_cnt li{font-size:20px; font-weight: bold; color: #fff; margin: 0 5px 0 0;}

#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn{display: flex; }
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li{margin: 0 20px 0 0;}
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li:last-child{margin:0;}
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li.vis_prev{}
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li.vis_next{}
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li.vis_stop{}
#visual .vis_top .vis_top_l .visual_slide_btn .slide_btn li.vis_play{display: none;}

#visual .vis_top .vis_top_l .tit_wrap{position: absolute; top:22%; left: 70px; z-index: 1;}
#visual .vis_top .vis_top_l .tit_wrap img{margin-bottom: 20px;}
#visual .vis_top .vis_top_l .tit_wrap p{font-size: 18px; color: #fff; text-shadow: 0 0 5px rgba(67,69,77,95); line-height: 28px;}


#visual .vis_top .vis_top_r{width:100%; max-width: 500px;}
#visual .vis_top .vis_top_r .schedule{}
#visual .vis_top .vis_top_r .schedule h2{font-size:28px; font-weight: bold; background: #fff; padding:25px 0; box-sizing: border-box; border-radius: 20px; width: 100%; max-width: 180px; text-align: center; position: relative; z-index: 1}
#visual .vis_top .vis_top_r .schedule h2 span{color:#437dea; }

#visual .vis_top .vis_top_r .schedule .calendar{background: #fff; border-radius: 20px; padding:40px 30px 30px 30px; box-sizing: border-box; position: relative; top: -54px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_top{text-align: center; margin-bottom: 10px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .date{font-size:30px; font-weight: bold; display: inline-block; vertical-align: bottom;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .date b{color: #004cce; font-weight: bold; font-size:40px;}

#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .prev a{background: url(../img/main/calendar_btn_spicon.png)0 0 no-repeat #fff; width: 32px; height: 32px; display: inline-block; vertical-align: bottom; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 50%;margin: 0 25px 0 0; }
#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .next a{background: url(../img/main/calendar_btn_spicon.png)-32px 0 no-repeat #fff; width: 32px; height: 32px; display: inline-block; vertical-align: bottom; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 50%; margin: 0 0 0 25px;}

#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm{}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl{border-bottom: 1px solid #0088aa;margin-bottom: 20px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl th{font-size: 16px; height: 45px; box-sizing: border-box; border-top: 1px solid #0088aa; border-bottom: 1px solid #0088aa; }
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td{font-size: 16px;font-weight: 500; box-sizing: border-box;text-align: center; height: 45px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl .sun{color: #dc0e10 }
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl .sat{color: #146ec4 }

#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td span.on{background:#6d6d6d; color: #fff; width: 30px; height: 30px; border-radius: 50%; margin:  0 auto; display: block; line-height: 30px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td span.today{background:#1766c5; color: #fff; width: 30px; height: 30px; border-radius: 50%; margin:  0 auto; display: block; line-height: 30px;}

#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list {height:120px;overflow-y:scroll;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li{margin-bottom:13px;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li:last-child{margin-bottom: 0;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a{display: block; font-size: 18px; font-weight: 500}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a .date{font-weight: bold; position: relative;width: 90px;display: inline-block;vertical-align: middle;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a .txt{width: calc(100% - 112px); display: inline-block;vertical-align: middle; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a .date:after{content: '';width: 1px; height: 17px; background: #333; position: absolute; top:50%; right: 8px; transform: translateY(-50%);}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a .date:before{content: '';width: 22px; height: 23px; background: url(../img/main/schedule_spicon.png)0 0 no-repeat; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a .date.today:before{background-position: -22px 0;}


#visual .vis_btm{display: flex; flex-wrap: wrap; background: #fff; border-radius: 20px;}
#visual .vis_btm .vis_btm_l{padding: 30px ; box-sizing: border-box;width: 100%; max-width: 920px;border-right: 1px solid #dcdcdc;}
#visual .vis_btm .vis_btm_l ul{display: flex; flex-wrap: wrap;  }
#visual .vis_btm .vis_btm_l ul li{width: 20%; }
#visual .vis_btm .vis_btm_l ul li a{display:block; text-align: center; }
#visual .vis_btm .vis_btm_l ul li a span.img{background: url(../img/main/vis_quick_spicon.png) 0 0 no-repeat; width:102px; height: 102px; display: block; margin: 0 auto 10px;}
#visual .vis_btm .vis_btm_l ul li:nth-child(2) a span.img{background-position: -102px 0;}
#visual .vis_btm .vis_btm_l ul li:nth-child(3) a span.img{background-position: -204px 0;}
#visual .vis_btm .vis_btm_l ul li:nth-child(4) a span.img{background-position: -306px 0;}
#visual .vis_btm .vis_btm_l ul li:nth-child(5) a span.img{background-position: -408px 0;}
#visual .vis_btm .vis_btm_l ul li a span.tit{font-size: 20px;font-weight: 500; }

#visual .vis_btm .vis_btm_r{width: calc(100% - 920px);}
#visual .vis_btm .vis_btm_r p{font-size: 22px; font-weight: bold; text-align: center; padding: 17px 0; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
#visual .vis_btm .vis_btm_r ul{display: flex; align-items: center; }
#visual .vis_btm .vis_btm_r ul li{width: 33.33%;  box-sizing: border-box; border-right: 1px solid #dcdcdc}
#visual .vis_btm .vis_btm_r ul li:last-child{border-right: none;}
#visual .vis_btm .vis_btm_r ul li a{display: block;padding: 23px 0; box-sizing: border-box;}
#visual .vis_btm .vis_btm_r ul li a span.img{background: url(../img/main/head_btm_spicon.png) 0 0 no-repeat; width: 70px; height: 55px; display: block; margin: 0 auto 10px; }
#visual .vis_btm .vis_btm_r ul li:nth-child(2) a span.img{background-position: -70px 0;}
#visual .vis_btm .vis_btm_r ul li:nth-child(3) a span.img{background-position: -140px 0;}
#visual .vis_btm .vis_btm_r ul li a span.tit{font-size: 20px; font-weight: 500; text-align: center; display: block;}


@media all and (max-width:1400px){
	#visual{background-size: cover}
	#visual .vis_top{flex-direction: column;}
	#visual .vis_top .vis_top_l{width: 100%; margin: 0 0 30px 0;}
	#visual .vis_top .vis_top_r{width: 100%; max-width: none; }
	#visual .vis_top .vis_top_r .schedule .calendar {padding: 45px 40px 40px 40px; top:-30px;}
	
	#visual .vis_btm{flex-direction: column;}
	#visual .vis_btm .vis_btm_l{width: 100%; max-width: none; margin: 0; border-bottom: 1px solid #dcdcdc;border-right: 0; }
	#visual .vis_btm .vis_btm_r{width: 100%;}
	
}


@media all and (max-width:768px){
	
	#visual .vis_top .vis_top_l .tit_wrap p{font-size: 16px; line-height: 24px;}
	#visual .vis_top .vis_top_r .schedule h2{font-size: 24px;}
	#visual .vis_top .vis_top_r .schedule .calendar {padding: 40px 30px 30px 30px;}
	
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .date{font-size: 17px;}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .date b{font-size: 24px;}
	
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .prev a{width: 27px; height: 27px; background-size: cover;}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_top .next a{width: 27px; height: 27px; background-size: cover;background-position: -27px 0;}
	
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl th{font-size: 14px;}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td{font-size: 14px;}
	
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td .on{width: 26px; height: 26px; line-height: 26px;cursor: pointer}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .con_tbl td .today{width: 26px; height: 26px; line-height: 26px;cursor: pointer}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li{margin-bottom: 12px}
	#visual .vis_top .vis_top_r .schedule .calendar .calendar_btm .sche_list li a{font-size: 16px;}
	
	#visual .vis_btm .vis_btm_l ul li a span.tit{font-size: 17px;}
	#visual .vis_btm .vis_btm_r p{font-size: 17px;}
	#visual .vis_btm .vis_btm_r ul li a span.tit{font-size: 17px;}
	
	#visual .vis_btm .vis_btm_l ul li a span.img{width: 80px; height: 80px; background-size: cover;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(2) a span.img{background-position: -80px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(3) a span.img{background-position: -160px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(4) a span.img{background-position: -240px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(5) a span.img{background-position: -320px 0;}
	
	#visual .vis_btm .vis_btm_r ul li a span.img{}
	
}


@media all and (max-width:640px){
	
	#visual .vis_btm .vis_btm_l ul{}
	#visual .vis_btm .vis_btm_l ul li{width: 33.33%; margin: 0 0 20px 0; }
	
	#visual .vis_btm .vis_btm_l ul li:nth-child(4n),visual .vis_btm .vis_btm_l ul li:nth-child(5n){margin: 0;}
	
	
	#visual .vis_btm .vis_btm_l ul li a span.img{width: 70px; height: 70px; background-size: cover;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(2) a span.img{background-position: -70px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(3) a span.img{background-position: -140px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(4) a span.img{background-position: -210px 0;}
	#visual .vis_btm .vis_btm_l ul li:nth-child(5) a span.img{background-position: -280px 0;}
	
	#visual .vis_btm .vis_btm_l ul li a span.tit{font-size: 15px;}
	
	#visual .vis_btm .vis_btm_r ul li a span.img{width: 60px; height: 47px; background-size: cover;}
	#visual .vis_btm .vis_btm_r ul li:nth-child(2) a span.img{background-position: -60px 0;}
	#visual .vis_btm .vis_btm_r ul li:nth-child(3) a span.img{background-position: -120px 0;}
	#visual .vis_btm .vis_btm_r ul li:nth-child(4) a span.img{background-position: -180px 0;}
	#visual .vis_btm .vis_btm_r ul li:nth-child(5) a span.img{background-position: -240px 0;}
	
}


/* latest */

#latest{}
#latest .inner_wrap{width: 100%; max-width: 1400px; margin: 0 auto; font-size: 0; box-sizing: border-box; padding: 40px 0;display: flex; flex-wrap: wrap; justify-content: space-between; word-break: keep-all;}

#latest .latest_l{width: 60%;}
#latest .latest_l .tit_wrap{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
#latest .latest_l .tit_wrap h2 {font-size: 34px; font-weight: bold; }

#latest .latest_l .extract_wrap {width: 100%;}
#latest .latest_l .extract_wrap ul.tab{display: flex; flex-wrap: wrap; box-shadow: 0 0 18px rgba(0,0,0,.1); border-radius: 10px; box-sizing: border-box; margin-bottom: 25px;}
#latest .latest_l .extract_wrap ul.tab li{width: 20%;}
#latest .latest_l .extract_wrap ul.tab li a{display: block; font-size:18px; font-weight: bold;padding: 16px 0; box-sizing: border-box; text-align: center; border-right: 1px dashed #ccc; }
#latest .latest_l .extract_wrap ul.tab li:last-child a{border-right: 0;}
#latest .latest_l .extract_wrap ul.tab li.on a{background: linear-gradient(to right, #3a8cdd, #06b2c1); color: #fff; border-radius: 10px; border: 0; box-shadow: 3px 3px 3px rgba(0,0,0,.2)}
#latest .latest_l .extract_wrap ul.tab li.on a::before{content: ''; background:url(../img/main/notice_tab_icon.png)0 0 no-repeat; width:20px; height: 20px; display: inline-block; vertical-align: top; margin: 0 8px 0px 0; }


#latest .latest_l .extract_wrap b.category{display: inline-block; vertical-align: middle; width: 100%; max-width: 68px; border-radius: 5px; font-size: 16px; color: #fff; text-align: center; padding: 6.5px 0; box-sizing: border-box; margin: 0 10px 0 0;}
#latest .latest_l .extract_wrap b.category_noti{background: #8bb24b}
#latest .latest_l .extract_wrap b.category_01 {background: #6681d1}
#latest .latest_l .extract_wrap b.category_02 {background: #7f7f7f}
#latest .latest_l .extract_wrap b.category_03 {background: #9f6bc8}
#latest .latest_l .extract_wrap b.category_04 {background: #c2a842}


#latest .latest_l .extract_wrap .extract_top{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
#latest .latest_l .extract_wrap .extract_top .extract_top_cmn{width: 48%; margin: 0 4% 0 0; background:#f6f7f8; border-radius: 20px; padding: 30px; box-sizing: border-box; word-break: keep-all; }
#latest .latest_l .extract_wrap .extract_top .extract_top_cmn:last-child{margin: 0;}

#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .category_wrap{margin-bottom:25px;}
#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .tit{font-size: 20px; font-weight: bold;margin-bottom: 10px;height: 56px; overflow: hidden; line-height: 28px;}
#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .date{font-size:17px; color: #666; text-align: right;}
#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .date:before{content: ''; background: url(../img/main/latest_date_icon.png) 0 0 no-repeat; width: 16px; height: 18px; display: inline-block; vertical-align:top; margin: 1px 10px 0 0;}


#latest .latest_l .extract_btm{}
#latest .latest_l .extract_btm ul{}
#latest .latest_l .extract_btm ul li{padding: 20px 0; box-sizing: border-box; border-bottom: 1px dashed #ccc;}
#latest .latest_l .extract_btm ul li:first-child{padding-top: 0;}
#latest .latest_l .extract_btm ul li:last-child{padding-bottom: 0; border-bottom: 0;}
#latest .latest_l .extract_btm ul li a{display: block;display: flex; align-items: center; }
#latest .latest_l .extract_btm ul li a span.date{background: #f6f6f6; border-radius: 5px; font-size: 16px;font-weight: 500;display: inline-block; width: 100%; max-width: 82px; text-align: center; padding:12.5px 0; box-sizing: border-box; margin-right: 20px;}
#latest .latest_l .extract_btm ul li a span.date b{font-size:32px; font-weight: bold; color: #0088aa;display: block;}
#latest .latest_l .extract_btm ul li a span.txt{width:calc(100% - 82px - 20px - 100px); }
#latest .latest_l .extract_btm ul li a span.txt .tit{font-size:20px; font-weight: bold; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#latest .latest_l .extract_btm ul li a span.txt .exp{font-size: 17px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#latest .latest_l .extract_btm ul li span.btn{width: 100%; max-width: 100px;text-align: right;}

#latest .latest_l .extract_btm ul li span.btn b{background: url(../img/main/latest_arrw_btn.png)-50px 0 no-repeat; width:50px; height: 50px; display: inline-block; vertical-align: middle; }

#latest .latest_l .extract_btm ul li:hover span.btn b{background-position: 0;}



#latest .latest_l .extract_wrap .tab_con_cmn{display: none;}
#latest .latest_l .extract_wrap .tab_con_cmn .extract.no-data {font-size:20px;font-weight:bold;text-align:center;padding:100px 0;}




#latest .latest_l .extract_wrap .tab_con_01{display: block;}


#latest .latest_r{width: 35.7%; border-radius: 20px 40px 20px 20px; box-shadow: 0 0 20px rgba(0,0,0,.15);overflow: hidden;}
#latest .latest_r .latest_r_top{background: url(../img/main/latest_r_bg.jpg)center right no-repeat; width: 100%; padding: 40px; box-sizing: border-box; border-radius: 20px 40px 0 0;}

#latest .latest_r .latest_r_top h2{font-size: 34px; font-weight: bold; margin-bottom: 20px;}
#latest .latest_r .latest_r_top p{font-size: 17px; line-height: 28px;}


#latest .latest_r .latest_r_btm{}
#latest .latest_r .latest_r_btm_box{padding: 40px 30px; box-sizing: border-box;}
#latest .latest_r .latest_r_btm ul.contact{}
#latest .latest_r .latest_r_btm ul.contact li.tit{ font-size: 18px; font-weight: 500; border: 1px dashed #96a1a0; padding: 5px 20px; box-sizing: border-box; display: inline-block; border-radius: 20px; margin-bottom: 14px;}
#latest .latest_r .latest_r_btm ul.contact li.txt{margin-bottom: 40px;}
#latest .latest_r .latest_r_btm ul.contact li.txt:last-child{margin-bottom: 0;}
#latest .latest_r .latest_r_btm ul.contact li.txt span.call{font-size: 18px;font-weight: bold;}
#latest .latest_r .latest_r_btm ul.contact li.txt span.call b{font-size: 28px;font-weight: bold;}
#latest .latest_r .latest_r_btm ul.contact li.txt span.call:before{content: ''; background:url(../img/main/latest_call_spicon.png)0 0 no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
#latest .latest_r .latest_r_btm ul.contact li.txt:last-child span.call:before{background-position: -38px 0;}
#latest .latest_r .latest_r_btm ul.contact li.txt span.exp{font-size:17px; color: #666;  display: block;padding-left: 48px;}

#latest .latest_r .latest_r_btm .load{background: #f8f8f8;padding: 50px 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
#latest .latest_r .latest_r_btm .load .tit{font-weight: bold;display: block; margin-bottom: 20px;}
#latest .latest_r .latest_r_btm .load .tit, #latest .latest_r .latest_r_btm .load .add{font-size: 18px;display: block;}
#latest .latest_r .latest_r_btm .load .txt{ margin-right: 30px;}
#latest .latest_r .latest_r_btm .load .icon{}
#latest .latest_r .latest_r_btm .load .icon a{display: block; width: 72px; height: 72px;  background:#fff; border: 1px dotted #96a1a0; border-radius: 10px;}
#latest .latest_r .latest_r_btm .load .icon a:before{content: ''; background: url(../img/main/latest_load_icon.png)0 0 no-repeat; display: block; width: 38px; height: 30px; margin: 20px auto;}
#latest .latest_r .latest_r_btm .load .icon a:hover{box-shadow: 0 0 10px rgba(0,0,0,.15); transition: .3s} 


@media all and (max-width:1400px){
	#latest .inner_wrap {width: 95%;}
}


@media all and (max-width:1200px){
	#latest .inner_wrap {flex-direction: column;}
	#latest .latest_l{width: 100%; margin-bottom: 40px;}
	#latest .latest_r{width: 100%;}
	#latest .latest_r .latest_r_top{background-size: cover;}
}

@media all and (max-width:768px){
	#latest .latest_l .tit_wrap h2{font-size: 30px;}
	#latest .latest_l .extract_wrap ul.tab li a{font-size: 16px;padding: 14px 0;}
	
	#latest .latest_l .extract_wrap b.category{font-size: 14px;    max-width: 55px;}
	#latest .latest_l .extract_wrap .extract_top{flex-direction: column; }
	#latest .latest_l .extract_wrap .extract_top .extract_top_cmn{width: 100%; margin: 0 0 10px 0;}
	#latest .latest_l .extract_wrap .extract_top .extract_top_cmn:last-child{margin: 0;}
	
	#latest .latest_l .extract_wrap .extract_top .extract_top_cmn{padding: 25px;}
	#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .tit{font-size: 18px;}
	#latest .latest_l .extract_wrap .extract_top .extract_top_cmn .date{font-size: 15px;}
	
	#latest .latest_l .extract_btm ul li{padding: 15px 0;}
	#latest .latest_l .extract_btm ul li a span.date{font-size: 14px;}
	#latest .latest_l .extract_btm ul li a span.date b{font-size: 26px;}
	
	#latest .latest_l .extract_btm ul li a span.txt .tit{font-size: 17px;}
	#latest .latest_l .extract_btm ul li a span.txt .exp{font-size: 15px;}
	
	#latest .latest_r .latest_r_top{padding: 30px}
	
	#latest .latest_r .latest_r_top h2{font-size: 30px;}
	#latest .latest_r .latest_r_top p{font-size: 15px;}
	
	#latest .latest_r .latest_r_btm_box{padding: 25px;}
	
	#latest .latest_r .latest_r_btm ul.contact li.tit{font-size: 16px;}
	#latest .latest_r .latest_r_btm ul.contact li.txt span.call{font-size: 16px;}
	#latest .latest_r .latest_r_btm ul.contact li.txt span.call b{font-size: 24px;}
	#latest .latest_r .latest_r_btm ul.contact li.txt span.exp{font-size: 15px;}
	
	#latest .latest_r .latest_r_btm .load{padding: 25px;}
	#latest .latest_r .latest_r_btm .load .tit, #latest .latest_r .latest_r_btm .load .add{font-size: 16px;}
	#latest .latest_r .latest_r_btm .load .tit{margin-bottom: 15px;}
	
}


@media all and (max-width:640px){
	#latest .latest_l .extract_wrap ul.tab li{width: 33.33%;}
	#latest .latest_l .extract_wrap ul.tab li:nth-child(3) a{border: 0;}
	#latest .latest_l .extract_wrap ul.tab li:nth-child(4),#latest .latest_l .extract_wrap ul.tab li:nth-child(5) {width: 50%;border-top: 1px dashed #ccc;} 
}




/* gallery */

#gallery{width: 100%; max-width: 1760px; margin: 0 auto; background: url(../img/main/gallery_bg.jpg) 0 0 no-repeat; border-radius: 20px; box-sizing: border-box; font-size: 0;word-break: keep-all; padding: 53px 0;background-size: cover;}
#gallery .inner_wrap{max-width: 1400px;}

#gallery .tit_wrap {text-align: center;position: relative; margin-bottom: 20px;}
#gallery .tit_wrap h2{font-size: 34px; font-weight: bold;margin-bottom: 10px;}
#gallery .tit_wrap p{font-size: 17px; font-weight: 500; line-height: 28px; color: #666;}
#gallery .tit_wrap a.more_btn{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

#gallery ul.tab{width: 100%; max-width: 910px; margin: 0 auto 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; border-radius: 30px;; box-shadow: 0 0 10px rgba(0,0,0,.1);}
#gallery ul.tab li{width: 16.66%; text-align: center;}
#gallery ul.tab li a{display: block; font-size:18px; font-weight: bold; padding: 15px 0; box-sizing: border-box;}
#gallery ul.tab li.on a{background: #00a3a0;border-radius: 30px; color: #fff; position: relative;}
#gallery ul.tab li.on a::after{content: ''; background: url(../img/main/gallery_tab_after_icon.png)0 0 no-repeat; width: 24px; height: 8px;position: absolute; bottom: -8px; left: 50%; transform:translateX(-50%);}


#gallery .tab_con_cmn{display: none;}
#gallery .tab_con_01{display: block;}
#gallery .tab_con_cmn .gallery_slide{}
#gallery .tab_con_cmn .gallery_slide .item{background: #fff; border-radius: 20px; padding: 20px; box-sizing:border-box; position: relative; overflow: hidden; }
#gallery .tab_con_cmn .gallery_slide .item .img{margin-bottom:30px; border-radius: 15px; overflow: hidden;}
#gallery .tab_con_cmn .gallery_slide .item .img img {width:100%;height:200px;object-fit:cover;}
#gallery .tab_con_cmn .gallery_slide .item .tit{font-size: 20px; font-weight: bold; line-height: 28px; margin-bottom: 30px; height: 56px; overflow: hidden;}
#gallery .tab_con_cmn .gallery_slide .item .date{font-size: 17px; color: #666;}
#gallery .tab_con_cmn .gallery_slide .item .date:before{content: ''; background: url(../img/main/latest_date_icon.png)0 0 no-repeat ;width: 16px; height: 18px; display: inline-block; vertical-align: top; margin: 1px 8px 0 0;}
#gallery .tab_con_cmn .gallery_slide .item .more{position: absolute; bottom: 0; right: 0; font-size: 30px; background: #c2c2c2; color: #fff; font-weight: bold; padding: 8px 0px; box-sizing: border-box;display: block; width: 100%; max-width: 52px; text-align: center; border-radius: 10px 0 0 0}


#gallery .tab_con_cmn .gallery_slide .item:hover .more{background: #00a3a0; transition: .3s}


@media all and (max-width:1400px){
	#gallery .inner_wrap {width: 95%;}
}


@media all and (max-width:1200px){
	#gallery{border-radius: 0; background-size: cover;}
}


@media all and (max-width:768px){
	#gallery .tit_wrap h2{font-size: 30px;}
	#gallery .tit_wrap p{font-size: 15px;}
	#gallery ul.tab li a{font-size: 16px;}
	
	#gallery .tab_con_cmn .gallery_slide .item .tit{font-size: 18px;}
	#gallery .tab_con_cmn .gallery_slide .item .date{font-size: 15px;}
}

@media all and (max-width:640px){
	#gallery .tit_wrap a.more_btn{top: 26%;}
	#gallery ul.tab li{width: 33.33%;}
	#gallery ul.tab li a{padding: 10px;}
	#gallery ul.tab li.on a::after{display: none;}
	
}


/* org */

#org{}
#org .inner_wrap{max-width: 1400px; margin: 0 auto; box-sizing: border-box; font-size: 0;}

#org .org_slide{padding: 60px 0; box-sizing: border-box;}
#org .org_slide .item img{padding: 14px 19px; box-sizing: border-box; border: 1px solid #f1f1f1; border-radius: 20px; max-width: 100%; }

@media all and (max-width:768px){
	#org .org_slide{padding: 40px 0;}
}