@charset "utf-8";

/* 메인비주얼 */
.main_visual {position:relative; text-align: center; padding: 1.8rem 0;}


/* 바로가기 */
.mlink1{position: relative; border-radius: 10px; }
.MC_wrap1 .con_wrap [class^="MC_box"] .title01{position: relative; display: flex; align-items: center; gap: 0.5rem; width: 100%; height: 2.5rem; border-radius: 1.25rem; padding: 0 1.4rem; color: #fff; font-size: 1.05rem; font-weight: 500; margin-bottom: 0.75rem;}
.mlink1 .title01 {background: #E77518;}
.mlink1 ul{position: relative; display: flex; flex-direction: column; gap: 0.5rem; width: 93.6%; height: auto; }
.mlink1 ul li{position: relative; width: 100%; height: auto;}
.mlink1 ul li a {position: relative; display: flex; align-items: center; align-items: center; gap: 0.9rem; height: 4rem; padding: 0 1rem; border-radius: 0.75rem; background: #fff; border: 2px solid transparent;}
.mlink1 ul li a::after {content: ''; display: block; position: absolute; top: 50%; right:-15px; width: 20px; height: 20px; border-radius: 4px; background: #fff; border-right:2px solid #F5900B; border-bottom:2px solid #F5900B; transform:rotate(-45deg) translateY(-50%); opacity: 0;}
.mlink1 ul li a .txt{width: calc(100% - 10px); overflow: hidden; white-space: nowrap; font-size: 1rem; color: #E77518; font-weight: 700; }
.mlink1 ul li a .more{position: absolute; top: 50%; right: 0; background: url('/images/org/web/yeyak/main/link_arraw.png') no-repeat center / cover; width: 22px; height: 22px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/* 바로가기 : active */
.mlink1 ul li a,
.mlink1 ul li a::after,
.mlink1 ul li a .ico img,
.mlink1 ul li a .txt {transition: all 0.3s; -webkit-transition: all 0.3s; }
.mlink1 ul li a:hover,
.mlink1 ul li a:focus {border-color: #F5900B;}
.mlink1 ul li a:hover::after,
.mlink1 ul li a:focus::after,
.mlink1 ul li.on a::after {right:-19px; opacity: 1;}
.mlink1 ul li.on a {border-color: #F5900B;}

/* 지도 */
.map{position: relative; border-radius: 10px; overflow: hidden; }
.map .title01 {background: #2D9D30;}
.map .title01 img {width: auto; margin: 0;}
.map img{position: relative; display: block; width: 280px; margin: 0 auto; }
.map .map_positn li{position:absolute; z-index:20; }
.map .map_positn li[class^="item"] {width: 29px; height: 18px;}
.map .map_positn li.item1{top: 93px; left: 57px; }
.map .map_positn li.item2{top: 128px; left: 31px; }
.map .map_positn li.item3{top: 137px; left: 99px; }
.map .map_positn li.item4{top: 171px; left: 59px; }
.map .map_positn li.item5{top: 216px; left: 42px; }
.map .map_positn li.item6{top: 141px; left: 154px; }
.map .map_positn li.item7{top: 151px; left: 200px; }
.map .map_positn li.item8{top: 165px; left: 243px; }
.map .map_positn li.item9{top: 167px; left: 122px; }
.map .map_positn li.item10{top: 191px; left: 145px; }
.map .map_positn li.item11{top: 193px; left: 211px; }
.map .map_positn li.item12{top: 207px; left: 172px; }
.map .map_positn li.item13{top: 204px; left: 96px; }
.map .map_positn li.item14{top: 235px; left: 76px; }
.map .map_positn li.item15{top: 240px; left: 121px; }
.map .map_positn li.item16{top: 282px; left: 66px; }
.map .map_positn li.item17{top: 277px; left: 136px; }
.map .map_positn li.item18{top: 272px; left: 176px; }
.map .map_positn li a{position: relative; font-size: 0.75rem; color: #047C60; display:block; width: 100%; height: 100%; filter: drop-shadow(1px 1px 0 #fff); }
.map .map_positn li a::before{position: absolute; top: -23px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 18px; height: 22px;  transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; }
/* 지도 : active */
.map .map_positn li a:hover::before,
.map .map_positn li a:focus::before{opacity: 1; }
.map .map_positn li.on a::before{opacity: 1; background: url('/images/org/web/yeyak/main/map_point.png') no-repeat; content: "";} /* 211109 수정 */



/* 기관 */
.maplst{position: relative; border-radius: 10px; overflow: hidden; }
.maplst .title01{background: #2B79ED; width: 26.7rem !important;}
.maplst .map_location{position: relative; height: 10rem; overflow: hidden; overflow-y: scroll; margin: 2.25rem 1.25rem 0;}
.maplst .map_location > li{position:relative; width: 47%; float: left; padding-left:10px; margin-right: 14px; height: 1.7rem; min-height: 1.7rem; overflow: hidden; line-height: 33px; }
.maplst .map_location > li:nth-child(3n){border-right: none;}
.maplst .map_location > li a{display: flex; align-items: center; gap: 0.35rem; font-size:0.85rem; color:#1E1E1E; transition: all 0.3s; -webkit-transition: all 0.3s; }
.maplst .map_location > li a:before{content:"\EB80"; font-family: 'remixicon'; color: rgba(43,121,237,0.4);}
/* 기관 : active */
.maplst .map_location > li a:hover,
.maplst .map_location > li a:focus,
.maplst .map_location > li.on a {color: #2C73DD; font-weight: 700; } /* 211109 수정 */
.maplst .map_location > li a:hover:before,
.maplst .map_location > li a:focus:before,
.maplst .map_location > li.on a:before {color: #2C73DD; font-weight: 400; }

/* 예약하기 */
.reservation {position: relative;}
.reservation button {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 2.5rem; border-radius: 1.25rem; padding: 0 1.25rem; background: #fff; font-size: 1.05rem; color: #2C73DD; font-weight: 600; border: 2px solid transparent; transition: all 0.2s;}
.reservation button i {font-size: 1.2rem;}
.reservation button:hover,
.reservation button:focus {border-color: #2C73DD;}
.reservation button:hover i,
.reservation button:focus i {animation: pulse infinite 0.75s;}

@keyframes pulse {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0.2rem, 0);}
	100% {transform: translate(0, 0);}
}


/* 예약검색 */
.service_sch {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; color:#121212;}
.service_sch .p1 {margin-right: 0.5rem;}
.service_sch .p1 h2 {font-size:24px; font-weight: 700; }
.service_sch .p2 {display: flex; align-items: center; justify-content: center; }
.service_sch .p2 > div input {width: 50.35rem; padding:0 1.5rem; color:#666; font-size: 0.9rem; height:3rem; border:3px solid rgba(14,115,125,0.8); background: #fff; border-radius:1.5rem; overflow: hidden; box-sizing: border-box;}
.service_sch .p2 button {display: flex; align-items: center; justify-content: center; width: 3rem; height:3rem; border-radius:50%; color:#fff; font-size: 1.5rem; background:#0E737D; transition: all 0.3s; -webkit-transition: all 0.3s; margin-left: 10px; }
.service_sch .p3 {width: 100%;display: flex; flex-wrap: wrap;align-items: center; box-sizing: border-box; gap: 0.75rem; justify-content: center;}
.service_sch .p3 .p3_button {position: relative; display: flex; align-items: center; justify-content: space-between; width: 11.4rem; height: 2.5rem; border-radius: 1.25rem; background: #fff; padding: 0 0.55rem 0 1.5rem; color:#2961A4; font-size: 0.9rem; box-shadow: 0 4px 5px rgba(88,150,197,0.16); transition: all 0.3s;-webkit-transition: all 0.3s;}
.service_sch .p3 .p3_button::after {content: '\EA6C'; font-family: 'remixicon'; width: 1.4rem; line-height: 1.4rem; border-radius: 50%; text-align: center; background: rgba(183,219,222,0.3);}
/* 예약검색 : active */
.service_sch .p2 button:hover, 
.service_sch .p2 button:focus {background:#4bb2ac; border-color:#4bb2ac; }
.service_sch .p3 .p3_button:hover, 
.service_sch .p3 .p3_button:focus {background:#0E737D; color:#fff}


/* 프로그램 안내 */
.news { position:relative;  }
.news h2.heading {position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 8px; left:0; top:-30px; width: 22.5rem; height: 110px; font-size: 24px; color: #121212; font-weight: 700; z-index: 1;}
.news h2.heading::before {content:''; position: absolute; top: 0; right: 0; width: 500%; height: 100%; border-bottom-right-radius: 60px; background: #fff; z-index: -1;}
.news h2.heading::after {content:''; position: absolute; top: -4px; right: 20px; width: 120px; height: 85px; background: url('/images/org/web/yeyak/main/wrap2_img_01.png') no-repeat center / contain;}
.news h2.heading span {display: block; font-size: 18px; font-weight: 300;}
.news > div { position:relative; }
.news h3{display:inline-block; position: relative; font-size: 20px; width: 190px; max-width:calc((100% - 22px) / 2); height: 52px; white-space: nowrap; margin-left: 15px; }  
.news h3.first {margin-left: 555px;}
.news h3 a{position:relative; display:block; color:#121212; font-size: 20px; text-align: center; line-height: 52px; font-weight: 600; border-radius: 26px; background: #fff; overflow:hidden; box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.news .list_box {position:absolute; left:0; top: 120px; width:100%; height:auto; display:none; }
.news .list_box.on { display:block; } 
.news .list_box > ul {display: flex; flex-wrap: wrap; gap: 20px 30px; box-sizing: border-box; width: 100%; height: auto; }/* 211104수정 */
.news .list_box > ul > li { position:relative; width: calc(33.3% - calc((30px * 2) / 3)); }
.news .list_box > ul > li a { position: relative; display:flex; flex-direction: column; color:#333; font-size:0.8rem; font-weight: 500; padding: 22px; border-radius: 20px; border: 3px solid transparent; background: #fff; box-sizing: border-box;}/* 211104수정 */
.news .list_box > ul > li a::before {content: '\EA6C'; font-family: 'remixicon'; position: absolute; right: 7px; bottom: -3px; display: flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: #0D8291; color: #fff; font-size: 1.1rem; opacity: 0;}
.news .list_box > ul > li .point1 {width: 73px; line-height: 27px; border-radius: 14px; background: #0D8291; color: #fff; font-size: 14px; text-align: center; margin-bottom: 10px;}
.news .list_box > ul > li .txt { line-height:150%; width: calc(100% - 10px); font-size: 18px; color: #333; height: 54px; font-weight: 500; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 18px; }  /* 211104수정 */  
.news .list_box > ul > li .depart {display: flex; align-items: center; gap: 6px; font-size: 16px; color: #555;}
.news .list_box > ul > li .depart i {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(165, 223, 235, 0.4); color: rgb(32, 114, 143, 0.8); font-size: 14px;}
.news .list_box > ul > li > ul {display: flex; width: 100%;}
.news .list_box > ul > li > ul > li{position: relative; height: auto; margin-top: 17px; }
.news .list_box > ul > li > ul > li:first-child{margin-top:0; }
.news .list_box > ul > li > ul > li span{position: absolute; top:4px; left: 0; padding: 0.25rem 0.7rem; display: block; color: #fff; /*transform: translateY(-50%); -webkit-transform: translateY(-50%);*/ }/* 211104수정 */
.news .list_box > ul > li > ul > li span.point1{background: #27afbd; }
.news .list_box > ul > li > ul > li span.point2{background: #99a2a7; }
.news .list_box > ul > li > ul > li .txt{padding-left: 5.3rem; /*line-height:25px;*/ }/* 211104수정 */
.news .list_box .no_date {text-align: center;}
.news .btn_more {position:absolute; width:50px;height:50px;line-height:50px; text-align: center; top: -120px;right:0; border-radius: 50%; background: #1883A9; color: #fff; font-size: 20px; z-index:10;}
/* 프로그램 안내 : active */
.news h3 a:hover,
.news h3 a:focus,
.news h3 a.current {background: #1883A9; color: #fff; }
.news .list_box > ul > li a,
.news .list_box > ul > li a::before {transition: all 0.2s;}
.news .list_box > ul > li a:hover,
.news .list_box > ul > li a:focus {border-radius: 20px 20px 70px 20px; border-color: #31B2C3; box-shadow: 4px 4px 8px rgba(0,0,0,0.09);}
.news .list_box > ul > li a:hover::before,
.news .list_box > ul > li a:focus::before {right: -3px; opacity: 1;}

/* 더보기 스크롤 버튼 */
.btn-scr { text-align:center; height:89px; padding-top:14px;}
.btn-scr button {display:block; position:relative; width:50px; margin:0 auto; font-size:16px; border:0; background:none; color:#fff; padding:0 0 53px;}
.btn-scr button::after {animation: mouse_action 1s infinite; animation-timing-function: linear; content: ""; display: block; position: absolute; width: 17px; height: 37px; background: url('/images/org/web/yeyak/main/scr_arrow.png') no-repeat 50% 50%; bottom: 10px; left: 50%; margin: 0 0 0 -8px;}
@keyframes mouse_action{0% {bottom:0;animation-timing-function:ease} 50% {bottom:10px} 100% {bottom:0;animation-timing-function:ease}}

/* 공지사항 & 자주하는 질문 */
.notice,
.m_faq {position:relative; height:100%; overflow:hidden}
.tit_wrap	{display: flex; justify-content: space-between; margin-bottom: 15px;}
.notice h3,
.m_faq h3 {font-size:24px; font-weight:700; height:38px; line-height:100%; color:#121212; line-height: 150%;}
.notice .notice_list,
.m_faq .m_faq_list {overflow:hidden; padding: 0 10px; }
.notice .notice_list ul li,
.m_faq .m_faq_list ul li {position: relative; border-bottom: 1px dashed #ccc; padding-left: 0.75rem; }
.notice .notice_list ul li::before,
.m_faq .m_faq_list ul li::before{position:absolute; display: block; width: 0.25rem; height: 0.25rem; top: 50%; left: 0 ; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%; background: #666; content: ""; } 
.notice .notice_list ul li.new .txt::before{display: inline-flex; align-items: center; justify-content: center; height: 1.2rem; content: 'new'; font-size: 0.8rem; color:#06717F; border-radius: 0.6rem; background: #D0EFF3; padding: 0 0.55rem; margin-right: 8px;}
.notice .notice_list ul li a,
.m_faq .m_faq_list ul li a {display:flex; align-items: center; height: 52px; color:#2d2d2d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .btn_more,
.m_faq .btn_more {width:40px; height:40px; line-height:40px; text-align: center; border-radius: 50%; background: #E9EAEB; color: #666; font-size: 18px; z-index:10 }

/* 공지사항 */
.notice .notice_list ul li a .txt{position: relative; flex: 1; font-size: 0.9rem; color: #333; margin-right: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice .notice_list ul li a .date{ font-size: 0.9rem; color: #999; margin-left: auto;}
/* 공지사항 : active */
.notice .notice_list ul li a:hover .txt,
.notice .notice_list ul li a:focus .txt{text-decoration: underline; }

/* 자주하는 질문 */
.m_faq .m_faq_list ul li .point{display: block; height: 1.3rem; line-height: 1.3rem; background: #1f5aa0; padding: 0 0.5rem; border-radius: 2rem; color: #fff; margin-right: 8px; }
.m_faq .m_faq_list ul li .txt{flex: 1; font-size: 0.9rem; color: #333; margin-right: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m_faq .m_faq_list ul li .arrw{margin-left: auto; }
/* 자주하는 질문 : active */
.m_faq .m_faq_list ul li a:hover .txt,
.m_faq .m_faq_list ul li a:focus .txt{text-decoration: underline;}


/*  */
@media (max-width:1440px) {

	/* 메인비주얼 */

	/* 기관 */ 
	.maplst .title01{width: 100% !important; height: 55px; line-height: 55px; }

}

@media (max-width:1280px) {

	/* 예약검색 */
	.service_sch {justify-content: space-between; gap: 1rem; color:#121212;}
	.service_sch .p1 {width: 4rem; margin-right: 0;}
	.service_sch .p2 {flex: 1; justify-content: space-between; }
	.service_sch .p2 > div {flex: 1;}
	.service_sch .p2 > div input {width: 100%;}

	/* 바로가기01 */
	.mlink1 .title01{width: calc(100% - 9.5rem) !important; height: 55px; line-height: 55px;}
	.mlink1 ul{flex-direction: row; width: 100%;}
	.mlink1 ul li{flex: 1; }
	.mlink1 ul li a::after {top: auto; bottom: 5px; right: auto; left: 50%; transform: rotate(-45deg) translateX(-50%); border-right: none; border-left: 2px solid #F5900B;}
	.mlink1 ul li a .ico{left: 20px; }
	.mlink1 ul li a .ico img{width: 48px; }
	.mlink1 ul li a .more{right: 20px; }	
	.mlink1 ul li a:hover::after,
	.mlink1 ul li a:focus::after,
	.mlink1 ul li.on a::after {right:auto; bottom: -5px; opacity: 1;}

	/* 지도 */
	.map {padding-bottom: 0.5rem;}
	.map .title01{height: 55px; line-height: 55px;}
	.map .map_positn{position:absolute; width: 280px; height: 296px; bottom: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
	.map .map_positn li.item1{top: 52px; left: 47px; } 
	.map .map_positn li.item2{top: 87px; left: 18px; } 
	.map .map_positn li.item3{top: 90px; left: 83px; }
	.map .map_positn li.item4{top: 126px; left: 47px; } 
	.map .map_positn li.item5{top: 171px; left: 28px; } 
	.map .map_positn li.item6{top: 100px; left: 142px; }
	.map .map_positn li.item7{top: 103px; left: 188px; }
	.map .map_positn li.item8{top: 119px; left: 231px; }
	.map .map_positn li.item9{top: 118px; left: 108px; }
	.map .map_positn li.item10{top: 140px; left: 134px; }
	.map .map_positn li.item11{top: 142px; left: 203px; }
	.map .map_positn li.item12{top: 159px; left: 163px; }
	.map .map_positn li.item13{top: 159px; left: 85px; }
	.map .map_positn li.item14{top: 188px; left: 68px; }
	.map .map_positn li.item15{top: 192px; left: 113px; }
	.map .map_positn li.item16{top: 241px; left: 55px; }
	.map .map_positn li.item17{top: 221px; left: 130px; }
	.map .map_positn li.item18{top: 221px; left: 172px; }
	.maplst .map_location {margin: 2.5rem 1rem 0;}

	.reservation button {height: 2.25rem; font-size: 0.95rem;}
	.reservation button i {font-size: 1.1rem;}

	/* 프로그램 안내 */
	.news h2.heading {width: 19.5rem;}
	.news h2.heading::after {right: 10px;}
	.news h3{width: 130px; }  
	.news h3.first {margin-left: 420px;}
}
  
@media (max-width:1019px) {
	
	
	.main_visual, .main_visual ul li .mv_slogan,
	.Quick_booking .p1, .Quick_booking .p2, .Quick_booking .p2 ul li, .Quick_booking .p2 .select_area .sel_01, .Quick_booking .p2 .select_area .sel_02, .Quick_booking .p2 .select_area .sel_03,
	.service_sch, .service_sch .p1 , .service_sch .p2, .service_sch .p2 > div, .service_sch .p2 > div input,
	.MC_conBox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
	/* 더보기 스크롤 버튼 */
	.btn-scr { display:none}
	
	/* 기관 */ 
	.maplst .map_location > li{width: 46.5%; margin-right: 0;}
	.maplst .map_location > li a {font-size: 0.8rem;}

	/* 프로그램 안내 */
	.news h2.heading {position: relative; gap: 5px; left: auto; top: auto; width: 100%; height: auto; margin-bottom: 1rem;}
	.news h2.heading::before {display: none;}
	.news h2.heading::after {top: -14px; right: auto; left: 14rem;}
	.news h3{font-size: 20px; margin-left: 10px;}  
	.news h3.first {margin-left: 0;}
	.news .list_box {top: 165px; } 
	.news .list_box > ul {gap: 15px 20px; }/* 211104수정 */
	.news .list_box > ul > li { width: calc(50% - 10px); }
	.news .list_box > ul > li:nth-child(n+7) {display: none;}
	.news .btn_more {top: -78px;}
	
	/* 새소식 */
	.notice .list_box ul li a {width:calc(100% - 98px);}

}

@media (max-width: 900px) {	

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan p.txt1{font-size: 24px; }
	.main_visual ul li .mv_slogan p.txt2{font-size: 38px; }

	/* 예약하기 */
	.reservation button br{display: none; }
	
	/* 예약검색 */
	.service_sch {gap:0.75rem; }
	
	/* 기관 */ 
	.maplst .map_location > li{width: 100%;}

	/* 공지사항 & 자주하는 질문 */
	.tit_wrap	{margin-bottom: 5px;}
}


@media (max-width:768px){

	/* 메인비주얼 */
	.main_visual {padding: 1rem 0 1.5rem;}
	.main_visual img {max-width: 60%;}

	.MC_wrap1 .con_wrap [class^="MC_box"] .title01 {height: 2.25rem; font-size: 0.95rem; margin-bottom: 0.5rem;}
	.MC_wrap1 .con_wrap [class^="MC_box"]:not(.MC_box2)::before {height: calc(100% - 2.85rem);}

	/* 바로가기 */
	.mlink1 .title01{font-size: 18px; }
	.mlink1 ul li a {height: 3rem; gap: 0.5rem;}
	.mlink1 ul li a .ico{left: 20px; }
	.mlink1 ul li a .ico img{width: 40px; }
	.mlink1 ul li a .txt {font-size: 0.95rem;}
	.mlink1 ul li a .more{right: 20px; }

	/* 지도 */
	.map .title01{font-size: 18px; }
	.maplst .map_location {margin: 2.5rem 0.75rem 0;}
	.maplst .map_location > li a {font-size: 0.8rem;}

/* 기관 */ 
	.maplst .title01{font-size: 18px; }
	.maplst .map_location > li{width: 100%; margin-right: 0; border-right: none; }

	/* 예약하기 */
	.service_sch .p1 {width: 3.25rem;}
	.service_sch .p1 h2 {font-size:1rem; }
	.service_sch .p2 > div input {padding:0 1rem; font-size: 0.85rem; height:2.5rem; border-width:2px;}
	.service_sch .p2 button {width: 2.5rem; height:2.5rem; font-size: 1.25rem;}
	.service_sch .p3 {gap: 0.5rem;}
	.service_sch .p3 .p3_button {gap: 1rem; width: auto; height: 2rem; padding: 0 0.25rem 0 1rem; font-size: 0.8rem;}

	/* 프로그램 안내 */
	.news h2.heading {font-size: 20px; margin-bottom: 1rem;}
	.news h2.heading::after {left: 13rem; width: 100px; height: 71px;}
	.news h2.heading span {font-size: 17px;}
	.news h3{font-size: 19px; width: 110px; height: 43px; margin-left: 7px; }
	.news h3 a{font-size: 19px; line-height: 43px;}
	.news .list_box {top: 140px;}
	.news .list_box > ul > li a { padding: 15px 20px; border-width: 2px;}
	.news .list_box > ul > li a::before {width: 1.75rem; height: 1.75rem; font-size: 1rem;}
	.news .list_box > ul > li .txt { line-height: 140%; font-size: 17px; height: 45px; margin-bottom: 15px; }  /* 211104수정 */  
	.news .list_box > ul > li .depart {font-size: 15px;}
	.news .list_box > ul > li .depart i {width: 22px; height: 22px; font-size: 14px;}
	.news .btn_more {top: -65px; width: 43px; height: 43px; line-height: 43px;}

	/* 공지사항 & 자주하는 질문 */
	.tit_wrap	{margin-bottom: 0;}
	.notice h3,
	.m_faq h3 {font-size:20px; height:35px; line-height: 150%;}
	.notice .notice_list,
	.m_faq .m_faq_list {padding: 0; }
	.notice .notice_list ul li.new .txt::before{height: 1.1rem; font-size: 0.75rem;}
	.notice .notice_list ul li a,
	.m_faq .m_faq_list ul li a {height: 45px;}
	.notice .btn_more,
	.m_faq .btn_more {width:38px; height:38px; line-height:38px; font-size: 18px; }

	/* 공지사항 */
	.notice .notice_list ul li a .txt{font-size: 0.85rem; }
	.notice .notice_list ul li a .date{font-size: 0.85rem;}

	/* 자주하는 질문 */
	.m_faq .m_faq_list ul li .txt{font-size: 0.85rem;}
}


@media (max-width: 600px) {	

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan p.txt1{font-size: 22px; }
	.main_visual ul li .mv_slogan p.txt2{font-size: 33px; }

	.MC_wrap1 .con_wrap [class^="MC_box"]:not(.MC_box2)::before {height: calc(100% - 2.5rem);}

	/* 바로가기 */
	.mlink1 .title01 {width: 100% !important;}
	.mlink1 ul {flex-direction: column;}
	.mlink1 ul li a {height: 2.5rem;}
	.mlink1 ul li a::after {display: none;}
	
	/* 기관 */
	.maplst .map_location {margin: 1.15rem 0.75rem 0.5rem; height: 7rem;}		
}
@media (max-width: 580px) {	

	/* 예약하기 */
	.service_sch .p2 > div input {height:2.25rem;}
	.service_sch .p2 button {width: 2.25rem; height:2.25rem;}
	.service_sch .p3 .p3_button {height: 1.75rem; padding: 0 0.25rem 0 0.75rem;}

	.MC_wrap1 .con_wrap [class^="MC_box"] .title01 {height: 2rem;}

	/* 바로가기 */
	.mlink1 ul li a {height: 2.25rem; border-radius: 0.5rem;}
	.mlink1 ul li a .ico img {width: 35px;}
	.mlink1 ul li a .txt {font-size: 0.9rem;}

	/* 프로그램 안내 */
	.news .list_box > ul {gap: 15px 0; }
	.news .list_box > ul > li { width: 100%; }
	.news .list_box > ul > li:nth-child(n+4) {display: none;}
}

@media (max-width: 480px) {	
	/* 메인비주얼 */
	.main_visual img {max-width: 70%;}

	/* 예약하기 */
	.service_sch {gap: 0.5rem;}
	.service_sch .p1 {width: 100%;}
	.service_sch .p2 {width: 100%;}

	/* 프로그램 안내 */
	.news h2.heading::after {left: 12.25rem; top: -10px; width: 96px; height: 64px;}
	.news h3{font-size: 18px; width: auto; height: 40px; margin-left: 3px;}
	.news h3 a{font-size: 18px; line-height: 40px; padding: 0 0.75rem;}
	.news .list_box {top: 130px;}
	.news .btn_more {top: -55px; width: 40px; height: 40px; line-height: 40px;}

	/* 공지사항 */
	.notice .notice_list ul li a .txt{width: calc(100% - 59px); }
	.notice .notice_list ul li a .date{display: none;}
}

@media (max-width: 350px) {	
	/* 프로그램 안내 */
	.news h2.heading::after {display: none;}
	.news h3 a{font-size: 17px; padding: 0 0.65rem;}
}