@charset "utf-8";

body {font-weight: 400;}
body, th, td, input, select, textarea, button {font-family:'Pretendard', sans-serif; font-size:16px;}
input[type="text"], input[type="password"] {height:36px; font-size:16px;}

@media screen and (max-width: 1799px){
	
/* 	.popup_slide{height: 550px;} */
	.main_sec03,
	.main_sec04,
	.main_sec05{
		padding-left: 90px;
	}
	.m_top_menu_wrap{display: none;}
	.fot_mov > a{opacity: 0.5;}
	.fot_mov > a:hover {opacity: 1;}
	
}/* 1799px */

@media screen and (max-width: 1699px){
	
/* 	.popup_slide{height: 500px;} */
	.main_sec03,
	.main_sec04,
	.main_sec05{
		padding-left: 120px;
	}
	
	.main_sec03 .main_sec03_wrap{
		width: 1400px;
	}
	.main_sec03 .secnot_list li{
		width: 290px;
		padding:25px;
	}
	.main_sec03 .secnot_list li:nth-of-type(1), .main_sec03 .secnot_list li:nth-of-type(2), .main_sec03 .secnot_list li:nth-of-type(3), .main_sec03 .secnot_list li:nth-of-type(4){
		margin-bottom: 15px;
	}
	
	.main_sec04_l{
		width:970px;
		margin-right: 35px;
		padding-right: 35px;
	}
	.main_sec04_r{
		width: 375px;
	}
	.secpopup_wrap{
		height: 500px;
	}
	
	.main_sec05 .sectit_wrap,
	.secdept_wrap{
		width: 1500px;
	}
	
	footer .fot_top > li{
		width: 250px;
	}
	
	
	.main_sec02_l {
		/* 241125 수정 */
	    width: 800px;
	    max-width: 800px;  
	}
	
	/* 241125 main_sec_02 수정 시작 */
	
	
	/* 241125 main_sec_02 수정 끝 */
	
	
	
	
	
}/* 1699px */


