@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;}

.m_top_menu_wrap{display: none;}

/* 모달팝업 */
.popup_wrap.off{
	display: none;
}
.popup_wrap{
	/* display:none; */
	display:flex;
	
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	align-items: center;
    justify-content: center;
	z-index: 99;
	padding:0 250px;
}

.popup_wrap .popup_cont{
	/* position: relative; */
	width: 100%;
	max-width: 1420px;
}

/* .popup_btn{
	display: flex;
	position: absolute;
	top:-60px;
	right:0;
	align-items: center;
	border:#fff;
}
.popup_btn input[type="checkbox"]{
	border:1px solid #f00;
}
.popup_btn label{
	font-size: 14px;
	color:#fff;
	letter-spacing: 0;
} 
.popup_wrap .popup_off{
	font-size: 0;
	width: 50px;
	height: 50px;
	transition-duration: 0.25s;
	cursor: pointer;
	opacity: 0.5;
}
.popup_wrap .popup_off:hover{
	transform: rotate(90deg);
	opacity: 1;
}
.popup_wrap .popup_off::before,
.popup_wrap .popup_off::after{
	position: absolute;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	background-color: #fff;
	top:25px;
}
.popup_wrap .popup_off::before{
	transform: rotate(45deg);
}
.popup_wrap .popup_off::after{
	transform: rotate(-45deg);
}
*/

.popup_slide{
	/* width: 100%; */
	width: 1200px;
	max-width: calc(100% - 24px);
	margin: 0 auto;
	height: 409px;
}
.popup_slide .slick-track{
	text-align: center;
}
.popup_slide .slick-slide > div > div{
	overflow:hidden;
/*     border-radius: 10px; */
}
.popup_slide .slick-slide{
	margin-right: 25px;
}
.popup_slide div{
	height: 100%;
}
.popup_slide .slick-slide img{
	display: block;
	width: 100%;
	height: 100%;
	max-height:100%;
	cursor: pointer;
}
/* 
.popup_wrap ul{
	width: fit-content;
	display: flex;	
    justify-content: center;
    align-items: center;
}
.popup_wrap ul li{
	width: 433px;
	height: 600px;
	display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.popup_wrap ul li:last-child{
	margin-right: 0;
}
.popup_wrap ul li img{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
 */
.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	cursor: pointer;
	padding:5%;
}
.fullscreen img {
	 max-width: 100%;
	 max-height: 100%;
	 object-fit: contain !important;
}


/* 모달팝업 */

/* 모달팝업 수정:시작 20241030 */
.popup_wrap {
	overflow: auto; 
}
.popup_title {
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 16px;
}
.popup_title span {
	font-weight: 800;
}
.pop_btn {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}
.pop_btn i {
	width: 24px;
	height: 24px;
	background: url(../img/common/pop_cancle.png) no-repeat center center;
	background-size: cover; 
}

.popup_num {
	background: #0b6ce9;
}
.popup_num em {
	font-style: normal;
}
.hidden_input {
	display: none;
}
.popup_off {
	background: #000;
}
.popup_chkday {
	cursor:pointer;
	background: #000;
}
.popup_num,
.popup_off,
.popup_chkday {
	color: #fff;
	padding: 8px 16px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	gap: 6px; 
	font-size: 18px;
}
.popup_off span ,
.popup_chkday span {
	
}




/* 모달팝업 수정:끝 20241030 */







/* 탑메뉴 */
.m_top_menu_wrap{display: none;}
.top_menu_wrap{
	width: calc(100vw);
	height: 90px;
	background-color: #fff;
    box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
    position: fixed;
    top:0;
    left:0;
    display: flex;
    align-items: center;
    padding-left: 90px;
    z-index: 89;
    border-bottom: 1px solid #ddd;
}
.top_menu_cont{
	display: flex;
	width: 100%;
    justify-content: space-between;
    position: relative;
}

.title_logo{
	display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    margin-left: 50px;
}
.title_logo a{
	font-size: 0;
}
.title_logo img{
	display: block;
	width: 140px;
	height: 34px;
}


