@charset "UTF-8";

:root{

	--height-header:6.25rem; /* 헤더 높이 */
	--height-gnb:28rem; /* gnb 높이 */

	--width-logo:20rem; /* 헤더,푸터 로고 크기 */
	
	--height-toppopup : 9rem /* 상단팝업 높이 */
}

html{overflow-x:hidden; scroll-behavior:smooth;}
body{overflow-x:hidden;}

/****** Top Popup ******/
div.fullpage-slider div.swiper-container.tp-affect{height:calc(100vh - var(--height-toppopup)) !important;}
div.top-popup{display:none; height:var(--height-toppopup); background:#fff; width:100%; position:relative; background:url("/fro_end_eng/img/top_popup_bg.jpg")center/cover no-repeat; color:#fff; z-index:90;}
div.top-popup.open{display:block;}
div.top-popup div.close-btn{position:absolute; top:50%; right:5%; transform:translateY(-50%); display:flex; align-items:center; gap:1.5rem;}
div.top-popup div.close-btn label.c-input{font-size:0.9rem;}
div.top-popup div.close-btn a.popup-close{width:2rem; height:2rem; border-radius:50%; background:#fff url("/fro_end_eng/img/ico_close.svg")center/50% auto no-repeat; box-shadow:0 0 0 10px rgba(255,255,255,0.3); font-size:0; transition:0.3s; -webkit-transition:0.3s;}
div.top-popup div.inner{width:1200px; margin:0 auto; padding-top:1.5rem; position:relative; padding-left:6rem;}
div.top-popup div.inner:before{content:''; display:block; width:5rem; height:5rem; background:url("/fro_end_eng/img/top_popup_ico.png")center/contain no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%);}
div.top-popup div.inner div.tp-slider{}
div.top-popup div.inner div.tp-slider ul.slick-dots{display:flex; align-items:center; gap:0.5rem; justify-content:center; margin-top:1rem;}
div.top-popup div.inner div.tp-slider ul.slick-dots li{width:7px; height:7px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,0.2);}
div.top-popup div.inner div.tp-slider ul.slick-dots li button{width:100%; height:100%; font-size:0; cursor:pointer; background:inherit;}
div.top-popup div.inner div.tp-slider ul.slick-dots li.slick-active{background:#fff;}
div.top-popup div.inner div.tp-slider div.tp{position:relative; margin:0 1rem;}
div.top-popup div.inner div.tp-slider div.tp div.tit-area{font-family:'Pretendard-Bold',sans-serif; font-size:1.2rem; margin-bottom:0.65rem;}
div.top-popup div.inner div.tp-slider div.tp div.txt-area{line-height:1.5; opacity:.8; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:0.9rem;}
div.top-popup div.inner div.tp-slider div.tp div.btn-area{position:absolute; top:0; right:0;}
div.top-popup div.inner div.tp-slider div.tp div.btn-area a.btn-go{font-family:'Pretendard-Medium',sans-serif; font-size:0.9rem; padding-bottom:0.125rem; border-bottom:1px solid #fff;}
@media(hover:hover){
	div.top-popup div.close-btn a.popup-close:hover{box-shadow:0 0 0 10px rgba(255,255,255,1); background-size:80% auto;}
	div.top-popup div.inner div.tp-slider button.slick-arrow:hover{opacity:.6;}

}

/****** HEADER ******/
header.header{width:100%; height:var(--height-header); display:flex; padding:0 3rem; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); align-items:center; justify-content:space-between; position:fixed; top:0; left:0; z-index:100; transition:0.3s; -webkit-transition:0.3s;}
header.header div.logo{width:var(--width-logo); height:auto;}
header.header div.logo a{width:100%; height:100%;}
header.header div.logo a img{width:100%; height:100%; object-fit:contain;}
header.header div.logo a img.hover{display:none;}
header.header div.gnb{position:absolute; top:50%; left:50%; height:100%; width:auto; transform:translate(-50%, -50%); z-index:2;}
header.header div.gnb ul.dep01{display:flex; align-items:center; height:100%;}
header.header div.gnb ul.dep01 li{height:100%; font-size:1rem; font-family:'Pretendard-SemiBold',sans-serif; text-align:center; width:10rem; transition:width 0.3s; -webkit-transition:width 0.3s;}
header.header div.gnb ul.dep01 li > a{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
header.header div.gnb ul.dep01 li > ul.dep02{height:0; overflow:hidden; opacity:0; transition:height 0.3s; -webkit-transition:height 0.3s;}
header.header div.gnb ul.dep01 li > ul.dep02 li{font-size:1rem; font-family:'Pretendard-Regular',sans-serif; color:#555;}
header.header div.gnb ul.dep01 li > ul.dep02 li a{padding:0.85rem 0;}
header.header div.gnb-open-bg{width:100%; height:0; opacity:0; background:#fff; position:absolute; top:var(--height-header); left:0; z-index:1; border-top:1px solid #ddd; box-shadow:0 18px 18px rgba(0,0,0,0.15); transition:height 0.3s; -webkit-transition:height 0.3s;}
header.header div.other{display:flex; align-items:center; gap:2rem; font-size:0.9em;}
header.header div.other ul.btn-member{display:flex; align-items:center; gap:1rem;}
header.header div.other ul.btn-member li[class*="bm-"]{position:relative;}
header.header div.other ul.btn-member li[class*="bm-"]:after{content:''; display:block; width:1px; height:60%; background:rgba(255,255,255,0.4); position:absolute; top:20%; right:-0.5rem;}
header.header div.other ul.btn-member li[class*="bm-"] a{}
header.header div.other ul.btn-member li[class*="bm-"]:last-child:after{display:none;}
header.header div.other ul.btn-member li.bm-search{cursor:pointer;}
header.header div.other ul.btn-member li.bm-search:before{content:''; display:inline-block; width:1em; height:1em; background:url("/fro_end_eng/img/ico_search_wh.svg")center/80% auto no-repeat; margin-right:0.25rem; vertical-align:middle;}
header.header div.other ul.btn-member li.bm-time{font-weight:initial !important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;}
header.header div.other ul.btn-member li.bm-time a.btn_reset{font-family:'Pretendard-Medium',sans-serif; font-size:0.75em; color:#fff; background:var(--color-main02); padding:0.15rem 0.5rem; border-radius:50px;}
header.header div.other div.btn-icon{display:flex; align-items:center; gap:1.5rem;}
header.header div.other div.btn-icon div[class*="bi-"]{}
header.header div.other div.btn-icon div[class*="bi-"] > a{width:1.5rem; height:1.5rem;}
header.header div.other div.btn-icon div[class*="bi-"] > a img{width:100%; height:100%; object-fit:contain;}
header.header div.other div.btn-icon div[class*="bi-"] > a img.hover{display:none;}
header.header div.other div.btn-icon div.bi-mypage > a{width:1.6rem; height:1.6rem;}
header.header div.other div.btn-icon div.bi-lang{position:relative;}
header.header div.other div.btn-icon div.bi-lang ul.select-lang{pointer-events:none; background:var(--color-main01); padding:0.4rem; border-radius:5px; position:absolute; left:50%; transform:translateX(-50%); top:50%; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
header.header div.other div.btn-icon div.bi-lang ul.select-lang li{padding:0.3rem 0.5rem; color:rgba(255,255,255,0.65); border-radius:3px; font-size:13px; letter-spacing:-0.3px; font-family:'Montserrat_B',sans-serif; text-align:center; margin-bottom:0.3rem;}
header.header div.other div.btn-icon div.bi-lang ul.select-lang li:last-child{margin-bottom:0;}
header.header div.other div.btn-icon div.bi-lang ul.select-lang li a{}
header.header div.other div.btn-icon div.bi-lang ul.select-lang li.on{background:#fff; color:#333;}
header.header div.other div.btn-icon div.bi-lang:hover ul.select-lang{pointer-events:auto; top:100%; opacity:1; z-index:100;}
@media(hover:hover){
	header.header div.other ul.btn-member li[class*="bm-"]:hover{font-weight:700;}
	header.header div.other div.btn-icon div.bi-lang ul.select-lang li:not(.on):hover{color:#fff;}
}


/****************************
  * header 상태별 css(순서변경X)
  * INFO : header 상태별 우선순위로 작성
  * hide,sticky는 모바일에서 작동 X
****************************/
@media screen and (min-width:480px){
	/* hide */
	header.header.hide{height:0; overflow:hidden; opacity:0; pointer-events:none;}
	/* sticky */
	header.header.sticky{height:calc(var(--height-header) - 1rem); background:rgba(255,255,255,0.925); color:#333; backdrop-filter:blur(5px); box-shadow:0 10px 10px rgba(0,0,0,0.08);}
	header.header.sticky div.logo{width:calc(var(--width-logo) - 1rem);}
	header.header.sticky div.logo a img{display:none;}
	header.header.sticky div.logo a img.hover{display:block;}
	header.header.sticky div.gnb-open-bg{top:calc(var(--height-header) - 1rem);}
	header.header.sticky div.other ul.btn-member li[class*="bm-"]:after{background:rgba(0,0,0,0.2);}
	header.header.sticky div.other ul.btn-member li.bm-search:before{background-image:url("/fro_end_eng/img/ico_search.svg");}
	header.header.sticky div.other div.btn-icon div[class*="bi-"] > a img{display:none;}
	header.header.sticky div.other div.btn-icon div[class*="bi-"] > a img.hover{display:block;}
	header.header.sticky div.main-search{top:calc(var(--height-header) - 1rem);}
}

/* hover */
header.header.hover{background:#fff; color:#333;}
header.header.hover div.logo a img{display:none;}
header.header.hover div.logo a img.hover{display:block;}
header.header.hover div.other ul.btn-member li[class*="bm-"]:after{background:rgba(0,0,0,0.2);}
header.header.hover div.other ul.btn-member li.bm-search:before{background-image:url("/fro_end_eng/img/ico_search.svg");}
header.header.hover div.other div.btn-icon div[class*="bi-"] > a img{display:none;}
header.header.hover div.other div.btn-icon div[class*="bi-"] > a img.hover{display:block;}



/* active */
header.header div.gnb.active{}
header.header div.gnb.active ul.dep01{}
header.header div.gnb.active ul.dep01 li{width:11rem;}
header.header div.gnb.active ul.dep01 li ul.dep02{height:var(--height-gnb); opacity:1;}
header.header div.gnb.active ul.dep01 li ul.dep02 li{height:auto;}
header.header div.gnb.active ul.dep01 > li:hover{background:var(--color-main01); color:#fff;}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02{background:var(--color-main01); background:linear-gradient(-180deg, rgba(0, 45, 122, 1) 30%, rgb(62 108 189) 100%); color:#fff;}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02 li{color:#fff;}
header.header div.gnb.active ul.dep01 > li:hover ul.dep02 li:hover{background:rgba(255,255,255,0.2);}
header.header div.gnb.active + div.gnb-open-bg{height:var(--height-gnb); opacity:1;}

/* search */
header.header div.main-search{display:none; width:100%; height:auto; background:var(--color-main01); color:#fff; position:absolute; top:var(--height-header); left:0; box-shadow:0 18px 18px rgba(0,0,0,0.15);}
header.header div.main-search div.inner{width:800px; margin:0 auto; padding:5rem 0; display:flex; align-items:center;}
header.header div.main-search div.inner span.lab{display:inline-block; font-size:1.25rem; font-family:'Montserrat_M', 'Pretendard-Medium',sans-serif; letter-spacing:3px;}
header.header div.main-search div.inner div.search-area{width:70%; position:relative; padding-right:2rem; margin:0 2rem; border-bottom:1px solid #fff;}
header.header div.main-search div.inner div.search-area input[type="text"]{height:3rem; line-height:3rem; padding:0; background:var(--color-main01); border:0; color:#fff;}
header.header div.main-search div.inner div.search-area input[type="text"]::placeholder{color:rgba(255,255,255,0.3); font-weight:100;}
header.header div.main-search div.inner div.search-area a.btn-search{width:3rem; height:3rem; background:url("/fro_end_eng/img/ico_search_wh.svg")center/45% auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%);}
header.header div.main-search div.inner a.btn-close{min-width:3rem; height:3rem; font-size:0; color:transparent; border-radius:5px; background:rgba(255,255,255,0) url("/fro_end_eng/img/ico_close_wh.svg")center/45% auto no-repeat; transition:0.3s; -webkit-transition:0.3s;}
@media(hover:hover){
	header.header div.main-search div.inner a.btn-close:hover{background:rgba(255,255,255,0.1) url("/fro_end_eng/img/ico_close_wh.svg")center/50% auto no-repeat;}
}


/****** SITEMAP ******/
div.sitemap{width:100%; height:0; overflow:hidden; background: rgb(0,45,122);  background:linear-gradient(120deg, rgba(0,71,132,1) 20%, rgba(4,191,174,1) 100%); color:#fff; position:fixed; top:0; left:0; z-index:200; transition:0.3s; -webkit-transition:0.3s;  opacity:0;}
div.sitemap:before{content:''; display:block; width:100%; height:100%; background:url("/fro_end_eng/img/sitemap_bg.jpg")center/cover no-repeat; opacity:.04; filter:blur(4px); position:absolute; top:0; left:0; z-index:-1;}
div.sitemap a.logo{width:var(--width-logo); height:auto; position:absolute; top:1.5rem; left:1.5rem;}
div.sitemap a.logo img{width:100%; height:100%; object-fit:contain;}
div.sitemap a.btn-close{position:absolute; top:2rem; right:2rem; width:3rem; height:3rem; background:rgba(255,255,255,0.2) url("/fro_end_eng/img/ico_close_wh.svg")center/50% auto no-repeat; transition:0.3s; -webkit-transition:0.3s; border-radius:5px; font-size:0; color:transparent;}
div.sitemap div.inner{display:flex; width:100%; height:100%;}
div.sitemap div.inner div.col{width:calc(100% / 6); text-align:center; border-right:1px solid rgba(255,255,255,0.2); padding-top:11%;}
div.sitemap div.inner div.col:last-child{border-right:0;}
div.sitemap div.inner div.col p.tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.4rem; margin-bottom:2rem; text-shadow:0 2px 4px rgba(0,0,0,0.1);}
div.sitemap div.inner div.col ul.menu{}
div.sitemap div.inner div.col ul.menu li{font-size:1rem; color:rgba(255,255,255,0.85);}
div.sitemap div.inner div.col ul.menu li a{width:100%; padding:0.8rem 0;}
div.sitemap div.inner div.col ul.menu li a > span{position:relative;}
div.sitemap div.inner div.col ul.menu li a > span:after{content:''; display:block; width:0; height:1px; background:#fff; position:absolute; bottom:-0.25rem; left:0; transition:0.3s; -webkit-transition:0.3s;}
@media(hover:hover){
	div.sitemap a.btn-close:hover{background:#fff url("/fro_end_eng/img/ico_close.svg")center/50% no-repeat; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
	div.sitemap div.inner div.col:hover{background:rgba(255,255,255,0.15);}
	div.sitemap div.inner div.col ul.menu li:hover{color:#fff;}
	div.sitemap div.inner div.col ul.menu li:hover a > span:after{width:100%;}
}

/* open */
div.sitemap.open{height:100vh; opacity:1; background-size:400% 400%; animation:gradiBg 10s ease infinite; animation-delay:0.7s;}


/****** FOOTER ******/
footer.footer{width:100%; background:#1e1e1e; color:#fff;}
footer.footer div.inner{padding:2rem 0; display:flex; align-items:flex-end; justify-content:space-between;}
footer.footer div.inner div.left{}
footer.footer div.inner div.left ul.btn-term{display:flex; align-items:center; gap:1.5rem; margin-bottom:1.5rem;}
footer.footer div.inner div.left ul.btn-term li{position:relative;}
footer.footer div.inner div.left ul.btn-term li:first-child{font-family:'Pretendard-Bold',sans-serif;}
footer.footer div.inner div.left ul.btn-term li:after{content:''; display:block; width:1px; height:60%; background:rgba(255,255,255,0.4); position:absolute; top:20%; right:-0.75rem;}
footer.footer div.inner div.left ul.btn-term li:last-child:after{display:none;}
footer.footer div.inner div.left ul.btn-term li a{}
footer.footer div.inner div.left ul.inf-list{}
footer.footer div.inner div.left ul.inf-list li{color:#9c9c9c; margin-top:0.5rem;}
footer.footer div.inner div.right{}
footer.footer div.inner div.right div.sns{margin-bottom:1.5rem;}
footer.footer div.inner div.right div.sns ul{display:flex; align-items:center; gap:0.6rem; justify-content:flex-end;}
footer.footer div.inner div.right div.sns ul li{width:2rem; height:2rem; opacity:.6;}
footer.footer div.inner div.right div.sns ul li:hover{opacity:1;}
footer.footer div.inner div.right div.sns ul li a{width:100%; height:100%; display:block;}
footer.footer div.inner div.right div.sns ul li a img{width:100%; height:100%; object-fit:contain;}
footer.footer div.inner div.right div.logo{width:var(--width-logo); height:auto; opacity:.2;}
footer.footer div.inner div.right div.logo img{width:100%; height:100%; object-fit:contain;}
footer.footer div.copyright{padding:0.8rem 3rem; border-top:1px solid rgba(255,255,255,0.2);}
footer.footer div.copyright p{font-size:0.875rem; color:#5c5c5c; width:1600px; margin:0 auto;}


/****** QUICK ******/
div.quick-menu{position:fixed; top:50%; right:1%; transform:translateY(-50%); z-index:100; text-align:center;}
div.quick-menu a.scroll-top{width:4rem; height:4rem; background:#fff url("/fro_end_eng/img/scroll_top.svg")center/30% auto no-repeat; border-radius:50%; box-shadow:0 10px 15px rgba(0,0,0,0.1); position:absolute; bottom:-5rem; left:50%; transform:translateX(-50%); transition-delay:0.4s; transition:0.4s; -webkit-transition:0.4s;}
div.quick-menu a.scroll-top.off{opacity:0; pointer-events:none; bottom:-8rem;}
div.quick-menu a.scroll-top:hover{transform:translateX(-50%) scale(1.1); box-shadow:0 10px 15px rgba(0,0,0,0.2);}
div.quick-menu a.mob-quick-btn{display:none; width:4rem; height:4rem; background:linear-gradient(60deg, rgba(0,45,122,1) 35%, rgba(4,191,174,1) 100%); background-size:150% 150%; margin:0 auto; animation:gradiBg 6s ease infinite; border-radius:50%; box-shadow:0 12px 20px rgba(0,0,0,0.2); position:relative;}
div.quick-menu a.mob-quick-btn span{color:#fff; font-family:'Montserrat_B', 'Pretendard-Bold',sans-serif; font-size:0.75rem; position:absolute; top:50%; left:50%; width:100%; text-align:center; transform:translate(-50%, -50%);}
div.quick-menu ul{color:#fff; background:rgba(255,255,255,0.2); box-shadow:0 8px 20px rgba(0,0,0,0.1); border-radius:50px; padding:0.65rem 1rem; transition:0.4s; -webkit-transition:0.4s;}
div.quick-menu ul li{text-align:center; padding:0.8rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
div.quick-menu ul li:last-child{border-bottom:0 !important;}
div.quick-menu ul li a{}
div.quick-menu ul li a p.lab{font-size:0.88rem; letter-spacing:-0.3px; font-family:'Pretendard-Medium',sans-serif;}
div.quick-menu ul li a p.lab:before{content:''; display:block; width:3rem; height:3rem; background:var(--color-main01); border-radius:50%; margin:0 auto; margin-bottom:0.35rem; transition:0.4s; -webkit-transition:0.4s;}
div.quick-menu ul li.qm-item.item01 a p.lab:before{background:var(--color-main01) url("/fro_end_eng/img/quick_menu_ico01.svg")center/40% auto no-repeat;}
div.quick-menu ul li.qm-item.item02 a p.lab:before{background:var(--color-main02) url("/fro_end_eng/img/quick_menu_ico02.svg")center/40% auto no-repeat;}
div.quick-menu ul li.qm-item.item03 a p.lab:before{background:var(--color-main03) url("/fro_end_eng/img/quick_menu_ico03.svg")center/40% auto no-repeat;}
div.quick-menu ul li.qm-item.item04 a p.lab:before{background:var(--color-main04) url("/fro_end_eng/img/quick_menu_ico04.svg")center/40% auto no-repeat;}
/* font color black style, sub */
div.wrap.sub div.quick-menu a.scroll-top,
div.quick-menu.bk a.scroll-top{background:#333 url("/fro_end_eng/img/scroll_top_wh.svg")center/30% auto no-repeat;}
div.wrap.sub div.quick-menu ul,
div.quick-menu.bk ul{color:#333; background:rgba(255,255,255,0.8);}
div.wrap.sub div.quick-menu ul li,
div.quick-menu.bk ul li{border-bottom:1px solid rgba(51,51,51,0.1);}
/* hover */
div.quick-menu ul li a:hover p:before{transform:scale(1.05); box-shadow:0 4px 12px rgba(0,0,0,0.2);}


/****** MAIN ******/

body.main{-ms-overflow-style:0; /* 인터넷 익스플로러 */ scrollbar-width:0; /* 파이어폭스 */}
body.main::-webkit-scrollbar{display: none;}
body.overflowHidden{height:100vh; overflow:hidden;}
div.wrap.main h2.main-tit{font-family:'Pretendard-Bold',sans-serif; font-size:3rem;}
div.wrap.main p.main-tit-explain{font-size:1.1rem; color:#777; margin-top:1.5rem; font-family:'Pretendard-Light',sans-serif; word-break:keep-all;}

/******* fullpage *******/
div.fullpage-slider div.swiper-container{width:100%; height:100vh;}
div.fullpage-slider div.swiper-container div.swiper-wrapper{}
div.fullpage-slider div.swiper-container div.swiper-wrapper section.swiper-slide{width:100%; height:100%; position:relative;}
div.fullpage-slider div.swiper-container div.swiper-wrapper section.swiper-slide.footer{width:100%; height:auto !important;}

/******* intro *******/
div.fullpage-slider section.intro{width:100%; height:100%;}
div.fullpage-slider section.intro div.main-slider{width:100%; height:100%;}
div.fullpage-slider section.intro div.main-slider div.slick-slider{width:100%; height:100%;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slick-list,
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slick-track{width:100%; height:100%;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider.slick-current:after{animation:scaleDown 2.5s cubic-bezier(0.23, 1, 0.32, 1);}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider.slick-current div.inner{animation:fadeUpText 2.5s forwards;}
/* 슬라이드 내용 */
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider{width:100%; height:100%; position:relative; background:#000;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.4; z-index:1;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner{position:absolute; top:45%; left:10%; transform:translateY(-50%); z-index:2; color:#fff;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt01{font-family:'Pretendard-Bold',sans-serif; font-size:2.5rem; margin-bottom:2rem; word-break:keep-all;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt02{font-family:'Pretendard-Light',sans-serif; font-size:1.25rem;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider01:after{background:url("/fro_end_eng/img/main_intro_slider01.jpg")center/cover no-repeat;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider02:after{background:url("/fro_end_eng/img/main_intro_slider02.jpg")center/cover no-repeat;}
div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider03:after{background:url("/fro_end_eng/img/main_intro_slider03.jpg")center/cover no-repeat;}
/* 슬라이드 화살표 */
div.fullpage-slider section.intro div.main-slider div.slick-arrow{display:flex; align-items:center; gap:0.5rem; position:absolute; top:60%; left:10%; transform:translateY(-50%);}
div.fullpage-slider section.intro div.main-slider div.slick-arrow a.arrow{width:3rem; height:3rem; border-radius:50%; background:rgba(255,255,255,0.1) url("/fro_end_eng/img/ico_next_wh.svg")center/40% auto no-repeat; transition:0.2s; -webkit-transition:0.2s;}
div.fullpage-slider section.intro div.main-slider div.slick-arrow a.arrow.prev{transform:scaleX(-1);}
/* 프로그레스바 */
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle{position: relative; width:48px; height:48px;}
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle svg{transform: rotate(-90deg); width: 100%; height: 100%;}
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle circle.track{fill:none; stroke:rgba(255,255,255,0.2); stroke-width:2;}
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle circle.progress{fill:none; stroke:#fff; stroke-width:2;stroke-linecap: round; /* ���� �ձ۰� */ stroke-dasharray:138; /* �� �ѷ��� ���� */stroke-dashoffset:138; /* �ʱⰪ���� ��ü �� ���� */transition: stroke-dashoffset 0.35s;}
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle circle.progress.on{ animation: progressAnimation 5s linear forwards; /* 5�� ���� �ִϸ��̼� */}
div.fullpage-slider section.intro div.main-slider div.slick-arrow div.progress-circle a.state{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("/fro_end_eng/img/ico_pause_wh.svg")center/40% auto no-repeat;} 
@media(hover:hover){
	div.fullpage-slider section.intro div.main-slider div.slick-arrow a.arrow:hover{background:rgba(255,255,255,0.2) url("/fro_end_eng/img/ico_next_wh.svg")center/40% auto no-repeat;}	
}

div.fullpage-slider section.intro div.quick-list{width:100%; height:8.75rem; position:absolute; left:0; bottom:0;}
div.fullpage-slider section.intro div.quick-list ul{width:100%; height:100%; display:flex; align-items:center;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn{color:#fff; width:calc(100% / 5); height:100%; font-size:1.25rem; font-family:'Pretendard-Bold',sans-serif; backdrop-filter:blur(5px); position:relative; border-right:1px solid rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.5); transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn:before{content:''; display:block; width:100%; height:100%; background:linear-gradient(60deg, rgba(0,45,122,1) 35%, rgba(4,191,174,1) 100%); opacity:0; position:absolute; top:0; left:0; z-index:-1; transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn:last-child{border-right:0;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn a{display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; padding:0 2rem; transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn a:before{content:''; display:inline-block; width:2.5rem; height:2.5rem;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb01 a:before{background:url("/fro_end_eng/img/main_intro_quick01.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb02 a:before{background:url("/fro_end_eng/img/main_intro_quick02.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb03 a:before{background:url("/fro_end_eng/img/main_intro_quick03.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb04 a:before{background:url("/fro_end_eng/img/main_intro_quick04.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb05 a:before{background:url("/fro_end_eng/img/main_intro_quick05.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.qlb06 a:before{background:url("/fro_end_eng/img/main_intro_quick06.svg")center/100% auto no-repeat;}
div.fullpage-slider section.intro div.quick-list ul li.ql-btn.mob{display:none;}
@media(hover:hover){
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn:hover{border:0;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn:hover:before{opacity:1; transform:scaleY(1.25) translate(-1px, -5px); box-shadow:0 10px 30px rgba(0,0,0,0.4);}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn:hover a{padding-bottom:1.5rem;}
}

/******* about *******/
div.fullpage-slider section.about{}
div.fullpage-slider section.about div.graphic-bg{background:url("/fro_end_eng/img/main_about_bg.png")right/auto 100% no-repeat; width:100%; height:100%;}
div.fullpage-slider section.about div.inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
div.fullpage-slider section.about div.inner div.title{display:flex; align-items:center; gap:3rem; margin-bottom:3rem;}
div.fullpage-slider section.about div.inner div.title h2.main-tit{font-size:3.2rem; position:relative;}
div.fullpage-slider section.about div.inner div.title h2.main-tit span{color:var(--color-main01);}
div.fullpage-slider section.about div.inner div.title h2.main-tit:after{content:''; display:block; width:1px; height:70%; background:#ddd; position:absolute; top:15%; right:-1.5rem;}
div.fullpage-slider section.about div.inner div.title p.explain{font-size:1.125rem; line-height:1.5;}
div.fullpage-slider section.about div.inner div.contents{}
div.fullpage-slider section.about div.inner div.contents ul.box-list{display:flex; flex-wrap:wrap;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{width:32%; height:18.5rem; margin-bottom:2rem; margin-right:2%; border-radius:1rem; overflow:hidden; transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box > a{width:100%; height:100%;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label{display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; background:rgba(0,0,0,0.5); padding:2rem; color:#fff; transform:translateY(63%); transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt{position:relative; width:100%;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt:after{content:''; display:block; width:2.15rem; height:2.15rem; position:absolute; top:0; right:0;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.eng{font-size:0.95rem; font-family:'Montserrat_R','Pretendard-Regular',sans-serif; opacity:.6; margin-bottom:0.5rem;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.kor{font-size:1.4rem; font-family:'Pretendard-Bold',sans-serif;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.hidden-area{border-top:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.8); font-size:0.9rem; padding-top:1rem; font-family:'Montserrat_M','Pretendard-Medium',sans-serif; position:relative;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.hidden-area:after{content:''; display:block; width:1.2rem; height:1.2rem; opacity:.6; background:url("/fro_end_eng/img/ico_next_wh.svg")center/100% auto no-repeat; position:absolute; top:1rem; right:0;}
@media(hover:hover){
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box:not(.box04):hover{transform:scale(.97);}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box:not(.box04):hover div.bk-label{transform:translateY(0); background:rgba(0,0,0,0.7); padding:2.5rem;}
}

div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box01{background:url("/fro_end_eng/img/main_about_img01.jpg")center/cover no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box02{background:url("/fro_end_eng/img/main_about_img02.jpg")center/cover no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box03{margin-right:0; background:url("/fro_end_eng/img/main_about_img03.jpg")center/cover no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box05{margin-right:0; margin-bottom:0; background:url("/fro_end_eng/img/main_about_img05.jpg")center/cover no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box01 div.bk-label div.txt:after{background:url("/fro_end_eng/img/main_about_ico01.png")center/contain no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box02 div.bk-label div.txt:after{background:url("/fro_end_eng/img/main_about_ico02.png")center/contain no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box03 div.bk-label div.txt:after{background:url("/fro_end_eng/img/main_about_ico03.png")center/contain no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box05 div.bk-label div.txt:after{background:url("/fro_end_eng/img/main_about_ico05.png")center/contain no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04{border-radius:1.2rem; display:flex; flex-direction:column; justify-content:center; margin-bottom:0; flex-grow:2; color:#fff; background:var(--color-main01) url("/fro_end_eng/img/main_about_img04.png")right/cover no-repeat;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt{padding:0 3rem;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt01{font-size:1.5rem; line-height:1.5; font-family:'Pretendard-Bold',sans-serif; margin-bottom:2rem;}
div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{font-size:1.1rem; line-height:1.6;}


/******* course *******/
div.fullpage-slider section.course{position:relative;}
div.fullpage-slider section.course div.trans-bg{width:100%; height:100%; background:url("/fro_end_eng/img/main_course_bg01.jpg")center/cover no-repeat; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out;}
div.fullpage-slider section.course div.trans-bg:before{content:''; display:block; width:45%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:2; opacity:.95;}
div.fullpage-slider section.course div.trans-bg:after{content:''; display:block; width:55%; height:100%; position:absolute; top:0; right:0; z-index:2; background: linear-gradient(0deg, rgba(0,45,122,1) 0%, rgba(255,255,255,0) 80%);}
div.fullpage-slider section.course div.trans-bg ul.bg-list{width:100%; height:100%; position:absolute; top:0; left:0;}
div.fullpage-slider section.course div.trans-bg ul.bg-list li{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out;}
div.fullpage-slider section.course div.trans-bg ul.bg-list li img{width:100%; height:100%; object-fit:cover;}
div.fullpage-slider section.course div.trans-bg div.inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3; min-height:80%;}
div.fullpage-slider section.course div.trans-bg div.inner div.title{margin-bottom:4rem;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents{}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left{width:44%;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list{}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li{height:8rem; border-radius:1rem; padding:0 2rem; transition:transform 0.4s ease-in-out; -webkit-transition:transform 0.4s ease-in-out; position:relative; overflow:hidden;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:before{content:''; display:block; width:9rem; height:9rem; position:absolute; top:0; left:-2rem; opacity:.1; background-size:contain; background-repeat:no-repeat; background-position:center;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:after{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; left:0; opacity:1; transition:0.4s;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; position:relative; padding-left:4rem;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:before{content:''; display:block; width:2.25rem; height:2.25rem; position:absolute; top:50%; left:0; transform:translateY(-50%);}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:after{content:''; display:block; width:3rem; height:3rem; position:absolute; top:50%; right:0; transform:translateY(-50%); background:rgba(255,255,255,0.2) url("/fro_end_eng/img/ico_next_wh.svg")center/40% auto no-repeat; border-radius:50%; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name{}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.eng{font-family:'Montserrat_R','Pretendard-Regular',sans-serif; opacity:.6; margin-bottom:0.35rem;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.kor{font-family:'Pretendard-Bold',sans-serif; font-size:1.4rem; width:80%;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course01 a:before{background:url("/fro_end_eng/img/main_course_ico01.svg")center/contain no-repeat;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course02 a:before{background:url("/fro_end_eng/img/main_course_ico02.svg")center/contain no-repeat;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course03 a:before{background:url("/fro_end_eng/img/main_course_ico03.svg")center/contain no-repeat;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course04 a:before{background:url("/fro_end_eng/img/main_course_ico04.svg")center/contain no-repeat;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course05 a:before{background:url("/fro_end_eng/img/main_course_ico05.svg")center/contain no-repeat;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right{position:absolute; bottom:0; right:0; width:50%; height:100%; overflow:hidden;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list{position:relative; width:100%; height:100%;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li{color:#fff; position:absolute; opacity:0; bottom:-5rem; left:0; padding-bottom:3rem; transition:0.4s ease-in-out; -webkit-transition:0.4s ease-in-out;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt01{font-family:'Pretendard-Bold',sans-serif; font-size:2rem; margin-bottom:2.5rem;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt02{font-size:1.1rem; line-height:1.8; opacity:.8;}
/* 마우스 hover 활성화 */
div.fullpage-slider section.course div.trans-bg ul.bg-list li.on{opacity:1;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on{color:#fff; background:linear-gradient(90deg, rgba(0,45,122,1) 0%, rgba(0,204,255,1) 100%); border:0; box-shadow:-10px 20px 30px rgba(0,0,0,0.25); transform:translateX(5%);}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on:after{opacity:0;}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course01:before,
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course01 a:before{background-image:url("/fro_end_eng/img/main_course_ico01_wh.svg");}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course02:before,
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course02 a:before{background-image:url("/fro_end_eng/img/main_course_ico02_wh.svg");}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course03:before,
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course03 a:before{background-image:url("/fro_end_eng/img/main_course_ico03_wh.svg");}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course04:before,
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course04 a:before{background-image:url("/fro_end_eng/img/main_course_ico04_wh.svg");}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course05:before,
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on.course05 a:before{background-image:url("/fro_end_eng/img/main_course_ico05_wh.svg");}
div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li.on{bottom:0; opacity:1;}
@media(hover:hover){
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on a:hover:after{background:#fff url("/fro_end_eng/img/ico_next_blue.svg")center/40% auto no-repeat; box-shadow:0 10px 20px rgba(0,0,0,0.15);}
}


/******* notice *******/
div.fullpage-slider section.notice{background:url("/fro_end_eng/img/main_notice_bg.jpg")center/cover no-repeat;}
div.fullpage-slider section.notice div.title{margin-bottom:5rem;}
div.fullpage-slider section.notice div.title h2.main-tit{color:#fff;}
div.fullpage-slider section.notice div.title p.main-tit-explain{color:#fff; opacity:.5;}
div.fullpage-slider section.notice div.inner{display:flex; align-items:flex-start; justify-content:space-between; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
div.fullpage-slider section.notice div.inner div.left{width:60%;}
div.fullpage-slider section.notice div.inner div.left div.contents{color:#fff;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap{border-bottom:1px solid rgba(255,255,255,0.2);}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul{display:flex; align-items:center; gap:2.5rem;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li{font-size:1.5rem;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a{padding-bottom:1.8rem; opacity:.65; position:relative; transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a:after{content:''; display:block; width:0; height:4px; background:#fff; position:absolute; bottom:0; left:0; transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li.on{font-family:'Pretendard-Bold',sans-serif;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li.on a{opacity:1;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li.on a:after{width:100%;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap{position:relative;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap div.tab-item{display:none;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap div.tab-item.on{display:block;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap a.btn-more{position:absolute; top:-2.5rem; right:0; font-size:1rem; font-family:'Montserrat_M','Pretendard-Medium',sans-serif; padding-right:2rem;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap a.btn-more:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end_eng/img/ico_next_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); transition:0.4s; -webkit-transition:0.4s;} 
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list{}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li{display:flex; align-items:center; justify-content:space-between; padding:1.65rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head{display:flex; align-items:center;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.sort{display:inline-block; background:rgba(255,255,255,0.2); padding:0.4rem 0.8rem; border-radius:5px; font-size:0.95rem; margin-right:0.8rem; text-wrap:nowrap;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit{max-width:45rem; font-family:'Pretendard-Medium',sans-serif; font-size:1.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit:hover{font-weight:600;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.lab-new{display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; text-align:center; font-size:9px; font-family:'Montserrat_SB','Pretendard-Medium',sans-serif; background:var(--color-main02); color:#fff; border-radius:50px; margin-left:0.5rem; animation:twinkleNew 1s infinite ease-in-out;}
div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li span.date{min-width:5.2rem; opacity:.5; font-family:'Pretendard-Light',sans-serif;}
@media(hover:hover){
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a:hover{opacity:1;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap a.btn-more:hover:after{right:0; width:1.2rem; height:1.2rem;}
}

div.fullpage-slider section.notice div.inner div.right{width:32%;}
div.fullpage-slider section.notice div.inner div.right div.contents{}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter{width:100%; position:relative;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter:before{content:''; display:block; width:13rem; height:13rem; background:url("/fro_end_eng/img/main_notice_cirtxt.png")center/contain no-repeat; position:absolute; top:-7rem; right:-3rem; animation:circleTxt 10s infinite linear; z-index:-1;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li{width:100%; border-radius:1rem; margin-bottom:0.65rem; overflow:hidden; background:rgba(255,255,255,0.2); transition:0.4s; -webkit-transition:0.4s;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li:last-child{margin-bottom:0;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a{width:100%; height:100%;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb{width:100%; height:0; overflow:hidden; transition:height 0.6s; -webkit-transition:height 0.6s;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb img{width:100%; height:100%; object-fit:cover;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label{color:#fff; height:4.5rem; font-size:1.125rem; display:flex; align-items:center; justify-content:space-between; padding:0 2rem;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label:after{display:inline-block; content:''; width:2.25rem; height:2.25rem; background:#fff url("/fro_end_eng/img/ico_next_blue.svg")center/50% auto no-repeat; border-radius:50%;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label > span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open{background:var(--color-main01);}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb{height:15rem;}
div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.label{font-family:'Pretendard-Bold',sans-serif;}


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

	/* top popup */
	div.top-popup div.inner{margin:0 3rem;}
	div.top-popup div.inner div.tp-slider ul.slick-dots{justify-content:flex-start;}
	div.top-popup div.inner div.tp-slider div.tp{margin-left:0;}

	/* quick */
	div.quick-menu ul{padding:0.6rem 0.8rem;}
	div.quick-menu ul li{padding:0.6rem 0;}
	div.quick-menu ul li a p.lab{font-size:0.8rem;}
	div.quick-menu ul li a p.lab:before{width:2.8rem; height:2.8rem;}
	div.quick-menu a.scroll-top{width:3.5rem; height:3.5rem; bottom:-4.2rem;}

	/* header */
	header.header{padding:0 2rem;}
	header.header div.other{gap:1rem; flex-direction:column; align-items:flex-end;}
	header.header div.other div.btn-icon div[class*="bi-"] > a{width:1.25rem; height:1.25rem;}
	header.header div.other ul.btn-member{font-size:0.85rem;}
	header.header div.other ul.btn-member li.bm-time{display:block;}
	header.header div.other ul.btn-member li.bm-time a.btn_reset{margin-left:0.2rem;}

	/* gnb */
	header.header div.gnb ul.dep01 li{width:8rem;}

	div.wrap.main h2.main-tit{font-size:2.6rem;}
	div.wrap.main p.main-tit-explain{font-size:1rem; margin-top:1rem;}
	div.fullpage-slider section:not(.intro) div.inner{padding:0 4rem;}

	/* intro */
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn{font-size:1.3rem;}

	/* about */
	div.fullpage-slider section.about div.inner div.title h2.main-tit{font-size:2.8rem;}
	div.fullpage-slider section.about div.inner div.title p.explain{font-size:1rem; line-height:1.4;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{height:16rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label{padding:1.5rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt:after{width:2rem; height:2rem; top:0.5rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.eng{font-size:0.9rem; margin-bottom:0.3rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.kor{font-size:1.3rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt01{font-size:1.4rem; margin-bottom:1.5rem; line-height:1.4;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{font-size:1rem; line-height:1.5;}

	/* course */
	div.fullpage-slider section.course div.trans-bg div.inner div.title{margin-bottom:2.5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li{height:7rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:before{width:8rem; height:8rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:before{width:2rem; height:2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.eng{font-size:0.9rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.kor{font-size:1.3rem;}

	/* notice */
	div.fullpage-slider section.notice div.title{margin-bottom:3rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li{font-size:1.3rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a{padding-bottom:1rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li{padding:1.3rem 0;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit{font-size:1.125rem; max-width:35rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.sort{font-size:0.9rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter:before{width:11rem; height:11rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb{height:12rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label{height:4rem; font-size:1rem; padding:0 1.5rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label:after{width:2rem; height:2rem;}

	/* footer */
	footer.footer{font-size:0.9rem;}
	footer.footer div.copyright{padding:0.8rem 0;}
	footer.footer div.copyright p{width:90%;}
}
@media screen and (max-width:1440px){

	:root{
		--height-header:6rem;
		/*--width-logo:18rem;*/
		--height-gnb:25rem;
	}

	/* header */
	header.header div.gnb{display:none;}
	header.header div.other{flex-direction:row; gap:2.5rem; align-items:center;}

	/* top popup */
	div.top-popup div.close-btn{right:2.5%;}
	div.top-popup div.inner{width:80%;}

	div.fullpage-slider section:not(.intro) div.inner{padding:0 3rem;}

	/* intro */
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner{left:6%;}
	div.fullpage-slider section.intro div.main-slider div.slick-arrow{left:6%;}
	div.fullpage-slider section.intro div.quick-list{height:7rem;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn a:before{width:2rem; height:2rem;}

	/* about */
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt:after{width:1.8rem; height:1.8rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.eng{font-size:0.825rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{word-break:keep-all;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02 > br{display:none;}

	/* course */
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:after{width:2.5rem; height:2.5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt02{font-size:1rem; line-height:1.6; word-break:keep-all;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt02 > br{display:none;}

	/* notice */
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit{max-width:30rem;}

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

	/* header */
	/*header.header div.gnb{display:none;}*/
	/*header.header div.other{flex-direction:row; gap:2.5rem; align-items:center;}*/

	/* about */
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{height:15rem;}

	/* course */
	div.fullpage-slider section.course div.trans-bg div.inner div.title{margin-bottom:2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li{padding:0 1.5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt01{margin-bottom:1.5rem;}

	/* notice */
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul{gap:2rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter:before{width:10rem; height:10rem;}

}

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

	:root{
		--height-header:5rem;
		/*--width-logo:10rem;*/
	}

	/* top popup */
	div.fullpage-slider div.swiper-container.tp-affect{height: auto !important;}
	div.fullpage-slider div.swiper-container.tp-affect header.header{top:var(--height-toppopup);}
	div.top-popup div.inner:before{width:4rem; height:4rem;}

	/* sitemap */
	div.sitemap a.logo{top:1rem;}
	div.sitemap a.btn-close{top:1rem; right:1rem;}
	div.sitemap div.inner{display:block; position:relative; margin-top:5rem; border-top:1px solid rgba(255,255,255,0.2);}
	div.sitemap div.inner:before{content:''; display:block; width:30%; height:100%; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0; z-index:-1; backdrop-filter:blur(3px);}
	div.sitemap div.inner div.col{width:100%; padding-top:0; border:0; text-align:left;}
	div.sitemap div.inner div.col p.tit{width:30%; height:4rem; text-align:left; margin-bottom:0; font-size:1.125rem; padding:0 1.25rem; display:flex; align-items:center; font-family:'Pretendard-Light',sans-serif; position:relative; transition:0.3s; -webkit-transition:0.3s;}
	div.sitemap div.inner div.col p.tit:after{opacity:0; content:''; display:block; width:2rem; height:2rem; background:#fff url("/fro_end_eng/img/ico_next_blue.svg")center/50% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%); border-radius:50%; transition:0.3s; -webkit-transition:0.3s;}
	div.sitemap div.inner div.col ul.menu{width:70%; position:absolute; right:0; top:0; display:none;}
	div.sitemap div.inner div.col ul.menu li a{height:4rem; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 1.5rem; color:#fff; display:flex; align-items:center;}
	div.sitemap div.inner div.col.on p.tit{font-family:'Pretendard-Bold',sans-serif; background:var(--color-main01); letter-spacing:0.8px;}
	div.sitemap div.inner div.col.on p.tit:after{opacity:1; right:-0.65rem;}
	div.sitemap div.inner div.col.on ul.menu{display:block;}

	/* fullpage 해제 */
	div.fullpage-slider div.swiper-container{height:auto;}
	div.fullpage-slider div.swiper-container div.swiper-wrapper{display:block; position:static; transition:none; transform:none;}
	div.fullpage-slider div.swiper-container div.swiper-wrapper section.swiper-slide{min-height:100vh; position:relative; transition:none; transform:none;}
	div.fullpage-slider div.swiper-container div.swiper-wrapper section.swiper-slide .animate-prev.animate-fadeUp{opacity:1;} /* �ִϸ��̼� ����*/
	div.fullpage-slider section:not(.intro) div.inner{padding:0;}

	div.wrap.main h2.main-tit{font-size:2.4rem;}

	/* intro */
	div.fullpage-slider section.intro{height:100vh !important;}
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt01{margin-bottom:1rem;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn a{padding:0 1.5rem;}

	/* about */
	div.fullpage-slider section.about div.graphic-bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
	div.fullpage-slider section.about div.inner{position:static; transform:none; padding:5rem 0;}
	div.fullpage-slider section.about div.inner div.title{display:block;}
	div.fullpage-slider section.about div.inner div.title h2.main-tit{width:100%; font-size:2.5rem;}
	div.fullpage-slider section.about div.inner div.title p.explain{width:100%; margin-top:1rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list{justify-content:space-between;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{width:23%; height:14rem; margin-right:0;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04{width:100%; order:5; height:auto; padding:2.5rem; display:block;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt{padding:0;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{width:85%;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label{padding:1.25rem 1rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.kor{font-size:1.2rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.hidden-area{font-size:0.8rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box:not(.box04):hover div.bk-label{padding:1.5rem;}

	/* course */
	div.fullpage-slider section.course{padding:5rem 0;}
	div.fullpage-slider section.course div.trans-bg div.inner{position:relative; transform:none; z-index:3; top:0; left:0; min-width:unset;}
	div.fullpage-slider section.course div.trans-bg div.inner div.title{margin-bottom:3.5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li{height:auto;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a{padding:2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name{margin-left:2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on{box-shadow:-8px 15px 25px rgba(0,0,0,0.15);}

	/* notice */
	div.fullpage-slider section.notice{padding:5rem 0;}
	div.fullpage-slider section.notice div.inner{position:static; transform:none; display:block;}
	div.fullpage-slider section.notice div.inner div.left{width:100%;}
	div.fullpage-slider section.notice div.inner div.right{width:100%; margin-top:4rem;}
	div.fullpage-slider section.notice div.inner div.right div.title{display:none;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter{}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter:before{z-index:1; background:transparent; content:'K-NIBRT NewsLetter K-NIBRT NewsLetter K-NIBRT NewsLetter'; animation:flowTxt 25s linear infinite; color:rgba(255,255,255,0.2); width:100%; height:auto; text-wrap:nowrap; top:-2.8rem; left:0; letter-spacing:5px; font-size:3rem; font-family:'Montserrat_B', 'Pretendard-Bold', sans-serif;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li{border:5px solid #fff; margin:0 1rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb,
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb{height:10rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label{display:block; height:auto; padding:1rem; font-size:1.125rem; width:100%; text-align:center; background:#fff; color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label:after{display:none;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label > span{white-space:normal; overflow:auto; text-overflow:unset; width:100%; display:block; font-size:inherit;}

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

	/* top popup */
	div.top-popup div.close-btn{bottom:1rem; right:2rem; transform:none; top:unset;}
	div.top-popup div.close-btn label.c-input{height:auto; line-height:initial;}
	div.top-popup div.close-btn a.popup-close{width:auto; height:auto; font-size:0.9rem; background:transparent; box-shadow:none !important; position:relative; padding-left:1.25rem;}
	div.top-popup div.close-btn a.popup-close:before{content:''; display:block; width:1.25em; height:1.25em; background:url("/fro_end_eng/img/ico_close_wh.svg")center/100% auto no-repeat; position:absolute; top:0; left:0;}
	div.top-popup div.inner{padding:1.5rem 2rem; margin:0; width:100%; position:static;}
	div.top-popup div.inner:before{display:none;}
	div.top-popup div.inner div.tp-slider{position:static;}
	div.top-popup div.inner div.tp-slider ul.slick-dots{position:absolute; bottom:1rem; left:2rem; margin:0;}

	/* quick */
	div.quick-menu{top:unset; bottom:10%; transform:none; display:none;}
	div.quick-menu ul{height:0; overflow:hidden; opacity:0; pointer-events:none; transform:translateY(1rem); transition:0.3s; background:rgba(255,255,255,0.8); color:#333;}
	div.quick-menu ul li{border-bottom-color:#eee;}
	div.quick-menu ul.open{height:auto; opacity:1; pointer-events:auto;  transform:translateY(-0.5rem);}
	div.quick-menu a.mob-quick-btn{display:block;}
	div.quick-menu a.scroll-top,
	div.quick-menu a.scroll-top.off{width:3rem; height:3rem; opacity:1; bottom:-3.5rem; pointer-events:auto;}

	/* search */
	header.header div.main-search div.inner{width:80%;}

	/* intro */
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt01{font-size:2rem;}
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt02{font-size:1.125rem;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn{font-size:1.125rem;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn a{padding:0 1rem; flex-direction:column; justify-content:center; text-align:center;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn a:before{width:1.8rem; height:1.8rem; margin-bottom:1rem;}

	/* about */
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt01{font-size:1.25rem;}

	/* course */
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a{padding:1.8rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:before{width:1.8rem; height:1.8rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:after{width:2rem; height:2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.eng{font-size:0.8rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.kor{font-size:1.2rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt01{font-size:2rem; margin-bottom:1rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right ul.explain-list li p.txt02{word-break:unset;}

	/* notice */
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter{position:relative;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter button.slick-arrow{font-size:0; width:2.5rem; height:2.5rem; background:#fff url("/fro_end_eng/img/ico_next.svg")center/50% auto no-repeat; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); z-index:3;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter button.slick-arrow.slick-prev{left:-0.5rem; transform:translateY(-50%) rotate(-180deg);}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter button.slick-arrow.slick-next{right:-0.5rem;}


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

	/* header */
	header.header{padding:0 1.25rem;}
	header.header div.other{gap:1.8rem;}
	header.header div.other div.btn-icon{gap:1.65rem;}

	/* search */
	header.header div.main-search div.inner{flex-direction:column; gap:0.5rem; padding-top:4rem; padding-bottom:6rem;}
	header.header div.main-search div.inner a.btn-close{position:absolute; bottom:0; left:0; width:100%; font-size:1rem; text-align:center; color:#fff; background:rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center;}

	/* about */
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{width:48%;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04{position:relative;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04:before{content:''; display:block; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:.2; z-index:1;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt{position:relative; z-index:2;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{width:100%;}

	/* course */
	div.fullpage-slider section.course div.trans-bg:before{width:100%; background:rgba(0,0,0,0.25);}
	div.fullpage-slider section.course div.trans-bg:after{width:100%;}
	div.fullpage-slider section.course div.trans-bg div.inner{width:100% !important;}
	div.fullpage-slider section.course div.trans-bg div.inner div.title{width:90%; margin:0 auto; margin-bottom:3rem; color:#fff;}
	div.fullpage-slider section.course div.trans-bg div.inner div.title p.main-tit-explain{color:#fff; opacity:.5;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left{width:100%;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list{}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li{color:#fff; border-radius:0; padding:0; border-bottom:1px solid rgba(255,255,255,0.1);}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:first-child{border-top:1px solid rgba(255,255,255,0.1);}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:before{display:none;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li:after{display:none;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a{display:block; padding:3rem 2rem; padding-left:5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:before{left:3rem; width:2.25rem; height:2.25rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a:after{right:3rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.kor{font-size:1.4rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.eng{font-size:0.9rem; margin-bottom:0.5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course01 a:before{background-image:url("/fro_end_eng/img/main_course_ico01_wh.svg");}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course02 a:before{background-image:url("/fro_end_eng/img/main_course_ico02_wh.svg");}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course03 a:before{background-image:url("/fro_end_eng/img/main_course_ico03_wh.svg");}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course04 a:before{background-image:url("/fro_end_eng/img/main_course_ico04_wh.svg");}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.course05 a:before{background-image:url("/fro_end_eng/img/main_course_ico05_wh.svg");}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li.on{box-shadow:none; transform:none; background:transparent; border-bottom:1px solid rgba(255,255,255,0.1);}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.right{display:none;}

	/* notice */
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap a.btn-more{font-size:0.95rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li{position:relative;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head{display:block; width:100%;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.sort{width:fit-content; display:block; margin-bottom:0.8rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit{max-width:100%;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.lab-new{vertical-align:super; margin-left:0.25rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li span.date{position:absolute; top:1.5rem; right:0; min-width:unset; font-size:0.9rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li{margin:0 0.55rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb,
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb{height:8rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label{font-size:1rem;}

	/* footer */
	footer.footer div.inner{display:block; text-align:center;}
	footer.footer div.inner div.left{width:100%;}
	footer.footer div.inner div.left ul.btn-term{justify-content:center;}
	footer.footer div.inner div.right{display:none;}
	footer.footer div.copyright{text-align:center;}

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

	:root{
		--height-member:3rem;
		--height-mob-header:calc(var(--height-member) + var(--height-header));
	}

	/* top popup */
	div.fullpage-slider div.swiper-container.tp-affect header.header{top:0;}
	div.top-popup div.inner{padding:1rem 1.5rem;}

	/* header */
	header.header{height:var(--height-mob-header); padding-bottom:var(--height-member); position:absolute; top:0; left:0;}
	header.header div.other{gap:2rem;}
	header.header div.other ul.btn-member{gap:0; position:absolute; left:0; bottom:0; width:100%; height:var(--height-member); border-top:1px solid rgba(255,255,255,0.2);}
	header.header div.other ul.btn-member li[class*="bm-"]{width:33.33%; height:100%; border-right:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center;}
	header.header div.other ul.btn-member li[class*="bm-"]:last-child{border-right:0;}
	header.header div.other ul.btn-member li[class*="bm-"]:after{display:none;}
	header.header div.other div.btn-icon div[class*="bi-"] > a{width:1.3rem; height:1.3rem;}
	header.header div.other div.btn-icon div.bi-mypage > a{width:1.4rem; height:1.4rem;}

	header.header.hover div.other ul.btn-member{border-top-color:rgba(0,0,0,0.1);}
	header.header.hover div.other ul.btn-member li{border-right-color:rgba(0,0,0,0.1);}

	/* search */
	header.header div.main-search div.inner{width:92%;}


	/* sitemap */
	div.sitemap div.inner:before{width:40%;}
	div.sitemap div.inner div.col p.tit{width:40%; padding:0 1rem; font-size:1.125rem;}
	div.sitemap div.inner div.col ul.menu{width:60%;}
	div.sitemap div.inner div.col ul.menu li{font-size:1.1rem;}
	div.sitemap div.inner div.col03 ul.menu li:nth-child(4) a{height:6rem;}
	div.sitemap div.inner div.col03 ul.menu li:last-child a{height:8rem;}


	div.wrap.main h2.main-tit{font-size:2.2rem;}

	/* intro */
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner{width:82%;}
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt01{font-size:1.5rem;}
	div.fullpage-slider section.intro div.main-slider div.slick-slider div.slider div.inner p.txt02{font-size:1rem; word-break:keep-all; line-height:1.4;}
	div.fullpage-slider section.intro div.quick-list{height:auto;}
	div.fullpage-slider section.intro div.quick-list ul{flex-wrap:wrap;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn{width:33.33%; font-size:1.1rem;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn:nth-child(3){border-right:0;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn.mob{display:block;}
	div.fullpage-slider section.intro div.quick-list ul li.ql-btn a{padding:1rem;}

	/* about */
	div.fullpage-slider section.about div.inner div.title h2.main-tit{font-size:2.3rem;}
	div.fullpage-slider section.about div.inner div.title p.explain{word-break:keep-all;}
	div.fullpage-slider section.about div.inner div.title p.explain > br{display:none;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box{height:12rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label{transform:translateY(61%); padding:1rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt:after{width:1.6rem; height:1.6rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box div.bk-label div.txt p.kor{font-size:1.1rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04{padding:1.8rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04:before{opacity:0.32;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt01{margin-bottom:1rem; font-size:1.2rem;}
	div.fullpage-slider section.about div.inner div.contents ul.box-list li.box.box04 div.about-txt p.txt02{word-break:initial; font-size:0.9rem;}

	/* course */
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a{padding:2rem; padding-left:5rem;}
	div.fullpage-slider section.course div.trans-bg div.inner div.contents div.left ul.course-list li a div.name p.kor{font-size:1.25rem;}


	/* notice */
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul{gap:0;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li{width:25%; font-size:1.2rem; text-align:center;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a{width:100%;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-list-wrap ul li a:after{height:3px;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap a.btn-more{top:-10rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list{margin-top:0.5rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li{padding:1rem 0;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head span.sort{padding:0.35rem 0.6rem;}
	div.fullpage-slider section.notice div.inner div.left div.contents div.tab-cont-wrap ul.noti-list li div.head a.tit{font-size:1.1rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li{border-width:3px;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb,
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb{height:8rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.label{padding:0.8rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter button.slick-arrow{width:2rem; height:2rem;}

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

	/* search */
	header.header div.main-search div.inner{width:96%; padding-top:2rem; padding-bottom:5rem;}

	/* notice */
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter{margin-top:6rem;}
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li.open a div.thumb,
	div.fullpage-slider section.notice div.inner div.right div.contents ul.newsletter li a div.thumb{height:10rem;}
}
@media screen and (max-width:320px){}