@media screen and (max-width: 1599px){
	
	.popup_wrap{padding:0 200px;}
/* 	.popup_slide{height: 475px;} */
	.top_menu{
		margin-left: 0;
	}
	.top_menu > ul > li > a{
		padding:0 20px;
	}
	
	.sub_menu_form .depth_sub2 > li{
		padding:15px;
	}
	
	.main_visu_txt{
		right: 120px;
	}
	
	.main_sec02{
		padding-left: 90px;
	}
	.main_sec02_l{
		width: 700px;
	}
	.sec02_cont .slick-slide img{
		height: 375px;
	}
	.main_sec02 .slick-counter3{
		top:295px;
	}
	.sec02_cont::before, .sec02_cont::after{
		width: 75px;
		height: 75px;
	}
	.sec02_cont::after{
		top:305px;
	}
	.schedule_wrap li{
		margin-bottom: 10px;
	}
		
	.main_sec03 .main_sec03_wrap{
		width: 1300px;
	}
	.main_sec03 .secnot_list li{
		width: 270px;
		padding:20px;
	}
	.main_sec03 .secnot_list li::before{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	.main_sec03 .secnot_list li span.secmenu_color{
		padding: 4px 10px;
		margin-bottom: 10px;
	}
	
	.main_sec04_l{
		width: 910px;
	}
	.sec04_cont_wrap div.secvideo{
		width: 400px;
	}
	
	.main_sec05 .sectit_wrap,
	.secdept_wrap{
		width: 1300px;
	}
	.secdept_wrap{
		justify-content: flex-start;
    	align-items: center
	}
	.dept_img,
	.dept_img .dept_list_cont{
		width: 800px;
	}
	
}/* 1599px */

@media screen and (max-width: 1499px){
	
	
	.popup_slide{height: 329px;}
	.top_menu > ul > li > a{20
		padding:0 15px;
	}
	
	.main_sec01 video{
		width: 100%;
	}
	
	.main_sec03 .main_sec03_wrap{
		width: 1200px;
	}
	.main_sec03 .secnot_list li{
		width: 250px;
	}
	
	.sec04_cont_wrap div.secvideo{
		width: 375px;
	}
	.main_sec04_l{
		width: 810px;
	}
	
	.main_sec05 .sectit_wrap, .secdept_wrap{
		width: 1200px;
	}
	
	.dept_img, .dept_img .dept_list_cont{
		width: 700px;
	}
	.dept_txt{
		margin-left: 50px;
	}
	
	footer .fot_top > li{
		width: 220px;
	}
	footer .fot_top > li > p::before{
		right: 20px;
	}
	footer .fot_top > li > p::after{
		right: 15px;
	}
	footer .fot_top > li > p.on::before{
		right: 20px;
	}
	footer .fot_top > li > p.on::after {
		right: 15px;
	}
	
	
}/* 1499px */

@media screen and (max-width: 1399px){
	
	
	.popup_wrap{padding:0 150px;}
	.sub_menu_form .depth_sub2{
		margin-top: 20px;
		padding-top: 20px;
	}
	
	.main_sec01 img{
	    width: 100%;
	    max-width:unset;
	    height: auto;
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	
	.main_sec02_l{
		margin-right: 30px;
		padding-right: 30px;
	}
	.sec02_cont_wrap{
		
	}
	.sec02_cont > div a h6{
		margin:15px 0 10px 0;
	}
	.main_sec02_r{
		width: 375px;
	}
	.schedule_wrap{
		width: calc(100% - 25px);
		min-height: 200px;		
	}
	.schedule_wrap::before{
	    height: calc(100% - 50px);
	}
	
	.main_sec03 .main_sec03_wrap{
		width: 1100px;
	}
	.main_sec03 .secnot_list{
		min-height: 200px;
	}
	.main_sec03 .secnot_list li{
		width: 230px;
	}
	
	.main_sec04_l{
		width: 760px;
	}
	.sec04_cont_wrap div.secvideo{
		width: 325px;
	}
	.sec04_cont_wrap div.secvideo a{
		height: 200px;
	}
	
	.main_sec04_r{
		width: 325px;
	}
	.secpopup_wrap{
		height: 450px;
	}
	
	.secdept_wrap{
		height: 400px;
	}
	.dept_img, .dept_img .dept_list_cont{
		width: 600px;
		height: 400px;
	}
	
	
}/* 1399px */

@media screen and (max-width: 1299px){
	
	
	body{position: static;}
	.fullscreen{display: none;}	
/* 	.popup_slide{height: 390px;} */
	.title_logo img,
	.fot_bot_wrap > a{
		width: 100px;
		height: unset;
	}
	.top_menu > ul > li > a{
		padding:0 10px;
	}
	.sub_menu_form{
		max-width: 1000px;
	}
	.sub_menu_form .depth_sub3 > li > a,
	footer .fot_top > li > div > ul > li > a{
		padding:2px 0;
	}
	
	.link_sec01 .title_logo{
		padding-left: 0;
	}
	
	.main_sec01 img, .main_sec01 video{
		object-fit:contain;
	}
	
	.sectit_wrap{
		margin-bottom: 10px;
	}
	
	.main_sec02_l{
		width: 650px;
	}
	.sec02_cont .slick-slide img{
		height: 360px;
	}
	.main_sec02 .slick-counter3{
		top:280px;
	}
	
	.main_sec03 .main_sec03_wrap{
		width: 1000px;
	}
	.main_sec03 .secnot_list li{
		width: 200px;
	}
	.main_sec03 .secnot_list li::before{
		width: 15px;
		height: 15px;
	}
	.main_sec03 .secnot_list li h6{
		margin-bottom: 5px;
	}
	.main_sec03 .secnot_list li p{
		margin-bottom: 15px;
	}
	
	.main_sec04_l{
		width: 660px;
	}
	.sec04_cont_wrap div.secvideo{
		width: 300px;
	}
	.sec04_cont_wrap div.secvideo a{
		height: 175px;
	}
	.main_sec04_r{
		width: 300px;
	}
	
	.secpopup_wrap{
		height: 400px;
	}
	
	.main_sec05 .sectit_wrap, .secdept_wrap{
		width: 1000px;
	}
	.secdept_wrap{
		height: 350px;
	}
	.dept_img, .dept_img .dept_list_cont{
		width: 500px;
		height: 350px;
	}
	
	
	.fot_link{
		margin-left: 0;
		justify-content: center;
	}
	
	.fot_bot_wrap{
		justify-content: center;
	}
	.fot_bot_wrap > a{
		margin-left: 0;
	}
	
}/* 1299px */


/* 텍스트 */

@media screen and (max-width: 1499px){
	
	footer .fot_top > li{
		font-size: 16px;
	}
	
}/* 1499px */

@media screen and (max-width: 1399px){
	
	body, th, td, input, select, textarea, button{
		font-size: 0.95em;
	}
	body{
		letter-spacing: -0.5px;
	}
	
	.top_menu > ul > li > a{
		font-size: 1.25em;
	}
	.main_visu_txt span,
	.sec02_cont > div a h6,
	.dept_txt h6,
	.sub_menu_form .menu_title > h3{
		font-size: 1.5em;
	}
	.main_visu_txt p{
		font-size: 2.5em;
	}
	.sectit_wrap .sectit{
		font-size: 1.75em;
	}
	.sectit_wrap .subtit,
	.schedule_wrap li span,
	.sec02_cont > div a span,
	.sec04_cont_wrap div.secvideo span,
	.sec04_cont_wrap div.secvideo h6,
	.dept_list .dept_list_cont,
	.dept_txt a{
		font-size: 1.15em;
	}
	.schedule_wrap li p,
	.main_sec03 .secnot_list li h6,
	footer .fot_top > li > p,
	.fot_link li a,
	.fot_info address, .fot_info p,
	footer .fot_top > li > div > ul > li,
	.sub_menu_form .depth_sub2 > li > a{
		font-size: 0.95em;
	}
	.main_sec03 .secnot_list li p,
	.main_sec03 .secnot_list li span.secdate,
	footer .fot_top > li > div > ul > li > a,
	.sub_menu_form .depth_sub3 > li > a{
		font-size: 0.9em;
	}
	.main_sec03 .secnot_list li h6,
	.sub_menu_form .menu_title > p{
		font-size: 1em;
	}
	.main_sec03 .secnot_list li span.secmenu_color,
	.top_right > li a{
		font-size: 0.85em;
	}
	
}/* 1399px */






@media screen and (max-width: 1299px){
		
		#fullpage {
		    height: auto !important;
		}
		.section {
		    height: auto !important;
		}
		
		
		.side_menu_wrap,
		.side_menu_link,
		.scrolling_wrap,
		.sec02_cont::before, .sec02_cont::after,
		.main_sec03 .secnot_list li::before{
			display: none;
		}
		
		.top_menu_wrap,
		.main_sec02,
		.main_sec03,
		.main_sec04,
		.main_sec05,
		footer{
			padding-left: 0;
		}
		.main_sec03,
		.main_sec04{
			padding-top: 0;
		}
		
		.main_sec01{
			padding:80px 0 0 0;
		}
		
		.top_menu_wrap{
			width: 100%;
			position: fixed;
		}
		.top_menu_wrap,
		.top_right > li{
			height: 80px;
		}
		.top_menu > ul > li > a{
			font-size: 1.25em;
		}
		.top_menu span.pop{
			width: 12px;
			height: 12px;
			margin-left: 5px;
		}
		
		.top_right > li{
			width: 80px;
		}
		.top_right > li ul{
			top:80px;
		}
		.top_right > li ul li{
			width: 80px;
		}
		.top_right > li:not(.top_right > li.btn_search){
    		background-position: center top 22.5px;
		}
		.top_right > li > a {
		    margin-top: 25px;
		}
		.top_right > li.btn_lang::before, .top_right > li.btn_lang::after{
			display: none;
		}
		
		.top_menu > ul > li > div{
			width: 100%;
			top:85px;
			min-height: unset;
		}
		.sub_menu_form{
			max-width: calc(100% - 10%);
		    display: flex;
    		flex-direction: column;
		}
		.sub_menu_form .menu_title::before{
			width: 75px;
			height: 75px;
		}
		
		
		
		.section:not(.main_sec01){
			height: fit-content !important;
			padding:5% 0;
		}
		.main_sec01{
			width: 100% !important;
			height: 80vh !important;
		}
		.fp-auto-height.fp-section{
			min-height: unset !important;
			padding:0;
		}
		
		.main_sec02{
			width: 100%;
		}
		.main_sec02 > div:not(.scrolling_wrap){
			padding-top: 0;
		}
		.main_sec02_l{
			width: 500px;
		}
		.sec02_cont_wrap{
			
		}
		.sec02_cont .slick-slide img{
			height: 275px;
		}
		.main_sec02 .slick-counter3{
			top:215px;
			width: 200px;
			height: 60px;
		}
		.main_sec02 .slick-dots3{
			padding-right: 0;
		}
		.main_sec02 .slick-dots3::before{
			display: none;
		}
		.main_sec02 .current-slide3,
		.main_sec04 .current-slide4{
			font-size: 20px;
		}
		.main_sec02 .total-slides3,
		.main_sec04 .total-slides4{
			font-size: 16px;
		}
		.main_sec02 .slick-nav3 p,
		.main_sec04 .slick-nav4 p{
			font-size: 14px;
		}
		
		
		.main_sec03 .main_sec03_wrap{
			width: 100%;
			padding:0 5%;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		}
		.main_sec03 .secmenu ul li a{
			margin-right: 20px;
		}
		.sectit_wrap,
		.main_sec03 .secnot_list{
			max-width: 900px;
		}
		.main_sec03 .secnot_list li{
			width: calc(100% / 4 - 40px);
			padding:15px;
		}
		
		
		.main_sec04_l{
			width: 550px;
		}
		.sec04_cont_wrap div.secvideo{
			width: 47.5%;
		}
		.sec04_cont_wrap div.secvideo:nth-of-type(1), .sec04_cont_wrap div.secvideo:nth-of-type(2){
			margin-bottom: 10px;
		}
		
		.secpopup_wrap .slick-counter4{
			width: 200px;
			height: 60px;
		}
		.secpopup_wrap .slick-dots4{
			padding-right: 0;
		}
		
		
		.secdept_wrap{
			height: fit-content;
		}
		.main_sec05 .sectit_wrap{
			width: 100%;
			max-width:800px;
		}
		.secdept_wrap{
			width: 100%;
			max-width:800px;
			flex-direction: row;
    		flex-wrap: wrap;
		}
		.dept_list{
			width: 100%;
			height:fit-content;
			display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		}
		
		.dept_list .dept_list_cont{
			padding:0;
			width:calc(100% / 6);
			height: 60px;
			line-height: 60px;
		    display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.dept_img{
		    width: calc(100% - 250px);
		    height: 350px;
		}
		.dept_img .dept_list_cont{
			width: 100%;
		    height: 100%;
   			overflow: hidden;
   			border-radius: unset;
		}
		.dept_txt{
			width: 200px;
		}
		
		footer .fot_top > li {
		    width: calc(100% / 5 - 35px);
		}
		
		
}/* 1299px */





/* 텍스트 */

@media screen and (max-width: 1299px){
	
	.top_menu > ul > li > a{
		font-size: 1.1em;
	}
	.main_visu_txt p{
		font-size: 2em;
	}
	.main_visu_txt span{
		font-size: 1.5em;
	}
	.sectit_wrap .sectit,
	.sec02_cont > div a h6, .dept_txt h6, .sub_menu_form .menu_title > h3{
		font-size: 1.25em;
	}
	.sectit_wrap .subtit, .schedule_wrap li span, .sec02_cont > div a span, .sec04_cont_wrap div.secvideo span, .sec04_cont_wrap div.secvideo h6, .dept_list .dept_list_cont, .dept_txt a{
		font-size: 1em;
	}
	.sectit_wrap .subtit, .schedule_wrap li span, .sec02_cont > div a span, .sec04_cont_wrap div.secvideo span, .sec04_cont_wrap div.secvideo h6, .dept_list .dept_list_cont, .dept_txt a,
	.main_sec03 .secnot_list li h6, .sub_menu_form .menu_title > p{
		font-size: 0.9em;
	}
	.schedule_wrap li p, .main_sec03 .secnot_list li h6, footer .fot_top > li > p, .fot_link li a, .fot_info address, .fot_info p, footer .fot_top > li > div > ul > li, .sub_menu_form .depth_sub2 > li > a{
		font-size: 0.85em;
	}
	
	
	.main_sec05::before{
		display: none;
	}
	.dept_txt{
		position:relative;
		height: 350px;
		margin-left: 0;
	    display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 25px;
	}
	.dept_txt::before {
		display: block;
	    content: '';
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background-color: #0b4da2;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-image: url(../img/common/bg03.png);
	    z-index: -1;
	}
	
	/* 241125 main_sec_02 수정 시작 */
	.tab_button {
		font-size: 16px;
	}
	
	/* .media_slide .slick-track {
		margin-left: auto;
	} */
	
}/* 1299px */

@media screen and (max-width: 1199px){
	
	.popup_wrap{padding:0 100px;}
/* 	.popup_slide{height: 375px;} */
	.main_sec01{
		height: 600px !important;
	}
	.main_sec01 img{
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		object-fit:unset;
	}
	footer .fot_top > li > p{
		padding:0 15px;
	}
}/* 1199px */


/* 애니메이션 삭제 */
@media (max-width: 1299px) {
  * {
    animation: none !important;
    -webkit-animation: none !important;
  }
}/* 1299px */







/* 모바일 */
@media screen and (max-width: 999px){
	
	body{
		width:100%;
		overflow: hidden;
		transform:unset;
	}
	
	img{width: 100% !important; height: 100% !important; object-fit: contain;}
	/* 게시판, 전화번호, 오시는 길 이미지 아이콘 사이즈 수정 */
	table td img,
	.tel_info_left ul li span img,
	.map_itr dl dt img {width: auto !important;}
	
	
	.secpopup div{height: 100%;}
	
	
	.popup_wrap{padding:0 10%;}
/* 	.popup_slide{height: 500px;} */
	

	
	/* 탑메뉴 */
	.top_menu_wrap{
		display: none;
	}
	.m_top_menu_wrap{
		width: 100%;
		height: 100px;
		position: fixed;
		top:0;
		left:0;
		z-index: 98;
		background-color: #fff;
	    box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
		
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding:0 2.5%;
	}
	.m_top_menu_wrap .title_logo{
		margin-left: 0;
	}
	.m_top_menu_wrap .title_logo a,
	.fot_bot_wrap > a{
		display: flex;
		width: 125px;
	}
	.m_top_menu_wrap .title_logo a img{
		width: 100%;
		height: auto;
	}
	
	.m_menu_right{
		display: flex;
	    align-items: center;
	}
	.m_menu_right .top_right > li{
		width: 40px;
		height: 40px;
		border:none;
		font-size: 0;
		margin:0;
		
		background-color: unset;
	}
	.m_menu_right .top_right > li:not(.top_right > li.btn_search){
		background-position: center center;
	}
	.m_menu_right .top_right > li ul{
		top:40px;
		z-index: 99;
	}
	.m_menu_right .top_right > li ul li a{
		font-size: 10px;
	}
	
	.m_menu_btn{
		position: relative;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
	.m_menu_btn li{
		font-size: 0;
		position: absolute;
		width: 20px;
		height: 1px;
		background-color: #000;
		display: block;
		content: '';
		right:10px;
		transition-duration: 0.15s;
	}
	.m_menu_btn li:nth-of-type(1){
		top:calc(50% - 7.5px);
	}
	.m_menu_btn li:nth-of-type(2){
		top: 50%;
		width: 12px;
	}
	.m_menu_btn li:nth-of-type(3){
		top:calc(50% + 7.5px);
		width: 16px;
	}
	
	.m_menu_btn.on li:nth-of-type(1),
	.m_menu_btn.on li:nth-of-type(2){
		width: 20px;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.m_menu_btn.on li:nth-of-type(1){
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.m_menu_btn.on li:nth-of-type(2){
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	.m_menu_btn.on li:nth-of-type(3){
		display: none;
	}
	
	.m_top_menu{
	  display: none;
	  position: absolute;
	  top: 100px;
	  right: -100%;
	  width: 100%;
	  background-color: #fff;
	  z-index: 9998;
	  opacity: 0; /* 초기 상태에서 투명도 0으로 설정 */
	  animation: showMenu 0.25s ease-in-out forwards !important;
	}
	@keyframes showMenu {
	  from {
	    right: -100%;
	  }
	  to {
	    right: 0;
	  }
	}
	.m_top_menu.on{
	  display: block;
	  right: 0;
	  opacity: 1; /* open 클래스가 추가되면 투명도 1로 변경 */
	}
	.m_top_menu_wrap .tab{	
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	}
	.m_top_menu .m_top_user{
		width: calc(100% - 5%);
		height: 60px;
		background-color: #444;
		padding:0 2.5%;
		 
		display:flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: center;
        justify-content: space-between;
	}
	.m_top_menu .m_top_user li{
		margin-right: 20px;
	}
	.m_top_menu .m_top_user li:last-child{
		margin-right: 0;
	}
	.m_top_menu .m_top_user li a{
		color: #fff;
		font-size: 0.9em;
		font-weight: 100;
	}
	
	.m_menu_quick{
		display: flex;
		align-items: center;
		position: relative;
		border-bottom: 1px solid #bbb;
	}
	.m_menu_quick > li{
		width: calc(100%);
		height: 60px;
		line-height:60px;
		padding:0 10px;
		border-right: 1px solid #ddd;
	}
	.m_menu_quick > li:first-child{
		border-left: 1px solid #ddd;
	}
	.m_menu_quick > li:last-child{
		border-right: none;
	}
	.m_menu_quick > li.on > ul{
		display: flex;
	}
	.m_menu_quick > li > ul{
		width:calc(100% - 40px);
		/* display: flex; */
		display:none;
		flex-direction: row;
		flex-wrap: wrap;
		position: absolute;
		top:60px;
		left: 0;
		background-color: #f5f5f5;
		border-bottom:1px solid #bbb;
		padding:0 20px;
		z-index: 1;
	}
	.m_menu_quick > li > ul > li{
		padding:25px 10px;
		font-size: 1em;
		line-height: normal;
	}
	.m_menu_quick > li > ul > li > a{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		padding-left: 10px;
	}
	.m_menu_quick > li > ul > li > a::before{
		display: block;
		content: '';
		position: absolute;
		left:0;
		top:50%;
		transform: translate(0, -50%);
		width: 5px;
		height: 1px;
		background-color: #999;
	}
	.m_menu_quick img{
		display: none;
	}
	
	.m_menu_quick > li > p{position: relative; cursor: pointer;}
	.m_menu_quick > li > p::before,
	.m_menu_quick > li > p::after{display: block; content: ''; position: absolute; top:50%; transform: translate(0, -50%); width: 8px; height: 2px; background-color: #666; transition-duration: 0.25s;}
	.m_menu_quick > li > p::before{transform: rotate(45deg); right: 5px;}
	.m_menu_quick > li > p::after{transform: rotate(-45deg); right: 0px;}
	.m_menu_quick > li.on{background-color: #f8f8f8;}
	.m_menu_quick > li.on > p::before{
		transform: rotate(-45deg); right: 5px;
	}
	.m_menu_quick > li.on > p::after{
		transform: rotate(45deg); right: 0px;
	}
	
	.m_menu_list{
		display: flex;
		background-color: #fff;
		width: 100%;
		height: calc(100vh - 90px - 60px - 60px);
		position: relative; 
	}
	.m_menu_list > ul.tab,
	.m_menu_list > div.tab1{
		display: flex;
	}
	.m_menu_list > ul.tab{
		width: 20%;
		max-width:200px;
		height:100%;
		display: flex;
		flex-direction: column;
		background-color: #0b4da2;
	}
	
	.m_menu_list > ul.tab li{
		width:100%;
		height: calc(100% / 6);
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    position:relative;
	    cursor: pointer;
	}
	.m_menu_list > ul.tab li::before{
		display: block;
		content: '';
		width: 25px;
		height: 25px;
		margin-bottom:5px;
		
		background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-image: url(../img/common/bgicon01.png);
	}
	.m_menu_list > ul.tab li:nth-of-type(2)::before{background-image: url(../img/common/bgicon02.png);}
	.m_menu_list > ul.tab li:nth-of-type(3)::before{background-image: url(../img/common/bgicon03.png);}
	.m_menu_list > ul.tab li:nth-of-type(4)::before{background-image: url(../img/common/bgicon04.png);}
	.m_menu_list > ul.tab li:nth-of-type(5)::before{background-image: url(../img/common/bgicon05.png);}
	.m_menu_list > ul.tab li:nth-of-type(6)::before{background-image: url(../img/common/bgicon06.png);}
	.m_menu_list > ul.tab li.current{
		background-color: #1463c9;
	}
	.m_menu_list > ul.tab li a{
		color:#fff;
		font-weight: 600;
		font-size: 1em;
	}
	.m_menu_list > div.tabcontent{
		width: calc(100% - 20%);
		display: none;
		height: 100%;
		overflow: hidden;
		overflow-y: scroll; 
	}
	.m_menu_list > div.current{
		display: flex;
	}
	
	.m_menu_list .tabcontent #nav{
		width: 100%;
	}
	.m_menu_list .tabcontent #nav > .menu{
		height: 100%; 
	}
	.m_menu_list .tabcontent #nav li{
		border-bottom: 1px solid #ddd;
		width: 100%;
	}
	
	.m_menu_list .menu > li > a{
		display: block;
		width: calc(100% - 40px);
		height: 100%;
		padding:15px 20px;
		position: relative;
		font-size: 1em;
	}
	.m_menu_list .menu > li > a.on{
		background-color: #f8f8f8;
	}	
	.m_menu_list .menu > li > a::before,
	.m_menu_list .menu > li > a::after{display: block; content: ''; position: absolute; top:50%; transform: translate(0, -50%); width: 10px; height: 1px; background-color: #ccc; transition-duration: 0.25s;}
	.m_menu_list .menu > li > a::before{transform: rotate(0); right: 20px;}
	.m_menu_list .menu > li > a::after{transform: rotate(90deg); right: 20px;}
	.m_menu_list .menu > li > a.on{background-color: #f8f8f8;}
	.m_menu_list .menu > li.on > a::before{
		display: none;
	}
	.m_menu_list .menu > li.on > a::after{
		background-color: #666;
		transform: rotate(0); right: 20px;
	}
	.m_menu_list .menu > li > .sub{
		display: none;
		height:0;
		background-color: #f0f0f0;
	}
	.m_menu_list .menu > li.on > .sub{
		display: block;
		height:fit-content;
	}
	.m_menu_list .menu > li.on > .sub > li{
		padding:15px 25px;
	}
	.m_menu_list .menu > li.on > .sub > li:last-child{
		border-bottom: 1px solid #bbb;
	}
	
	
	/* 탑메뉴 */
	
	
	
	
	
	.section:not(.main_sec01){
		padding:5% 2.5%;
	}
	.main_sec01{
		padding:100px 0 0 0;
	}
	
	.main_sec02_l > div,
	.main_sec02_r > div{
		width: 100%;
	}
	.main_sec02_l{
		border-right: none;
		padding-right: 0;
		margin-right:50px;
		width: calc(60% - 50px);
	}
	.main_sec02_r{
		width: 40%;
	}
	
	
	.main_sec03 > div{
		width: 100%;
	}
	.main_sec03 .secnot_list{
		width: 100% !important;
	}
	.main_sec03 .secnot_list li{
		width: calc(100% - 30px) !important;
	}
	.main_sec03 .main_sec03_wrap{
		padding:0;
	}
	.main_sec02 .slick-counter3{
		top:0;
	}
	
	
	.main_sec04_l > div,
	.main_sec04_r > div{
		width: 100%;
	}
	.main_sec04_l{
		border-right: none;
		padding-right: 0;
		margin-right:50px;
		width: calc(65% - 50px);
	}
	.main_sec04_r{
		width: 35%;
	}
	
	.main_sec05 > div,
	.main_sec05 .sectit_wrap{
		width: 100%;
		max-width: unset;
	}
	
	#footer_warp{
		padding:0;
	}
	footer .fot_top{
		width: 100%;
		padding:0;
		border-top: 1px solid #bbb;
	}
	footer .fot_top > li{
		width: calc(100% / 5 - 1px);
	}
	footer .fot_top > li > div{
		padding:25px;
	}
	footer .fot_top > li > div.on{
		display: flex;
		flex-direction: row;
    	flex-wrap: wrap;
    	border-top: 1px solid #bbb;
	}
	footer .fot_top > li > div > ul{
		display: flex;
		width:100%;
	    flex-direction: row;
	    flex-wrap: wrap;
	    padding: 10px 5px;
	    border-top: 1px solid #ddd;
	}
	footer .fot_top > li > div > ul:first-child {
		border-top: none;
	}
	footer .fot_top > li > div > ul > li.tit{
		padding:0;
	}
	footer .fot_top > li > div > ul > li{
		padding:0 10px;
	}
	footer .fot_top > li > div > ul > li > a{
		padding:5px 0;
	}
	.fot_mov{
		position:fixed;
		bottom:10px;
		right: 10px;
		top:unset;
	}
	
	/* 241125 main_sec_02 수정 시작 */
	/* 2안 이미지 채우기 */
	.thumImg img {
		object-fit: contain !important;
	} 
	
	
	
	
	
	
}/* 999px */



@media screen and (max-width: 899px){
	
	
	.popup_wrap{padding:0 10%;}
/* 	.popup_slide{height: 450px;} */
	
	
	.main_sec01{
		height: 500px !important;
	}
	.main_sec01 img{
		
	}
	
	.main_visu_txt{
		right: 5%;
	}
	.main_sec01 .slick-counter2{
		width: 240px;
		height: 60px;
	}
	.main_sec01 .slick-dots2{
		padding-right: 20px;
	}
	.main_sec01 .current-slide2{
		font-size: 22px;
	}
	.main_sec01 .slick-dots2::before{
		display: none;
	}
	
	.sec02_cont_wrap{
		
	}
	.sec02_cont .slick-slide img{
		height: 240px;
	}
	.main_sec02 .slick-counter3{
		width: fit-content;
		padding:0 25px;
	}
	.main_sec02 .slick-dots3{
		display: none;
	}
	
	
	.sec04_cont_wrap div.secvideo a{
		height: 150px;
	}
	.secpopup_wrap{
		height: 350px;
	}
	
	.main_sec04 .slick-counter4{
		width: fit-content;
		padding:0 25px;
	}
	.main_sec04 .slick-dots4{
		display: none;
	}
	
	/* 241125 main_sec_02 수정 시작 */
	.media_slide .slickBtn {
		width: 36px;
		height: 36px;
		top: calc(100% + 10px);  
	}
	.media_slide .slick-prev { 
		right: calc(48px + 10px); 
	}
		
}/* 899px */


@media screen and (max-width: 799px){

	
	.popup_wrap{padding:0 8%;}
/* 	.popup_slide{height: 400px;} */
	
	.gra_btn{
	    width: fit-content;
	    min-width:60px;
	    height: fit-content;
	    line-height: normal;
	    padding:7px 10px;
	}
	.gra_btn:hover{
		padding:7px 10px;
	}
	
	.m_top_menu_wrap{
		height: 90px;
	}
	.m_top_menu{
		top:90px;
		width: 100%;
		height: calc(100vh - 90px);
		overflow: hidden;
		overflow-y: scroll; 
	}
	
	.main_sec01 {
    	padding: 90px 0 0 0;
	}
	.main_visu_txt p{
		font-size: 1.5em;
	}
	.main_visu_txt span{
		font-size: 1.25em;
	}
	
	.main_sec02_l{
		width: calc(65% - 50px);
	}
	.main_sec02_r{
		width: 35%;
	}
	.schedule_wrap::before{
		height: calc(100% - 43px);
	}
	.schedule_wrap li::before{
	    left: -28px;
		width: 7px;
		height: 7px;
	}
	
	.main_sec03{
		background-size:50%;
	}
	.main_sec03 .secnot_list li:nth-of-type(4){
		margin-bottom: 0;
	}
	.main_sec03 .secnot_list li:nth-of-type(7),
	.main_sec03 .secnot_list li:nth-of-type(8){
		display: none !important;
	}
	.main_sec03 .secnot_list li{
		width: calc(100% / 3 - 40px);
	}
		
	.secpopup_wrap{
		height: 325px;
	}
	
	.dept_img .dept_list_cont img{
		width: auto;
		max-width: unset;
	}
	
	footer .fot_top > li > p::before, footer .fot_top > li > p::after{
		display: none;
	}
	
	.fot_bot_wrap{
		padding:40px 60px 0;
		justify-content: space-between;
	}
	.fot_bot_wrap > a{
		margin:0;
	}
	.fot_info{
		flex-direction: column;
	}
	
}/* 799px */



@media screen and (max-width: 699px){

	
	.popup_wrap{padding:0 8%;}
/* 	.popup_slide{height: 350px;} */
	
	.sec04_cont_wrap div.secvideo a{
		height: 125px;
	}
	
	.main_sec02 .slick-counter3,
	.main_sec04 .slick-counter4{
		padding:20px 25px;
		height: fit-content;
	}
	.main_sec02 .slick-nav3 p, .main_sec04 .slick-nav4 p{
		font-size: 0.75em;
	}
	
	.fot_link li a{
		margin-left: 15px; 
	}
	.fot_bot_wrap{
		padding:40px 2.5% 0;
		align-items: flex-start;
	    flex-direction: column;
	}
	.fot_bot_wrap > a{
		margin-bottom: 15px;
	}
	.fot_link li:not(:first-child) a::before{
		left:-7.5px;
	}
	
	/* 241125 main_sec_02 수정 시작 */
	.media_slide .slickBtn {
		top: calc(100% + 4px);
	}
	
	
}/* 699px */





@media screen and (max-width: 599px){
	
	.popup_wrap{padding:14%}
/* 	.popup_slide{height: fit-content;} */
	.popup_slide .slick-slide{
		margin-right: 0;
	}
	/* 모달팝업 수정:시작 20241030 */
	.pop_btn {
		
	}
	.popup_title {
		font-size: 24px;
	}
	.popup_num {
		text-align: center;
	}
	.popup_num,
	.popup_off,
	.popup_chkday {
		font-size: 14px; 
		box-sizing: border-box;
		word-break: keep-all;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-radius: 12px;
		padding: 8px 8px;
	}
	.popup_off span,
	.popup_chkday span {
		text-align: center;
	}
	.pop_btn i {
		width: 16px;
		height: 16px;
	}
	
	
	
	/* 모달팝업 수정:끝 20241030 */
	
	.section:not(.main_sec01){
		padding:7.5% 2.5%;
	}
	.main_sec02,
	.main_sec04{
		flex-direction: column;
	}
	.main_sec02 > div,
	.main_sec04 > div{
		width: 100%;
		margin-top:25px;
		margin-right: 0;
		margin-bottom: 25px;
		margin-left: 0;
	}
	
	.main_sec02{
		
	}
	.main_sec02 > div.main_sec02_l{
		height: auto;
	}
	.main_sec02 > div.main_sec02_l img{
		min-height: 150px;
		max-height: 300px;
	}
	
	.sec02_cont .slick-slide{
		height: fit-content;
		max-height:500px;
	}
	.sec02_cont > div a{
		height: 100%;
	}
	
	.main_sec02 > div.main_sec02_r{
		width: 75%;
	}
	
	.main_sec03 .secmenu{
		align-items: flex-end;
	}
	.main_sec03 .secnot_list li{
		width: calc(100% / 2 - 40px);
	}
	.main_sec03 .secnot_list li:nth-of-type(1),
	.main_sec03 .secnot_list li:nth-of-type(2){
		margin-bottom: 20px;
	}
	.main_sec03 .secnot_list li:nth-of-type(3){
		margin-bottom: 0;
	}
	.main_sec03 .secnot_list li:nth-of-type(5),
	.main_sec03 .secnot_list li:nth-of-type(6){
		display: none;
	}
	
	
	.fot_link{
		padding-left: 2.5%;
		padding-right: 2.5%;
	    flex-direction: row;
    	flex-wrap: wrap;
	}
	.fot_link li a{
		margin:0 15px 5px;
	}
	.fot_link li a::before{
	    display: none !important;
	}
	
}/* 599px */



@media screen and (max-width: 499px){

	
	.m_menu_list > ul.tab li a{
		font-size: 0.85em;
	}
	
	.section:not(.main_sec01){
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.sectit_wrap{
		margin-bottom: 15px;
	}
	.main_sec02 > div.main_sec02_r{
		width: 100%;
	}
	.main_sec03 .secmenu ul{
	    flex-direction: row;
	    flex-wrap: wrap;
	    margin-right: 15px;
	}
	.main_sec03 .secmenu ul li a{
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.main_sec03 .secmenu ul li a.active{
		font-weight: 600;
	}
	.main_sec03 .secnot_list li{
		width: 100%;
		margin:0 !important;
		margin-bottom: 10px !important;
	}
	.main_sec03 .secnot_list li h6{
		height:1.2em;
	    -webkit-line-clamp: 1;
	}
	.main_sec03 .secnot_list li:last-child {
		margin-bottom: 0;
	}
		
	.secpopup_wrap{
		height: fit-content;
		min-height: 500px;
	}
	.dept_list{
		margin-bottom: 0;
	}
	.dept_list .dept_list_cont{
	    width: fit-content;
	    height: fit-content;
	    padding: 10px 20px;
	    margin:0 10px 10px 0;
	    line-height: unset;
	}
	.dept_img{
		width: 100%;
		height: 300px;
	}
	.dept_txt{
		width: 100%;
		height: fit-content;
		padding:25px;
	}
	
	footer .fot_top{
		height: fit-content;
	}
	footer .fot_top > li{
		width: 50%;
		border-right: none;
		border-top: 1px solid #ddd;
	}
	footer .fot_top > li:first-child {
		width: 100%;	
	}
	footer .fot_top > li > p{
		justify-content: center;
		padding:15px 0;
	}
	
	footer .fot_top > li:nth-of-type(2) > p:before,
	footer .fot_top > li:nth-of-type(4) > p:before{
		display: block;
		content: '';
		background-color: #ddd;
		width:1px;
		height: 100%;
		position: absolute;
		right: 0;
		top:0;
		transform:unset;
	}
	.fot_link{
		padding-left: 5%;
		padding-right: 5%;
	}
	.fot_cont_wrap{
		padding-top:20px;
	}
	.fot_bot_wrap{
		padding-top: 20px;
		margin-top: 20px;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	
}/* 499px */



@media screen and (max-width: 430px) {
	/* 241125 main_sec_02 수정 시작 */
	.media_slide .slick-slide {
		margin-right: 0; 
	}	
	.media_slide .slickBtn {
		top: calc(100% + 12px);
	}
	.media_slide .slick-prev {
		right: calc(36px + 8px);
	}
	.media_slide .slick-next {
		right: 0;
	}
}/* 430px */








