@charset "utf-8";

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

.wrap.blind:after{content:''; display:block; width:100%; height:100%; background:#333; opacity:.65; position:fixed; bottom:0; left:0; z-index:700;} 
.wrap.main{overflow:hidden;}

/* ----- header ----- */
header.header{width:100%; height:var(--height-header); position:fixed; top:0; left:0; z-index:800; display:flex; align-items:center; justify-content:space-between; padding:0 3rem; border-bottom:1px solid rgba(255,255,255,0.2); transition:0.2s;}
header.header div.logo{width:22rem;}
header.header div.logo img{width:100%; height:100%; object-fit:contain; vertical-align:bottom;}
header.header div.logo img.logo01{display:block;}
header.header div.logo img.logo02{display:none;}
header.header div.menu{height:100%;}
header.header div.menu div.top{height:45%; display:flex; align-items:flex-end; gap:0.5rem; justify-content:flex-end;}
header.header div.menu div.top a{display:inline-block; border:2px solid transparent; height:2rem; line-height:1.9rem; padding:0 0.7rem; background:rgba(255,255,255,0.2); color:#fff; border-radius:5px; font-size:0.95rem; transition:0.3s;}
header.header div.menu nav.gnb{height:55%; display:flex; align-items:center;}
header.header div.menu nav.gnb ul.nav-d01{display:flex; height:100%;}
header.header div.menu nav.gnb ul.nav-d01 > li{width:11rem; height:100%; font-size:1.25rem; font-family:'NanumNeo_B',sans-serif;}
header.header div.menu nav.gnb ul.nav-d01 > li > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; transition:0.3s; position:relative;}
header.header div.menu nav.gnb ul.nav-d01 > li > a:after{content:''; display:block; width:0; height:2px; background:var(--color-main01); position:absolute; bottom:-1px; left:0; transition:0.3s;}
header.header div.menu nav.gnb div.nav-btn{display:flex; align-items:center;}
header.header div.menu nav.gnb div.nav-btn a[class^="btn-"]{display:inline-block; width:1.5rem; height:1.5rem; margin-left:2rem; font-size:0; text-indent:-100%;}
header.header div.menu nav.gnb div.nav-btn a.btn-search{background:url("/fro_end/img/ico_search_wh.svg")center/100% auto no-repeat;}
header.header div.menu nav.gnb div.nav-btn a.btn-menu{display:flex; align-items:center; justify-content:space-around; flex-direction:column;}
header.header div.menu nav.gnb div.nav-btn a.btn-menu span.line{display:block; width:100%; height:2px; border-radius:5px; background:#fff;}

/* nav */
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02{display:none; width:100%; height:19rem; position:absolute; top:var(--height-header); left:0; z-index:300; border-radius:0 0 0 3.5rem; overflow:hidden;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner{width:100%; height:100%; display:flex;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit{width:32%; height:100%; background:var(--color-main01); color:#fff; text-align:right; padding:3rem; position:relative;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit:before{content:''; display:block; width:18rem; height:18rem; background:url("/fro_end/img/symbol_wh.png")center/auto 100% no-repeat; position:absolute; bottom:-2rem; left:-2rem; opacity:.1;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit p.eng{margin-bottom:0.25rem; font-size:1rem; opacity:.5; letter-spacing:6px; font-family:'Montserrat_R',sans-serif;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit p.kor{font-family:'NanumNeo_EB',sans-serif; font-size:2.25rem; letter-spacing:1px;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list{width:68%; height:100%; background:#fff; padding:1.5rem 3rem; border-bottom:1px solid #ddd;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li{font-family:'NanumNeo_B',sans-serif; display:inline-block; width:30%; height:3.85rem; background:#f7f7f7; border:2px solid #eee; color:#666; border-radius:0.65rem; margin:0.5rem 1rem; font-size:1.1rem; transition:0.185s;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li a{display:block; width:100%; height:100%; display:flex; align-items:center; padding-left:1rem; position:relative; padding-right:2.5rem;}
header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li a:after{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/ico_arrow.svg")center/50% auto no-repeat; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); opacity:.3;  transition:0.2s;}
@media(hover:hover){
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li:hover{color:#333; border-color:#333; background:#fff;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li:hover a:after{opacity:1;}
}

/* white */
header.header.white{background:#fff; border-bottom:1px solid #ddd;}
header.header.white div.logo img.logo01{display:none;}
header.header.white div.logo img.logo02{display:block;}
header.header.white div.menu div.top a{border-color:var(--color-main01); color:var(--color-main01); background:#fff;}
header.header.white div.menu div.top a.btn-join{background:var(--color-main01); color:#fff;}
header.header.white div.menu div.top a.btn-mypage{background:var(--color-main01); color:#fff;}
header.header.white div.menu nav.gnb ul.nav-d01 > li > a{color:#333;}
header.header.white div.menu nav.gnb div.nav-btn a.btn-search{background-image:url("/fro_end/img/ico_search.svg");}
header.header.white div.menu nav.gnb div.nav-btn a.btn-menu span.line{background:#333;}
@media(hover:hover){
	header.header.white div.menu nav.gnb ul.nav-d01 > li:hover{font-family:'NanumNeo_EB',sans-serif;}
	header.header.white div.menu nav.gnb ul.nav-d01 > li:hover > a{color:var(--color-main01);}
	header.header.white div.menu nav.gnb ul.nav-d01 > li:hover > a:after{width:100%;}
}

/* white¿Í µ¿ÀÏ, ¼öÁ¤ ½Ã °°ÀÌ ¼öÁ¤ÇؾßÇÔ // memberÆäÀÌÁö¿¡¼­ »ç¿ë */
header.header.white-fixed{background:#fff; border-bottom:1px solid #ddd;}
header.header.white-fixed div.logo img.logo01{display:none;}
header.header.white-fixed div.logo img.logo02{display:block;}
header.header.white-fixed div.menu div.top a{border-color:var(--color-main01); color:var(--color-main01); background:#fff;}
header.header.white-fixed div.menu div.top a.btn-join{background:var(--color-main01); color:#fff;}
header.header.white-fixed div.menu div.top a.btn-mypage{background:var(--color-main01); color:#fff;}
header.header.white-fixed div.menu nav.gnb ul.nav-d01 > li > a{color:#333;}
header.header.white-fixed div.menu nav.gnb div.nav-btn a.btn-search{background-image:url("/fro_end/img/ico_search.svg");}
header.header.white-fixed div.menu nav.gnb div.nav-btn a.btn-menu span.line{background:#333;}
@media(hover:hover){
	header.header.white-fixed div.menu nav.gnb ul.nav-d01 > li:hover{font-family:'NanumNeo_EB',sans-serif;}
	header.header.white-fixed div.menu nav.gnb ul.nav-d01 > li:hover > a{color:var(--color-main01);}
	header.header.white-fixed div.menu nav.gnb ul.nav-d01 > li:hover > a:after{width:100%;}
}


/* small */
header.header.small{height:calc(var(--height-header) - 2rem);}
header.header.small div.menu div.top a{font-size:0.85rem; height:1.65rem; line-height:1.5rem; padding:0 0.5rem;}
header.header.small div.menu nav.gnb ul.nav-d01 > li > div.nav-d02{top:calc(var(--height-header) - 2rem);}
header.header.small div.course-search{top:calc(var(--height-header) - 2rem);}


/* ÇÁ·Î±×·¥ °Ë»ö */
header.header div.course-search{display:none; width:100%; height:19rem; background:#fff; border-bottom:1px solid #ddd; position:absolute; top:var(--height-header); left:0; z-index:400; padding-bottom:2.5rem;}
header.header div.course-search div.inner{width:1280px; height:100%; margin:0 auto; display:flex; align-items:center; justify-content:center; align-items:center;}
header.header div.course-search div.inner div.tit{width:20%; font-size:1.35rem; font-family:'NanumNeo_EB',sans-serif; margin-right:3rem; position:relative; padding-left:2.5rem;}
header.header div.course-search div.inner div.tit:before{content:''; display:block; width:1.8rem; height:1.8rem; background:url("/fro_end/img/ico_search.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%);}
header.header div.course-search div.inner div.con{width:80%;}
header.header div.course-search div.inner div.con div.search-area{display:flex; align-items:center; position:relative;}
header.header div.course-search div.inner div.con div.search-area select.sort{position:absolute; top:0; left:0.5rem; height:4rem; border-radius:0; background-color:transparent; border:0; padding-left:1rem;}
header.header div.course-search div.inner div.con div.search-area input.input-search{width:85%; height:4rem; border:2px solid #333; line-height:4rem; font-size:1.125rem; border-radius:0.5rem 0 0 0.5rem; border-right:0; transition:0.3s; padding-left:8rem;}
header.header div.course-search div.inner div.con div.search-area a.btn-search{display:inline-block; width:15%; height:4rem; line-height:4rem; text-wrap:nowrap; text-align:center; background:#333; color:#fff; border-radius:0 0.5rem 0.5rem 0; font-size:1.125rem; font-family:'NanumNeo_EB',sans-serif; transition:0.3s;}
header.header div.course-search div.inner div.con div.search-keywords{display:flex; flex-wrap:wrap;  margin-top:1rem; gap:1rem; align-items:center;}
header.header div.course-search div.inner div.con div.search-keywords span.lab{display:inline-block; text-align:center; background:#fff; border-radius:50px; font-size:0.85rem; padding:0.3rem 1.5rem; font-family:'NanumNeo_B',sans-serif; color:#777; background:#f7f7f7; border:1px solid #ccc;}
header.header div.course-search div.inner div.con div.search-keywords a{text-wrap:nowrap; color:var(--color-blue);}
header.header div.course-search a.btn-close{position:absolute; bottom:0; left:0; width:100%; height:2.5rem; line-height:2.5rem; border-top:1px solid #eee; font-family:'NanumNeo_B',sans-serif; background:#f5f5f5; text-align:center; color:#9f9f9f;}
header.header div.course-search a.btn-close span{position:relative; padding-left:1.5rem;}
header.header div.course-search a.btn-close span:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_plus.svg")center/92% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(45deg); opacity:.5;}
@media(hover:hover){
	header.header div.course-search div.inner div.con div.search-area input.input-search:active,
	header.header div.course-search div.inner div.con div.search-area input.input-search:focus{border-color:var(--color-main01);}
	header.header div.course-search div.inner div.con div.search-area input.input-search:active + a.btn-search,
	header.header div.course-search div.inner div.con div.search-area input.input-search:focus + a.btn-search{background:var(--color-main01);}
	header.header div.course-search div.inner div.con div.search-area a.btn-search:active{background:var(--color-main01);}
	header.header div.course-search div.inner div.con div.search-keywords a:hover{font-family:'NanumNeo_B',sans-serif;}
	header.header div.course-search a.btn-close:hover{color:#333; background:#eee;}
	header.header div.course-search a.btn-close:hover span:before{opacity:1;}
}

/* Àüü¸Þ´º */
header.header div.menu-box{width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; top:-100%; transition:0.3s; z-index:800;}
header.header div.menu-box:before{content:''; display:block; width:30%; height:100%; background:var(--color-main01); background:linear-gradient(60deg, rgba(167,43,67,1) 0%, rgba(210,59,88,1) 100%); background-size:400% 400%; animation:bgGradi 5s linear infinite; position:absolute; top:0; left:0; z-index:1;}
header.header div.menu-box div.top{position:absolute;  top:0; z-index:3; background:#fff; left:0; width:100%; height:5rem; padding:0 2rem; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ccc;}
header.header div.menu-box div.top div.right-btn{display:flex; align-items:center; gap:2rem;}
header.header div.menu-box div.top div.right-btn div.member a[class^="btn-"]{height:2rem; height:2rem; font-size:0.95rem; line-height:1.9rem; padding:0 0.7rem; border:2px solid var(--color-main01);  border-radius:5px; color:var(--color-main01);}
header.header div.menu-box div.top div.right-btn div.member a.btn-mypage,
header.header div.menu-box div.top div.right-btn div.member a.btn-join{background:var(--color-main01); color:#fff;}
header.header div.menu-box div.top div.right-btn a.btn-close{width:2rem; height:2rem; background:url("/fro_end/img/ico_plus.svg")center/100% auto no-repeat; transform:rotate(45deg);}
header.header div.menu-box div.inner{height:100%; padding-top:5rem; margin:0 auto; position:relative; z-index:2; overflow-y:auto;}
header.header div.menu-box div.inner::-webkit-scrollbar{width:6px;}
header.header div.menu-box div.inner::-webkit-scrollbar-thumb{background-color:#999; border-radius:10px; border-clip:padding-box; border:2px slid transparent;}
header.header div.menu-box div.inner::-webkit-scrollbar-track{background-color:#ccc; box-shadow:inset 0 0 5px white;}
header.header div.menu-box div.inner ul.nav-d01 > li{display:flex; border-bottom:1px solid #ddd; position:relative;}
header.header div.menu-box div.inner ul.nav-d01 > li:before{content:'01'; display:block; font-size:8rem; font-family:'Montserrat_EB',sans-serif; color:#fff; position:absolute; top:-1rem; left:15%; opacity:.08;}
header.header div.menu-box div.inner ul.nav-d01 > li:nth-child(2):before{content:'02';}
header.header div.menu-box div.inner ul.nav-d01 > li:nth-child(3):before{content:'03';}
header.header div.menu-box div.inner ul.nav-d01 > li:nth-child(4):before{content:'04';}
header.header div.menu-box div.inner ul.nav-d01 > li:nth-child(5):before{content:'05';}
header.header div.menu-box div.inner ul.nav-d01 > li > span.lab{display:block; padding:3.5rem 2rem; color:#fff; width:30%; text-align:right; font-size:1.7rem; font-family:'NanumNeo_B',sans-serif; position:relative;}
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02{width:70%; display:flex; flex-wrap:wrap; padding:2rem 3rem;}
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li{width:calc(100% / 5); margin:2rem 0; font-size:1.125rem; transition:0.3s; -webkit-transition:0.3s;} 
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > a{font-family:'NanumNeo_EB',sans-serif;}
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > ul.nav-d03{}
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > ul.nav-d03 > li{color:#333; font-size:0.9rem; margin-top:0.5rem; position:relative; padding-left:1.125rem;}
header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > ul.nav-d03 > li:before{content:''; display:block; width:6px; height:6px; border-bottom:1px solid #bbb; border-left:1px solid #bbb; position:absolute; top:4px; left:6px;}
@media(hover:hover){
	header.header div.menu-box div.inner ul.nav-d01 > li:hover{background:rgba(167,43,67,0.03);}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li:hover{color:var(--color-main01);}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > a:hover{text-decoration:underline; text-underline-offset:5px;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > ul.nav-d03 > li:hover{color:#333; font-family:'NanumNeo_EB',sans-serif;}
}
header.header div.menu-box.active{top:0;}
header.header div.menu-box.active div.top{position:fixed;}


/* ----- section ----- */
div.section div.sect-tit{text-align:center; border-bottom:1px solid #eee; padding-bottom:3rem; margin-bottom:2rem;}
div.section div.sect-tit p.eng{color:var(--color-main01); font-size:1.05rem; font-family:'NanumNeo_H',sans-serif; margin-bottom:0.65rem;}
div.section div.sect-tit h3.kor{font-family:'NanumNeo_B',sans-serif; font-size:2.5rem;}

/* main-visual */
section.main-visual{width:100%; height:100vh; overflow:hidden; position:relative; z-index:100;}
section.main-visual div.bg-slider{width:100%; height:100%; position:relative;}
section.main-visual div.bg-slider:after{content:''; display:block; width:100%; height:100%; background:#333; position:absolute; top:0; left:0; opacity:.25;}
section.main-visual div.bg-slider .slick-list,
section.main-visual div.bg-slider .slick-track{width:100%; height:100%;}
section.main-visual div.bg-slider div.img{width:100%; height:100%; animation:scaleDown 2s cubic-bezier(0.23, 1, 0.32, 1);}
section.main-visual div.bg-slider div.img.img01{background:url("/fro_end/img/main_img01.jpg")center/cover no-repeat;}
section.main-visual div.bg-slider div.img.img02{background:url("/fro_end/img/main_img02_250408.jpg")center/cover no-repeat;}
section.main-visual div.bg-slider div.img.img03{background:url("/fro_end/img/main_img03.jpg")center/cover no-repeat;}
section.main-visual div.bg-slider-arrow{position:absolute; top:0; left:0; width:100%; height:100%; z-index:110;}
section.main-visual div.bg-slider-arrow a.arrow{display:block; width:3rem; height:3rem; background:url("/fro_end/img/ico_arrow_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; opacity:.1;  transition:0.3s;}
section.main-visual div.bg-slider-arrow a.arrow.prev{left:2rem; transform:translateY(-50%) rotate(-180deg);}
section.main-visual div.bg-slider-arrow a.arrow.next{right:2rem; transform:translateY(-50%);}
section.main-visual div.inner{width:80%; position:absolute; top:60%; left:50%; transform:translate(-50%, -50%); z-index:120;}
section.main-visual div.inner div.main-txt{color:#fff; text-align:center; word-break:keep-all;}
section.main-visual div.inner div.main-txt p.txt01{font-size:3rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:2rem; letter-spacing:2px; text-shadow:0 3px 5px rgba(0,0,0,0.2);}
section.main-visual div.inner div.main-txt p.txt02{line-height:1.8; font-size:1.2rem; color:rgba(255,255,255,0.6);}
section.main-visual div.inner div.main-quick{margin-top:12rem;}
section.main-visual div.inner div.main-quick ul{background:#fff; display:flex; align-items:center; border-radius:1rem; overflow:hidden;}
section.main-visual div.inner div.main-quick ul li{width:calc(100% / 7); text-align:center; font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; position:relative;}
section.main-visual div.inner div.main-quick ul li a{display:inline-block; width:100%; height:100%; padding:1.25rem 0; text-wrap:nowrap; position:relative; z-index:3;}
section.main-visual div.inner div.main-quick ul li a:before{content:''; display:block; width:1.5rem; height:1.5rem; margin:0 auto; margin-bottom:1rem;}
section.main-visual div.inner div.main-quick ul li:nth-child(1) a:before{background:url("/fro_end/img/main_quick01.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(2) a:before{background:url("/fro_end/img/main_quick02.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(3) a:before{background:url("/fro_end/img/main_quick03.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(4) a:before{background:url("/fro_end/img/main_quick04.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(5) a:before{background:url("/fro_end/img/main_quick05.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(6) a:before{background:url("/fro_end/img/main_quick06.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(7) a:before{background:url("/fro_end/img/main_quick07.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(8) a:before{background:url("/fro_end/img/main_quick08.png")center/100% auto no-repeat;}
section.main-visual div.inner div.main-quick ul li:nth-child(8):before{content:''; display:block; background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
section.main-visual div.inner div.main-quick ul li.only-mob{display:none;}
@media(hover:hover){
	section.main-visual div.bg-slider-arrow a.arrow:hover{opacity:.8;}
	section.main-visual div.inner div.main-quick ul li:hover{background:var(--color-main01-5);}
	section.main-visual div.inner div.main-quick ul li:hover a:before{animation:swing 1s;}	
}

/* board-group */
section.board-group{margin:10rem auto;}
section.board-group div.sect-con{display:flex; justify-content:space-between;}
section.board-group div.sect-con div.board{width:48%;}
section.board-group div.sect-con div.board div.board-top{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #333; padding:2rem 0;}
section.board-group div.sect-con div.board div.board-top h4.tit{font-size:2rem; font-family:'NanumNeo_EB',sans-serif;}
section.board-group div.sect-con div.board div.board-top a.btn-plus{display:inline-block; width:2rem; height:2rem; background:url("/fro_end/img/ico_plus.svg")center/80% auto no-repeat; transition:0.3s;}
section.board-group div.sect-con div.board div.board-list{}
section.board-group div.sect-con div.board div.board-list ul{}
section.board-group div.sect-con div.board div.board-list ul li{display:flex; align-items:center; border-bottom:1px solid #ddd;}
section.board-group div.sect-con div.board div.board-list ul li a.tit{font-family:'NanumNeo_B',sans-serif; width:calc(100% - 6rem); color:#6f6f6f; padding:2.3rem 0; font-size:1.125rem;  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section.board-group div.sect-con div.board div.board-list ul li p.date{width:6rem; text-align:right; font-size:0.9rem; color:#777;}
section.board-group div.sect-con div.board div.board-list ul li.noti-mark{position:relative; padding-left:2.5rem;}
section.board-group div.sect-con div.board div.board-list ul li.noti-mark:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/ico_bell.png")center/auto 100% no-repeat; position:absolute; top:2rem; left:0;}
section.board-group div.sect-con div.board div.board-list ul li.noti-mark a.tit{font-family:'NanumNeo_EB',sans-serif; color:#333;}
@media(hover:hover){
	section.board-group div.sect-con div.board div.board-top a.btn-plus:hover{transform:rotate(90deg);}
	section.board-group div.sect-con div.board div.board-list ul li:hover.noti-mark:before{animation:swing 0.6s;}
	section.board-group div.sect-con div.board div.board-list ul li:hover a.tit{color:var(--color-main01);}
}

/* curriculum */
section.curriculum{margin:15rem auto;}
section.curriculum div.sect-con{margin:0 auto;}
section.curriculum div.sect-con ul{}
section.curriculum div.sect-con ul li.course{display:flex; align-items:center; justify-content:space-between; padding:3rem 5rem; margin:6rem 0;}
section.curriculum div.sect-con ul li.course div.img{width:38%; height:20rem; border-radius:1rem;}
section.curriculum div.sect-con ul li.course div.txt{width:50%;}
section.curriculum div.sect-con ul li.course div.txt p.name{font-size:2rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:4rem;}
section.curriculum div.sect-con ul li.course div.txt p.name span.color{color:var(--color-main02);}
section.curriculum div.sect-con ul li.course div.txt p.info{font-size:1.025rem; line-height:1.6; color:#555; margin-bottom:2rem; word-break:keep-all;}
section.curriculum div.sect-con ul li.course div.txt a.btn-more{display:inline-block; padding:0.65rem 6rem 0.65rem 0.5rem; border-bottom:1px solid #aaa; font-size:0.9rem; position:relative; transition:0.3s;}
section.curriculum div.sect-con ul li.course div.txt a.btn-more:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_arrow.svg")center/70% auto no-repeat; position:absolute; top:50%; transform:translateY(-50%); right:0.5rem; opacity:.65; transition:0.3s;}
section.curriculum div.sect-con ul li.course:nth-child(even){position:relative;}
section.curriculum div.sect-con ul li.course:nth-child(even):before{content:''; display:block; width:1760px; height:100%; background:var(--color-main01-10); position:absolute; top:0; left:0; z-index:-1;}
section.curriculum div.sect-con ul li.course:nth-child(even){flex-direction:row-reverse;}
section.curriculum div.sect-con ul li.course:nth-child(even) div.txt p.name span.color{color:var(--color-main01);}
section.curriculum div.sect-con ul li.course:nth-child(2):before{left:-10rem;}
section.curriculum div.sect-con ul li.course01{padding-top:0 !important;}
section.curriculum div.sect-con ul li.course01 div.img{background:url("/fro_end/img/main_course01.jpg")center/cover no-repeat;}
section.curriculum div.sect-con ul li.course02 div.img{background:url("/fro_end/img/main_course02.jpg")center/cover no-repeat;}
section.curriculum div.sect-con ul li.course03 div.img{background:url("/fro_end/img/main_course03.jpg")center/cover no-repeat;}
section.curriculum div.sect-con ul li.course04 div.img{background:url("/fro_end/img/main_course04.jpg")center/cover no-repeat;}
section.curriculum div.sect-con ul li.course05 div.img{background:url("/fro_end/img/main_course05-2.jpg")center/cover no-repeat;}
@media(hover:hover){
	section.curriculum div.sect-con ul li.course div.txt a.btn-more:hover{font-family:'NanumNeo_B',sans-serif; border-color:#333; color:#333; transform:scale(1.05);}
	section.curriculum div.sect-con ul li.course div.txt a.btn-more:hover:after{right:0; opacity:1;}
}

/* program-banner */
section.program-banner{width:100%; margin:12rem 0; height:25rem; position:relative; background:#000;}
section.program-banner div.fixed-bg{width:100%; height:100%; position:absolute; top:0; left:0;  clip-path:inset(0);}
section.program-banner div.fixed-bg div.bg{position:fixed; top:0; left:0; width:100%; height:100%; background:url("/fro_end/img/banner_bg.jpg")center/cover no-repeat; opacity:.5;}
section.program-banner div.inner{height:100%; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between;}
section.program-banner div.inner div.sect-tit{width:30%; border-bottom:0; color:#fff; text-align:left; margin:0; padding:0;}
section.program-banner div.inner div.sect-tit:before{content:''; display:block; width:3.25rem; height:3.25rem; background:url("/fro_end/img/symbol_wh.png")center/auto 100% no-repeat; margin-bottom:4rem;}
section.program-banner div.inner div.sect-tit p.txt01{font-size:1.25rem; margin-bottom:0.8rem; color:rgba(255,255,255,0.8);}
section.program-banner div.inner div.sect-tit p.txt02{font-size:2.5rem;}
section.program-banner div.inner div.sect-tit p.txt02 span.color{color:var(--color-main02); font-family:'NanumNeo_EB',sans-serif;}
section.program-banner div.inner div.sect-con{width:66%;}
section.program-banner div.inner div.sect-con ul{display:flex; align-items:center; justify-content:space-between;}
section.program-banner div.inner div.sect-con ul li{width:11rem; height:11rem; border:2px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); border-radius:0.5rem; backdrop-filter:blur(1px);}
section.program-banner div.inner div.sect-con ul li a{color:#fff; font-size:1.2rem; font-family:'NanumNeo_B',sans-serif; padding:1.5rem; display:block; width:100%; height:100%; position:relative;}
section.program-banner div.inner div.sect-con ul li a:after{content:''; display:block; width:2.2rem; height:2.2rem; position:absolute; bottom:1.5rem; right:1.5rem;}
section.program-banner div.inner div.sect-con ul li:nth-child(1) a:after{background:url("/fro_end/img/banner_course01.png")center/100% auto no-repeat;}
section.program-banner div.inner div.sect-con ul li:nth-child(2) a:after{background:url("/fro_end/img/banner_course02.png")center/100% auto no-repeat;}
section.program-banner div.inner div.sect-con ul li:nth-child(3) a:after{background:url("/fro_end/img/banner_course03.png")center/100% auto no-repeat;}
section.program-banner div.inner div.sect-con ul li:nth-child(4) a:after{background:url("/fro_end/img/banner_course04.png")center/100% auto no-repeat;}
section.program-banner div.inner div.sect-con ul li:nth-child(5) a:after{background:url("/fro_end/img/banner_course05.png")center/100% auto no-repeat;}
@media(hover:hover){
	section.program-banner div.inner div.sect-con ul li:hover{border-color:#fff; background:rgba(255,255,255,0.2);}
}

/* gallery-group */
section.gallery-group{margin:15rem auto; position:relative;}
section.gallery-group:before{content:''; display:block; width:35rem; height:35rem; background:url("/fro_end/img/symbol.png")center/contain no-repeat; position:absolute; bottom:-10rem; right:-15rem; opacity:.05;}
section.gallery-group div.sect-con div.gallery{display:flex; margin-bottom:7rem;}
section.gallery-group div.sect-con div.gallery div.item{width:23.5%; margin-right:2%;}
section.gallery-group div.sect-con div.gallery div.item:nth-child(4n){margin-right:0;}
section.gallery-group div.sect-con div.gallery div.item a.inner{width:100%; height:100%;}
section.gallery-group div.sect-con div.gallery div.item a.inner div.img{width:100%; height:14.5rem; margin-bottom:1rem; border-radius:1rem; overflow:hidden; background:#333;}
section.gallery-group div.sect-con div.gallery div.item a.inner div.img img{width:100%; height:100%; object-fit:cover; transition:0.3s;}
section.gallery-group div.sect-con div.gallery div.item a.inner div.txt{}
section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.sort{font-family:'NanumNeo_B',sans-serif; color:var(--color-main01); margin-bottom:0.5rem;}
section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.tit{min-height:3rem; font-family:'NanumNeo_EB',sans-serif; font-size:1.125rem; margin-bottom:3rem; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.date{font-size:0.9rem; color:#777;}
section.gallery-group div.sect-con div.gallery div.item.video a.inner div.img{position:relative;}
section.gallery-group div.sect-con div.gallery div.item.video a.inner div.img:after{content:''; display:block; width:3rem; height:3rem; opacity:.3; background:url("/fro_end/img/gallery_play.svg")center/100% auto no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
section.gallery-group div.sect-con div.gallery div.item.video a.inner div.txt p.sort{color:var(--color-main02);}
@media(hover:hover){
	section.gallery-group div.sect-con div.gallery div.item:hover a.inner div.img:after{opacity:1;}
	section.gallery-group div.sect-con div.gallery div.item:hover a.inner div.img img{transform:scale(1.1); opacity:.8;}
	section.gallery-group div.sect-con div.gallery div.item:hover a.inner div.txt p.tit{text-decoration:underline;}
}

section.gallery-group div.sect-con div.gallery-quick{display:flex; align-items:center; justify-content:space-between;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"]{width:48%; color:#fff;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a{display:flex; width:100%; height:100%; padding:3rem; position:relative; transition:0.5s; border-radius:1.5rem; align-items:center;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a:after{content:''; display:block; width:4rem; height:4rem; background:#ffffff22 url("/fro_end/img/ico_arrow_wh.svg")center/30% auto no-repeat; border-radius:50%; position:absolute; top:50%; right:3rem; transform:translateY(-50%);}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.ico{width:3rem; height:3rem; margin-right:3rem;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt{padding-right:3rem;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt p.txt01{font-family:'NanumNeo_EB',sans-serif; font-size:1.5rem; margin-bottom:1rem;}
section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt p.txt02{color:rgba(255,255,255,0.6);}
section.gallery-group div.sect-con div.gallery-quick div.btn-photo a{background:var(--color-main01);}
section.gallery-group div.sect-con div.gallery-quick div.btn-photo a div.ico{background:url("/fro_end/img/gallery_photo.png")center/100% auto no-repeat;}
section.gallery-group div.sect-con div.gallery-quick div.btn-video a{background:var(--color-main02);}
section.gallery-group div.sect-con div.gallery-quick div.btn-video a div.ico{background:url("/fro_end/img/gallery_video.png")center/100% auto no-repeat;}
@media(hover:hover){
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"]:hover a{transform:scale(1.03);}
	section.gallery-group div.sect-con div.gallery-quick div.btn-photo a:hover:after{background:#fff url("/fro_end/img/ico_arrow01.svg")center/30% auto no-repeat;}
	section.gallery-group div.sect-con div.gallery-quick div.btn-video a:hover:after{background:#fff url("/fro_end/img/ico_arrow02.svg")center/30% auto no-repeat;}
}

/* contact-us */
section.contact-us{margin:15rem auto; display:flex; justify-content:space-between;}
section.contact-us div.contact{width:48%;}
section.contact-us div.contact div.top{position:relative; padding:3rem 0;}
section.contact-us div.contact div.top span.eng{position:absolute; top:0; left:0; font-size:3.5rem; font-family:'Montserrat_SB',sans-serif; color:rgba(153,153,153,0.1); letter-spacing:3px;}
section.contact-us div.contact div.top p.txt{font-family:'NanumNeo_EB',sans-serif; font-size:1.25rem;}
section.contact-us div.contact div.top p.tel{font-family:'Montserrat_B',sans-serif; color:var(--color-main01); font-size:3.25rem; letter-spacing:1px;}
section.contact-us div.contact div.bot{}
section.contact-us div.contact div.bot p.txt{line-height:1.8; color:#777;}
section.contact-us div.quick{width:48%; padding:0 2rem;}
section.contact-us div.quick ul li.btn01{border-top:1px solid #ddd;}
section.contact-us div.quick ul li.btn{border-bottom:1px solid #ddd;}
section.contact-us div.quick ul li.btn a{display:block; padding:2.5rem 0; display:flex; align-items:center; border-radius:1rem; transition:0.3s;}
section.contact-us div.quick ul li.btn a div.lab{width:40%; font-size:1.25rem; font-family:'NanumNeo_EB',sans-serif; padding-left:3.5rem; position:relative;}
section.contact-us div.quick ul li.btn a div.lab:before{content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:50%; left:1rem; transform:translateY(-50%);}
section.contact-us div.quick ul li.btn a div.inf{width:60%; word-break:keep-all; color:#999; line-height:1.5; padding:0 1rem;}
section.contact-us div.quick ul li.btn01 a div.lab:before{background:url("/fro_end/img/contact_quick01.png")center/100% auto no-repeat;}
section.contact-us div.quick ul li.btn02 a div.lab:before{background:url("/fro_end/img/contact_quick02.png")center/100% auto no-repeat;}
section.contact-us div.quick ul li.btn03 a div.lab:before{background:url("/fro_end/img/contact_quick03.png")center/100% auto no-repeat;}
@media(hover:hover){
	section.contact-us div.quick ul li.btn:hover{border:0;}
	section.contact-us div.quick ul li.btn:hover a{background:var(--color-main01); transform:scale(1.05);}
	section.contact-us div.quick ul li.btn:hover a div.lab{color:#fff;}
	section.contact-us div.quick ul li.btn:hover a div.lab:before{left:1.25rem;}
	section.contact-us div.quick ul li.btn:hover a div.inf{color:rgba(255,255,255,0.5);}
	section.contact-us div.quick ul li.btn01:hover a div.lab:before{background:url("/fro_end/img/contact_quick01_wh.png")center/100% auto no-repeat;}
	section.contact-us div.quick ul li.btn02:hover a div.lab:before{background:url("/fro_end/img/contact_quick02_wh.png")center/100% auto no-repeat;}
	section.contact-us div.quick ul li.btn03:hover a div.lab:before{background:url("/fro_end/img/contact_quick03_wh.png")center/100% auto no-repeat;}
}

/* family-site */
section.family-site{display:flex; align-items:center; justify-content:space-between; margin:2rem auto;}
section.family-site div.sect-tit{border-bottom:0!important; margin:0!important; padding:0 !important; display:flex; align-items:center; gap:1rem;}
section.family-site div.sect-tit p.txt{font-family:'NanumNeo_B',sans-serif; font-size:1.25rem;}
section.family-site div.sect-tit div.site-slider-arrow{display:flex; align-items:center; gap:5px;}
section.family-site div.sect-tit div.site-slider-arrow a.arrow{display:block; width:1.25rem; height:1.25rem; background:#eee url("/fro_end/img/ico_arrow.svg")center/50% auto no-repeat; border-radius:3px;}
section.family-site div.sect-tit div.site-slider-arrow a.arrow.prev{transform:rotate(-180deg);}
section.family-site div.sect-tit div.site-slider-arrow a.arrow.pause{background:#eee url("/fro_end/img/ico_pause.svg")center/80% auto no-repeat;}
section.family-site div.sect-tit div.site-slider-arrow a.arrow.pause.stop{background:#eee url("/fro_end/img/ico_play.svg")center/50% auto no-repeat;}
section.family-site div.sect-con{width:80%;}
section.family-site div.sect-con ul.site-slider{}
section.family-site div.sect-con ul.site-slider li{height:4.5rem; border:1px solid #ddd; border-radius:0.6rem; overflow:hidden; margin:0 1rem;}
section.family-site div.sect-con ul.site-slider li a{display:block; width:100%; height:100%; background:#fff; overflow:hidden;}
section.family-site div.sect-con ul.site-slider li a img{width:100%; height:100%; object-fit:contain;}


/* ----- footer ----- */
footer.footer{background:#2f2f2f; color:#fff; font-size:0.9rem;}
footer.footer div.inner{display:flex; align-items:flex-end; justify-content:space-between; padding:3rem 0 1.5rem 0;}
footer.footer div.inner div.left{}
footer.footer div.inner div.left ul.btn-list{display:flex; align-items:center; gap:1rem;}
footer.footer div.inner div.left ul.btn-list li{font-family:'NanumNeo_B',sans-serif;}
footer.footer div.inner div.left ul.btn-list li.color{color:var(--color-main02);}
footer.footer div.inner div.left ul.inf{opacity:.6; margin-top:2rem;}
footer.footer div.inner div.left ul.inf li{margin:0.5rem 0; word-break:keep-all;}
footer.footer div.inner div.left ul.inf li.last{margin-top:2rem;}
footer.footer div.inner div.left ul.inf li span.emp{display:inline-block; width:1.5rem;}
footer.footer div.inner div.right{}
footer.footer div.inner div.right div.logo{width:22rem; opacity:.5; margin-bottom:1rem;}
footer.footer div.inner div.right div.logo img{width:100%; height:100%; object-fit:contain;}


/* ----- quick-remote ----- */
div.quick-remote{position:fixed; top:50%; right:-10rem; transition:0.5s; z-index:500; background:#fff; font-size:0.9rem; transform:translateY(-50%); border-radius:1rem 0 0 1rem; overflow:hidden; box-shadow:-8px 10px 25px rgba(0,0,0,0.08);}
div.quick-remote.active{right:0;}
div.quick-remote div.top{padding:1.2rem 1.25rem;}
div.quick-remote div.top ul.btn-list{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem;}
div.quick-remote div.top ul.btn-list li{}
div.quick-remote div.top ul.btn-list li a{}
div.quick-remote div.top ul.btn-list li a div.ico{width:3rem; height:3rem; border-radius:50%; background:var(--color-main01-10); margin:0 auto; margin-bottom:0.5rem;}
div.quick-remote div.top ul.btn-list li a div.lab{text-align:center; font-family:'NanumNeo_B',sans-serif; letter-spacing:-1px;}
div.quick-remote div.bot{}
div.quick-remote div.bot a.scroll-top{background:var(--color-main01); color:#fff; text-align:center; display:block; padding:0.65rem; font-size:0.85rem; font-family:'NanumNeo_EB',sans-serif; position:relative; transition:0.3s;}
div.quick-remote div.bot a.scroll-top:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_arrow_wh.svg")center/75% auto no-repeat; position:absolute; opacity:0; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg); transition:0.3s;}
div.quick-remote div.top ul.btn-list li.popup{display:none;}
div.quick-remote div.top ul.btn-list li.popup a div.ico{background:var(--color-main01-10) url("/fro_end/img/ico_notice01.svg")center/45% auto no-repeat; position:relative;}
div.quick-remote div.top ul.btn-list li.popup a div.ico span.count{width:18px; height:18px; line-height:18px; text-align:center; background:#fff; color:var(--color-main01); box-shadow:0 0 5px var(--color-main01); font-family:'Montserrat_B',sans-serif; font-size:11px; border-radius:50%; display:block; position:absolute; top:8px; right:8px;}
div.quick-remote div.top ul.btn-list li.notice a div.ico{background:var(--color-main01-10) url("/fro_end/img/ico_notice01.svg")center/42% auto no-repeat;}
div.quick-remote div.top ul.btn-list li.apply a div.ico{background:var(--color-main01-10) url("/fro_end/img/ico_apply01.svg")center/42% auto no-repeat;}
div.quick-remote div.top ul.btn-list li.counsel a div.ico{background:var(--color-main01-10) url("/fro_end/img/ico_counsel01.svg")center/42% auto no-repeat;}

/* ¸ÞÀο¡¼­¸¸ [Æ˾÷º¸±â] È°¼ºÈ­ */
div.wrap.main div.quick-remote div.top ul.btn-list li.popup{display:block;} 
div.wrap.main div.quick-remote div.top ul.btn-list li.notice{display:none;}

@media(hover:hover){
	div.quick-remote div.top ul.btn-list li a:hover div.ico{animation:swing 0.65s;}
	div.quick-remote div.top ul.btn-list li a:hover div.lab{font-family:'NanumNeo_EB',sans-serif;}
	div.quick-remote div.bot a.scroll-top:hover{padding-right:2rem;}
	div.quick-remote div.bot a.scroll-top:hover:after{left:70%; opacity:1;}
}



/* ----- ¹ÝÀÀÇü ----- */
@media screen and (max-width:1600px){
	
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit{width:30%;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list{width:70%;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li{width:29%;}
}
@media screen and (max-width:1440px){

	header.header div.menu nav.gnb ul.nav-d01 > li{width:9rem;}

	div.section div.sect-tit{padding-bottom:2rem;}
	div.section div.sect-tit p.eng{margin-bottom:0.5rem; font-size:1rem;}
	div.section div.sect-tit h3.kor{font-size:2.3rem;}

	section.main-visual div.inner div.main-txt p.txt01{font-size:2.8rem; margin-bottom:1rem;}
	section.main-visual div.inner div.main-txt p.txt02{font-size:1.125rem;}
	section.main-visual div.inner div.main-quick{margin-top:7rem;}

	section.board-group div.sect-con div.board div.board-top{padding:1.5rem 0;}
	section.board-group div.sect-con div.board div.board-top h4.tit{font-size:1.8rem;}
	section.board-group div.sect-con div.board div.board-list ul li a.tit{padding:2rem 0;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark{padding-left:2rem;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark:before{width:1.6rem; height:1.6rem; top:1.9rem;}

	section.curriculum div.sect-con ul li.course:nth-child(even):before{width:150%; left:50%; transform:translateX(-50%);}
	section.curriculum div.sect-con ul li.course div.img{height:17rem;}
	section.curriculum div.sect-con ul li.course div.txt p.name{margin-bottom:3rem; font-size:1.8rem;}
	section.curriculum div.sect-con ul li.course div.txt p.info{font-size:1rem;}
	
	section.program-banner div.inner div.sect-tit p.txt01{font-size:1.125rem; margin-bottom:0.5rem;}
	section.program-banner div.inner div.sect-tit p.txt02{font-size:2rem;}
	section.program-banner div.inner div.sect-con{width:68%;}
	section.program-banner div.inner div.sect-con ul li{width:10rem; height:10rem;}

	section.gallery-group{margin:12rem auto;}
	section.gallery-group:before{width:30rem; height:30rem; bottom:-6rem; right:-10rem;}
	section.gallery-group div.sect-con div.gallery div.item{width:24%;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:12rem;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.tit{margin-bottom:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a{padding:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a:after{width:3rem; height:3rem; right:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt p.txt01{margin-bottom:0.5rem; font-size:1.3rem;}

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

	header.header div.menu nav.gnb div.nav-btn a[class^="btn-"]{margin-left:1.5rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li{width:8rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02{height:17rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit:before{width:15rem; height:15rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner div.d02-tit p.kor{font-size:2rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list{padding:1.5rem 2rem;}
	header.header div.menu nav.gnb ul.nav-d01 > li > div.nav-d02 div.inner ul.d02-list li{height:3.5rem; margin:0.5rem 0.8rem; font-size:1rem;}

	header.header div.course-search div.inner{width:90%;}

	header.header div.menu-box div.top{padding:0 1rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li:before{font-size:6rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab{font-size:1.5rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02{padding:1rem 2rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li{width:calc(100% /4); font-size:1rem;}
	
	section.main-visual div.inner div.main-txt p.txt01{font-size:2.5rem;}
	section.main-visual div.inner div.main-txt p.txt02{font-size:1rem;}
	section.main-visual div.inner div.main-quick ul li{font-size:1rem;}

	section.board-group div.sect-con div.board div.board-list ul li{display:block; padding-bottom:1.5rem;}
	section.board-group div.sect-con div.board div.board-list ul li a.tit{padding-bottom:0.5rem; width:100%; color:#444;}
	section.board-group div.sect-con div.board div.board-list ul li p.date{width:auto; color:#999; font-size:0.85rem; text-align:left;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark{padding-left:3rem;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark:before{top:50%; transform:translateY(-50%); animation:none !important; width:2.2rem; height:2.2rem;}

	section.curriculum{margin:10rem auto;}
	section.curriculum div.sect-con ul li.course{padding:4rem; margin:4rem 0;}
	section.curriculum div.sect-con ul li.course div.img{height:16rem;}
	section.curriculum div.sect-con ul li.course div.txt{width:56%;}
	section.curriculum div.sect-con ul li.course div.txt p.name{margin-bottom:2rem;}

	section.program-banner{margin:10rem auto;}
	section.program-banner div.inner{flex-direction:column; justify-content:center;}
	section.program-banner div.inner div.sect-tit{position:relative; padding-left:4.5rem; width:100%; margin-bottom:3rem;}
	section.program-banner div.inner div.sect-tit:before{position:absolute; margin:0; left:0; top:50%; transform:translateY(-50%);}
	section.program-banner div.inner div.sect-tit p.txt01{margin-bottom:0; font-size:1rem;}
	section.program-banner div.inner div.sect-con{width:100%;}
	section.program-banner div.inner div.sect-con ul{justify-content:space-evenly;}

	section.contact-us{margin:10rem auto;}
	section.contact-us div.contact{width:45%;}
	section.contact-us div.contact div.top{padding:2rem 0;}
	section.contact-us div.contact div.top p.tel{font-size:3rem;}
	section.contact-us div.contact div.top span.eng{font-size:3rem;}
	section.contact-us div.quick{padding:0; width:55%;}

	section.family-site div.sect-con ul.site-slider li{height:4rem; margin:0.5rem;}

	div.quick-remote div.top{padding:1rem;}
	div.quick-remote div.top ul.btn-list{gap:0.8rem;}
	div.quick-remote div.top ul.btn-list li a div.ico{width:2.8rem; height:2.8rem;}
	div.quick-remote div.top ul.btn-list li a div.lab{font-size:0.9rem;}
	div.quick-remote div.bot a.scroll-top{font-size:0.8rem; padding:0.5rem;}

}
@media screen and (max-width:1024px){
	
	:root{
		--height-header:7rem;
	}
	header.header{padding:0 2rem;}
	header.header div.menu{display:flex; align-items:center;}
	header.header div.menu div.top{height:auto;}
	header.header div.menu nav.gnb{height:auto; justify-content:flex-end;}
	header.header div.menu nav.gnb ul.nav-d01{display:none;}

	header.header.small div.logo{width:20rem;}
	header.header.small div.menu div.top a{font-size:0.9rem; height:2rem; line-height:1.9rem; padding:0 0.7rem;}

	header.header div.course-search div.inner{flex-direction:column;}
	header.header div.course-search div.inner div.tit{width:100%; margin-bottom:1rem; font-size:1.25rem; margin-right:0; padding-left:2rem;}
	header.header div.course-search div.inner div.tit:before{width:1.5rem; height:1.5rem;}
	header.header div.course-search div.inner div.con{width:100%;}
	header.header div.course-search div.inner div.con div.search-keywords span.lab{font-size:0.9rem;}

	header.header div.menu-box{background:#efefef;}
	header.header div.menu-box:before{width:40%;}
	header.header div.menu-box div.inner ul.nav-d01 > li{border-bottom:0; display:block; position:static;}
	header.header div.menu-box div.inner ul.nav-d01 > li:before{display:none;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab{width:40%; color:rgba(255,255,255,0.7);  font-family:'NanumNeo_R',sans-serif; padding:1rem 2rem; font-size:1.25rem; border-bottom:1px solid rgba(255,255,255,0.2);}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02{width:60%; display:none; padding:1rem 2rem; position:absolute; top:5rem; left:40%; z-index:5;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li{width:100%; margin:1rem 0; border:1px solid #ddd; background:#fff; border-radius:0.8rem; position:relative; overflow:hidden;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li:after{content:''; display:block; width:1rem; height:1rem; opacity:.5; background:url("/fro_end/img/ico_arrow.svg")center/80% auto no-repeat; position:absolute; top:1.125rem; right:1rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > a{width:100%; height:100%; padding:1rem; padding-right:3rem; font-family:'NanumNeo_B',sans-serif;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > ul.nav-d03{display:none;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab.mobOn{color:#fff; border-bottom:2px solid #fff; font-family:'NanumNeo_EB',sans-serif;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab.mobOn ~ ul.nav-d02{display:block;}
	
	section.main-visual div.inner{width:90%;}
	section.main-visual div.inner div.main-txt p.txt01{letter-spacing:0;}

	section.curriculum div.sect-con ul li.course{padding:4rem 0; margin:2rem 0;}
	section.curriculum div.sect-con ul li.course div.img{height:14rem;}

	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:10rem;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.sort{font-size:0.9rem; margin-bottom:0.3rem;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.date{font-size:0.85rem;}

	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.ico{margin-right:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt p.txt02{font-size:0.9rem; word-break:keep-all;}

	section.contact-us div.contact div.top p.tel{font-size:2.6rem;}
	section.contact-us div.contact div.bot p.txt{font-size:0.9rem;}
	section.contact-us div.quick ul li.btn a{padding:2rem 0;}
	section.contact-us div.quick ul li.btn a div.inf{font-size:0.9rem;}

	section.family-site div.sect-tit{flex-direction:column; gap:0.5rem;}
	section.family-site div.sect-con{width:86%;}

	footer.footer div.inner div.left ul.inf li span.emp{width:1rem;}
	footer.footer div.inner div.right div.logo{width:19rem;}

	div.quick-remote{box-shadow:none; border-radius:0; top:92%; background:transparent; overflow:visible;}
	div.quick-remote.active{right:2%;}
	div.quick-remote div.top{display:none;}
	div.quick-remote div.bot a.scroll-top{width:3.8rem; height:3.8rem; border-radius:50%; line-height:3.8rem; padding:0; background:#870c24; box-shadow:0 6px 18px rgba(0,0,0,0.3);}
	div.quick-remote div.bot a.scroll-top:after{display:none;}
}
@media screen and (max-width:800px){
	
	section.main-visual div.inner{top:50%;}

	section.curriculum div.sect-con ul li.course{margin:0;}
	section.curriculum div.sect-con ul li.course div.img{width:30%; height:20rem; border-radius:500px;}
	section.curriculum div.sect-con ul li.course01 div.img{background-position:90% 50%;}
	section.curriculum div.sect-con ul li.course div.txt{width:65%;}

	section.program-banner div.inner div.sect-tit:before{width:3rem; height:3rem;}
	section.program-banner div.inner div.sect-tit p.txt02{font-size:1.8rem;}
	section.program-banner div.inner div.sect-con ul{justify-content:space-between;}
	section.program-banner div.inner div.sect-con ul li{width:8rem; border-color:rgba(255,255,255,0.5);}
	section.program-banner div.inner div.sect-con ul li a{padding:0; display:flex; flex-direction:column-reverse; gap:1rem; justify-content:center; align-items:center; font-size:1.125rem;}
	section.program-banner div.inner div.sect-con ul li a:after{position:static;}
	
	section.gallery-group:before{width:25rem; height:25rem; bottom:-3rem; right:-7rem;}
	section.gallery-group div.sect-con div.gallery{flex-wrap:wrap; justify-content:space-between; margin-bottom:4rem;}
	section.gallery-group div.sect-con div.gallery div.item{width:48%; margin-right:0; margin-bottom:5rem;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:15rem;}
	section.gallery-group div.sect-con div.gallery div.item.video a.inner div.img:after{display:none;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.tit{margin-bottom:1rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a{display:block;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a:after{width:2.5rem; height:2.5rem; top:2rem; transform:none;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.ico{margin:0; margin-bottom:1rem; width:2.5rem; height:2.5rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt{padding:0;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.txt p.txt01{font-size:1.2rem;}

	section.contact-us{display:block;}
	section.contact-us div.contact{width:100%; margin-bottom:2rem;}
	section.contact-us div.contact div.top{padding-top:0;}
	section.contact-us div.contact div.top span.eng{top:-2rem;}
	section.contact-us div.quick{width:100%;}

	section.family-site div.sect-con ul.site-slider li{height:3.6rem;}

	footer.footer div.inner div.left{width:100%;}
	footer.footer div.inner div.right{display:none;}
}
@media screen and (max-width:640px){

	:root{
		--height-header:6.5rem;
	}
	header.header{padding:0 1rem;}
	header.header div.logo{width:17rem;}
	header.header div.menu nav.gnb div.nav-btn a[class^="btn-"]{margin-left:1rem;}

	header.header.small div.logo{width:16rem;}

	header.header div.course-search div.inner div.tit:before{width:1.3rem; height:1.3rem;}
	header.header div.course-search div.inner div.con div.search-area input.input-search{width:80%; font-size:1rem;}
	header.header div.course-search div.inner div.con div.search-area a.btn-search{width:20%;}
	header.header div.course-search div.inner div.con div.search-keywords{gap:0.65rem;}

	div.section div.sect-tit h3.kor{font-size:2rem;}
	
	section.main-visual div.inner div.main-txt p.txt01{font-size:2rem;}
	section.main-visual div.inner div.main-quick{margin-top:4rem;}
	section.main-visual div.inner div.main-quick ul{flex-wrap:wrap; position:relative;}
	section.main-visual div.inner div.main-quick ul:after{content:''; display:block; width:3rem; height:3rem; background:url("/fro_end/img/symbol.png")center/contain no-repeat; position:absolute; bottom:1.2rem; right:3.2rem; opacity:.4; z-index:1;}
	section.main-visual div.inner div.main-quick ul li{width:25%; border-right:1px dashed #ddd; border-bottom:1px dashed #ddd;}
	section.main-visual div.inner div.main-quick ul li:nth-child(4){border-right:0;}
	section.main-visual div.inner div.main-quick ul li:nth-child(5),
	section.main-visual div.inner div.main-quick ul li:nth-child(6),
	section.main-visual div.inner div.main-quick ul li:nth-child(7),
	section.main-visual div.inner div.main-quick ul li:nth-child(8){border-bottom:0;}
	section.main-visual div.inner div.main-quick ul li a{padding:1rem;}
	section.main-visual div.inner div.main-quick ul li a:before{margin-bottom:0.5rem;}
	section.main-visual div.inner div.main-quick ul li.only-mob{display:block;}

	section.board-group{margin:5rem auto;}
	section.board-group div.sect-con{display:block;}
	section.board-group div.sect-con div.board{width:100%;}
	section.board-group div.sect-con div.board.news{margin-top:2rem;}

	section.curriculum{margin:5rem auto;}
	section.curriculum div.sect-con ul li.course{display:block;}
	section.curriculum div.sect-con ul li.course div.img{width:100%; height:15rem; border-radius:1rem; margin-bottom:2rem;}
	section.curriculum div.sect-con ul li.course div.txt{width:100%;}
	section.curriculum div.sect-con ul li.course div.txt p.name{font-size:1.5rem;}
	
	section.program-banner{margin:5rem auto;}
	section.program-banner div.inner div.sect-tit p.txt02{font-size:1.6rem;}
	section.program-banner div.inner div.sect-con ul li{width:7rem;}
	section.program-banner div.inner div.sect-con ul li a{font-size:1rem;}
	
	section.gallery-group:before{bottom:-3rem;}
	section.gallery-group{margin:8rem auto;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:11rem;}
	
	section.contact-us{margin:5rem auto;}

	section.family-site div.sect-tit p.txt{font-size:1rem;}
	section.family-site div.sect-con{width:80%;}

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

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

	:root{
		--height-header:6rem;
	}
	header.header{display:flex; border-color:rgba(255,255,255,0.3); flex-direction:column; justify-content:center; padding:0;}
	header.header div.logo{width:100%; text-align:center;}
	header.header div.logo a{width:60%; position:relative; z-index:3; margin-top:0.5rem;}
	header.header div.menu{width:100%; height:auto;}
	header.header div.menu div.top{display:none;}
	header.header div.menu nav.gnb{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; padding:0 1rem;}
	header.header div.menu nav.gnb div.nav-btn{width:100%; justify-content:space-between;}
	header.header div.menu nav.gnb div.nav-btn a[class^="btn-"]{margin:0; width:1.65rem; height:1.65rem;}

	header.header.small div.logo{width:100%;}
	header.header.small div.logo a{width:53%;}
	
	header.header div.course-search{max-height:50vh;}
	header.header div.course-search div.inner div.tit{padding-left:0; font-size:1.15rem;}
	header.header div.course-search div.inner div.tit:before{display:none;}
	header.header div.course-search div.inner div.con div.search-area a.btn-search{font-size:1rem;}
	header.header div.course-search div.inner div.con div.search-keywords{margin-top:1.5rem; font-size:0.9rem;}
	header.header div.course-search div.inner div.con div.search-keywords span.lab{font-size:0.8rem; padding:0.3rem 1rem;}
	header.header div.course-search a.btn-close{color:#333;}
	header.header div.course-search a.btn-close span:before{opacity:1;}
	
	header.header div.menu-box div.top div.logo{width:14rem;}
	header.header div.menu-box div.top div.right-btn{gap:1rem;}
	header.header div.menu-box div.top div.right-btn div.member a[class^="btn-"]{font-size:0.85rem; padding:0 0.6rem;}
	header.header div.menu-box div.top div.right-btn a.btn-close{width:1.7rem; height:1.7rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02{padding:0 1rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab{padding:1rem 1.5rem; font-size:1.125rem;}
	header.header div.menu-box div.inner ul.nav-d01 > li > ul.nav-d02 > li > a{padding-right:2rem;}


	section.main-visual div.bg-slider-arrow{display:none;}
	section.main-visual div.inner div.main-quick ul:after{width:2.8rem; height:2.8rem; right:2.3rem; bottom:1.4rem;}
	
	section.board-group div.sect-con div.board div.board-list ul li{padding:1rem 0;}
	section.board-group div.sect-con div.board div.board-list ul li a.tit{padding:0.5rem 0; font-size:1.1rem;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark{padding-left:0;}
	section.board-group div.sect-con div.board div.board-list ul li.noti-mark:before{width:2rem; height:2rem; margin-bottom:0.5rem; position:static; transform:none;}

	section.curriculum div.sect-con ul li.course div.txt{position:relative;}
	section.curriculum div.sect-con ul li.course div.txt p.info{line-height:1.8; word-break:normal;}
	section.curriculum div.sect-con ul li.course div.txt a.btn-more{font-size:0; width:100%; height:100%; position:absolute; top:0; left:0; border:0; background:transparent;}
	section.curriculum div.sect-con ul li.course div.txt a.btn-more:after{top:0; right:0; transform:unset; width:2rem; height:2rem; background:#f5f5f5 url("/fro_end/img/ico_arrow.svg")center/30% auto no-repeat; border-radius:50%; opacity:1;}
	section.curriculum div.sect-con ul li.course:nth-child(even) div.txt a.btn-more:after{background-color:#fff;}

	section.program-banner{height:32rem;}
	section.program-banner div.fixed-bg div.bg{opacity:.3;}
	section.program-banner div.inner div.sect-tit{text-align:center; padding-left:0; margin-bottom:2rem;}
	section.program-banner div.inner div.sect-tit:before{position:static; margin:0 auto; margin-bottom:1rem; transform:none;}
	section.program-banner div.inner div.sect-con ul{flex-wrap:wrap; justify-content:center; gap:1.5rem;}
	section.program-banner div.inner div.sect-con ul li{width:29%; height:7rem;}

	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:9rem;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.txt p.tit{min-height:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a:after{width:2rem; height:2rem;}
	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a div.ico{width:2.25rem; height:2.25rem;}

	section.contact-us div.quick ul li.btn a div.lab{font-size:1.125rem; padding-left:3rem;}

	section.family-site{display:block; width:100%; background:var(--color-main01-5); margin:0 auto; padding:1rem;}
	section.family-site div.sect-tit{display:none;}
	section.family-site div.sect-con{width:100%;}

	footer.footer{text-align:center;}
	footer.footer div.inner{padding-top:2rem;}
	footer.footer div.inner div.left ul.btn-list{justify-content:center; flex-wrap:wrap;}
}
@media screen and (max-width:400px){

	header.header div.menu-box div.top div.logo{width:9.5rem;}
	header.header div.menu-box div.top div.right-btn{gap:0.8rem;}
	header.header div.menu-box div.top div.right-btn div.member a[class^="btn-"]{font-size:0.8rem; padding:0 0.4rem;}
	header.header div.menu-box div.top div.right-btn a.btn-close{width:1.5rem; height:1.5rem;}
	
	section.main-visual div.inner div.main-txt p.txt01{text-shadow:0 10px 20px rgba(0,0,0,0.2);}
	section.main-visual div.inner div.main-txt p.txt02{display:inline; font-size:0.925rem;}
	section.main-visual div.inner div.main-quick{margin-top:2rem;}
	section.main-visual div.inner div.main-quick ul:after{width:2.5rem; height:2.5rem; right:2rem; bottom:1.8rem;}
	section.main-visual div.inner div.main-quick ul li{font-size:0.9rem;}
	section.main-visual div.inner div.main-quick ul li a{padding:1.2rem 0.2rem;}

	section.curriculum div.sect-con ul li.course div.img{height:13rem;}

	section.gallery-group:before{width:22rem; height:22rem; bottom:0; right:-6rem;}
	section.gallery-group div.sect-con div.gallery div.item{width:100%;}
	section.gallery-group div.sect-con div.gallery div.item a.inner div.img{height:13rem;}

	section.gallery-group div.sect-con div.gallery-quick div[class^="btn-"] a{padding:1.75rem;}

	section.contact-us div.quick ul li.btn a{display:block;}
	section.contact-us div.quick ul li.btn a div.lab{width:100%; margin-bottom:1rem; position:relative;}
	section.contact-us div.quick ul li.btn a div.lab:after{content:''; display:block; width:2rem; height:2rem; border-radius:50%; background:#f5f5f5 url("/fro_end/img/ico_arrow.svg")center/30% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
	section.contact-us div.quick ul li.btn a div.inf{width:100%;}


}
@media screen and (max-width:320px){
	header.header div.menu-box div.top div.logo{display:none;}
	header.header div.menu-box div.top div.right-btn{width:100%; justify-content:space-between;}
	header.header div.menu-box div.inner ul.nav-d01 > li > span.lab{padding:1rem;}

	header.header div.course-search{max-height:90vh; height:25rem;}
	header.header div.course-search div.inner div.tit{text-align:center;}
	header.header div.course-search div.inner div.con div.search-area{flex-wrap:wrap; justify-content:center;}
	header.header div.course-search div.inner div.con div.search-area input.input-search{width:100%; margin-bottom:0.5rem; border-radius:0.5rem; border:2px solid #333;}
	header.header div.course-search div.inner div.con div.search-area a.btn-search{width:100%; border-radius:0.5rem; height:3rem; line-height:3rem;}
}