@charset "UTF-8";

:root{
--height-header-top:2.5rem;
--height-header-main:4.375rem;
--width-logo:17.5rem;
}

html.scroll-lock{overflow:hidden;}
div.wrap.main{overflow: hidden;}

/* header */
header.header{width:100%; background:#fff; position:fixed; top:0; left:0; z-index:200; box-shadow:0 0 20px rgba(0,0,0,0.2); border-bottom:1px solid #ddd; transition: 0.3s linear;}
header.header.hide{height: 0; overflow: hidden; opacity:0; pointer-events: none;}
header.header div.header-top{background:var(--color-main01); height:auto; position: relative;}
header.header div.header-top div.inner{width: 100%; height: 100%; padding:0 3rem; display: flex; justify-content: space-between;}
header.header div.header-top div.inner a.header-link{display: block; padding: 0 1.25rem; font-family: 'NanumNeo_B', sans-serif; line-height: var(--height-header-top); height: 100%; color:#fff; background: var(--color-main02); position: relative; padding-right: 3rem;}
header.header div.header-top div.inner a.header-link span{position: relative;}
header.header div.header-top div.inner a.header-link span:after{position:absolute; content:''; display:block; width:1rem; height:1rem; top:50%; right:-1.8rem; transform:translateY(-50%); background:url("../img/arrow_link_wh.svg")center/contain no-repeat;}
header.header div.header-top div.inner div.right-btn-wrap{display: flex;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list{display: flex; align-items: center; gap: 2rem;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li{color: #fff; position: relative;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li::after{content: ''; position: absolute; width: 1px; height: 16px; background: #fff; right: -1rem; top: 50%; transform: translateY(-50%);}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li:last-child::after{display: none;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li.btn-search a{padding-left: 1.5em;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li.btn-search a span{position: relative;}
header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li.btn-search a span::before{content: ''; position: absolute; width: 1rem; height: 1rem; top: 50%; left: -1.5rem; transform: translateY(-50%); background: url('../img/ico_search_wh.svg')center/contain no-repeat;}
/* 로그인 세션 */
header.header div.header-top div.session{height: var(--height-header-top); display: flex; align-items: center; font-size: 0.95rem; color: #fff; gap: 0.5rem; margin-right: 1rem;}
header.header div.header-top div.session a.session-extend{display:inline-block; padding:0.25rem 0.5rem; background-color: var(--color-main04); border-radius: 50px;}

header.header div.header-main{padding:0 3rem; height:var(--height-header-main); display:flex; justify-content:space-between; align-items:center; }
header.header div.header-main div.logo{width:var(--width-logo); height:auto;}
header.header div.header-main div.logo a{display:block; width:100%; height:100%;}
header.header div.header-main div.logo a img{display:block; width:100%; height:100%;}
header.header div.header-main div.right{display: flex; align-items: center; gap: 3rem;}
header.header div.header-main div.right a.btn-menu{width: 1.5rem; height: 1.5rem; background: url('../img/ico_menu.svg')center/cover no-repeat;}
/* gnb */
header.header div.header-main div.gnb{}
header.header div.header-main div.gnb ul.dep01{display:flex;}
header.header div.header-main div.gnb ul.dep01 > li{font-size:1.25rem; height:100%; padding:0 1.625rem; font-family:'NanumNeo_B',sans-serif;}
header.header div.header-main div.gnb ul.dep01 > li:first-child{padding-left: 0;}
header.header div.header-main div.gnb ul.dep01 > li.on{font-family:'NanumNeo_EB', sans-serif;}
header.header div.header-main div.gnb ul.dep01 > li > a{width:auto; height:var(--height-header-main); display:flex; align-items:center; position:relative;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav{display: none; position:absolute; width:100%; height:24rem; top:calc(var(--height-header-main) + var(--height-header-top)); left:0; border-top:1px solid #ddd; background:#fff; box-shadow:0 20px 20px rgba(0,0,0,0.1);}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav div.inner{width:100%; height:100%; display:flex; position: relative; background: #f7f7f7; padding-top: 4rem;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav p.dep01{width:30%; height:100%; position: relative; bottom: 0; left: 0; background:linear-gradient(45deg,rgba(24, 51, 219, 1) 0%, rgba(2, 0, 121, 1) 100%); color:#fff; font-size:2.5rem; font-family:'NanumNeo_EB',sans-serif; padding:2.5rem 3rem; text-align:right; overflow:hidden;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav p.dep01:after{content:''; display:block; position:absolute; bottom:-1rem; left:-1rem; width:18rem; height:18rem; background:url("../img/symbol_wh.png")center/contain no-repeat; opacity:.2;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02{width:70%; height:auto; padding:0 3rem; text-align:left; position: absolute; right: 0; display: flex; flex-wrap: wrap;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li{display:inline-block; background:#fff; text-align:left; margin-right: 2%; margin-bottom: 2rem; width: 23.5%; border:2px solid #ddd; border-radius: 0.5rem; transition:0.2s; -webkit-transition: 0.2s; font-family:'NanumNeo_B',sans-serif; color:#777;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:nth-child(4n){margin-right: 0;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li a{padding:1rem 0.8rem; transition:0.3s; width:100%; height:100%; position: relative; display:flex; align-items:center;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li a::after{position: absolute; content: ''; width: 1rem; height: 1rem; right: 0.8rem; top: 50%; transform: translateY(-50%); background: url('../img/ico_arrow.svg')center/100% no-repeat; opacity: .5;}
header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li.l-menu{font-size:1.1rem;}
@media(hover:hover){
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:hover{border:2px solid #333;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:hover a{color:#333;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:hover a::after{opacity: 1;}
}

/* total-search */
header.header div.total-search-area{position:absolute; top:100%; left:0; width:100%; height:0; opacity:0; overflow:hidden; z-index:100; background:#fff; border-top:1px solid #ddd; box-shadow:0 20px 20px rgba(0, 0, 0, 0.1); transition: 0.3s linear;}
header.header div.total-search-area.open{height: 12rem; opacity: 1;}
header.header div.total-search-area div.inner{width:80%; height:100%; margin:0 auto; display:flex; align-items:center;}
header.header div.total-search-area div.inner div.inp{width:100%; font-size: 1.125rem; display:flex; justify-content:center; align-items: center;}
header.header div.total-search-area div.inner div.inp span.lab{margin-right: 2rem; font-size: 1.25rem; font-family: "Montserrat_B", sans-serif; letter-spacing: 2px; color: var(--color-main03);}
header.header div.total-search-area div.inner div.inp input[type="text"]{width:50%; height:4rem; border:1px solid #333; border-radius:50px; padding:1rem 2rem;}
header.header div.total-search-area div.inner div.inp a{position:relative; width:4rem; height:4rem; border-radius:100%; transition: 0.3s;}
header.header div.total-search-area div.inner div.inp a.btn-total-search{margin:0 0.5rem; background:var(--color-main03);}
header.header div.total-search-area div.inner div.inp a.btn-total-search:after{position:absolute; content:''; display:block; width:1.5rem; height:1.5rem; background:url("../img/ico_search_wh.svg") center / 100% auto no-repeat; top:50%; left:50%; transform:translate(-50%, -50%);}
header.header div.total-search-area div.inner div.inp a.btn-close:after{position:absolute; content:''; display:block; width:2rem; height:2rem; background:url("../img/ico_plus.svg") center / 100% auto no-repeat; top:50%; left:50%; transform:translate(-50%, -50%) rotateZ(45deg);}
@media(hover:hover){
	header.header div.total-search-area div.inner div.inp a.btn-close:hover{background: #eee;}
}

/* site map */
div.sitemap-wrap{width:100%; height:100%; position:fixed; top:0; left:0; top:-100%; background:#fff; z-index:999; transition:0.3s;}
div.sitemap-wrap.active{top:0;}
div.sitemap-wrap div.sitemap-top{position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 8rem; padding: 0 3rem; display: flex; justify-content: space-between; align-items: center;}
div.sitemap-wrap div.sitemap-top div.logo{width: 17.5rem; height: 100%; background:url("../img/logo_wh.png")center/100% auto no-repeat;}
div.sitemap-wrap div.sitemap-top div.logo img{width: 100%; height: 100%; object-fit: contain;}
div.sitemap-wrap div.sitemap-top a.btn-close{width:2rem; height:2rem; background:url("../img/ico_plus.svg")center/100% auto no-repeat; transform:rotateZ(45deg); transition: 0.3s;}
div.sitemap-wrap div.sitemap-bot{display:flex; width: 100%; height: 100%;}

div.sitemap-wrap div.sitemap-bot div.sitemap-left{width: 30%; height: 100%; background: url('../../fro-end/img/sitemap_bg.jpg') no-repeat center/cover; position: relative; overflow: hidden;}
div.sitemap-wrap div.sitemap-bot div.sitemap-left::after{content: ''; position: absolute; bottom: -2rem; left: -2rem; width: 24rem; height: 24rem; background: url('../img/symbol_wh.png')center/100% no-repeat; opacity: .2;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right{width: 70%; position: relative;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap{height: calc(100% - 8rem); overflow-y: scroll; padding: 0 4rem 4rem 4rem;position: absolute; top: 8rem; left: 0; width: 100%;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner{display: flex; padding: 2rem 0; border-bottom: 1px dashed #ddd;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner:first-child{padding-top: 0;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01{width: 30%; font-size: 1.5rem; font-family: 'NanumNeo_EB', sans-serif; margin-right:2rem;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 1.875rem 0; width: calc(100% - 12rem); padding-top: 5px;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li{width: 25%;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > a{font-size: 1.25rem; transition: 0.3s; font-family:'NanumNeo_B',sans-serif;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03{margin-top: 1rem;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li{margin-bottom: 0.5rem;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li:last-child{margin-bottom: 0;}
div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li > a{color: #777;}
@media(hover:hover){
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.top a.btn-close:hover{transform: scale(1.2) rotateZ(45deg);}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li:hover a{color: var(--color-main01);}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li:hover a{color: var(--color-main01);}
}

/* main section */
section[class*="main"]{margin-bottom: 7.5rem;}
section[class*="main"] div.sect-tit{margin-bottom:3rem;}
section[class*="main"] div.sect-tit p.eng{color: var(--color-main04); letter-spacing: 2px; text-align: center; margin-bottom: 0.625rem;}
section[class*="main"] div.sect-tit h3.tit{font-family:'NanumNeo_B',sans-serif; font-size:2.125rem; text-align:center; word-break:keep-all;} 

/* main-visual */
section.main-visual{width:100%; height: 52.5rem; background: none; margin-top: calc(var(--height-header-main) + var(--height-header-top)); position: relative; overflow: hidden;}
section.main-visual div.main-slider{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
section.main-visual div.main-slider div.slide-item{width: 100%; height: 52.5rem;}
section.main-visual div.main-slider div.slide-item img{width: 100%; height: 100%; object-fit: cover;}
section.main-visual div.main-slider div.slide-item iframe{width: 100%; height: 100%; border: none; pointer-events: none;}
section.main-visual div.main-slider-arrow{position: absolute; bottom: 1.5rem; right: 2rem; z-index: 2; display: flex; gap: 0.5rem;}
section.main-visual div.main-slider-arrow button.arrow{width: 2.875rem; height: 2.875rem; border: 1px solid rgba(255,255,255,0.7); border-radius: 50%; background: none; cursor: pointer;}
section.main-visual div.main-slider-arrow button.arrow.prev{background: url('../img/ico_arrow_wh.svg') center/50% no-repeat; transform: rotate(180deg);}
section.main-visual div.main-slider-arrow button.arrow.next{background: url('../img/ico_arrow_wh.svg') center/50% no-repeat;}
section.main-visual::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); top: 0; left: 0; z-index: 0;}
section.main-visual div.main-visual-inner{position: absolute; z-index: 1; top: 40%; left: 50%; transform: translate(-50%, -50%);}
section.main-visual div.main-visual-inner p{color: #fff; text-shadow: 0 0 15px rgba(0, 0, 0, 0.4); text-align: center; word-break: keep-all;}
section.main-visual div.main-visual-inner p.txt01{font-size: 1.25rem; margin-bottom: 1rem;}
section.main-visual div.main-visual-inner p.txt02{font-size: 3.25rem; font-family:'NanumNeo_EB',sans-serif; line-height: 1.4;}
section.main-visual div.main-noti{position: absolute; bottom: 3.75rem; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; justify-content: space-between; align-items: stretch;}
section.main-visual div.main-noti div.left-con{position: relative; width: 25%; background: var(--color-main01); color: #fff; padding: 2rem; border-radius: 1rem; overflow: hidden;}
section.main-visual div.main-noti div.left-con::after{content: ''; position: absolute; bottom: -1.25rem; right: -1.25rem; width: 10rem; height: 10rem; background: url("../img/symbol_wh.png") no-repeat center/cover; opacity: .2;}
section.main-visual div.main-noti div.left-con h3.tit{font-size: 2.125rem; font-family:'NanumNeo_B',sans-serif; margin-bottom: 1.25rem;}
section.main-visual div.main-noti div.left-con p{font-size: 1.125rem; margin-bottom: 2.625rem; line-height: 1.5; word-break: keep-all;}
section.main-visual div.main-noti div.left-con a.more-btn{position: relative; padding-right: 2rem;}
section.main-visual div.main-noti div.left-con a.more-btn::before{content: ''; position: absolute; left: 0; bottom: -0.25rem; width: 100%; height: 1px; background: #fff; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
section.main-visual div.main-noti div.left-con a.more-btn::after{content: ''; position: absolute; width: 1rem; height: 1rem; right: 0; top: 50%; transform: translateY(-50%); background: url('../img/ico_arrow_wh.svg')center/100% auto no-repeat;}
section.main-visual div.main-noti div.noti-slider{width: 72%;  min-height: 100%; display: flex;}
section.main-visual div.main-noti div.noti-slider .slick-list,
section.main-visual div.main-noti div.noti-slider .slick-track{height: 100%;}
section.main-visual div.main-noti div.noti-slider a.slide{ height: 100%; display: block;  margin: 0 0.625rem; background-color: #fff; padding: 1.5rem; border-radius: 1rem;}
section.main-visual div.main-noti div.noti-slider a.slide div.top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; min-height: 1.8rem; position: relative;}
section.main-visual div.main-noti div.noti-slider a.slide div.top span.noti-label{display: inline-block; font-family:'NanumNeo_B',sans-serif; padding: 0.25rem 1rem; background: var(--color-main02); color: #fff; border-radius: 50px; box-shadow: 0 0 8px rgba(3, 129, 254, 0.5);}
section.main-visual div.main-noti div.noti-slider a.slide div.top span.new-label{display: inline-block; font-family:'NanumNeo_B',sans-serif; text-align: center; line-height: 1.8rem; width: 1.8rem; height: 1.8rem; background: var(--color-main04); color: #fff; border-radius: 100%; box-shadow: 0 0 8px rgba(255, 102, 0, 0.5);}
section.main-visual div.main-noti div.noti-slider a.slide div.top p.date{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
section.main-visual div.main-noti div.noti-slider a.slide div.bot{height: 70%; position: relative;} 
section.main-visual div.main-noti div.noti-slider a.slide div.bot p.n-tit{font-size: 1.25rem; font-family:'NanumNeo_B',sans-serif; margin-bottom: 2rem; word-break: keep-all; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
section.main-visual div.main-noti div.noti-slider a.slide div.bot p.n-con{position: absolute; left: 0; bottom: 0; overflow: hidden; color: #7b7b7b; line-height: 1.4; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
section.main-visual div.main-noti div.noti-arrow{position: absolute; top: -4rem; right: 0;}
section.main-visual div.main-noti div.noti-arrow button.arrow{width: 2.875rem; height: 2.875rem; margin-right: 1rem; border: 1px solid #fff; border-radius: 50%; background: none; cursor: pointer;}
section.main-visual div.main-noti div.noti-arrow button.arrow.prev{background: url('../img/ico_arrow_wh.svg')center/50% no-repeat; transform: rotate(180deg);}
section.main-visual div.main-noti div.noti-arrow button.arrow.next{background: url('../img/ico_arrow_wh.svg')center/50% no-repeat; margin-right: 0;}
@media(hover:hover){
	section.main-visual div.main-noti div.left-con a.more-btn:hover::before{transform: scaleX(1);}
}

/* main-curriculum */
section.main-curriculum{position: relative; margin-bottom: 0; padding-bottom: 7.5rem;}
section.main-curriculum div.sect-con ul{display: flex; justify-content: space-between;}
section.main-curriculum div.sect-con ul li.curri-list{width: 22%;}
section.main-curriculum div.sect-con ul li.curri-list:nth-child(2n){margin-top: 4rem;}
section.main-curriculum div.sect-con ul li.curri-list div.img-con{width:100%; height:15rem; border-radius: 1rem; overflow: hidden; margin-bottom: 1.75rem; }
section.main-curriculum div.sect-con ul li.curri-list div.img-con img{width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
section.main-curriculum div.sect-con ul li.curri-list div.info-txt{padding: 0 1rem; }
section.main-curriculum div.sect-con ul li.curri-list div.info-txt p.name{font-size: 1.5rem; font-family:'NanumNeo_B',sans-serif; text-align: center;}
section.main-curriculum div.sect-con ul li.curri-list div.info-txt span{display: inline-block; text-align: center; margin: 1rem 0; line-height: 1.5;}
section.main-curriculum div.sect-con ul li.curri-list a.more-btn{position: relative; display: block; text-align: center; width: fit-content; padding: 0.625rem 3rem 0.625rem 1rem; border: 1px solid var(--color-main01); color: var(--color-main01); font-size: 1.125rem; margin: 0 auto; font-family:'NanumNeo_B',sans-serif; transition: 0.3s;}
section.main-curriculum div.sect-con ul li.curri-list a.more-btn::after{content: ''; position: absolute; width: 1rem; height: 1rem; right: 1rem; top: 50%; transform: translateY(-50%); background-color:var(--color-main01); -webkit-mask:url('../img/ico_arrow_color01.svg')center/100% no-repeat; mask:url('../img/ico_arrow_color01.svg')center/100% no-repeat;}
section.main-curriculum div.marquee-txt{width: 100%;; display: flex; font-family: 'Montserrat_EB',sans-serif; position: absolute; left: -8rem; bottom: -2rem;}
section.main-curriculum div.marquee-txt div.marquee-track{display: flex; white-space: nowrap; animation: marquee 40s linear infinite;}
section.main-curriculum div.marquee-txt div.marquee-track p{font-size: 8rem; color: var(--color-main04); opacity: .1; white-space: nowrap; margin-right: 2rem;}
section.main-curriculum div.marquee-txt div.marquee-track p > span{color: var(--color-main02);}
@media(hover:hover){
	section.main-curriculum div.sect-con ul li.curri-list div.img-con:hover img{transform: scale(1.1);}
	section.main-curriculum div.sect-con ul li.curri-list a.more-btn:hover{background-color: var(--color-main01); color: #fff;}
	section.main-curriculum div.sect-con ul li.curri-list a.more-btn:hover::after{background: url('../img/ico_arrow_wh.svg')center/100% no-repeat;}
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* main-info */
/* section.main-info{width: 100%; height: auto; padding: 6rem  0; border-top-right-radius: 12.5rem; background: url('../img/main_info_bg.jpg')center/100% no-repeat; margin-bottom: 0;} */
section.main-info{width: 100%; position: relative; padding: 6rem  0; border-top-right-radius: 12.5rem; overflow: hidden; margin-bottom: 0;}
section.main-info div.fixed-bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip-path: inset(0);}
section.main-info div.fixed-bg div.bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/main_info_bg2.jpg')center/cover no-repeat;}
section.main-info div.inner{position: relative;}
section.main-info div.inner ul.info-wrap{display: flex;}
section.main-info div.inner ul.info-wrap > li.list{width: 19%; border-left: 1px solid #fff;}
section.main-info div.inner ul.info-wrap > li.list.contact{width: 24%; color: #fff; padding-left: 2rem; display: flex; flex-direction: column; justify-content: center;}  
section.main-info div.inner ul.info-wrap > li.list a{display: block; padding: 2.5rem 0; transition: 0.3s;}
section.main-info div.inner ul.info-wrap > li.list a span{display: block; color: #fff; text-align: center;}
section.main-info div.inner ul.info-wrap > li.list a span.icon{width: 3rem; height: auto; margin: 0 auto;}
section.main-info div.inner ul.info-wrap > li.list a span.icon img{width:100%; height: 100%; object-fit: contain;}
section.main-info div.inner ul.info-wrap > li.list a span.kor{font-size: 1.75rem; font-family: 'NanumNeo_EB',sans-serif; margin-top: 1.25rem;}
section.main-info div.inner ul.info-wrap > li.list a span.eng{margin-top: 1rem; font-family: 'NanumNeo_L',sans-serif;}
section.main-info div.inner ul.info-wrap > li.list.contact div.tit{font-size: 1.75rem;}
section.main-info div.inner ul.info-wrap > li.list.contact p.tel{position: relative; padding-left: 3.125rem; font-size: 1.75rem; font-family: 'NanumNeo_EB',sans-serif; margin: 1.5rem 0 1rem 0;} 
section.main-info div.inner ul.info-wrap > li.list.contact p.tel::before{content: ''; position: absolute; width: 2.625rem; height: 2.625rem; border-radius: 100%; left: 0; top: 50%; transform: translateY(-50%); background: var(--color-main04) url('../img/ico_phone_wh.svg')center/50% no-repeat;}
section.main-info div.inner ul.info-wrap > li.list.contact span{line-height: 1.6; font-family: 'NanumNeo_EB',sans-serif;}
@media(hover:hover){
	section.main-info div.inner ul.info-wrap > li.list:hover a{transform: translateY(-1rem);}
}

/* footer */
footer.footer{background: #2D2D2D; padding-bottom: 4rem;}
footer.footer div.f-top{padding: 2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
footer.footer div.f-top ul.f-nav{display: flex; gap: 2rem;}
footer.footer div.f-top ul.f-nav > li{color: #fff; position: relative; font-size: 1.125rem;}
footer.footer div.f-top ul.f-nav > li::after{content: ''; position: absolute; width: 4px; height: 4px; right: -1rem; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 100%; }
footer.footer div.f-top ul.f-nav > li:last-child::after{display: none;} 
footer.footer div.f-bot{display: flex; justify-content: space-between; align-items:end; margin-top: 2rem;}
footer.footer div.f-bot div.f-info{color: #fff; opacity: .5; width: 90%;}
footer.footer div.f-bot div.f-info ul{display: flex; flex-wrap: wrap; gap:1.125rem; row-gap:1rem; margin-bottom: 1rem;}
footer.footer div.f-bot div.f-info ul:last-of-type{margin-bottom: 2rem;}
footer.footer div.f-bot div.f-info p.copy{font-family: 'NanumNeo_L',sans-serif; line-height: 1.5; font-size:0.85rem;}
footer.footer div.f-bot div.f-logo{width: var(--width-logo); height: auto;}
footer.footer div.f-bot div.f-logo a{display:block; width:100%; height:100%;}
footer.footer div.f-bot div.f-logo a img{display:block; width:100%; height:100%; object-fit:contain; opacity: .5;}

/* quick-menu */
div.quick-menu-wrap{position: fixed; top: 50%; right: -9rem; transform: translateY(-42%); width: 7rem; height: auto; transition: 0.3s; z-index: 9;}
div.quick-menu-wrap div.mo-btn{display: none; font-family: 'Montserrat_B',sans-serif; color: #fff; text-align: center; border-radius: 100%; width: 5rem; height: 5rem; line-height: 5rem; background: linear-gradient(120deg,rgba(3, 129, 254, 1) 0%, rgba(24, 51, 219, 1) 100%);; text-align: center; position: relative; top: 1rem; left: 50%; transform: translateX(-50%); box-shadow: 0 0 8px rgba(3,129,254,0.5);}

div.quick-menu-wrap.active{right: 0;}
div.quick-menu-wrap div.q-menu{background: #fff; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); text-align:center; z-index:190; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem;}
div.quick-menu-wrap div.q-menu.active{display: block;}
div.quick-menu-wrap div.q-menu div.q-top{width: 100%; height: auto; padding: 0.5rem 0; color: #fff; border-top-left-radius: 1rem; background:var(--color-main01); font-family:"Montserrat_B", sans-serif;}
div.quick-menu-wrap div.q-menu ul > li.qm{font-family: 'NanumNeo_B',sans-serif; border-bottom: 1px solid #ddd;}
div.quick-menu-wrap div.q-menu ul > li.qm:last-child{border-bottom: 0;}
div.quick-menu-wrap div.q-menu ul > li.qm a{width: 100%; height: 100%; padding: 1rem 0;}
div.quick-menu-wrap div.q-menu ul > li.qm a::before{content: ''; display: block; width: 1.5rem; height: 1.5rem; margin: 0 auto; margin-bottom: 0.5rem;}
div.quick-menu-wrap div.q-menu ul > li.qm.qm01 a::before{background: url('../img/quick_ico01.png')center/100% no-repeat;}
div.quick-menu-wrap div.q-menu ul > li.qm.qm02 a::before{background: url('../img/quick_ico02.png')center/100% no-repeat;}
div.quick-menu-wrap div.q-menu ul > li.qm.qm03 a::before{background: url('../img/quick_ico03.png')center/100% no-repeat;}
/* scroll-top-btn */
div.quick-menu-wrap a.scroll-top-btn{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); position: relative; top: 2rem; left: 50%; font-family: 'Montserrat_B',sans-serif; transform: translateX(-50%); color: #fff; text-align: center; border-radius: 100%; width: 5rem; height: 5rem; background: var(--color-main04); display: flex; flex-direction: column; align-items: center; justify-content: center;}
div.quick-menu-wrap a.scroll-top-btn::before{content: ''; display: block; width: 1rem; height: 1rem; margin: 0 auto; margin-bottom: 0.5rem; background: url('../img/ico_arrow_top.svg')center/100% no-repeat;}


/* 반응형 */
@media screen and (max-width: 1710px){
	:root {
		--width-logo: 16.5rem;
	}

	/* header */
	header.header div.header-top div.inner{padding: 0 1.5rem 0 0;}
	header.header div.header-main{padding:0 1.25rem;}
	header.header div.header-main div.gnb ul.dep01 > li{padding: 0 1.5rem;}

}

@media screen and (max-width: 1600px){
	:root {
		--width-logo: 16rem;
	}

	/* header */
	header.header div.header-main div.right{gap: 1.5rem;}
	header.header div.header-main div.gnb ul.dep01 > li{padding: 0 1.1rem; font-size: 1.2rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav{height: 22rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav div.inner{padding-top: 2.5rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02{padding: 0 2.5rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li.l-menu{font-size: 1rem;}

	/* sitemap */
	div.sitemap-wrap div.sitemap-top{padding: 0 1.25rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01{font-size: 1.4rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02{justify-content: space-between;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li{width: 28%;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > a{font-size: 1.125rem;}
}

@media screen and (max-width: 1440px){
	:root {
		--width-logo: 11rem;
	}

	/* header */
	header.header div.header-main div.gnb ul.dep01 > li{padding: 0 1rem; font-size: 1.125rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li{width: 30%; margin-right: 5%;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:nth-child(4n){margin-right: 5%;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav ul.dep02 li:nth-child(3n){margin-right: 0;}

	/* sitemap */
	div.sitemap-wrap div.sitemap-bot div.sitemap-left::after{width: 22rem; height: 22rem;}

	/* main-visual */
	section.main-visual{height: 90vh;}

	/* main-info */
	section.main-info div.inner ul.info-wrap > li.list{width: 18%;}
	section.main-info div.inner ul.info-wrap > li.list.contact{width: 28%;}

	/* quick-menu */
	div.quick-menu-wrap{top: unset; bottom: 3rem; transform: unset;}
	div.quick-menu-wrap div.q-menu{display: none;}
	div.quick-menu-wrap div.mo-btn{display: block;}
}

@media screen and (max-width: 1280px){
	:root {
		--width-logo: 11rem;
	}

	/* sitemap */
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap{padding: 0 2.5rem 2.5rem 2.5rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-left::after{width: 20rem; height: 20rem;}

	/* main-curriculum */
	section.main-curriculum div.sect-con ul li.curri-list.list01,
	section.main-curriculum div.sect-con ul li.curri-list.list02{margin-bottom: 4rem;}
	section.main-curriculum div.sect-con ul li.curri-list div.img-con{height: 14rem;}

	/* main-info */
	section.main-info{padding: 4rem 0;}
	section.main-info div.inner ul.info-wrap{flex-wrap: wrap;}
	section.main-info div.inner ul.info-wrap > li.list{width: 25%;}
	section.main-info div.inner ul.info-wrap > li.list.contact{width: 100%; text-align: center; border: 0; align-items:center; padding-left: 0; margin-top: 2.5rem;}
	section.main-info div.inner ul.info-wrap > li.list a{padding: 1.5rem 0;}
	section.main-info div.inner ul.info-wrap > li.list a span.kor{font-size: 1.6rem;}

	/* footer */
	footer.footer div.f-top{padding: 1.25rem 0;}
	footer.footer div.f-top ul.f-nav > li{font-size: 1rem;}
	footer.footer div.f-bot{flex-wrap: wrap;}
	footer.footer div.f-bot div.f-info{font-size: 0.9rem; width: 100%; margin-bottom: 2rem;}
	footer.footer div.f-bot div.f-info ul{margin-bottom: 0.8rem;}
	footer.footer div.f-bot div.f-info p.copy{font-size: 0.8rem;}

}

@media screen and (max-width: 1200px){
	/* header */
	header.header div.header-main div.gnb ul.dep01 > li{padding: 0 0.6rem; font-size: 1rem;}
	header.header div.header-main div.gnb ul.dep01 > li > div.active-nav{height: 20rem;}

	/* sitemap */
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li{width: 50%;}


	/* main-visual */
	section.main-visual div.main-visual-inner p.txt01{font-size: 1.125rem;}
	section.main-visual div.main-visual-inner p.txt02{font-size: 3rem;}
	section.main-visual div.main-noti div.left-con{padding: 1.5rem; width: 27%;}
	section.main-visual div.main-noti div.left-con h3.tit{font-size: 2rem;}
	section.main-visual div.main-noti div.left-con p{font-size: 1.1rem; margin-bottom: 2rem;}
	section.main-visual div.main-noti div.noti-slider{width: 70%;}
	section.main-visual div.main-noti div.noti-slider a.slide{padding: 1.25rem;}
	section.main-visual div.main-noti div.noti-slider a.slide div.bot p.n-tit{font-size: 1.125rem;}
	section.main-visual div.main-noti div.noti-slider a.slide div.bot p.n-con{font-size: 0.95rem;}

	/* main-curriculum */
	section.main-curriculum div.sect-con ul li.curri-list div.info-txt p.name{font-size: 1.4rem;}


}

@media screen and (max-width: 1024px){
	:root {
		--width-logo: 17.5rem;
	}

	/* header */
	header.header div.header-top div.header-link-wrap a.header-link{padding:0 3.25rem 0 0;}
	header.header div.header-main div.gnb{display:none;}

	/* sitemap */
	div.sitemap-wrap{overflow: hidden;}
	div.sitemap-wrap div.sitemap-top{border-bottom: 1px solid #ddd; position: relative; height: 6rem;}
	div.sitemap-wrap div.sitemap-top div.logo{background: url("../img/logo.png")center/100% auto no-repeat;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-left{display: none;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right{width: 100%; position:relative;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right::before{content: '';  position: absolute; left: 0; top: 0; width: 30%; height: 100%; background: url('../../fro-end/img/sitemap_bg.jpg') no-repeat center/cover;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap {padding: 0; top: 0; height: calc(100% - 8rem);}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner{border-bottom: 0; padding: 0;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01{width: 30%; margin-right:0; color: #fff; border-bottom: 1px solid #fff; padding: 1.25rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01.on{background: #fff; color: var(--color-main01); }
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01.on ~ ul.dep02{display: block;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02{width: 70%; padding-top: 0; display: none; position: absolute; top: 0; right: 0;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li{width: 100%;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > a{height: 4rem; display: flex; align-items: center; width: 100%; padding: 0 2rem; border-bottom: 1px solid #ddd;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03{margin-top: 0; border-bottom: 1px solid #ddd;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li{margin-bottom: 0;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li > a{width: 100%; padding: 1rem 2rem; background: #f7f7f7;}

	/* main-curriculum */
	section.main-curriculum div.sect-con ul{flex-wrap: wrap;}
	section.main-curriculum div.sect-con ul li.curri-list{width: 47%;}
	section.main-curriculum div.sect-con ul li.curri-list:nth-child(2n){margin-top: 0;}
}

@media screen and (max-width: 800px){
	/* header */
	header.header div.total-search-area.open{height:10rem;}
	header.header div.total-search-area div.inner{width:90%;}

	/* sitemap */
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01{font-size:1.25rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > a{font-size: 1.1rem;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02 > li > ul.dep03 > li > a{font-size: 0.9rem;}

	/* main section */
	section[class*="main"] div.sect-tit h3.tit{font-size:2rem;}

	/* main-visual */
	section.main-visual div.main-visual-inner p.txt01{font-size: 1.1rem;}
	section.main-visual div.main-visual-inner p.txt02{font-size: 2.5rem;}
	section.main-visual div.main-noti div.left-con h3.tit{font-size: 1.5rem;}
	section.main-visual div.main-noti div.left-con p{font-size: 1rem; margin-bottom: 1.5rem;}

	/* main-info */
	section.main-info{border-top-right-radius:10rem;}
	section.main-info div.inner ul.info-wrap > li.list{width: 50%; border-bottom: 1px solid #fff;}
	section.main-info div.inner ul.info-wrap > li.list:nth-child(odd){border-left: 0;}
	section.main-info div.inner ul.info-wrap > li.list:nth-child(3),
	section.main-info div.inner ul.info-wrap > li.list:nth-child(4){border-bottom: 0;}
}

@media screen and (max-width: 680px){
	/* main-visual */
	section.main-visual div.main-noti div.left-con{width: 32%;}
	section.main-visual div.main-noti div.noti-slider{width: 65%;}

	footer.footer div.f-top ul.f-nav{flex-wrap: wrap; row-gap: 1rem; justify-content:center;}
}

@media screen and (max-width: 640px){
	:root {
		--width-logo: 14rem;
		--height-header-top:9rem;
	}

	section[class*="main"]{margin-bottom: 6rem;}

	/* header */
	header.header{position:relative;}
	header.header div.header-top div.inner{flex-wrap:wrap; padding: 0;}
	header.header div.header-top div.inner a.header-link{width: 100%; height: 3rem; line-height: 3rem; text-align: center;}
	header.header div.header-top div.inner div.right-btn-wrap{width: 100%; flex-wrap: wrap; }
	header.header div.header-top div.inner div.right-btn-wrap ul.btn-list{width: 100%; height: 3rem; gap: 0; }
	header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li{font-size: 0.9rem; width: 100%; height: 100%; line-height: 3rem; text-align: center; border-right: 1px solid rgba(255,255,255,0.5);;}
	header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li::after{display: none;}
	header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li a{width: 100%;}
	header.header div.header-top div.inner div.right-btn-wrap ul.btn-list > li:last-child{border-right: 0;}
	header.header div.total-search-area div.inner div.inp a{width:3rem; height:3rem;}
	/* 로그인 세션 */
	header.header div.header-top div.session{width: 100%; height: 3rem; border-bottom: 1px solid rgba(255,255,255,0.5); margin-right: 0; justify-content: center;}

	/* main-visual */
	section.main-visual{margin-top: 0; height: 80vh;}
	section.main-visual div.main-visual-inner p.txt01{font-size: 0.9rem;}
	section.main-visual div.main-visual-inner p.txt02{font-size: 2rem;}
	section.main-visual div.main-visual-inner{top: 35%;}
	section.main-visual div.main-noti{min-height: 12rem;}
	section.main-visual div.main-noti div.left-con{display: flex; flex-direction: column; justify-content: space-between;}
	section.main-visual div.main-noti div.left-con p{display: none;}
	section.main-visual div.main-noti div.noti-arrow{top: -3.5rem;}
	section.main-visual div.main-noti div.noti-arrow button.arrow{width: 2.5rem; height: 2.5rem;}

	/* main-curriculum */
	section.main-curriculum{margin-bottom: 0;}
	section.main-curriculum div.sect-con ul li.curri-list div.img-con{height: 13rem;}
	section.main-curriculum div.marquee-txt div.marquee-track p{font-size: 6.5rem;}

	/* main-info */
	section.main-info{margin-bottom: 0;}

	/* quick-menu */
	div.quick-menu-wrap{width: 6rem;}
	div.quick-menu-wrap div.q-menu div.q-top{font-size: 0.9rem;}
	div.quick-menu-wrap div.q-menu ul > li.qm a{padding: 0.5rem 0; font-size: 0.9rem;}
	div.quick-menu-wrap div.q-menu ul > li.qm a::before{width: 1.25rem; height: 1.25rem;}
	div.quick-menu-wrap div.mo-btn{top: 1.25rem;}
	div.quick-menu-wrap a.scroll-top-btn::before{display: none;}
	div.quick-menu-wrap div.mo-btn,
	div.quick-menu-wrap a.scroll-top-btn{width: 4.5rem; height: 4.5rem; line-height: 4.5rem; font-size: 0.9rem;}

}

@media screen and (max-width: 480px){
	/* header */
	header.header div.total-search-area.open{height:10rem;}
	header.header div.total-search-area div.inner div.inp{flex-wrap: wrap;}
	header.header div.total-search-area div.inner div.inp span.lab{width: 100%; margin-right: 0; margin-bottom:1rem; text-align: center;}
	header.header div.total-search-area div.inner div.inp input[type="text"]{width:60%; height:3rem; padding: 1rem;}

	/* sitemap */
	div.sitemap-wrap div.sitemap-bot div.sitemap-right::before{width: 40%;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner h2.dep01{width: 40%;}
	div.sitemap-wrap div.sitemap-bot div.sitemap-right div.menu-wrap div.menu-inner ul.dep02{width: 60%;}

	/* main-visual */
	section.main-visual div.main-noti div.left-con{display: none;}
	section.main-visual div.main-noti div.noti-slider{width: 100%;}

	section.main-info div.inner ul.info-wrap > li.list a span.icon{width: 2.5rem;}
	section.main-info div.inner ul.info-wrap > li.list a span.kor{font-size: 1.4rem;}
	section.main-info div.inner ul.info-wrap > li.list a span.eng{font-size: 0.95rem; margin-top: 0.5rem;}
}

@media screen and (max-width: 400px){
	/* main-curriculum */
	section.main-curriculum div.sect-con ul li.curri-list{width: 100%; margin-bottom: 4rem;}
	section.main-curriculum div.sect-con ul li.curri-list:last-child{margin-bottom: 0;}

	/* main-info */
	section.main-info{border-top-right-radius:8rem;}
}

@media screen and (max-width: 340px){

}

@media screen and (max-width: 320px){

}