@charset "UTF-8";


/**{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif}

main{-webkit-box-flex:1;-ms-flex:1;flex:1;}*/

/* new gnb */
.gnb {width:100%;height:100%;z-index:9997;transition:.5s right;}
.gnb__depth1 .depth1-item {border-top:1px solid rgba(255, 255, 255, 0.3);}
.gnb__depth1 .depth1-item a {display:block;color:#333;letter-spacing:-0.04em;font-size:16px;}
.gnb__depth1 .depth1-item > a {padding:7px 34px;font-weight:700;}
.gnb__depth1 .depth1-item .active {position:relative;}
.gnb__depth1 .depth1-item .active::after {content:'';position:absolute;top:13px;right:24px;width:17px;height:12px;background:url(/images/common/arrow_under_blue.svg) no-repeat;}
.gnb__depth1 .depth2 {display:none;padding:0 24px;}
.gnb__depth1 .depth2__item > a {display:flex;align-items:center;gap:4px;padding:2px 0 2px 10px;font-size:14px;word-break:keep-all;line-height:1.4;}
.gnb__depth1 .depth2__item > a::before{content:'';display:block;width:6px;height:2px;background:var(--c_gray_40);}
.gnb__depth1 .depth2__item > a.is-active {position:relative;border:1px solid #fff;background-color:#fff;color:var(--c_primary);font-weight:900;}
.gnb__depth1 .depth2__item > a.is-active::before{background-color:var(--c_primary);}
.gnb__depth1 .depth3 {display:none;padding:6px 24px 16px;font-size:15px;line-height:30px;list-style:disc;}
.gnb__depth1 .depth3__item::marker {color:#fff;}
.gnb__depth1 .depth3__item > a {font-weight:300;font-size:15px;}
.gnb__depth1 .depth3__item > a.is-active {text-decoration:underline;}

#header{z-index:100;position:fixed;display:flex;flex-direction:column;width:200px;height:100vh;top:0;left:0;right:0;padding:0;border-right:1px solid #e7eaf0;background-color:#fff;}
#header .logo a span{display:block;width:120px;height:89px;margin:20px auto 10px;font-size:0;background:url(/images/common/logo.svg) no-repeat 50%;background-size:auto 100%;}
#header .hamberger{width:50px;height:50px;background-color:#f77944;color:#fff;display:none}
/*@media screen and (max-width:1280px){
	#header{width:100%;height:50px;}
	#header .hamberger{position:absolute;right:0;top:0;display:block;}
	#header nav,
	#header .extra-menu{display:none}
	#header .logo{margin-left:1rem;height:50px}
	#header .logo img{width:110px;}
	main{margin-top:50px;}
}*/

/* 모바일 기기 접속시 모바일 헤더 노출(반응형 규격과 관계없이) */
#header nav ul.main-menu,
#header nav ul.main-menu li{display:-webkit-box;display:-ms-flexbox;display:flex}

#header nav ul.main-menu{display:flex;flex-direction:column;}
#header nav ul.main-menu li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-item-align:stretch;align-self:stretch}

#header nav ul.main-menu li>a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#header nav ul.main-menu li>a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#3c4651;font-size:1.2rem;font-weight:600;width:140px;height:80px}

#header nav ul.main-menu li>a::after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;display:block;content:'';width:0;height:4px;background:#11e2c7;background:linear-gradient(322deg,#11e2c7 0,#2a54d1 100%);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}
#header nav ul.main-menu li>a.is-active::after,
#header nav ul.main-menu li>a:hover::after{width:100%;opacity:1}

#header nav .sub-menu{display:none;border-left:1px solid #eee;margin-bottom:1.5rem}
#header nav .sub-menu .menu-group{width:140px;border-right:1px solid #eee;padding:10px;font-size:15px}
#header nav .sub-menu .menu-group a{display:block;padding:5px 10px;color:#5f6264;border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}
#header nav .sub-menu .menu-group a:hover{font-weight:600;background-color:#f8f8f8!important;color:#0a0a0a}

.mobile-menu .top .mobile-menu-close i,
#header .hamberger i{margin:0;font-size:30px}

#header .extra-menu {display: flex;justify-content: center;margin: 8px 0 16px;}

#header .user-name,
#header .user-menu,
#header .user-level {display:flex;justify-content:center;align-items:center;padding:0;margin:0;}
#header .user-name > span {font-size: 1.1rem;}
#header .user-level {font-size: .9rem;font-weight: 700;color: #fff;padding: 3px;background: var(--c_gray_50);border-radius: 3px;margin: 10px 0;}

#header .user-menu {flex-wrap: wrap;row-gap:.5rem;margin-top:10px;}
#header .user-menu a{display:block;padding:10px;border:1px solid #ddd;word-break:keep-all;line-height:1;font-size:15px;color:#545657;font-weight:500}
#header .user-menu a:nth-child(2){border-left:0;}
#header .user-menu a.student-login {width:100%;max-width:143px;text-align: center;}
#header .user-menu a:hover {z-index:1;border-color:#ddd;background:var(--c_gray_5)}

.mobile-menu{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:100;overflow-y:scroll}
.mobile-menu .top{position:relative;padding:1rem 2rem}
.mobile-menu .top .buttons,
.test-screen .test-body .test-question .question-content .ox-table .table td .answers label{margin:0}
.mobile-menu .top .buttons a.button{font-size:14px;margin-bottom:0}
.mobile-menu .top .mobile-menu-close{position:absolute;top:0;right:0;margin-left:auto;width:50px;height:50px;background-color:#7a7a7a;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mobile-menu .menu-container{display:grid;grid-template-columns:repeat(2,1fr);padding:1rem 2rem;gap:1.3rem}
.mobile-menu .menu-container .menu-group a.main-menu{display:block;font-size:1.2rem;font-weight:600;color:#3c4651;margin-bottom:10px}
.mobile-menu .menu-container .menu-group .sub-menu a{font-size:14px;display:block;color:#949697;padding:6px 10px;background-color:rgba(248,248,248,.8);border-radius:4px;margin-bottom:5px}

/* navi */
.breadcrumb .list{display:flex;align-items:center;width:100%;margin:0 auto;padding:0}
.breadcrumb .list .item{position:relative;display:flex;align-items:center;font-size:14px;line-height:1;color:var(--c_primary_m2);}
.breadcrumb .list .item::after{content:'';display:block;width:23px;height:13px;background:url(/images/common/navi_arr.svg) no-repeat 50% 50%;}
.breadcrumb .list .item:first-child span{display:block;width:15px;height:15px;padding-left:0;font-size:0;background:url(/images/common/navi_home.svg) no-repeat;}
.breadcrumb .list .item.current-page{font-weight:bold;}
.breadcrumb .list .item.current-page::after{display:none}

.pages,
.pages > section{flex-direction:column;position:relative;}
.pages{padding:0;padding-left:260px;padding-right:150px;}
.pages > section{padding:80px 0;width:100%;max-width:1410px;margin:0 auto;}
.pages > section.popup{padding:1rem 1rem 2rem;}

@media (max-width:768px){
	.pages > section{padding:2rem}
}

.page-title{text-align:center;}
.pages > section .page-title h1{font-size:2.2rem;font-weight:700;line-height:1.3;text-align:center;margin-bottom:2.5rem}
.pages > section .page-title-box{margin-bottom:40px;line-height:1;color:#3c4651;}
.pages .pbt-test .result-item h2,
.pages > section .page-title-box .subject h1,
.page-title h1{font-size:52px;font-weight:700;margin-bottom:1rem;color:var(--c_primary_m2);line-height:1;font-family:'EliceDigitalBaeum-Bd'}
.pages > section .page-title-box .subject p,
.page-title p{font-size:15px;color:var(--c_gray_90);line-height:1.5;word-break:keep-all;font-weight:700;color:rgba(14, 29, 75, 0.58);}

.pages > section .page-title-box .image{position:absolute;right:0;top:0;width:528px;height:270px;background:url(/images/common/vs_bg.svg) no-repeat;}
.pages > section .page-title-box .image::before{content:'';display:block;position:absolute;right:60px;top:83px;background-size:100% auto;background-repeat:no-repeat;}
.pages[data-page="precision-level-list"] section .page-title-box .image::before,
.pages[data-page="precision-level-check"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico1.svg);}
.pages[data-page="precision-cause-check"] section .page-title-box .image::before,
.pages[data-page="precision-cause-list"] section .page-title-box .image::before{top:103px;width:250px;height:148px;background-image:url(/images/common/vs_ico2.svg);}
.pages[data-page="support-history-list"] section .page-title-box .image::before,
.pages[data-page="support-lookup"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico3.svg);}

.pages[data-page="record-supporting"] section .page-title-box .image::before,
.pages[data-page="record-growth"] section .page-title-box .image::before,
.pages[data-page="student-management"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico4.svg);}

.pages[data-page="record-supporting"] section .page-title-box .image::before,
.pages[data-page="record-growth"] section .page-title-box .image::before {height:186px;}

.quickmenu{position:fixed;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:90px;height:100vh;background:var(--c_primary);}
.quickmenu b{width:50px;height:29px;margin-bottom:10px;font-size:0;background:url(/images/common/tit_quick.svg) no-repeat;}
.quickmenu a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:800;}
.quickmenu a::before{content:'';display:block;width:25px;height:25px;background:url(/images/common/ico_faq.svg) no-repeat;}
.quickmenu a.qna::before{background-image:url(/images/common/ico_qna.svg);}
.quickmenu a.btn_top{position:fixed;bottom:20px;right:17px;font-size:0;background-color:#0083E7;}
.quickmenu a.btn_top::before{display:none}

/* footer */
footer{position:fixed;z-index:100;left:0;bottom:0;width:200px;padding:0 20px 20px;}
footer  p{margin:10px 0;font-style:normal;font-size:13px;color:#a9afb4;line-height:1.2}
footer .logo{width:150px;margin-bottom:8px;}

footer .designSelect .lists ul {padding-top:4px;border-top:0;}
footer .designSelect.on .lay a {border-radius:0 0 4px 4px;}
footer .designSelect.on .lists {border:2px solid var(--c_gray_40);border-bottom:0;}
footer .designSelect.type01.on .lists {top:-67px;border-radius:3px 3px 0 0;}