.top_right{
	display: flex;
    align-items: center;
}
.top_right li{
	transition-duration: 0.25s;
}
.top_right > li{
	width: 90px;
	height: 90px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.top_right > li:not(.top_right > li.btn_search){background-position: center top 27.5px;}
.top_right > li.btn_login{background-image: url(../img/common/login.png);}
.top_right > li.btn_logout{background-image: url(../img/common/logout.png);}
.top_right > li.btn_name{background-image: url(../img/common/login.png); background-color: #f5f5f5;}
.top_right > li.btn_name b{color:#0b4da2; display: inline-block; max-width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom;}
.top_right > li.btn_lang{background-image: url(../img/common/lang.png); position: relative;}
.top_right > li.btn_lang::before, .top_right > li.btn_lang::after{display: block; content: ''; position: absolute; bottom:12.5px; width: 8px; height: 1px; background-color: #999; transition-duration: 0.25s;}
.top_right > li.btn_lang::before{transform: rotate(45deg); left: 38.5px;}
.top_right > li.btn_lang::after{transform: rotate(-45deg); right: 38.5px;}
.top_right > li.btn_search{background-image: url(../img/common/search.png); background-color: #f5f5f5; position: relative;}
.top_right > li.btn_search a{font-size: 0; display: block; width: 100%; height: 100%; margin-top: 0;}

.top_right li:hover{
	background-color:#f1f1f1;
}
.top_right li:hover ul{
	display: block;
}
.top_right > li.btn_lang:hover::before{
	left:unset;
	transform: rotate(-45deg);
	right: 38.5px;
}
.top_right > li.btn_lang:hover::after{
	right:unset;
	transform: rotate(45deg);
	left: 38.5px;
}

.top_right > li > a{margin-top:30px;}
.top_right > li a{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
}
.top_right > li ul{
	position: absolute;
	top:90px;
	display: none;
}
.top_right > li ul li{
	width: 90px;
	height: 45px;
	line-height:45px;
	background-color: #fff;
	border:1px solid #ddd;	
}
.top_right > li ul li a{
	text-align: center;
}
.top_right > li ul li:first-child{
	border-bottom: none;
}
/* 탑메뉴 */



/* 탑메뉴(수정) */

.top_menu{
    margin-left: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.top_menu > ul{
	display: flex;
    align-items: center;
}
.top_menu > ul > li{
	height: 90px;
	display: flex;
	align-items: center;
}
.top_menu > ul > li > a{
	display:block;
	width:100%;
	height:90px;
	line-height:90px;
	font-size: 20px;
	font-weight: 600;
	transition-duration: 0.25s;
	padding:0 30px;
}
.top_menu > ul > li > a:hover{
	color:#0b4da2;
}
.top_menu > ul > li:first-child > a{
	padding-left: 0;
}
.top_menu > ul > li:last-child > a{
	padding-right: 0;
}


.top_menu > ul > li:hover > div{
	display: flex;
}
.top_menu > ul > li > div{
	display:none;
    /* display: flex; */
	position: absolute;
    top: 91px;
    left: 0;
    width: calc(100vw - 90px);
    min-height:450px;
    background-color: #fff;
    box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
    justify-content: center;
    padding:30px 0;
    
	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/common/bg04.png);
}
.sub_menu_form{
	width: 100%;
	max-width: 1200px;
}
.sub_menu_form .menu_title{
	position: relative;
	width: 100%;
	padding:0 30px;
}
.sub_menu_form .menu_title::before{
    display: block;
    content: '';
    position: absolute;
    right: 30px;
    top: -7.5px;
    width: 100px;
    height: 100px;
	
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/common/rotate_txt.png);
}
.sub_menu_form .menu_title > p{
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1.15;
}
.sub_menu_form .menu_title > h3{
	font-size: 24px;
}

.sub_menu_form .depth_sub2{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 15px;
}
.sub_menu_form .depth_sub2:hover > a{
	color:#0b4da2;
}
.sub_menu_form .depth_sub2 > li{
	width: fit-content;
	padding:15px 20px;
	transition-duration: 0.25s;
}
.sub_menu_form .depth_sub2 > li:hover{
	background-color: #f8f8f8;
}
.sub_menu_form .depth_sub2 > li:hover > a{
	color:#0b4da2;
}
.sub_menu_form .depth_sub2 > li > a{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	transition-duration: 0.25s;
}

.sub_menu_form .depth_sub3 > li > a{
	padding:4px 0;
	display: block;
	transition-duration: 0.25s;
}
.sub_menu_form .depth_sub3 > li > a:hover{
	color:#0b4da2;
}
.sub_menu_form .depth_sub3 > li > a > b{
	display: none;
}


.top_menu span.pop{
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	margin-left:10px;
	
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/common/icon_gnb_link.png);
}

.top_menu a:hover span.pop{
	background-image: url(../img/common/icon_gnb_link_hover.png);
}

/* 탑메뉴(수정) */





/* 탑 확장메뉴
.top_extend_wrap{
	display:none;
    align-items: flex-start;
    justify-content: center;
    
	width: 100vw;
	height: fit-content;
	min-height:400px;
	background-color: #fff;
	position: fixed;
	top:90px;
	left:0;
	padding:50px 25px;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
	
	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/common/bg04.png);
}
.top_extend_wrap.on{
	display: flex;
}

.top_extend{
	position:relative;
	display: flex;
    align-items: flex-start;
    justify-content: center;
    
	width: 1500px;
	max-width: 100%;
}
.top_extend > div{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

.top_extend > div > div.top_extend_txt{
	width: 200px;
	max-width: 100%;
	white-space: normal;
	word-break: keep-all;
}
.top_extend > div > div.top_extend_txt p{
	font-size: 16px;
	color:#000;
}
.top_extend > div > div.top_extend_txt h6{
	font-size: 22px;
	color:#0b4da2;
	font-weight: 700;
}

.top_extend_tit{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.top_extend_tit::before{
	display: block;
	content: '→';
	font-size:20px;
	color:#000;
	width: auto;
	height: auto;
	position: absolute;
	top:50%;
	right:32px;
	transform: translate(-50%, -50%);
}


.top_extend > div > ul{
	display: none;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left:50px;
    min-width:500px;
    max-width: 100%;
}
.top_extend > div > ul.on{
	display: flex;
}
.top_extend > div > ul > li{
	display: flex;
	flex-direction: column;
	height: fit-content;
	width: fit-content;
	min-width:calc(100% / 5);
	max-width: 100%;
	margin:0 25px 25px 0;
	position: relative;
}
.top_extend > div > ul > li::before{
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background-color: #78a2d9;
	position:absolute;
	left:-8px;
	top:0px;
	transition-duration: 0.25s;
}
.top_extend > div > ul > li:hover::before{
	background-color: #0b4da2;
}
.top_extend > div > ul > li:hover > a{
	color: #0b4da2;
}
.top_extend > div > ul > li > a{
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px;
	transition-duration: 0.25s;
}
.top_extend > div > ul > li > ul{
	display: flex;
	flex-direction: column;
}
.top_extend > div > ul > li > ul > li{
	margin-bottom: 5px;
}
.top_extend > div > ul > li > ul > li:last-child{
	margin-bottom: 0;
}
.top_extend > div > ul > li > ul > li > a{
	display: block;
	transition-duration: 0.25s;
}
.top_extend > div > ul > li > ul > li > a:hover{
	color: #0b4da2;
}


.top_extend_off{
	position:relative;
	font-size: 0;
	width: 50px;
	height: 50px;
	transform: translate(0, -50%);
	transition-duration: 0.25s;
	cursor: pointer;
	opacity: 0.5;
	margin: 25px 0 0 25px;
}
.top_extend_off:hover{
	transform: translate(0, -50%) rotate(90deg);
	opacity: 1;
}
.top_extend_off::before,
.top_extend_off::after{
	position: absolute;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	background-color: #000;
	top:25px;
}
.top_extend_off::before{
	transform: rotate(45deg);
}
.top_extend_off::after{
	transform: rotate(-45deg);
}
탑 확장메뉴 */










/* 사이드메뉴 */
.side_menu_wrap{
	position:fixed;
	width: 90px;
	height: 100vh;
	background-color: #fff;
	border-right: 1px solid #ddd;
	z-index: 90;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
}
.side_menu_wrap .side_menu_cont{
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.side_menu_link .quick_btn{
	display: block;
	position: absolute;
	right:-45px;
	top:50%;
	transform: translate(0, -50%);	
}
.side_menu_link .quick_btn span{
	position: relative;
	display: block;
	width: 25px;
	height: 60px;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
	font-size: 0;
	content: '';
	border:1px solid #ddd;
	border-left:none;
	background-color: #fff;
	border-radius: 0 15px 15px 0;
	cursor: pointer;
	display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	transition-duration: 0.25s;
}
.side_menu_link .quick_btn span:hover{
	background-color: #f1f1f1;
}
.side_menu_link .quick_btn span::before,
.side_menu_link .quick_btn span::after{
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #999;
	position: absolute;
	animation: move1_l 1s infinite;
}
.side_menu_link .quick_btn span::before{
	transform: translate(0, -50%) rotate(45deg);
	top:27.5px;
}
.side_menu_link .quick_btn span::after{
	transform: translate(0, -50%) rotate(-45deg);
	top:33.5px;
}
.side_menu_link .quick_btn.on span::before{
	top:33.5px;
	transition-duration: 0.25s;
}
.side_menu_link .quick_btn.on span::after{
	top:27.5px;
	transition-duration: 0.25s;
}

.side_menu_cont li{
	width: 90px;
	height: 90px;
	border-right: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	transition-duration: 0.25s;
}
.side_menu_cont li:hover{background-color: #f1f1f1;}
.side_menu li{border-bottom: 1px solid #ddd;}
.side_menu li.active{background-color: #f1f1f1;}
.sns_btn_wrap li{border-top: 1px solid #ddd;}

.sitemap_wrap .btn_sitemap{
	background-color: #f5f5f5;
}
.side_menu_cont li.btn_sitemap{
	font-size: 0;
	position: relative;
}
.side_menu_cont li.btn_sitemap a{
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	height: 100%;	
}
.side_menu_cont li.btn_sitemap div{
	position:relative;
	display: block;
	width: 26px;
	height: 20px;
	content: '';
	transition-duration: 0.25s;
}
.side_menu_cont li.btn_sitemap div span{
	display:block;
	content:'';
	background-color: #666;
	width: 26px;
	height: 2.3px;
	position: absolute;
	top:0;
	left:0;
	transition-duration: 0.25s;
}
.side_menu_cont li.btn_sitemap div span:nth-of-type(2){width: 16px; top:50%;}
.side_menu_cont li.btn_sitemap div span:nth-of-type(3){width: 22px; top:100%;}

.sitemap_wrap .btn_sitemap:hover div{margin-left: 10px;}
.sitemap_wrap .btn_sitemap:hover span:nth-of-type(1),
.sitemap_wrap .btn_sitemap:hover span:nth-of-type(3){width: 15px; left:unset; right: 0;}
.sitemap_wrap .btn_sitemap:hover span:nth-of-type(1){transform: rotate(30deg); top:6px;}
.sitemap_wrap .btn_sitemap:hover span:nth-of-type(2){width: 26px;}
.sitemap_wrap .btn_sitemap:hover span:nth-of-type(3){transform: rotate(-30deg); top:14.5px;}

.side_btn_wrap li{
	background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: auto;
}
.side_btn_wrap li.btn_quick{background-image: url(../img/common/new_icon01.png);}
.side_btn_wrap li.btn_students{background-image: url(../img/common/new_icon02.png);}
.side_btn_wrap li.btn_staff{background-image: url(../img/common/new_icon03.png);}
.side_btn_wrap li.btn_public{background-image: url(../img/common/new_icon04.png);}

.side_btn_wrap li a{
    width: 100%;
    height: 100%;	    
    text-align: center;
    line-height: 130px;
}

.sns_btn_wrap li{
	background-color: #f5f5f5;
	background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: auto;
}
.sns_btn_wrap li a{
	display: block;
	content: '';
	font-size: 0;
	width: 100%;
	height: 100%;
}
 .sns_btn_wrap li.btn_yt{background-image: url(../img/common/new_icon05.png);}
 .sns_btn_wrap li.btn_fb{background-image: url(../img/common/new_icon06.png);}
 .sns_btn_wrap li.btn_nb{background-image: url(../img/common/new_icon07.png);}


.side_menu_link.on{
	left: 90px;
}
.side_menu_link{
	display: block;
	position: fixed;
	z-index: 89;
	top:0;
	left:-400px;
	background-color: #fff;
	width: 490px;
	height: 100vh;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
	transition-duration: 0.5s;

	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/common/bg01.png);
}

.side_menu_link > div{padding:0 20px;}

.link_sec01{
	height: 310px;
	background-color: #f5f5f5;
	overflow: hidden;
}
.link_sec01 .title_logo{
	height: 90px;
    justify-content: flex-start;
    padding-left: 30px;
}

.link_sec01 .slick-active button{
	font-weight: 600;
	font-size: 20px;
}


.link_sec02 ul{
	padding:15px 20px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.link_sec02 li{
	margin-bottom: 10px;
	width: 135px;
	height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.link_sec02 li a{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
	transition-duration: 0.25s;
}
.link_sec02 li a:hover{
	background-color: #f5f5f5;
}
.link_sec02 li a img{
	margin-bottom: 10px;
	display: block;
	width: 45px;
	max-width: 100%;
	height: auto;
}


#link_bn ul.slick-dots{display: none !important;}
#link_bn.slick-slider{border-radius: 10px; overflow: hidden; width: 450px; height: 125px;}
#link_bn .slick-slide img{display: block; width: 100%; height: 100%;}

.side_menu_link .slick-counter{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	margin-top: 30px;
	font-size: 14px;
	letter-spacing: 0;
}
.side_menu_link .current-slide{
	font-size: 20px;
	font-weight: 600;
	margin-right: 10px;
    display: inline-block;
    width: 10px
}
.side_menu_link .total-slides{
	margin-left: 10px;
}
.side_menu_link .slick-nav{
	display: flex;
	padding-left: 120px;
	margin-left:25px;
	position: relative;
}
.side_menu_link .slick-nav > p{
	font-weight: 600;
	cursor: pointer;
	transition-duration: 0.25s;
}
.side_menu_link .slick-nav > p:hover{
	color: #0b4da2;
}
.side_menu_link .slick-nav::after{
	display: block;
	content: '';
	position: absolute;
	left:0;
	top:50%;
	background-color: #999;
	width: 100px;
	height: 1px;
}
.side_menu_link #arr_prev{
	position: relative;
	padding-right: 25px;
	margin-right: 25px;
}
.side_menu_link #arr_prev::after{
	display: block;
	content: '';
	position: absolute;
	right:0;
	top:0;
	background-color: #999;
	width: 1px;
	height: 20px;
}

/* 사이드메뉴 */





/* 메인 컨텐츠 */
.main_wrap{width: 100%;}
.fp-warning, .fp-watermark{display: none !important;}
.scrolling_wrap{
	position:absolute;
	left:50%;
	transform: translate(-50%, 0);
	bottom:25px;
	display: flex;
	width: 27px;
	height: 61px;
}
.scrolling_wrap span:nth-of-type(1){
	display:block;
	content:'';
	width:27px;
	height:44px;
	left:50%;
	transform: translate(-50%, 0);
	top:0;
	position: absolute;
	opacity:0.5;
	
	background-image: url(../img/common/scroll01.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.scrollingG_wrap span:nth-of-type(1){
	background-image: url(../img/common/scrollG01.png);
}
.scrolling_wrap span:nth-of-type(2){
	display:block;
	content:'';
	width:16px;
	height:13px;
	left:50%;
	transform: translate(-50%, 0);
	bottom:0;
	position: absolute;
	opacity:0.5;
	
	background-image: url(../img/common/scroll02.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.scrollingG_wrap span:nth-of-type(2){
	background-image: url(../img/common/scrollG02.png);
}
.scrolling_wrap span:nth-of-type(3){
	display:block;
	content:'';
	width:7px;
	height:7px;
	border-radius:100%;
	background-color:#33ff33;
	left:50%;
	transform: translate(-50%, 0);
	top:10px;
	position: absolute;
}


.main_visu_wrap{width: 100%; height: 100%;}
.main_visu_wrap .slick-list{width: 100%; height: 100%;}
.main_visu_wrap .slick-list .slick-track{width: 100%; height: 100%;}
.main_visu_wrap .slick-list .slick-track .slick-slide > div{width: 100%; height: 100%;}
.main_visu_wrap .slick-list .slick-track .slick-slide > div > div{width: 100%; height: 100%; position: relative; overflow: hidden;}

.main_sec{
	position: relative;
}

.main_sec01{width: 100vw !important; overflow: hidden; padding:90px 0 0 90px;}
.main_sec01 .fp-overflow{position: relative;}

.main_sec01 img, .main_sec01 video{
	display:block;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

/* 비디오 사이징 */
.main_video{
	position: relative;
}
.main_video::after{
	display:block;
	content:'';
	width:100%;
	height:100%;
	filter: blur(5px);
	z-index: -1;
    position: absolute;
    
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/dummy/visu01.png);
}
.main_sec01 video{
	width: 100%;
	height: 100%;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}

/* 메인비주얼 사이징
.main_sec01{
	padding:0;
}
.main_sec01 img, .main_sec01 video{
	width:100%;
	height: auto;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}
 */


.main_sec01 .slick-counter2{
	position: absolute;
	bottom:0;
	right: 0;
	display: flex;
	justify-content: center;
    align-items: center;
    	
	width: 360px;
	height: 90px;
	background-color: rgba(255,255,255,0.75);
}
.main_sec01 .slick-dots2{
	padding-right: 120px;
	position: relative;
	margin-right: 20px;
}
.main_sec01 .slick-dots2::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top:50%;
	width: 100px;
	height: 1px;
	background-color: #666;
}
.main_sec01 .current-slide2{
	font-weight: 600;
	font-size: 28px;
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}
.main_sec01 .total-slides2{
	font-size: 18px;
	display: inline-block;
	margin-left: 10px; 
}


.main_sec01 .slick-nav2{
	display: flex;
}
.main_sec01 .slick-nav2 p{
	font-weight: 600;
	cursor: pointer;
}
.main_sec01 .slick-nav2 p:hover{
	color:#0b4da2;
}
.main_sec01 .slick-nav2 .prev{
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.main_sec01 .slick-nav2 .prev::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top:0;
	width: 1px;
	height: 20px;
	background-color: #666;
}


.main_visu_txt{
	position:absolute;
	top:47.5%;
	right:240px;
	transform: translate(0, -50%);
	display: flex;
	flex-direction: column;
}
.main_visu_txt span, .main_visu_txt p{
	color:#fff;
	letter-spacing: -2px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	transform: skew(-0.1deg);
}
.main_visu_txt span{
	font-size: 30px;
	letter-spacing: -1px;
}
.main_visu_txt p{
	font-size: 50px;
	font-weight: 600;
    line-height: 1.2em;
    display: inline-block;
    margin-top: 20px;
}




/* main_sec02_l 시작 */  
/**/
.main_sec02{
	width: 100vw;
	height: 100vh;
	display: flex;
    justify-content: center;
    align-items: center;
}

.main_sec02 > div:not(.scrolling_wrap){
	padding-top: 50px;	
}

.main_sec02_l{
	width: 800px;
	/* height:100%; */
	max-width: 800px;
	margin-right: 75px;
	padding-right: 75px;
	border-right:1px solid #ddd;	
	display: flex;
    flex-direction: column;
    justify-content: center;
    /* 241125 수정 */
    width: 1000px;
    max-width: 1000px; 
    padding-right: 60px; 
    padding-bottom: 40px;
}
.sectit_wrap{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
}
.sectit_box:not(.sectit_length){
	display: flex;
    align-items: flex-end;
}
.sectit_length{
	display: flex;
    flex-direction: column;
}
.sectit_wrap .subtit{
	font-size: 20px;
	font-weight: 600;
	color:#0b4da2;
	text-transform: uppercase;
}
.sectit_wrap .sectit::before{
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #c2d2e8;
	position: absolute;
	top:-3.5px;
	z-index: -1;
}
.sectit_wrap .sectit{
	font-size: 30px;
	font-weight: 800;
	display: inline-block;
	position: relative;
}
.sectit_box:not(.sectit_length) .sectit{
	margin-left: 10px;
}
.gra_btn{
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: linear-gradient(135deg, rgba(9,187,254,0.5), rgba(90,66,236,0.5));
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	transition-duration: 0.25s;
}
.gra_btn:hover{
	padding-left: 5px;
	background: linear-gradient(135deg, rgba(9,187,254,1), rgba(90,66,236,1));
}

/* 241125 main_sec_02 수정 시작 */
/* 미디어 섹션 탭  */
.tab {
    display: none;
}
.tab.active {
    display: block; 
}
.tab_button {
    cursor: pointer;
    color: #444;
    font-size: 20px;
    background: #fff;
    padding-right: 12px;
    font-weight: 600;
}
.tab_button:hover {
    color: #0B4DA2;
}
.tab_button.active {
    color: #0B4DA2;
    font-weight: 700;
}
.tab_content {
	
}
.tab_content .tab {
	padding: 16px 0;
}

.media_slide .slick-slide {
	margin-right: 12px;  
	border:1px solid transparent;
}
.media_slide .slick-slide a {
	display: block;
	height: 100%;
}
.media_slide .slick-slide:hover {
	border:1px solid #0B4DA2;
}

.thumImg {
	height: 200px;  
	border: 1px solid #eee; 
	overflow: hidden;
	background: #111827;
	background: #FCFFD9;
	background: #62DEC6; 
	/**/
	background: #F3F7FF;
	background: #fff;
	/* 썸네일 내부 이미지 정렬 */
	display: flex;
	align-items: center;
	justify-content: center;
	/* display: block; */
}

/* 2안 이미지 채우기 */
.thumImg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
} 



.listDetail {
	padding: 12px;
	background: #F4F5F6;
	display: block;
}
.youtube .listDetail {
	background: #F4F5F6 url(../img/common/youtube_bg.png) no-repeat right 16px bottom 16px; 
	background-size: 42px auto;    
}
.tab_tag {
	color: #0B4DA2;
	font-size: 14px;
}
.list_title {
    color: #111827; 
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 8px 0;
	margin-bottom: 16px;
	min-height: 46px;
}
.list_date {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #70757C;
}
.list_date i {
	width: 12px;
	height: 12px;
	background: url(../img/common/clock_small.png) no-repeat center;
	background-size: contain;  
}
.list_date em {
	font-style: normal;
	min-height: 16px;
	font-size: 12px;
}

.media_slide .slickBtn {
	border-radius: 999px;
	border: 1px solid #D9D9D9;
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: calc(100% + 12px);
}
.media_slide .slick-prev {
	background: #fff url(../img/common/slidePrev.png) no-repeat center center;
	background-size: 48% auto;    
	right: calc(48px + 10px);
}
.media_slide .slick-next {
	background: #fff url(../img/common/slideNext.png) no-repeat center center;
	background-size: 48% auto; 
	right: 12px;
} 

.media_slide .slick-track {
	margin-left: 0;
}


/* 241125 main_sec_02 수정 끝 */

/* 기존 css 시작
.sec02_cont_wrap{
	width:100%;
	height: fit-content;
	overflow:hidden;
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec02_cont{
	width:100%;
	height: 100%;
}
.sec02_cont div{
	width: 100%;
	height: 100%;
}

.sec02_cont .slick-slide img{
	width: 100%;
	height: 425px;
}
.sec02_cont > div a{
	display: block;
}
.sec02_cont > div a:hover h6{
	color:#0b4da2;
}
.sec02_cont > div a h6{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -2px;
	display: block;
	margin:30px 0 20px 0;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition-duration: 0.25s;
}
.sec02_cont > div a span{
	font-size: 16px;
	color:#333333;
	display: block;
	width:100%;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 3.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.sec02_cont::before,
.sec02_cont::after{
	display: block;
	content: '';
	width: 90px;
	height: 90px;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	background: url(../img/common/triangle.png) no-repeat center;
	background-size: cover;
}
.sec02_cont::before{
	top: -3px;
	left: -3px;
}
.sec02_cont::after{
	top:336px;
	left:unset;
	right: -3px;
	transform: rotate(180deg);
}

.main_sec02 .slick-counter3{
	position: absolute;
	top:345px;
	left: 0;
	display: flex;
	justify-content: center;
    align-items: center;
    	
	width: 300px;
	height: 80px;
	background-color: rgba(255,255,255,0.75);
}
.main_sec02 .slick-track{
	height: 100%;
}
.main_sec02 .slick-dots3{
	padding-right: 80px;
	position: relative;
	margin-right: 20px;
}
.main_sec02 .slick-dots3::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top:50%;
	width: 60px;
	height: 1px;
	background-color: #666;
}
.main_sec02 .current-slide3{
	font-weight: 600;
	font-size: 28px;
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}
.main_sec02 .total-slides3{
	font-size: 18px;
	display: inline-block;
	margin-left: 10px; 
}

.main_sec02 .slick-nav3{
	display: flex;
}
.main_sec02 .slick-nav3 p{
	font-weight: 600;
	cursor: pointer;
}
.main_sec02 .slick-nav3 p:hover{
	color:#0b4da2;
}
.main_sec02 .slick-nav3 .prev{
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.main_sec02 .slick-nav3 .prev::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top:0;
	width: 1px;
	height: 20px;
	background-color: #666;
}    

기존 css 끝 */



/* main_sec02_l 끝 */ 


.main_sec02_r{
	width: 430px;
	max-width: 100%;
	height:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.schedule_wrap::before{
	display: block;
	content: '';
	position: absolute;
	left:0;
	top:10px;
	width: 1px;
	height: calc(100% - 12%);
	background-color: #ddd;
}
.schedule_wrap{
	width: 100%;
	display: flex;
    flex-direction: column;
	position: relative;
	padding-left: 25px;
	min-height: 400px;
}
.schedule_wrap li::before{
	display: block;
	content: '';
	position: absolute;
	left:-30px;
	top:10px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: linear-gradient(135deg, rgba(9,187,254,1), rgba(90,66,236,1));
}
.schedule_wrap li.overtime::before{
	background:none;
	background-color: #ddd;
}
.schedule_wrap li.overtime span,
.schedule_wrap li.overtime p{
	color:#999;
}
.schedule_wrap li:not(.overtime):hover span,
.schedule_wrap li:not(.overtime):hover p{
	color:#0b4da2;
}
.schedule_wrap li{
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}
.schedule_wrap li span,
.schedule_wrap li p{
	display: block;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition-duration: 0.25s;
}
.schedule_wrap li span{
	font-size: 20px;
	font-weight: 600;
}
.schedule_wrap li p{
	font-size: 18px;
	font-weight: 500;
}


.main_sec03{
	display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    
	background-color: #0b4da2;
	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/common/bg02.png); 
}
.main_sec03 .main_sec03_wrap{
	width: 1500px;
	max-width: 100%;
	height: fit-content;
}
.main_sec03 .fp-overflow{
	overflow-y: unset !important;
}


.main_sec03 .sectit_wrap{
	display: block;
}
.main_sec03 .sectit_wrap .sectit::before{
	background-color: rgba(255,255,255,0.25);
}

.main_sec03 .sectit_wrap .sectit{
	color:#fff;
}
.main_sec03 .sectit_wrap .subtit{
	color:#e4e76e;
}


.main_sec03 .secmenu{
	display: flex;
    align-items: center;
}
.main_sec03 .secmenu ul{
	display: flex;
    align-items: center;
	width: 100%;
	margin-top: 25px;
}
.main_sec03 .secmenu ul li a{
	display: block;
	color:#fff;
	width: fit-content;
	margin-right: 40px;
    font-weight: 300;
	transition-duration: 0.25s;
}
.main_sec03 .secmenu ul li a.active,
.main_sec03 .secmenu ul li a:hover{
	color: #e4e76e;
}
.main_sec03 .secmenu ul li:last-child a{
	margin-right: 0;
}

.main_sec03 .secnot_list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 500px;
}
.main_sec03 .secnot_list li{
	width: 310px;
	padding:25px;
	background-color: #fff;
	position: relative;
	opacity: 0.95;
}
.main_sec03 .secnot_list li:hover{
	opacity: 1;
}
.main_sec03 .secnot_list li a{
	display: block;
	width: 100%;
	height: 100%;
	transition-duration: 0.25s;
}
.main_sec03 .secnot_list li::before{
	display: block;
	content: '';
	position: absolute;
	top:-1px;
	left:0;
	width: 40px;
	height: 40px;
	
	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/common//triangleB.png);
}

.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: 20px;
}


.main_sec03 .secnot_list li span.secmenu_color{
	display: inline-block;
	padding:6px 15px;
	font-size: 16px;
	color:#fff;
	margin-bottom: 20px;
	font-weight: 300;
}
.main_sec03 .secnot_list li span.secmenu01{background-color: #89a09e;}
.main_sec03 .secnot_list li span.secmenu02{background-color: #3095a1;}
.main_sec03 .secnot_list li span.secmenu03{background-color: #f28b73;}
.main_sec03 .secnot_list li span.secmenu04{background-color: #e0a487;}

.main_sec03 .secnot_list li h6{
	font-weight: 500;
	font-size: 18px;
	display: block;
	width:100%;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 2.4em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.main_sec03 .secnot_list li p{
	font-weight: 500;
	font-size: 16px;
	color:#999;
	display: block;
	width:100%;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 2.4em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.main_sec03 .secnot_list li span.secdate{
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
}


/**/
.main_sec04{
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}


.main_sec04_l{
	width: 1020px;
	height:100%;
	margin-right: 70px;
	padding-right: 70px;
	border-right: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sec04_cont_wrap{
	width:100%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec04_cont_wrap div.secvideo{
	width: 460px;
	max-width:47.5%;
}
.sec04_cont_wrap div.secvideo:hover a img{
	transform: translate(-50%, -50%) scale(1.05);
}
.sec04_cont_wrap div.secvideo a{
	display:block;
	width:100%;
	height: 240px;
	overflow: hidden;
	position: relative;
}
.sec04_cont_wrap div.secvideo a img{
	display: block;
	position: absolute;
	left:50%;
	top:50%;
    transform: translate(-50%, -50%);
	transition-duration: 0.25s;
    width: 100%;
    height: auto;
}
.sec04_cont_wrap div.secvideo .sectxt{
	display: flex;
	width:100%;
	height: fit-content;
	padding-top:7.5px;
}
.sec04_cont_wrap div.secvideo span,
.sec04_cont_wrap div.secvideo h6{
	display:block;	
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 1.2em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	
}
.sec04_cont_wrap div.secvideo span{
	font-size: 18px;
    color: #333333;
    width: fit-content;
    min-width: 50px;
    margin-right: 5px;
}
.sec04_cont_wrap div.secvideo h6{
	font-size: 18px;
    color: #000;
    width: auto;
	
}
.sec04_cont_wrap div.secvideo:nth-of-type(1),
.sec04_cont_wrap div.secvideo:nth-of-type(2){
	margin-bottom: 20px;
}





.main_sec04_r{
	width: 425px;
}
.secpopup_wrap{
	position: relative;
	height: 525px;
}
.secpopup{
    box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
    height: 100%;
}
.secpopup div{
	height: 100%;
}
.secpopup div img{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.secpopup_wrap .slick-counter4{
	position: absolute;
	bottom:0;
	right: 0;
	display: flex;
	justify-content: center;
    align-items: center;
    	
	width: 240px;
	height: 70px;
	background-color: rgba(255,255,255,0.75);
}
.secpopup_wrap .slick-dots4{
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
}
.secpopup_wrap .current-slide4{
	font-weight: 600;
	font-size: 28px;
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}
.secpopup_wrap .total-slides4{
	font-size: 18px;
	display: inline-block;
	margin-left: 10px; 
}


.secpopup_wrap .slick-nav4{
	display: flex;
}
.secpopup_wrap .slick-nav4 p{
	font-weight: 600;
	cursor: pointer;
}
.secpopup_wrap .slick-nav4 p:hover{
	color:#0b4da2;
}
.secpopup_wrap .slick-nav4 .prev{
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.secpopup_wrap .slick-nav4 .prev::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top:0;
	width: 1px;
	height: 20px;
	background-color: #666;
}



/**/
.main_sec05::before{
	display: block;
	content: '';
	position: absolute;
	top:0;
	right: 0;
	width: 50%;
	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;
}
.main_sec05{
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dept_img .dept_list_cont:not(.active),
.dept_txt .dept_list_cont:not(.active){display: none;}

.main_sec05 .sectit_wrap{
	width: 1450px;
	max-width: 100%;
}
.secdept_wrap{
	width:fit-content;
	max-width:100%;
	height:500px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.dept_list{
	width: 150px;
	height: 100%;
}
.dept_img{
	width: 900px;
	height: 100%;
}
.dept_txt{
	width: 300px;
	margin-left: 100px;
	height: fit-content;
}
.dept_list .dept_list_cont{
	width: calc(100% - 20px);
	height: calc(100% / 6);
	background-color: #f5f5f5;
	font-size: 18px;
	color:#000;
	padding-left: 20px;
	display: flex;
    align-items: center;
	transition-duration: 0.25s;
	cursor: pointer;
}
.dept_list .dept_list_cont.active,
.dept_list .dept_list_cont:hover{
	background-color: #0b4da2;
	color:#fff;
}

.dept_img .dept_list_cont{
	display: block;
	width: 900px;
	height: 500px;
	border-radius: 0 40px 40px 0;
	position: relative;
	overflow: hidden;
}
.dept_img .dept_list_cont img{
	display: block;
	width: 100%;
	height: auto;
	min-height:100%;
	position: absolute;
	left:50%;
	top:50%;
    transform: translate(-50%, -50%);
	transition-duration: 0.25s;
}

.dept_txt h6{
	font-size: 30px;
	font-weight: 700;
	color:#e4e76e;
	display: block;
	margin-bottom: 15px;
}
.dept_txt p{
	word-break:keep-all;
	color:#fff;
	display: block;
	margin-bottom: 20px;
}
.dept_txt a{
	display:block;
	color:#fff;
	font-size: 20px;
	font-weight: 700;
	position: relative;	
	margin-bottom: 10px;
	width: fit-content;
	transition-duration: 0.25s;
}
.dept_txt a:hover{
	color:#e4e76e;
}
.dept_txt a:hover::before,
.dept_txt a:hover::after{
	background-color: #e4e76e; 
}
.dept_txt dl dd:last-child a{
	margin-bottom: 0;
}

.dept_txt a::before,
.dept_txt a::after{
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right:-20px;
}
.dept_txt a::before{
	transform: translate(0, -50%) rotate(45deg);
	top:9.5px;
}
.dept_txt a::after{
	transform: translate(0, -50%) rotate(-45deg);
	top:15.5px;
}
/* 메인 컨텐츠 */




/* 푸터 */
footer{
	padding:0 0 0 90px;
}

footer .fot_top{
	width: 100%;
	height: 70px;
	background-color: #f1f1f1;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	position: relative;
}
footer .fot_top > li{
	width: 300px;
	max-width:100%;
	height: 100%;
	display: flex;
    align-items: center;
	font-size: 18px;
	font-weight: 700;
	border-right: 1px solid #ddd;
	cursor: pointer;
	transition-duration: 0.25s;
}
footer .fot_top > li > p{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding:0 35px;
	display: flex;
    align-items: center;
    word-break: keep-all;
}
footer .fot_top > li > p:hover,
footer .fot_top > li > p.on{
	background-color: #e9e9e9;
}
footer .fot_top > li > p::before,
footer .fot_top > 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;}
footer .fot_top > li > p::before{transform: rotate(45deg); right: 40px;}
footer .fot_top > li > p::after{transform: rotate(-45deg); right: 35px;}

footer .fot_top > li > p.on::before{
	transform: rotate(-45deg); right: 40px;
}
footer .fot_top > li > p.on::after{
	transform: rotate(45deg); right: 35px;
}

footer .fot_top > li:last-child{
	border-right: none;
}
footer .fot_top > li > div{
	/* display: flex; */
	z-index:1;
	display:none;
	position: absolute;
	left:0;
	top:0;
	width: 100vw;
	height: fit-content;
	background-color: #fff;
	box-shadow: 1px -3px 6px rgb(0 0 0 / 8%);
	transform: translate(0, -100%);
	justify-content: center;
	padding:0 90px 0 0;
	cursor: default;
}
footer .fot_top > li > div.on{
	display: flex;
}
footer .fot_top > li > div > ul{
    width: fit-content;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    padding:25px 0;
	transition-duration: 0.25s;
}
footer .fot_top > li > div > ul:hover{
	background-color: #f8f8f8;
}
footer .fot_top > li > div > ul > li{
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #0b4da2;
    padding:0 50px;
}
footer .fot_top > li > div > ul > li.tit{
	padding:10px 0;
}
footer .fot_top > li > div > ul > li > a{
	display: block;
	width:100%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding:5px 0;
	transition-duration: 0.25s;
}
footer .fot_top > li > div > ul > li > a:hover{
	color:#0b4da2;
}

.fot_top > li > ul:not(.fot_top01 > ul){
	display: none;
}


.fot_cont_wrap{
	padding:40px 0;
	display: flex;
	flex-direction: column;
    position: relative;
}

.fot_link{
	display: flex;
	margin-left: 75px;
}
.fot_link li a{
	display: block;
	width:fit-content;
	font-size: 18px;
	margin-left: 60px;
	position: relative;
}
.fot_link li:first-child a{
	margin-left: 0;
	font-weight: 600;
	transition-duration: 0.25s;
}
.fot_link li:not(:first-child) a::before{
	display: block;
	content: '';
	position: absolute;
	width: 1px;
	height: 65%;
	top:50%;
	left:-30px;
	transform: translate(0, -50%);
	background-color: #999;
}
.fot_link li a:hover{
	color:#0b4da2;
}


.fot_bot_wrap{
	display: flex;
	align-items: center;
	border-top: 1px solid #ddd;
	margin-top: 40px;
	padding-top: 40px;
	position: relative;
}
.fot_bot_wrap > a{
	display:block;
	width: 140px;
	overflow: hidden;
	font-size: 0;
	margin: 0 75px;
	
}
.fot_bot_wrap > a > img{
	display: block;
	width: 100%;
	height: auto;
}

.fot_info_wrap{
	display: flex;
    flex-direction: column;
}
.fot_info{
	display: flex;
}
.fot_info address, .fot_info p{
	font-size: 18px;
	margin-right: 15px;
	letter-spacing: 0;
}
.fot_info .fot_fax{
	margin-right: 0;
}
.fot_info_wrap .fot_cop{
	margin-top: 5px;
	letter-spacing: 0;
}

.fot_mov{
	position: absolute;
	top:50%;
	right: 90px; 
	transform: translate(0, -50%);
}
.fot_mov > a{
	display: flex;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 0;
	position: relative;
	transition-duration: 0.25s;
}
.fot_mov > a:hover{
	background-color: #e3e3e3;
}
.fot_mov > a::before{
	display: block;
	content: '↑';
	font-size:20px;
	color:#000;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}
/* 푸터 */




/* animate */

/* 딜레이 */
.top_menu > ul > li > div{animation: delay1s 0.25s 1; animation-direction: alternate;}
.delay{animation: delay1s 1s 1; animation-direction: alternate;}
.delay1s{animation-delay: 1s; animation: delay1s 1s 1; animation-direction: alternate;}
@keyframes delay1s{
    0%{opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay2s{animation-delay: 2s; animation: delay2s 2s 1; animation-direction: alternate;}
@keyframes delay2s{
    0%{opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay3s{animation-delay: 3s; animation: delay3s 3s 1; animation-direction: alternate;}
@keyframes delay3s{
    0%{opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay4s{animation-delay: 4s; animation: delay4s 4s 1; animation-direction: alternate;}
@keyframes delay4s{
    0%{opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}

/* 딜레이 좌측 */
.delay1s_l{animation-delay: 1s; animation: delay1s_l 1s 1; animation-direction: alternate;}
@keyframes delay1s_l{
    0%{opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay2s_l{animation-delay: 2s; animation: delay2s_l 2s 1; animation-direction: alternate;}
@keyframes delay2s_l{
    0%{opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay3s_l{animation-delay: 3s; animation: delay3s_l 1s 1; animation-direction: alternate;}
@keyframes delay3s_l{
    0%{opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}

/* 딜레이 하단 */
.delay1s_b{animation-delay: 1s; animation: delay1s_b 0.25s 1; animation-direction: alternate;}
@keyframes delay1s_b{
    0%{opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay2s_b{animation-delay: 2s; animation: delay2s_b 2s 1; animation-direction: alternate;}
@keyframes delay2s_b{
    0%{opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay3s_b{animation-delay: 3s; animation: delay3s_b 1s 1; animation-direction: alternate;}
@keyframes delay3s_b{
    0%{opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}


.fot_top > li > div{animation: delay1s_b_cus 0.5s 1; animation-direction: alternate;}
@keyframes delay1s_b_cus{
    0%{opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
    100%{opacity: 1; -webkit-transform: none; -webkit-transform: translate(0, -100%); transform: translate(0, -100%);}
}


@keyframes list{
    0%{opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0)}
    100%{opacity: 0.9; -webkit-transform: none; transform: none}
}
@keyframes listT{
    0%{opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0)}
    100%{opacity: 0.9; -webkit-transform: none; transform: none}
}


/* 딜레이 우측 */
.delay1s_r{animation-delay: 1s; animation: delay1s_r 1s 1; animation-direction: alternate;}
@keyframes delay1s_r{
    0%{opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay2s_r{animation-delay: 2s; animation: delay2s_r 2s 1; animation-direction: alternate;}
@keyframes delay2s_r{
    0%{opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}
.delay3s_r{animation-delay: 3s; animation: delay3s_r 1s 1; animation-direction: alternate;}
@keyframes delay3s_r{
    0%{opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0)}
    100%{opacity: 1; -webkit-transform: none; transform: none}
}



/* 무브 좌측 */
.move1_l{animation: move1_l 1s infinite;}
@keyframes move1_l{
	0%{left:5px;}
	100%{left:8.5px;}
}
.move2_l{animation: move2_l 2s infinite;}
@keyframes move2_l{
	0%{left:5px;}
	100%{left:10px;}
}
.move3_l{animation: move3_l 3s infinite;}
@keyframes move3_l{
	0%{left:5px;}
	100%{left:10px;}
}

/* 스크롤 */
.scrolling_wrap span:nth-of-type(3){animation: scroll1 1s infinite;}
@keyframes scroll1{
	0%{top:10px;}
	100%{top:25px;}
}
.scrolling_wrap span:nth-of-type(2){animation: scroll2 1s infinite;}
@keyframes scroll2{
	0%{bottom:2.5px;}
	100%{bottom:-2.5px;}
}

/* 인피티니 직선 무브 좌측(우측정렬) */
.infi_move1_l,
.sectit_wrap .sectit::before{animation: infi_move1_l 1.5s infinite;}
@keyframes infi_move1_l{
	0%{right:2.5px;}
	100%{right:-7.5px;}
}

/* 그라데이션 버튼 오버 */
.gra_btn{
	animation: infi_onGra 0.5s infinite;
	background-size: 150% 150%;
	-webkit-animation: infi_onGra 2.5s ease infinite;
	-moz-animation: infi_onGra 2.5s ease infinite;
	-o-animation: infi_onGra 2.5s ease infinite;
	animation: infi_onGra 2.5s ease infinite;
}
@keyframes infi_onGra{
	0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* pagelayout 딜레이 */
.top_menu > ul > li:nth-of-type(1){animation: listT 0.5s 1;}
.top_menu > ul > li:nth-of-type(2){animation: listT 0.8s 1;}
.top_menu > ul > li:nth-of-type(3){animation: listT 1.1s 1;}
.top_menu > ul > li:nth-of-type(4){animation: listT 1.4s 1;}
.top_menu > ul > li:nth-of-type(5){animation: listT 1.7s 1;}
.top_menu > ul > li:nth-of-type(6){animation: listT 2.0s 1;}
.top_menu > ul > li:nth-of-type(7){animation: listT 2.3s 1;}
.top_menu > ul > li:nth-of-type(8){animation: listT 2.6s 1;}

.fp-viewing-0 .slick-active .main_visu_txt span{animation: list 1.5s 1;}
.fp-viewing-0 .slick-active .main_visu_txt p{animation: list 2.5s 1;}

.fp-viewing-1 .main_sec02_l{animation-delay: 1s; animation: delay1s_l 2s 1; animation-direction: alternate;}
.fp-viewing-1 .main_sec02_r{animation-delay: 1s; animation: delay1s_r 2s 1; animation-direction: alternate;}

.fp-viewing-1 .schedule_wrap li:nth-of-type(1){animation: list 0.5s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(2){animation: list 0.8s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(3){animation: list 1.1s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(4){animation: list 1.4s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(5){animation: list 1.7s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(6){animation: list 2.0s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(7){animation: list 2.3s 1;}
.fp-viewing-1 .schedule_wrap li:nth-of-type(8){animation: list 2.6s 1;}

.fp-viewing-1 .sec02_cont > div h6{animation: list 1.5s 1;}
.fp-viewing-1 .sec02_cont > div span{animation: list 2.5s 1;}

.fp-viewing-2 .main_sec03_wrap{animation: delay1s 1s 1; animation-direction: alternate;}
.fp-viewing-2 .main_sec03 .secnot_list li{animation-delay: 1s; animation: delay2s_b 2s 1; animation-direction: alternate;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(1){animation: list 0.5s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(2){animation: list 0.8s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(3){animation: list 1.1s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(4){animation: list 1.4s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(5){animation: list 1.7s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(6){animation: list 2.0s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(7){animation: list 2.3s 1;}
.fp-viewing-2 .main_sec03 .secnot_list li:nth-of-type(8){animation: list 2.6s 1;}

.fp-viewing-3 .main_sec04_l{animation-delay: 1s; animation: delay1s_l 2s 1; animation-direction: alternate;}
.fp-viewing-3 .main_sec04_r{animation-delay: 1s; animation: delay1s_r 2s 1; animation-direction: alternate;}

.fp-viewing-4 .dept_list{animation-delay: 2s; animation: delay2s_l 2s 1; animation-direction: alternate;}
.fp-viewing-4 .dept_img{animation-delay: 1s; animation: delay1s_l 2s 1; animation-direction: alternate;}
.fp-viewing-4 .dept_txt{animation-delay: 1s; animation: delay1s_r 2s 1; animation-direction: alternate;}


/* 탑메뉴 svg회전 */
.sub_menu_form .menu_title::before,
.top_extend_txt svg{animation: cycleling 30s linear infinite;}
@keyframes cycleling{
from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}