@charset "UTF-8";

:root{

	--height-banner:6rem;
	--height-header:6.25rem;
	--width-logo:18rem;
}

/*** header ***/
header.header{width:100%; display:flex; align-items:center; justify-content:space-between; height:var(--height-header); background:#fbfdff; padding:0 3rem; position:relative; z-index:200;}
header.header > div{width:33.33%;}
header.header div.left{display:flex; gap:1rem;}
header.header div.left div.logo{width:var(--width-logo); height:auto;}
header.header div.left div.logo img{display:block; width:100%; height:100%; object-fit:contain;}
header.header div.left div.qlink{position:relative; font-size:0.9rem;}
header.header div.left div.qlink div.show{width:fit-content; border:1px solid #ddd; color:#6f6f6f; border-radius:50px; background:#fff;}
header.header div.left div.qlink div.show a{padding:0.4rem 0.8rem; width:100%; position:relative; padding-right:1.8rem;}
header.header div.left div.qlink div.show a:after{content:''; display:block; width:9px; height:9px; background:url("/fro_end/img/main_qlink_arrow.svg")center/contain no-repeat; position:absolute; top:50%; right:0.8rem; transform:translateY(-50%);}
header.header div.left div.qlink div.show.open a:after{transform:translateY(-50%) scaleY(-1);}
header.header div.left div.qlink ul.droplist{display:none; position:absolute; overflow:hidden; box-shadow:0 10px 18px rgba(0,0,0,0.15); width:100%; background:#fff; border:1px solid #ddd; border-radius:1rem; margin-top:0.25rem; z-index:2;}
header.header div.left div.qlink ul.droplist li{border-bottom:1px solid #ddd; color:#333;}
header.header div.left div.qlink ul.droplist li:last-child{border-bottom:none;}
header.header div.left div.qlink ul.droplist li a{padding:0.5rem 0.8rem; width:100%; font-family:'NanumNeo_B',sans-serif;}
header.header div.right{display:flex; justify-content:flex-end;}
header.header div.right ul.mlist{display:flex; gap:1.5rem;}
header.header div.right ul.mlist li{font-family:'NanumNeo_B',sans-serif;}
header.header div.right ul.mlist li a{padding-left:1.35em; position:relative;}
header.header div.right ul.mlist li a:before{content:''; display:block; width:1em; height:1em; position:absolute; top:50%; left:0; transform:translateY(-50%);}
header.header div.right ul.mlist li.login a:before{background:url("/fro_end/img/main_login.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.join a:before{background:url("/fro_end/img/main_join.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.logout a:before{background:url("/fro_end/img/main_login.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.modify a:before{background:url("/fro_end/img/main_modify.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.mypage a:before{background:url("/fro_end/img/main_mypage.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.sitemap a:before{background:url("/fro_end/img/main_sitemap.svg")center/contain no-repeat;}
header.header div.right ul.mlist li.settime{display:flex; align-items:center; gap:0.25rem;}
header.header div.right ul.mlist li.settime span.time{}
header.header div.right ul.mlist li.settime a.btn-reset{padding:0; font-family:'NanumNeo_B',sans-serif; font-size:0.7rem; padding:3px 6px; background:#333; border-radius:50px; color:#fff; width:auto; height:auto; display:inline-block;}
header.header div.right ul.mlist li.settime a.btn-reset:before{display:none;}
@media(hover:hover){
	header.header div.left div.qlink ul.droplist li:hover{background:#eee;}
}

/* gnb */
header.header div.gnb{height:100%;}
header.header div.gnb ul.depth01{display:flex; width:100%; height:100%;}
header.header div.gnb ul.depth01 li.menu{width:calc(100% / 4); height:100%; font-family:'NanumNeo_EB',sans-serif; font-size:1.125rem;}
header.header div.gnb ul.depth01 li.menu > p{height:100%;}
header.header div.gnb ul.depth01 li.menu > p > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
header.header div.gnb ul.depth01 li.menu > div.active-menu{height:0; overflow:hidden; position:absolute; top:var(--height-header); left:0; background:#fff; width:100%; transition:0.4s; -webkit-transition:0.4s;}
header.header div.gnb ul.depth01 li.menu > div.active-menu:before{content:''; display:block; width:32%; height:3px; background:var(--color-main01); position:absolute; top:0; left:0; transition:0.4s; -webkit-transition:0.4s;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner{display:flex; align-items:flex-start; width:100%; height:100%;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner div.left{width:32%; height:100%; background:var(--color-main01); color:#fff; position:relative; padding:2rem 3rem;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner div.left p.tit{display:block; width:100%; height:100%; text-align:right; font-size:2.5rem; font-family:'NanumNeo_EB',sans-serif;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner ul.depth02{width:68%; display:flex; flex-wrap:wrap; gap:1rem 0; padding:2rem 2.5rem;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner ul.depth02 li{width:23%; color:#333; margin-right:1rem; border:2px solid #ddd; border-radius:0.65rem; background:#fff; font-size:1rem; font-family:'NanumNeo_B',sans-serif; transition:0.4s; -webkit-transition:0.4s;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner ul.depth02 li:nth-child(4n){margin-right:0;}
header.header div.gnb ul.depth01 li.menu > div.active-menu div.inner ul.depth02 li a{display:block; width:100%; height:100%; padding:1rem;}
header.header div.gnb ul.depth01 li.menu02 > div.active-menu:before{background:var(--color-main02);}
header.header div.gnb ul.depth01 li.menu03 > div.active-menu:before{background:var(--color-main03);}
header.header div.gnb ul.depth01 li.menu04 > div.active-menu:before{background:var(--color-main04);}
header.header div.gnb ul.depth01 li.menu02 > div.active-menu div.inner div.left{background:var(--color-main02);}
header.header div.gnb ul.depth01 li.menu03 > div.active-menu div.inner div.left{background:var(--color-main03);}
header.header div.gnb ul.depth01 li.menu04 > div.active-menu div.inner div.left{background:var(--color-main04);}
/*header.header div.gnb ul.depth01 li.menu05 > p{color:var(--color-main01);}*/
@media(hover:hover){
	header.header div.gnb ul.depth01 li.menu:hover{color:var(--color-main01);}
	header.header div.gnb ul.depth01 li.menu02:hover{color:var(--color-main02);}
	header.header div.gnb ul.depth01 li.menu03:hover{color:var(--color-main03);}
	header.header div.gnb ul.depth01 li.menu04:hover{color:var(--color-main04);}
	header.header div.gnb ul.depth01 li.menu:hover > p ~ div.active-menu{height:22rem; box-shadow:0 30px 30px rgba(0,0,0,0.1);}
	header.header div.gnb ul.depth01 li.menu:hover > div.active-menu:before{width:100%;}
	header.header div.gnb ul.depth01 li.menu:hover > div.active-menu div.inner ul.depth02 li:hover{border-color:#333; box-shadow:0 10px 25px rgba(0,0,0,0.12);}
}

/* 상단고정배너 */
div.fixed-banner{width:100%; height:var(--height-banner); background:#333; position:relative;}
div.fixed-banner div.img{text-align:center; width:100%; height:100%;}
div.fixed-banner div.img img{width:auto; height:100%; object-fit:contain;}
div.fixed-banner a.btn-close{width:1.5rem; height:1.5rem; position:absolute; top:50%; right:3%; transform:translateY(-50%);}
div.fixed-banner a.btn-close span{display:block; width:100%; height:2px; background:#fff;}
div.fixed-banner a.btn-close span:nth-child(1){transform:translate(0px, 11px) rotate(45deg);}
div.fixed-banner a.btn-close span:nth-child(2){transform:translate(0px, 9px) rotate(-45deg);}

/* 전체메뉴 */
div.sitemap{position:fixed; width:100%; height:100%; top:0; left:0; z-index:-1;}
div.sitemap.open{z-index:1000;}
div.sitemap.open div.sitemap-box{transform:translate(-50%, -50%) scale(1);}
div.sitemap div.bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3);}
div.sitemap div.sitemap-box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0);  width:80%; background:#fff; border:1px solid #ddd; box-shadow:0 10px 20px rgba(0,0,0,0.2); border-radius:2rem;  transition:0.5s; -webkit-transition:0.5s;}
div.sitemap div.sitemap-box a.logo{width:var(--width-logo); height:auto; display:none;}
div.sitemap div.sitemap-box a.logo img{display:block; width:100%; height:100%; object-fit:contain;}
div.sitemap div.sitemap-box a.btn-close{width:4rem; height:4rem; position:absolute; top:-1rem; right:-1rem; background:#333; border-radius:50%; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
div.sitemap div.sitemap-box a.btn-close span{display:block; width:40%; height:3px; background:#fff; border-radius:5px;}
div.sitemap div.sitemap-box a.btn-close span:nth-child(1){transform:rotate(45deg) translate(35px,7px);}
div.sitemap div.sitemap-box a.btn-close span:nth-child(2){transform:rotate(-45deg) translate(-5px,33px);}
div.sitemap div.sitemap-box div.gnb{width:100%; max-height:90vh; overflow-y:auto; padding:3rem;}
div.sitemap div.sitemap-box div.gnb ul.depth{display:flex; gap:2rem;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu{width:25%;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p{padding-bottom:0.5rem; color:var(--color-main01); border-bottom:3px solid var(--color-main01);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{font-family:'NanumNeo_EB',sans-serif; font-size:1.5rem; display:flex; align-items:center; gap:0.5rem;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a span.num{display:inline-block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; font-size:0.65em; color:#fff; background:var(--color-main01);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02{font-size:1rem;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li{border-bottom:1px dashed #ddd;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li a{padding:0.85rem 0; width:100%; height:100%; position:relative; padding-right:1.5em;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li a:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_arrow.svg")center/100% auto no-repeat; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); opacity:0;}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu02 > p{color:var(--color-main02); border-color:var(--color-main02);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu03 > p{color:var(--color-main03); border-color:var(--color-main03);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu04 > p{color:var(--color-main04); border-color:var(--color-main04);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu02 > p a span.num{background:var(--color-main02);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu03 > p a span.num{background:var(--color-main03);}
div.sitemap div.sitemap-box div.gnb ul.depth li.menu04 > p a span.num{background:var(--color-main04);}
@media(hover:hover){
	div.sitemap div.sitemap-box a.btn-close:hover{background:#000;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li:hover{border-bottom:1px solid #333; font-family:'NanumNeo_EB',sans-serif;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li:hover a:after{opacity:1;}
}


/*** footer ***/
footer.footer{background:#232323; color:#ddd;}
footer.footer div.inner{}
footer.footer div.inner div.top{padding-top:3rem;}
footer.footer div.inner div.top div.f-logo{width:var(--width-logo); height:auto; opacity:.5;}
footer.footer div.inner div.top div.f-logo img{display:block; width:100%; height:100%; object-fit:contain;}
footer.footer div.inner div.mid{padding:1.8rem 0;}
footer.footer div.inner div.mid ul.f-info{}
footer.footer div.inner div.mid ul.f-info > li{margin-bottom:0.85rem;}
footer.footer div.inner div.mid ul.f-info > li > ul{display:flex; align-items:center; gap:2rem; flex-wrap:wrap;}
footer.footer div.inner div.mid ul.f-info > li > ul > li{}
footer.footer div.inner div.mid ul.f-info > li a.btn-mail{position:relative; padding-right:1.25em;}
footer.footer div.inner div.mid ul.f-info > li a.btn-mail:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_mail_wh.svg")center/contain no-repeat; position:absolute; top:3px; right:0; opacity:.5;}
footer.footer div.inner div.mid ul.f-info > li a.btn-mail:hover:after{opacity:1;}
footer.footer div.inner div.bot{padding:1.5rem 0; border-top:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:space-between;}
footer.footer div.inner div.bot div.left{}
footer.footer div.inner div.bot div.left p.copyright{font-family:'NanumNeo_L',sans-serif; font-size:0.9em; letter-spacing:1px;}
footer.footer div.inner div.bot div.right{}
footer.footer div.inner div.bot div.right ul.f-btn{display:flex; align-items:center; gap:2rem;}
footer.footer div.inner div.bot div.right ul.f-btn li{position:relative}
footer.footer div.inner div.bot div.right ul.f-btn li:after{content:''; display:block; width:1px; height:60%; background:rgba(255,255,255,0.3); position:absolute; top:20%; right:-1rem;}
footer.footer div.inner div.bot div.right ul.f-btn li:last-child:after{display:none;}


/* 퀵메뉴 */
div.quickmenu{position:fixed; top:50%; right:-9rem; transform:translateY(-50%); z-index:100;  font-size:0.9rem; width:18rem; height:18rem;}
div.quickmenu a.btn-quick{width:35%; height:35%; border-radius:50%; background:var(--color-main01); color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'Montserrat_EB',sans-serif;  z-index:2;}
div.quickmenu a.btn-quick span{position:absolute; writing-mode:vertical-lr; top:50%; transform:translateY(-50%); left:1.2rem;}
div.quickmenu div.quick-list-wrap{background:rgba(0,101,179,0.55); width:100%; height:100%; border-radius:50%; transition:0.4s; -webkit-transition:0.4s; transform:scale(1); z-index:1;}
div.quickmenu div.quick-list-wrap ul.quick-list{position:relative; width:100%; height:100%;}
div.quickmenu div.quick-list-wrap ul.quick-list li{width:5.5rem; text-align:center; color:#fff; position:absolute;}
div.quickmenu div.quick-list-wrap ul.quick-list li a{}
div.quickmenu div.quick-list-wrap ul.quick-list li a div.ico{width:1.5rem; height:1.5rem; margin:0 auto; margin-bottom:0.25rem;}
div.quickmenu div.quick-list-wrap ul.quick-list li a div.ico img{display:block; width:100%; height:100%; object-fit:contain;}
div.quickmenu div.quick-list-wrap ul.quick-list li a p.txt{font-family:'NanumNeo_B',sans-serif; word-break:keep-all;}
div.quickmenu div.quick-list-wrap ul.quick-list li.ql01{top:2rem; left:35%; transform:translateX(-50%);}
div.quickmenu div.quick-list-wrap ul.quick-list li.ql02{top:50%; left:0.5rem; transform:translateY(-50%);}
div.quickmenu div.quick-list-wrap ul.quick-list li.ql03{bottom:2rem; left:35%; transform:translateX(-50%);}
div.quickmenu.off{}
div.quickmenu.off div.quick-list-wrap{transform:scale(0); pointer-events:none;}
@keyframes quickHover{
	0%{box-shadow:0 0 0 0 rgba(0,101,179,0.2);}
	100%{box-shadow:0 0 0 13px rgba(0,101,179,0.2);}
}
@media(hover:hover){
	div.quickmenu.off a.btn-quick:hover{animation:quickHover 1s infinite;}
}

/* 맨위로 */
.btn-scroll-top{opacity:0; pointer-events:none; position:fixed; bottom:0; right:2%; width:4rem; height:4rem; display:flex; align-items:center; gap:5px; flex-direction:column; justify-content:center; background:#fff; border-radius:0.5rem; box-shadow:0 5px 20px rgba(0,0,0,0.1); color:#333; font-size:0.9rem; font-family:'Montserrat_SB',sans-serif; z-index:100; transition:0.4s; -webkit-transition:0.4s;}
.btn-scroll-top:before{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_arrow_top.svg")center/100% auto no-repeat; transition:0.4s; -webkit-transition:0.4s;}
.btn-scroll-top.show{opacity:1; pointer-events:auto; bottom:20%;}
@media(hover:hover){
	.btn-scroll-top:hover{background:#333; color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.3);}
	.btn-scroll-top:hover:before{background-image:url("/fro_end/img/ico_arrow_top_wh.svg");}
}




/*** section ***/
div.wrap.main{background:#fbfdff; position:relative; width:100%; overflow-x:hidden;}
div.wrap.main:before{content:''; display:block; width:42rem; height:42rem; background:url("/fro_end/img/main_bg_earth.png")center/contain no-repeat; position:absolute; right:-2%; top:37rem; z-index:0;}
div.wrap.main > section{margin-bottom:8rem;}
div.wrap.main > section div.sect-tit{text-align:center; margin-bottom:2rem;}
div.wrap.main > section div.sect-tit p.eng{font-family:'Montserrat_R', 'NanumNeo_R', sans-serif; color:var(--color-main01); letter-spacing:2px; margin-left:-2px; margin-bottom:0.25rem;}
div.wrap.main > section div.sect-tit p.eng span.eng-b{font-family:'Montserrat_EB', 'NanumNeo_EB', sans-serif;}
div.wrap.main > section div.sect-tit p.kor{font-size:2.125rem; font-family:'NanumNeo_R',sans-serif;}
div.wrap.main > section div.sect-tit p.kor span.kor-b{font-family:'NanumNeo_EB',sans-serif;}

/* main banner */
div.main section.main-banner{position:relative; margin-bottom:7rem;}
div.main section.main-banner div.banner-slider{width:100%; height:28.5rem; overflow:hidden;}
div.main section.main-banner div.banner-slider div.slick-list{width:100%; height:100%;}
div.main section.main-banner div.banner-slider div.slick-list div.slick-track{width:100%; height:100%;}
div.main section.main-banner div.banner-slider div.slider{width:100%; height:100%;}
div.main section.main-banner div.banner-slider div.slider a{display:block; width:100%; height:100%;}
div.main section.main-banner div.banner-slider div.slider img{display:block; width:100%; height:100%; object-fit:cover;}
div.main section.main-banner div.banner-slider-arrow{background:#fff; display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:-2rem; left:50%; transform:translateX(-50%); z-index:1; height:4.5rem; padding:0 1.25rem; border-radius:50px; box-shadow:0 8px 30px rgba(0,0,0,0.1);}
div.main section.main-banner div.banner-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#333 url("/fro_end/img/ico_arrow_wh.svg")center/50% auto no-repeat; border-radius:50%;}
div.main section.main-banner div.banner-slider-arrow a.arrow.prev{transform:scaleX(-1);}
div.main section.main-banner div.banner-slider-arrow div.slider-count{margin:0 2rem; display:flex; align-items:center; gap:1rem;}
div.main section.main-banner div.banner-slider-arrow div.slider-count span.current{font-family:'NanumNeo_EB',sans-serif;}
div.main section.main-banner div.banner-slider-arrow div.slider-count span.bar{display:inline-block; width:2rem; height:1px; background:#ddd;}
div.main section.main-banner div.banner-slider-arrow div.slider-count span.all{color:#999999;}

/* main button */
div.main section.main-button{width:75%; margin:0 auto; margin-bottom:10rem; position:relative; z-index:2;}
/* div.main section.main-button ul.button-list{display:flex; align-items:center; justify-content:space-between;} */
div.main section.main-button ul.button-list li{text-align:center;}
div.main section.main-button ul.button-list li a{transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-button ul.button-list li a div.bl-ico{width:5rem; height:5rem; background:#fff; border-radius:1rem; box-shadow:0 10px 28px rgba(0,0,0,0.1); transition:0.4s; -webkit-transition:0.4s; position:relative; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
div.main section.main-button ul.button-list li a div.bl-ico:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
div.main section.main-button ul.button-list li a div.bl-txt{font-family:'NanumNeo_B',sans-serif;}
div.main section.main-button ul.button-list li.bl01 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico01.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl02 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico02.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl03 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico03.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl04 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico04.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl05 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico05.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl06 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico06.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl07 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico07.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl08 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico08.png")center/40% auto no-repeat;}
div.main section.main-button ul.button-list li.bl09 a div.bl-ico:after{background:url("/fro_end/img/main_button_ico09.png")center/40% auto no-repeat;}
div.main section.main-button div.button-slider-wrap {overflow: hidden;}
div.main section.main-button ul.button-list {margin: 0; padding: 0; list-style: none;}
div.main section.main-button ul.button-list li {box-sizing: border-box;}
div.main section.main-button ul.button-list li a {display: block;}
div.main section.main-button div.button-slider-arrow {display: flex; justify-content: flex-end; margin-bottom: 3rem;}
div.main section.main-button div.button-slider-arrow a.arrow{width: 2.5rem; height: 2.5rem; background: #fff url(/fro_end/img/ico_arrow.svg) center / 40% auto no-repeat; border-radius: 50%; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
div.main section.main-button div.button-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right: 0.5rem;}
@media(hover:hover){
	div.main section.main-button ul.button-list li a:hover{transform:translateY(-0.8rem);}
	div.main section.main-button ul.button-list li a:hover div.bl-ico{background:linear-gradient(0deg, rgba(0,101,179,1) 0%, rgba(22,137,225,1) 100%); box-shadow:0 18px 40px var(--color-main01-20);}
	div.main section.main-button ul.button-list li.bl01 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico01_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl02 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico02.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl03 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico03_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl04 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico04_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl05 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico05_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl06 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico06_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl07 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico07_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl08 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico08_active.png")center/40% auto no-repeat;}
	div.main section.main-button ul.button-list li.bl09 a:hover div.bl-ico:after{background:url("/fro_end/img/main_button_ico09_active.png")center/40% auto no-repeat;}
}


/* main course */
div.main section.main-course{}
div.main section.main-course div.tab-wrap{}
div.main section.main-course div.tab-wrap ul.tab-list{display:flex; align-items:center; gap:3rem; justify-content:center; margin-bottom:3rem; flex-wrap:wrap;}
div.main section.main-course div.tab-wrap ul.tab-list li{font-size:1.125rem; color:#777; position:relative;}
div.main section.main-course div.tab-wrap ul.tab-list li:before{content:''; display:block; width:6px; height:6px; background:var(--color-main01); border-radius:50%; position:absolute; top:0; left:50%; opacity:0; transform:translateX(-50%); transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-course div.tab-wrap ul.tab-list li:after{content:''; display:block; width:1px; height:80%; background:#ccc; position:absolute; top:10%; right:-1.5rem; transform:rotate(30deg);}
div.main section.main-course div.tab-wrap ul.tab-list li:last-child:after{display:none;}
div.main section.main-course div.tab-wrap ul.tab-list li a{}
div.main section.main-course div.tab-wrap ul.tab-list li.on{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01);}
div.main section.main-course div.tab-wrap ul.tab-list li.on:before{top:-0.8rem; opacity:1;}
div.main section.main-course div.course-slider{}
div.main section.main-course div.course-slider div.slick-list{padding:2rem 0 3rem 0; width:100%;}
div.main section.main-course div.course-slider div.slick-list div.slick-track{width:100%;}
div.main section.main-course div.course-slider div.slider{width:349px; background:#fff; border:1px solid #ddd; border-radius:1rem; margin:0 1rem; overflow:hidden; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-course div.course-slider div.slider a{display:block; width:100%; height:100%;}
div.main section.main-course div.course-slider div.slider a div.thumb{width:100%; height:15rem;}
div.main section.main-course div.course-slider div.slider a div.thumb img{width:100%; height:100%; object-fit:cover;}
div.main section.main-course div.course-slider div.slider a div.infor{padding:1.25rem;}
div.main section.main-course div.course-slider div.slider a div.infor div.label{margin-bottom:0.65rem;}
div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab{font-size:0.85rem; padding:5px 8px; border-radius:5px; background:#eee;}
div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab.lab01{/*국비지원교육*/ color:var(--color-main01); background:var(--color-main01-10);}
div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab.lab02{/*K-디지털 트레이닝*/ color:var(--color-main02); background:var(--color-main02-10);}
div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab.lab03{/*온라인교육*/ color:var(--color-main03); background:var(--color-main03-10);}
div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab.lab04{/*주말·야간교육*/ color:#333; background:#eee;}
div.main section.main-course div.course-slider div.slider a div.infor div.name{font-family:'NanumNeo_EB',sans-serif; height:3.25rem; font-size:1.125rem; margin-bottom:2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
div.main section.main-course div.course-slider div.slider a div.infor div.inf{font-family:'NanumNeo_B',sans-serif; color:#a8a9ad; font-size:0.85rem;}
div.main section.main-course div.course-slider div.slider a div.infor div.inf p{position:relative; padding-left:1.5em; margin-top:0.15rem;}
div.main section.main-course div.course-slider div.slider a div.infor div.inf p:before{content:''; display:block; width:1em; height:1em; position:absolute; top:3px; left:0; opacity:.45;}
div.main section.main-course div.course-slider div.slider a div.infor div.inf p.date:before{background:url("/fro_end/img/main_course_date.svg")center/contain no-repeat;}
div.main section.main-course div.course-slider div.slider a div.infor div.inf p.max:before{background:url("/fro_end/img/main_course_max.svg")center/contain no-repeat;}
div.main section.main-course div.course-slider div.slider.empty{width:100%; height:18rem; background:url("/fro_end/img/main_course_empty.png")center/contain no-repeat; border:none; text-align:center; position:relative;}
div.main section.main-course div.course-slider div.slider.empty span{width:50%; position:absolute; top:37%; left:54%; transform:translate(-50%, -50%) rotate(6deg); word-break:keep-all; font-size:1.125rem; color:rgba(0,0,0,0.7); line-height:1.8;}
div.main section.main-course div.course-slider-arrow{display:none; justify-content:flex-end; position:relative; z-index:2;}
div.main section.main-course div.course-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#fff url(/fro_end/img/ico_arrow.svg) center / 40% auto no-repeat; border-radius:50%; box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
div.main section.main-course div.course-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right:0.5rem;}
div.main section.main-course div.course-slider-arrow a.btn-more {margin-left:2rem; width:2.5rem; height:2.5rem; background:var(--color-main01) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat; border-radius:50%; transition:0.4s; -webkit-transition:0.4s;}
@media(hover:hover){
	div.main section.main-course div.course-slider div.slider:not(.empty):hover{box-shadow:0 30px 40px rgba(0,0,0,0.1); transform:translateY(-0.8rem);}
}


/* main stats */
div.main section.main-stats{margin-bottom:0;}
div.main section.main-stats div.sect-tit{}
div.main section.main-stats div.sect-tit p.eng{color:#a8a9ad;}
div.main section.main-stats div.stats-wrap{display:flex; align-items:center; justify-content:center; gap:5rem; padding:3rem 0;}
div.main section.main-stats div.stats-wrap div.stats{}
div.main section.main-stats div.stats-wrap div.stats div.cir-tit{width:10rem; height:10rem; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; margin:0 auto;}
div.main section.main-stats div.stats-wrap div.stats div.cir-tit div.ico{width:2.5rem; height:2.5rem;}
div.main section.main-stats div.stats-wrap div.stats div.cir-tit div.ico img{width:100%; height:100%; object-fit:contain;}
div.main section.main-stats div.stats-wrap div.stats div.cir-tit div.txt{font-size:1.25rem; font-family:'NanumNeo_B',sans-serif;}
div.main section.main-stats div.stats-wrap div.stats div.bot-txt{font-size:1.5rem; text-align:center; margin-top:1.5rem; letter-spacing:1px; margin-left:-1px;}
div.main section.main-stats div.stats-wrap div.stats div.bot-txt span.num{font-size:2.5rem; font-family:'NanumNeo_H',sans-serif;}
div.main section.main-stats div.stats-wrap div.stats01 div.cir-tit{background:var(--color-main01-10); box-shadow:0 0 0 1rem var(--color-main01-5);}
div.main section.main-stats div.stats-wrap div.stats02 div.cir-tit{background:var(--color-main02-10); box-shadow:0 0 0 1rem var(--color-main02-5);}
div.main section.main-stats div.stats-wrap div.stats03 div.cir-tit{background:var(--color-main03-10); box-shadow:0 0 0 1rem var(--color-main03-5);}
div.main section.main-stats div.stats-wrap div.stats01 div.bot-txt span.num{color:var(--color-main01);}
div.main section.main-stats div.stats-wrap div.stats02 div.bot-txt span.num{color:var(--color-main02);}
div.main section.main-stats div.stats-wrap div.stats03 div.bot-txt span.num{color:var(--color-main03);}
div.main section.main-stats div.stats-wrap div.dots{margin-bottom:5rem;}
div.main section.main-stats div.stats-wrap div.dots span{display:inline-block; width:8px; height:8px; background:#eee; border-radius:50%; margin:0 0.25rem;}
div.main section.main-stats div.stats-wrap div.dots span:nth-child(2){background:#bbb;}
div.main section.main-stats div.stats-wrap div.dots span:nth-child(3){background:#aaa;}
div.main section.main-stats div.iibi-txt-flow{font-size:5rem; font-family:'Montserrat_EB', 'NanumNeo_EB', sans-serif; text-wrap:nowrap; opacity:.2; color:#ddd; margin-top:3rem; animation:txtFlow linear 15s infinite;}
div.main section.main-stats div.iibi-txt-flow span.colorgray{color:#a8a9ad;}
@keyframes txtFlow{
	0%{transform:translateX(2%);}
	100%{transform:translateX(-50%);}	
}


/* main notice */
div.main section.main-notice{margin-bottom:0; padding-bottom:5rem; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(232,242,249,1) 100%);}
div.main section.main-notice div.sect-tit{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:0;}
div.main section.main-notice div.sect-tit div.left{text-align:left;}
div.main section.main-notice div.sect-tit div.right{display:flex; gap:2rem;}
div.main section.main-notice div.sect-tit div.right div.notice-slider-arrow{}
div.main section.main-notice div.sect-tit div.right div.notice-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#fff url("/fro_end/img/ico_arrow.svg")center/40% auto no-repeat; border-radius:50%; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
div.main section.main-notice div.sect-tit div.right div.notice-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right:0.5rem;}
div.main section.main-notice div.sect-tit div.right a.btn-more{width:2.5rem; height:2.5rem; background:var(--color-main01) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat; border-radius:50%; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-notice div.notice-slider{}
div.main section.main-notice div.notice-slider div.slick-list{padding:3rem 0;}
div.main section.main-notice div.notice-slider div.slider{background:#fff; border:2px solid #ddd; border-radius:1.2rem; margin:0 0.65rem; transition:0.4s; -webkit-tarnsition:0.4s;}
div.main section.main-notice div.notice-slider div.slider a{display:block; width:100%; height:100%; padding:1.6rem;}
div.main section.main-notice div.notice-slider div.slider a div.inf{display:flex; justify-content:space-between; align-items:center; margin-bottom:0.8rem;}
div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-date{font-size:0.9rem; border-bottom:1px solid #a8a9ad;}
div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-main{display:inline-block; width:auto; padding:0.25rem 0.6rem; background:var(--color-main01); border-radius:50px; font-size:0.825rem; color:#fff; box-shadow:0 5px 20px var(--color-main01-20); font-family:'NanumNeo_EB',sans-serif;}
div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-new{display:inline-block; width:23px; height:23px; text-align:center; line-height:23px; border-radius:50%; font-size:12px; background:var(--color-main03); color:#fff; font-family:'NanumNeo_H',sans-serif; box-shadow:0 5px 20px var(--color-main03-20);}
div.main section.main-notice div.notice-slider div.slider a div.tit{margin-bottom:2.5rem; height:3.2rem; font-size:1.12rem; font-family:'NanumNeo_EB',sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
div.main section.main-notice div.notice-slider div.slider a div.txt{height:6rem; color:#a8a9ad; font-size:0.9rem; line-height:1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
@media(hover:hover){
	div.main section.main-notice div.sect-tit div.right a.btn-more:hover{background:var(--color-main02) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat;}
	div.main section.main-notice div.notice-slider div.slider:hover{border-color:var(--color-main01); box-shadow:0 30px 40px rgba(0,0,0,0.1); transform:translateY(-0.8rem);}
}


/* main center */
div.main section.main-center{padding:4rem 0;}
div.main section.main-center div.inner{display:flex; justify-content:space-between;}
div.main section.main-center div.left{width:48%; position:relative;}
div.main section.main-center div.left div.gallery-slider{}
div.main section.main-center div.left div.gallery-slider div.slick-list{padding:2.25rem 0;}
div.main section.main-center div.left div.gallery-slider div.slider{width:100%; height:28rem; border-radius:2rem; overflow:hidden;} 
div.main section.main-center div.left div.gallery-slider div.slider div.thumb{width:100%; height:100%;}
div.main section.main-center div.left div.gallery-slider div.slider div.thumb a{display:block; width:100%; height:100%;}
div.main section.main-center div.left div.gallery-slider div.slider div.thumb a img{display:block; width:100%; height:100%; object-fit:cover;}
div.main section.main-center div.left div.gallery-slider div.slider div.tit{display:none;}
div.main section.main-center div.left div.gallery-slider-arrow{display:flex; align-items:center; justify-content:space-between; padding:0 1.25rem; position:absolute; width:70%; height:4.5rem; background:#fff; border-radius:50px; left:50%; bottom:0; transform:translateX(-50%); box-shadow:0 30px 40px rgba(0,0,0,0.1); z-index:1;}
div.main section.main-center div.left div.gallery-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#333 url("/fro_end/img/ico_arrow_wh.svg")center/40% auto no-repeat; border-radius:50%;}
div.main section.main-center div.left div.gallery-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right:0.5rem;}
div.main section.main-center div.left div.gallery-slider-arrow div.gallery-slider-tit{text-align:center; width:80%; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
div.main section.main-center div.right{width:45%; padding:2.25rem 0;}
div.main section.main-center div.right ul.facility-list{display:flex; flex-wrap:wrap; gap:1rem 0; justify-content:space-between;}
div.main section.main-center div.right ul.facility-list li{width:49%; height:13.35rem;}
div.main section.main-center div.right ul.facility-list li div.sect-tit{height:100%; text-align:left; display:flex; flex-direction:column; justify-content:space-between;}
div.main section.main-center div.right ul.facility-list li div.sect-tit div.top p.eng{color:#a8a9ad;}
div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more{padding:0.6rem 6rem 0.6rem 1.2rem; border-radius:50px; border:2px solid #ddd; margin-bottom:1rem; position:relative; overflow:hidden; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more:before{content:''; display:block; width:100%; height:100%; background:#333; position:absolute; top:0; left:-100%; border-radius:50%; transition:0.4s; -webkit-transition:0.4s; z-index:1;}
div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more:after{content:''; display:block; width:2rem; height:2rem; border-radius:50%; background:url("/fro_end/img/ico_arrow.svg")center/52% no-repeat; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); z-index:2;}
div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more span{position:relative; z-index:2;}
div.main section.main-center div.right ul.facility-list li div.img{border-radius:1rem; overflow:hidden; width:100%; height:100%;}
div.main section.main-center div.right ul.facility-list li div.img img{display:block; width:100%; height:100%; object-fit:cover;}
@media(hover:hover){
	div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more:hover{color:#fff; border-color:#333;}
	div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more:hover:before{left:0; border-radius:5px;}
	div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more:hover:after{background:#fff url("/fro_end/img/ico_arrow.svg")center/54% no-repeat;}
}


/* main stroy */
div.main section.main-story{margin-top: 4rem;}
div.main section.main-story div.sect-tit{}
div.main section.main-story div.sect-tit p.eng{color:var(--color-main03);}
div.main section.main-story div.story-slider{width:100%; margin:0 auto;}
div.main section.main-story div.story-slider div.slick-list{padding:2.25rem 5rem;}
div.main section.main-story div.story-slider div.slider{position:relative; margin:0 1.25rem; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-story div.story-slider div.slider a{display:block; width:100%; height:100%;}
div.main section.main-story div.story-slider div.slider a span.menu{display:inline-block; padding:0.25rem 0.5rem; z-index:1; border-radius:50px; color:#fff; font-family:'NanumNeo_EB',sans-serif; font-size:0.9rem; position:absolute; top:1rem; left:1rem;}
div.main section.main-story div.story-slider div.slider a span.menu.menu01{background:var(--color-main03);}
div.main section.main-story div.story-slider div.slider a span.menu.menu02{background:var(--color-main02);}
div.main section.main-story div.story-slider div.slider a span.menu.menu03{background:var(--color-main01);}
div.main section.main-story div.story-slider div.slider a div.thumb{height:18rem; border-radius:1rem; overflow:hidden; background:#000;transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-story div.story-slider div.slider a div.thumb img{display:block; width:100%; height:100%; object-fit:cover; opacity:.9; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-story div.story-slider div.slider a p.tit{font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; margin:0.8rem 1rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:1;} 
div.main section.main-story div.story-more{margin-top:4rem;}
div.main section.main-story div.story-more ul.btn-list{display:flex; align-items:center; justify-content:space-between;}
div.main section.main-story div.story-more ul.btn-list li{width:32%; border-radius:1rem; border:2px solid #ddd; background:#fff; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-story div.story-more ul.btn-list li a{display:block; width:100%; height:100%; padding:2.5rem 2rem; padding-left:8.5rem; position:relative;}
div.main section.main-story div.story-more ul.btn-list li a:before{content:''; display:block; width:5rem; height:5rem; background:#333; border-radius:50%; position:absolute; top:50%; left:2rem; transform:translateY(-50%);}
div.main section.main-story div.story-more ul.btn-list li a p.txt01{font-family:'NanumNeo_EB',sans-serif; word-break:keep-all;}
div.main section.main-story div.story-more ul.btn-list li a p.txt02{font-size:1.25rem; margin-top:0.3rem;}
div.main section.main-story div.story-more ul.btn-list li.bl01 a:before{background:var(--color-main03) url("/fro_end/img/main_story_ico01.svg")center/40% auto no-repeat;}
div.main section.main-story div.story-more ul.btn-list li.bl02 a:before{background:var(--color-main02) url("/fro_end/img/main_story_ico02.svg")center/40% auto no-repeat;}
div.main section.main-story div.story-more ul.btn-list li.bl03 a:before{background:var(--color-main01) url("/fro_end/img/main_story_ico03.svg")center/40% auto no-repeat;}
div.main section.main-story div.story-more ul.btn-list li.bl01 a p.txt01{color:var(--color-main03);}
div.main section.main-story div.story-more ul.btn-list li.bl02 a p.txt01{color:var(--color-main02);}
div.main section.main-story div.story-more ul.btn-list li.bl03 a p.txt01{color:var(--color-main01);}
div.main section.main-story div.story-slider-arrow{display:flex; justify-content:flex-end;}
div.main section.main-story div.story-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#fff url("/fro_end/img/ico_arrow.svg") center / 40% auto no-repeat; border-radius:50%; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
div.main section.main-story div.story-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right:0.5rem;}
div.main section.main-story div.story-slider-arrow a.btn-more {margin-left:2rem; width:2.5rem; height:2.5rem; background:var(--color-main01) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat; border-radius:50%; transition:0.4s; -webkit-transition:0.4s;}
@media(hover:hover){
	div.main section.main-story div.story-slider div.slider:hover{transform:translateY(-1rem);}
	div.main section.main-story div.story-slider div.slider:hover a div.thumb{box-shadow:0 30px 40px rgba(0,0,0,0.1);}
	div.main section.main-story div.story-slider div.slider:hover a div.thumb img{opacity:.4;}
	/* div.main section.main-story div.story-slider div.slider:hover a p.tit{color:#fff; margin-top:-3.5rem;} */

	div.main section.main-story div.story-more ul.btn-list li:hover{transform:translateY(-0.8rem); box-shadow:0 20px 30px rgba(0,0,0,0.1);}
	div.main section.main-story div.story-more ul.btn-list li.bl01:hover{border-color:var(--color-main03);}
	div.main section.main-story div.story-more ul.btn-list li.bl02:hover{border-color:var(--color-main02);}
	div.main section.main-story div.story-more ul.btn-list li.bl03:hover{border-color:var(--color-main01);}

}


/* main video */
div.main section.main-video{position:relative; width:100%; height:auto; padding:4rem 0;}
div.main section.main-video:before{content:''; display:block; width:100%; height:70%; background:linear-gradient(180deg, rgba(14,75,140,1) 0%, rgba(0,101,179,1) 100%); position:absolute; top:0; left:0; z-index:1;}
div.main section.main-video:after{content:''; display:block; width:100%; height:70%; background:url("/fro_end/img/main_video_bg.jpg")center/cover no-repeat; opacity:.03; position:absolute; top:0; left:0;  z-index:1;}
div.main section.main-video div.inner{position:relative; z-index:2;}
div.main section.main-video div.inner div.sect-tit{margin-bottom:5rem;}
div.main section.main-video div.inner div.sect-tit p.eng{color:#fff; opacity:.8; word-break:keep-all;}
div.main section.main-video div.inner div.sect-tit p.kor{color:#fff; word-break:keep-all;}
div.main section.main-video div.inner div.video-wrap{display:flex; justify-content:space-around;}
div.main section.main-video div.inner div.video-wrap div.youtube-iframe{width:45%; height:25rem; border-radius:1rem; overflow:hidden;}
div.main section.main-video div.inner div.video-wrap div.youtube-iframe iframe{width:100%; height:100%;}


/* main community */
div.main section.main-community{position:relative;}
div.main section.main-community:before{content:''; display:block; width:60%; background:#ecf4f9; height:80%; border-radius:3rem 0 0 0; position:absolute; bottom:0; right:0; z-index:1;}
/* div.main section.main-community:after{content:'수강생 공모전 수상작'; display:block; font-size:6.5rem; font-family:'NanumNeo_H',sans-serif; color:var(--color-main01); opacity:.1; position:absolute; bottom:-3rem; left:37%; z-index:2; white-space: nowrap;} */
div.main section.main-community div.inner{display:flex; justify-content:space-between; position:relative; z-index:3;}
div.main section.main-community div.inner div.left{width:45%;}
div.main section.main-community div.inner div.left div.sect-tit{text-align:left;}
div.main section.main-community div.inner div.left div.sect-tit p.eng{color:var(--color-main02);}
div.main section.main-community div.inner div.left div.sect-tit p.kor{}
div.main section.main-community div.inner div.left ul.sns-list{}
div.main section.main-community div.inner div.left ul.sns-list li{margin-bottom:2rem;}
div.main section.main-community div.inner div.left ul.sns-list li a{display:flex; align-items:center; gap:2rem; width:fit-content; height:100%;}
div.main section.main-community div.inner div.left ul.sns-list li a div.ico{width:5rem; height:5rem; background:#fff; border-radius:1rem; box-shadow:0 10px 28px rgba(0,0,0,0.1); position:relative;}
div.main section.main-community div.inner div.left ul.sns-list li a div.ico img{display:block; width:50%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
div.main section.main-community div.inner div.left ul.sns-list li a div.txt{}
div.main section.main-community div.inner div.left ul.sns-list li a div.txt p.txt01{font-family:'NanumNeo_B',sans-serif; font-size:1.25rem;}
div.main section.main-community div.inner div.left ul.sns-list li a div.txt p.txt02{font-size:0.85rem; color:#a8a9ad; margin-top:0.35rem;}
div.main section.main-community div.inner div.left ul.sns-list li.instagram a div.ico img{width:61%;}
div.main section.main-community div.inner div.left ul.sns-list li.naverblog a div.ico img{width:42%;}
div.main section.main-community div.inner div.left ul.sns-list li.kakaostory a div.ico img{width:38%;}
div.main section.main-community div.inner div.right{width:48%;}
div.main section.main-community div.inner div.right div.news-slider{}
div.main section.main-community div.inner div.right div.news-slider div.slider{margin:0 0.5rem;}
div.main section.main-community div.inner div.right div.news-slider div.slider a{display:block; width:100%; height:100%;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb{width:100%; height:17rem; margin-bottom:1rem; position:relative;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb:after{content:''; display:block; width:3rem; height:3rem; border-radius:50%; border:5px solid #ecf4f9; background:var(--color-main02) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat; position:absolute; right:-4px; bottom:-4px; transform:scale(0); transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb img{display:block; width:100%; height:100%; object-fit:cover; border-radius:1.2rem;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt{width:100%;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt p.tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.125rem; margin-bottom:0.8rem; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf{display:flex; gap:1.5rem; align-items:center;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf li{font-size:0.85rem; color:#a8a9ad; position:relative;}
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf li:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:-0.75rem; }
div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf li:last-child:after{display:none;}
div.main section.main-community div.inner div.right div.news-slider-arrow{display:flex; justify-content:flex-end; margin-top:3rem;}
div.main section.main-community div.inner div.right div.news-slider-arrow a.arrow{width:2.5rem; height:2.5rem; background:#fff url("/fro_end/img/ico_arrow.svg")center/40% auto no-repeat; border-radius:50%; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
div.main section.main-community div.inner div.right div.news-slider-arrow a.arrow.prev{transform:scaleX(-1); margin-right:0.5rem;}
div.main section.main-community div.inner div.right div.news-slider-arrow a.btn-more{margin-left:2rem; width:2.5rem; height:2.5rem; background:var(--color-main01) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat; border-radius:50%; transition:0.4s; -webkit-transition:0.4s;}
@media(hover:hover){
	div.main section.main-community div.inner div.right div.news-slider div.slider:hover a div.thumb:after{transform:scale(1);}
	div.main section.main-community div.inner div.right div.news-slider-arrow a.btn-more:hover{background:var(--color-main02) url("/fro_end/img/ico_plus_wh.svg")center/32% auto no-repeat;}
}

/* main familysite */
div.main section.main-familysite {background-color:#fff;}
div.main section.main-familysite div.inner ul.family-site {display:flex; align-item:center; justify-content:space-between; padding:3rem; gap:1.8rem;}
div.main section.main-familysite div.inner ul.family-site li {width:16%;}
div.main section.main-familysite div.inner ul.family-site li a img {display:block; width:100%;}


/* main inquiry */
div.main section.main-inquiry{position:relative; margin-bottom:0 !important;}
div.main section.main-inquiry:before{content:''; display:block; width:40%; height:100%; position:absolute; bottom:0; left:0; background:#f5f5f5; border-radius:0 1.5rem 0 0; z-index:1;}
div.main section.main-inquiry div.inner{display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2;}
div.main section.main-inquiry div.inner div.left{width:38%; display:flex; align-items:center; justify-content:space-between; padding:3rem; padding-left:0 !important;}
div.main section.main-inquiry div.inner div.left div.sect-tit{margin-bottom:0;}
div.main section.main-inquiry div.inner div.left div.sect-tit p.kor{font-size:1.65rem;}
div.main section.main-inquiry div.inner div.left a.btn-inquiry{font-size:1.125rem; padding:0.9rem 1.6rem; background:#fff; border:1px solid #ddd; border-radius:0.5rem; position:relative; padding-left:3.8rem; transition:0.4s; -webkit-transition:0.4s;}
div.main section.main-inquiry div.inner div.left a.btn-inquiry:before{content:''; display:block; width:1.2em; height:1.2em; background:url("/fro_end/img/main_inquiry_ico.svg")center/contain no-repeat; position:absolute; top:50%; left:1.5rem; transform:translateY(-50%);}
div.main section.main-inquiry div.inner div.right{width:60%; padding-left:2.25rem;}
div.main section.main-inquiry div.inner div.right div.tel-wrap{}
div.main section.main-inquiry div.inner div.right div.tel-wrap p.tel{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01); font-size:2rem; margin-bottom:1rem;}
div.main section.main-inquiry div.inner div.right div.tel-wrap p.tel span.num{margin-left:0.5rem;}
div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact{display:flex; gap:3rem; align-items:center; flex-wrap:wrap;}
div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li{font-size:1.125rem;}
div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li span.lab{font-family:'NanumNeo_EB',sans-serif; margin-right:0.5rem; padding-right:0.65rem; position:relative;} 
div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li span.lab:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:0;}
@media(hover:hover){
	div.main section.main-inquiry div.inner div.left a.btn-inquiry:hover{box-shadow:0 10px 20px rgba(0,0,0,0.2); transform:translateY(-0.4rem);}
}



/****** 반응형 ******/
@media screen and (max-width:1600px){
	
	/* main course */
	div.main section.main-course div.course-slider div.slider{margin:0 0.5rem;}
	div.main section.main-course div.course-slider div.slick-list{padding:2rem 0;}
	div.main section.main-course div.course-slider div.slider a div.thumb{height:13rem;}
	div.main section.main-course div.course-slider div.slider a div.infor{padding:1rem;}

	/* main notice */
	div.main section.main-notice div.notice-slider div.slick-list{padding:2rem 0;}
	div.main section.main-notice div.notice-slider div.slider a{padding:1.4rem;}
	div.main section.main-notice div.notice-slider div.slider a div.tit{margin-bottom:1.8rem;}

	/* main story */
	div.main section.main-story div.story-slider div.slider{margin:0 0.8rem;}
	div.main section.main-story div.story-slider div.slider a div.thumb{height:16rem;}
	div.main section.main-story div.story-slider div.slider a p.tit{font-size:1rem; padding:0.5rem;}

	/* main video */
	div.main section.main-video div.inner div.video-wrap div.youtube-iframe{height:22.5rem;}

	/* main community */
	div.main section.main-community div.inner div.left ul.sns-list li{margin-bottom:1.5rem;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb{height:15rem;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt p.tit{font-size:1rem;}

	/* main familysite */
	div.main section.main-familysite .w1600 {width:90%}

	/* main inquiry */
	div.main section.main-inquiry div.inner div.left a.btn-inquiry{font-size:1rem; padding:0.8rem 1.25rem; padding-left:3rem;}
	div.main section.main-inquiry div.inner div.left a.btn-inquiry:before{left:1.25rem;}

}

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

	:root{
		--width-logo:16rem;
		--height-header:5.5rem;
	}
	
	/* header */
	header.header{padding:0 2rem;}

	/* main */
	div.wrap.main:before{width:32rem; height:32rem; top:40rem;}

	/* main banner */
	div.main section.main-banner div.banner-slider{height:23rem;}

	/* main button */
	div.main section.main-button{width:80%; margin-bottom:7rem;}

	/* main course */
	div.main section.main-course div.course-slider div.slider a div.thumb{height:11rem;}
	div.main section.main-course div.course-slider div.slider a div.infor div.label span.lab{font-size:0.8rem;}
	div.main section.main-course div.course-slider div.slider a div.infor div.name{height:3rem; font-size:1rem; margin-bottom:1rem;}
	div.main section.main-course div.course-slider div.slider a div.infor div.inf p{font-size:0.85rem;}

	/* main community */
	div.main section.main-community:after {font-size: 5.5rem;}
}

@media screen and (max-width:1280px){
	
	:root{
		--width-logo:13rem;
		--height-banner:4.6rem;
	}

	/* header */
	header.header{padding:0 1rem;}
	header.header > div{width:auto;}
	header.header div.left div.qlink{font-size:0.85rem;}
	header.header div.left div.qlink div.show a{padding:0.3rem 0.8rem; padding-right:1.8rem;}
	header.header div.gnb ul.depth01 li.menu{width:6rem; font-size:1.05rem;}
	header.header div.right ul.mlist{gap:1.2rem;}
	
	/* 전체메뉴 */
	div.sitemap div.sitemap-box{width:90%;}
	div.sitemap div.sitemap-box div.gnb ul.depth{gap:1rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{font-size:1.3rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a span.num{width:1.6rem; height:1.6rem; line-height:1.6rem; font-size:0.6em;}

	/* main banner */
	div.main section.main-banner div.banner-slider-arrow{height:4rem; padding:0 1rem;}
	
	/* main center */
	div.main section.main-center div.left div.gallery-slider-arrow{width:90%;}

	/* main video */
	div.main section.main-video div.inner div.sect-tit{margin-bottom:3rem;}
	div.main section.main-video div.inner div.video-wrap div.youtube-iframe{height:18.25rem;}

	/* main story */
	div.main section.main-story div.story-slider div.slider a div.thumb{height:14rem;}
	div.main section.main-story div.story-more ul.btn-list li a{padding:2rem; padding-left:7.5rem;}
	div.main section.main-story div.story-more ul.btn-list li a:before{width:4.5rem; height:4.5rem; left:1.5rem;}

	/* main community */
	div.main section.main-community div.inner div.left{width:45%;}
	div.main section.main-community div.inner div.left ul.sns-list li a div.ico{width:4.5rem; height:4.5rem;}
	div.main section.main-community div.inner div.right{width:55%;}
	div.main section.main-community:after {font-size: 5rem;}
	
	/* main inquiry */
	div.main section.main-inquiry div.inner div.left{padding:3rem 1.5rem;}
	div.main section.main-inquiry div.inner div.left div.sect-tit p.kor{font-size:1.35rem;}
	div.main section.main-inquiry div.inner div.right{padding-left:2rem;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap p.tel{font-size:1.8rem;}

	/* footer */
	footer.footer{font-size:0.9rem;}
	footer.footer div.inner div.mid ul.f-info > li{margin-bottom:0.4rem;}

}

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

	/* header */
	header.header div.gnb{display:none;}

	/* 전체메뉴 */
	div.sitemap div.sitemap-box{width:100%; height:100%; box-shadow:none; border-radius:0; background:#333; border:0;}
	div.sitemap div.sitemap-box a.logo{display:block; position:absolute; top:1rem; left:1rem;}
	div.sitemap div.sitemap-box a.btn-close{border-radius:0; top:0; right:0; box-shadow:none; background:#555;}
	div.sitemap div.sitemap-box div.gnb{width:100%; height:100%; max-height:unset; background:#fff; padding:0; display:block; margin-top:4rem; position:relative;}
	div.sitemap div.sitemap-box div.gnb ul.depth{display:block;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu{width:100%;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p{width:30%; padding:0; border:0;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{padding:0.8rem; margin:1rem; border:1px solid #ddd; background:#fff; border-radius:0.65rem; transition:0.3s; -webkit-transition:0.3s;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02{position:absolute; top:0; right:0; width:70%; height:100%; background:#f5f5f5; display:none;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li{border:none; margin:1rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li a{padding:1rem; background:#fff; font-family:'NanumNeo_B',sans-serif; border-radius:0.5rem; border:1px solid #eee;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on > p a{background:var(--color-main01); color:#fff; border-color:var(--color-main01); box-shadow:0 8px 20px rgba(0,0,0,0.15);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(2) > p a{background:var(--color-main02); color:#fff; border-color:var(--color-main02);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(3) > p a{background:var(--color-main03); color:#fff; border-color:var(--color-main03);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(4) > p a{background:var(--color-main04); color:#fff; border-color:var(--color-main04);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on > p a span.num{background:#fff; color:var(--color-main01);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(2) > p a span.num{color:var(--color-main02);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(3) > p a span.num{color:var(--color-main03);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on:nth-child(4) > p a span.num{color:var(--color-main04);}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu.on > ul.depth02{display:block;}

	/* main button */
	div.main section.main-button{width:85%;}
	div.main section.main-button ul.button-list li a div.bl-ico{width:4.5rem; height:4.5rem;}

	/* main course */
	div.main section.main-course div.course-slider div.slider a div.thumb{height:15rem;}
	div.main section.main-course div.course-slider-arrow{display:flex;}

	/* main stats */
	div.main section.main-stats div.stats-wrap{gap:3rem;}
	
	/* main center */
	div.main section.main-center{padding-bottom:0;}
	div.main section.main-center div.left div.gallery-slider div.slider{height:20rem;}
	div.main section.main-center div.right ul.facility-list li{height:10rem;}
	
	/* main story */
	div.main section.main-story div.story-more ul.btn-list li a{padding:1.5rem; text-align:center;}
	div.main section.main-story div.story-more ul.btn-list li a:before{width:4rem; height:4rem; position:static; transform:none; margin:0 auto; margin-bottom:1rem;}

	/* main video */
	div.main section.main-video div.inner div.video-wrap div.youtube-iframe{width:48%; height:17rem;}

	/* community */
	div.main section.main-community:after{font-size:4rem; bottom:-2.25rem;}
	div.main section.main-community div.inner{align-items:center;}
	div.main section.main-community div.inner div.left ul.sns-list li a{gap:1rem;}
	div.main section.main-community div.inner div.left ul.sns-list li a div.ico{width:4rem; height:4rem;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb{height:13rem;}

	/* inquiry */
	div.main section.main-inquiry div.inner div.left{display:block; padding:2rem 1rem;}
	div.main section.main-inquiry div.inner div.left div.sect-tit{text-align:left;}
	div.main section.main-inquiry div.inner div.left div.sect-tit p.kor{margin-bottom:0.5rem;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap p.tel{font-size:1.5rem;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact{display:block;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li{margin-top:0.5rem; font-size:1rem;}

	/* quickmenu */
	div.quickmenu{width:16rem; height:16rem; right:-8rem; font-size:0.8rem;}
	div.quickmenu div.quick-list-wrap ul.quick-list li.ql01{top:1.8rem;}
	div.quickmenu div.quick-list-wrap ul.quick-list li.ql02{left:0;}
	div.quickmenu div.quick-list-wrap ul.quick-list li.ql03{bottom:1.8rem;}

}

@media screen and (max-width:800px){
	
	/* main */
	div.wrap.main:before{width:28rem; height:28rem; top:34rem;}
	div.wrap.main > section{margin-bottom:6rem;}
	div.wrap.main > section div.sect-tit p.kor{font-size:2rem;}
	
	/* banner*/
	div.main section.main-banner{margin-bottom:6rem;}
	div.main section.main-banner div.banner-slider{height:17rem;}
	div.main section.main-banner div.banner-slider-arrow{height:3.5rem;}
	div.main section.main-banner div.banner-slider-arrow div.slider-count{margin:0 1rem;}
	div.main section.main-banner div.banner-slider-arrow a.arrow{width:2.25rem; height:2.25rem;}

	/* button */
	div.main section.main-button{width:90%;}
	div.main section.main-button ul.button-list li a div.bl-ico{width:4rem; height:4rem;}

	/* course */
	div.main section.main-course div.tab-wrap ul.tab-list{margin-bottom:1rem;}
	div.main section.main-course div.course-slider div.slick-list{padding-bottom:0;}
	div.main section.main-course div.course-slider div.slider a div.thumb{height:11rem;}

	/* stats */
	div.main section.main-stats div.sect-tit p.kor{word-break:keep-all; width:65%; margin:0 auto;}
	div.main section.main-stats div.stats-wrap{gap:2.5rem; padding-bottom:0;}
	div.main section.main-stats div.stats-wrap div.dots span{width:6px; height:6px; margin:0 0.125rem;}
	div.main section.main-stats div.stats-wrap div.stats div.cir-tit{width:8rem; height:8rem;}
	div.main section.main-stats div.stats-wrap div.stats div.cir-tit div.ico{width:2rem; height:2rem;}
	div.main section.main-stats div.stats-wrap div.stats div.cir-tit div.txt{font-size:1.125rem;}
	div.main section.main-stats div.stats-wrap div.stats div.bot-txt span.num{font-size:2rem;}

	/* notice */	
	div.main section.main-notice div.notice-slider div.slider a{padding:1.25rem;}
	div.main section.main-notice div.notice-slider div.slider a div.tit{margin-bottom:1rem; font-size:1rem; height:3rem;}
	div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-date{font-size:0.9rem;}
	div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-main{font-size:12px;}
	div.main section.main-notice div.notice-slider div.slider a div.inf span.lab-new{width:20px; height:20px; line-height:20px; font-size:10px;}
	div.main section.main-notice div.notice-slider div.slider a div.txt{height:5rem; line-height:1.5; font-size:0.8rem;}

	/* center */
	div.main section.main-center{padding:0;}
	div.main section.main-center div.inner{display:block;}
	div.main section.main-center div.left{width:100%; margin-bottom:2rem;}
	div.main section.main-center div.left div.gallery-slider div.slider{height:24rem;}
	div.main section.main-center div.left div.gallery-slider div.slick-list{padding-top:0;}
	div.main section.main-center div.left div.gallery-slider-arrow{height:4rem; padding:0 1rem;}
	div.main section.main-center div.right{width:100%;}
	div.main section.main-center div.right ul.facility-list li{height:13rem;}

	/* story */
	div.main section.main-story div.story-slider div.slider a div.thumb{height:12rem;}
	div.main section.main-story div.story-slider div.slider a span.menu{font-size:0.8rem; top:0.5rem; left:0.5rem;}

	/* vidoe */
	div.main section.main-video{padding-bottom:0;}
	div.main section.main-video div.inner div.video-wrap div.youtube-iframe{height:13rem;}

	/* community */
	div.main section.main-community{margin-bottom:3rem;}
	div.main section.main-community:before{width:100%; height:50%;}
	div.main section.main-community:after{left:0; opacity:.06;}
	div.main section.main-community div.inner{display:block;}
	div.main section.main-community div.inner div.left{width:100%;}
	div.main section.main-community div.inner div.left div.sect-tit{text-align:center;}
	div.main section.main-community div.inner div.left ul.sns-list{display:flex;}
	div.main section.main-community div.inner div.left ul.sns-list li{margin-bottom:0; width:25%;}
	div.main section.main-community div.inner div.left ul.sns-list li a{gap:0.5rem; width:100%;}
	div.main section.main-community div.inner div.left ul.sns-list li a div.txt p.txt01{font-size:1rem;}
	div.main section.main-community div.inner div.left ul.sns-list li a div.txt p.txt02{display:none;}
	div.main section.main-community div.inner div.right{width:100%; padding:3rem 0; margin-bottom: 4rem;}
	div.main section.main-community div.inner div.right div.news-slider-arrow{margin-top:2rem;}

	/* main familysite */
	div.main section.main-familysite div.inner ul.family-site {flex-wrap: wrap;}
	div.main section.main-familysite div.inner ul.family-site li {width: calc(100% / 3);}
	
	/* footer */
	footer.footer div.inner div.top{padding-top:2rem;}
	
	/* 맨위로 */
	.btn-scroll-top.show{opacity:1; pointer-events:auto; bottom:15%;}

}

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

	:root{
		--height-header:5rem;
	}

	/* 상단고정배너 */
	div.fixed-banner div.img img{width:100%; height:100%;}
	div.fixed-banner a.btn-close{right:2%;}

	/* 전체메뉴 */
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p{width:35%;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{margin:0.8rem; font-size:1.15rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02{width:65%;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li{margin:0.8rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02 li a{padding:0.8rem;}

	div.wrap.main > section div.sect-tit p.eng{font-size:0.9rem;}
	div.wrap.main > section div.sect-tit p.kor{font-size:1.8rem;}
	
	/* banner */
	div.main section.main-banner div.banner-slider{height:14rem;}
	div.main section.main-banner div.banner-slider-arrow{height:3.2rem; padding:0 0.8rem; bottom:-1.5rem; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
	div.main section.main-banner div.banner-slider-arrow a.arrow{width:2rem; height:2rem;}
	div.main section.main-banner div.banner-slider-arrow div.slider-count{font-size:0.9rem;}
	div.main section.main-banner div.banner-slider-arrow div.slider-count span.bar{width:1.5rem;}

	/* button */
	div.main section.main-button ul.button-list{flex-wrap:wrap; gap:2rem 0; justify-content:center;}
	div.main section.main-button ul.button-list li{width:25%;}
	div.main section.main-button ul.button-list li a div.bl-ico{margin-bottom:0.6rem;}

	/* course */
	div.main section.main-course div.tab-wrap ul.tab-list{gap:1rem 2rem;}
	div.main section.main-course div.tab-wrap ul.tab-list li:after{right:-1rem;}
	div.main section.main-course div.course-slider div.slider a div.thumb{height:14rem;}

	/* stats */
	div.main section.main-stats div.stats-wrap{gap:1.5rem;}
	div.main section.main-stats div.stats-wrap div.stats div.bot-txt{font-size:1.25rem; font-size:1.3rem;}
	div.main section.main-stats div.stats-wrap div.stats div.bot-txt span.num{font-size:1.5rem;}
	div.main section.main-stats div.iibi-txt-flow{font-size:4rem;}

	/* center */
	div.main section.main-center div.left div.gallery-slider div.slider{height:21rem;}

	/* story */
	div.main section.main-story div.story-more{margin-top:2rem;}
	div.main section.main-story div.story-more ul.btn-list li a p.txt01{font-size:1.125rem;}
	div.main section.main-story div.story-more ul.btn-list li a p.txt02{display:none;}

	/* video */
	div.main section.main-video div.inner div.video-wrap div.youtube-iframe{height:10rem;}

	/* community */
	div.main section.main-community{margin-bottom:0;}
	div.main section.main-community:after {font-size: 3.5rem;}
	div.main section.main-community div.inner div.left ul.sns-list li a{flex-direction:column;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf{gap:1rem;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.txt ul.inf li:after{right:-0.5rem;}

	/* inquiry */
	div.main section.main-inquiry:before{display:none;}
	div.main section.main-inquiry div.inner{display:block; position:relative; padding:2rem 0;}
	div.main section.main-inquiry div.inner div.left{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0;}
	div.main section.main-inquiry div.inner div.left div.sect-tit{display:none;}
	div.main section.main-inquiry div.inner div.left a.btn-inquiry{position:absolute; top:50%; right:0; transform:translateY(-50%); padding:0.8rem 1rem; border-color:#333;}
	div.main section.main-inquiry div.inner div.left a.btn-inquiry:before{position:static; margin:0 auto; margin-bottom:0.5rem; transform:none;}
	div.main section.main-inquiry div.inner div.right{width:100%; padding:0; padding-right:8rem;}

	/* footer */
	footer.footer div.inner div.top div.f-logo{margin:0 auto;}
	footer.footer div.inner div.mid{padding:1.5rem 0;}
	footer.footer div.inner div.mid ul.f-info{text-align:center;}
	footer.footer div.inner div.mid ul.f-info > li > ul{gap:0.4rem 1rem; justify-content:center;}
	footer.footer div.inner div.bot{flex-direction:column-reverse; gap:0.5rem; padding:1rem 0; text-align:center;}
	
	/* quickmenu */
	div.quickmenu{width:auto; height:auto; bottom:0; right:2%; transform:none; top:unset; opacity:0; pointer-events:none; transition:0.4s; -webkit-transition:0.4s;}
	div.quickmenu a.btn-quick{width:4rem; height:4rem; border-radius:0.5rem; position:relative; transform:none; top:unset; left:unset; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
	div.quickmenu a.btn-quick span{writing-mode:initial; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	div.quickmenu div.quick-list-wrap{position:absolute; border-radius:0.5rem; width:100%; height:auto; top:-13rem; background:transparent; border-radius:0;}
	div.quickmenu div.quick-list-wrap ul.quick-list li{width:4rem; height:4rem; position:relative; top:unset !important; left:unset !important; right:unset !important ; bottom:unset !important; transform:none !important; background:var(--color-main01); border-radius:0.5rem; margin-bottom:5px; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
	div.quickmenu div.quick-list-wrap ul.quick-list li a{display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	div.quickmenu.show{bottom:21%; opacity:1; pointer-events:auto;}
	div.quickmenu.show a.btn-quick.close{border-radius:50%; background:#333 url("/fro_end/img/ico_close_wh.svg")center/40% auto no-repeat; font-size:0;}

	/* 맨위로 */
	.btn-scroll-top.show{bottom:14%;}

}

@media screen and (max-width:480px){
	
	:root{
		--height-header:auto;
	}

	div.wrap.main:before{width:20rem; height:20rem; top:30rem;}

	/* header */
	header.header{display:block; padding:0;}
	header.header div.left{width:100%; gap:0; justify-content:space-between; padding:1rem; align-items:center;}
	header.header div.right{width:100%;}
	header.header div.right ul.mlist{width:100%; gap:0;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	header.header div.right ul.mlist li{width:33.33%; text-align:center; border-right:1px solid #ddd;}
	header.header div.right ul.mlist li:last-child{border-right:0;}
	header.header div.right ul.mlist li a{display:block; width:100%; height:100%; padding:0.6rem 0.5rem;}
	header.header div.right ul.mlist li a:before{display:none;}
	header.header div.right ul.mlist li.settime{justify-content:center;}

	/* 전체메뉴 */
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p{width:40%;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{font-size:1.125rem; gap:5px;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a span.num{width:1.5rem; height:1.5rem; line-height:1.5rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > ul.depth02{width:60%;}

	/* banner */
	div.main section.main-banner div.banner-slider{height:12rem;}
	div.main section.main-banner div.banner-slider-arrow{height:3rem; padding:0 0.5rem;}
	div.main section.main-banner div.banner-slider-arrow div.slider-count{font-size:0.8rem;}

	/* button */
	div.main section.main-button{width:95%;}

	/* course */
	div.main section.main-course div.tab-wrap ul.tab-list{gap:0.3rem;}
	div.main section.main-course div.tab-wrap ul.tab-list li{font-size:1rem; border-radius:50px; border:1px solid #ddd;}
	div.main section.main-course div.tab-wrap ul.tab-list li:before{display:none;}
	div.main section.main-course div.tab-wrap ul.tab-list li:after{display:none;}
	div.main section.main-course div.tab-wrap ul.tab-list li a{padding:0.5rem 0.7rem;}
	div.main section.main-course div.tab-wrap ul.tab-list li.on{background:var(--color-main01); color:#fff; border-color:var(--color-main01); box-shadow:0 5px 20px var(--color-main01-20);}
	div.main section.main-course div.tab-wrap ul.tab-list li:nth-child(2).on{background:var(--color-main02); border-color:var(--color-main02); box-shadow:0 5px 20px var(--color-main02-20);}
	div.main section.main-course div.tab-wrap ul.tab-list li:nth-child(3).on{background:var(--color-main03); border-color:var(--color-main03); box-shadow:0 5px 20px var(--color-main03-20);}
	div.main section.main-course div.tab-wrap ul.tab-list li:nth-child(4).on{background:var(--color-main04); border-color:var(--color-main04); box-shadow:0 5px 20px var(--color-main04-20);}
	div.main section.main-course div.course-slider div.slider a div.thumb{height:10rem;}
	div.main section.main-course div.course-slider div.slider a div.infor{padding:0.8rem;}
	div.main section.main-course div.course-slider div.slider a div.infor div.name{height:2.8rem;}
	div.main section.main-course div.course-slider div.slider a div.infor div.inf p{font-size:0.8rem;}

	/* stats */
	div.main section.main-stats div.sect-tit p.kor{width:100%;}
	div.main section.main-stats div.stats-wrap{gap:0; padding-top:0; flex-direction:column; gap:2.5rem;}
	div.main section.main-stats div.stats-wrap div.stats div.bot-txt{margin-top:1rem; letter-spacing:0;}

	div.main section.main-stats div.stats-wrap div.dots{display:none;}
	div.main section.main-stats div.iibi-txt-flow{font-size:3rem;}

	/* notice */
	div.main section.main-notice div.notice-slider div.slider{margin:0 0.4rem;}
	div.main section.main-notice div.notice-slider div.slider a{padding:1rem;}
	div.main section.main-notice div.notice-slider div.slider a div.tit{height:2.8rem;}

	/* center */
	div.main section.main-center div.left div.gallery-slider div.slider{height:16rem;}
	div.main section.main-center div.left div.gallery-slider-arrow div.gallery-slider-tit{width:70%; font-size:0.95rem; font-family:'NanumNeo_B',sans-serif;}

	/* story */
	div.main section.main-story div.story-slider div.slider{margin:0 0.5rem;}
	div.main section.main-story div.story-slider div.slick-list{padding:1rem 3rem;}
	div.main section.main-story div.story-more ul.btn-list li a{padding:1rem 0.5rem;}
	div.main section.main-story div.story-more ul.btn-list li a:before{width:3.5rem; height:3.5rem;}
	div.main section.main-story div.story-more ul.btn-list li a p.txt01{font-size:1rem;}
	
	/* video */
	div.main section.main-video{padding-top:3rem;}
	
}

@media screen and (max-width:400px){
	
	/* 전체메뉴 */
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a{display:block; font-size:1rem;}
	div.sitemap div.sitemap-box div.gnb ul.depth li.menu > p a span.num{display:block; margin-bottom:0.5rem;}

	div.wrap.main > section div.sect-tit p.kor{font-size:1.6rem;}
	
	/* course */
	div.main section.main-course div.course-slider div.slider{margin:0 3rem;}
	div.main section.main-course div.course-slider div.slider a div.thumb{height:15rem;}

	/* notice */
	div.main section.main-notice div.notice-slider div.slider a div.txt{height:4.8rem;}

	/* center */
	div.main section.main-center div.right{padding-bottom:0;}
	div.main section.main-center div.right ul.facility-list li{height:10rem;}
	div.main section.main-center div.right ul.facility-list li div.sect-tit div.bot a.btn-more{padding:0.5rem 4rem 0.5rem 1rem;}

	/* story */
	div.main section.main-story div.story-slider div.slider a div.thumb{height:10rem;}

	/* main community */
	div.main section.main-community:after {font-size: 3rem; bottom: -1.5rem;}
	div.main section.main-community div.inner div.left ul.sns-list li a div.txt p.txt01{font-size:0.85rem;}
	div.main section.main-community div.inner div.right div.news-slider div.slider a div.thumb{height:10rem;}

	/* inquiry */
	div.main section.main-inquiry div.inner div.right{padding-right:6rem;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li{font-size:0.9rem;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li span.lab{display:block;}
	div.main section.main-inquiry div.inner div.right div.tel-wrap ul.contact li span.lab:after{display:none;}
	div.main section.main-inquiry div.inner div.left a.btn-inquiry{padding:0.8rem; width:6rem; text-align:center;}
	
	
	/* quickmenu */
	div.quickmenu.show{bottom:11.5rem;}
	div.quickmenu a.btn-quick{width:3.5rem; height:3.5rem;}
	div.quickmenu div.quick-list-wrap{top:-11.5rem;}
	div.quickmenu div.quick-list-wrap ul.quick-list li{width:3.5rem; height:3.5rem;}
	div.quickmenu div.quick-list-wrap ul.quick-list li a div.ico{display:none;}
	
	/* top */
	.btn-scroll-top{width:3.5rem; height:3.5rem;}
	.btn-scroll-top.show{bottom:8rem;}

}

@media screen and (max-width:320px){
	
	:root{
		--width-logo:11rem;
		--height-banner:4rem;
	}

	/* main community */
	div.main section.main-community:after {font-size: 2.5rem;}

	/* inquiry */
	div.main section.main-inquiry div.inner div.right div.tel-wrap p.tel span.num{display:block; margin-left:0;}

	/* footer */
	footer.footer{font-size:0.8rem;}
}