@charset "UTF-8";

/* COMMON */
html {scroll-behavior:smooth;}
img {display:block;}

/* HEADER */

.container{display:flex;}
header {z-index:100;}
.header.active {box-shadow:4px 4px 10px 3px rgba(0,0,0,.1)}
.header.active::before {content:'';position:absolute;top:0;left:0;width:100%;height:112px;background:#fff;z-index:-1;}

.header .logo_wrap {position:fixed;left:14px;top:20px;z-index:100}
.header .logo_wrap .header__logo {display:block;width:auto;height:80px;text-indent:-9999px;overflow:hidden;}
/* .header .logo_wrap .line {display:block;width:2px;height:22px;background:#BCC8DB;} */
/* .header .logo_wrap .ico_coaching {display:block;width:121px;height:38px;background:url('/adm/images/common/logo_coaching.svg') 50% no-repeat; background-size: contain;} 
.header .logo_wrap .ico_raon {display:block;width:175px;height:38px;background:url('/adm/images/common/logo_raon.svg')50% no-repeat; background-size: contain;}*/

.header .logo_wrap .ico_coaching {display:block;width:66px;height:38px;background:url('/adm/images/common/logo_coaching.svg') 50% no-repeat; background-size: contain;}
.header .logo_wrap .ico_raon {display:block;width:66px;height:38px;background:url('/adm/images/common/logo_raon.svg')50% no-repeat; background-size: contain;}



/* .header .logo_wrap .ico_coaching {display:block;width:65px;}
.header .logo_wrap .ico_coaching::before{content:'학습코칭';display:block;margin-top:10px;padding:2px;font-size:14px;font-weight:800;border-radius:4px;text-align:center;color:#4A77EA;font-family:var(--f_eli);background:#fff;} */

.header .btn_wrap {position:absolute;right:28px;top:20px;display:flex;align-items: center;gap:20px;color:#8A949E}
.header .btn_wrap .alarm{display:flex;align-items:center;gap:12px;}
.header .btn_wrap .alarm li {display:flex;align-items:center;gap:4px;font-size:13px;}
.header .btn_wrap .alarm .ico{display:block;width:27px;height:27px;background:url(/adm/images/common/ico_alarm.svg) no-repeat}
.header .btn_wrap .alarm .ico.on{background-image:url(/adm/images/common/ico_alarm_on.svg)}
.header .btn_wrap .mypage {display:inline-flex;justify-content:center;align-items:center;gap:2px;}
.header .btn_wrap .mypage:after {content:'';display:block;width:20px;height:20px;background:url('/adm/images/common/ico_setting.svg') no-repeat}
.header .btn_wrap .btn.logout {display: inline-flex;justify-content: center;align-items: center;height:32px;padding:10px;border-radius:4px;border: 1px solid #B1B8BE;color: #8A949E;font-size: 15px;}
.header .btn_wrap .btn:hover {}

.header .btn_wrap .user-level {display: inline-flex;align-items: center;width: auto;height: 40px;font-size:13px;color: var(--c_primary_m);}
.header .btn_wrap .btn {display:inline-flex;justify-content:center;align-items:center;border-radius:40px;border:1px solid var(--c_gray_40);color:var(--c_gray_50);}


.login header {z-index:100;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;padding:30px 30px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:var(--c_primary_p10);}

.login .header .btn_wrap {display:flex;align-items: center;gap:10px;}
.login .header .logo_wrap {display:flex;align-items:center;gap:30px;}


.header__gnb {position:fixed;display:flex;flex-direction:column;justify-content:center;width:94px;min-height:100vh;height:100%;background:#4A77EA;}

.gnb-depth1 {display:flex;flex-direction:column;text-align:center;}
.gnb-depth1__item {position:relative;padding:0 12px;}
.gnb-depth1__item > a {position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;letter-spacing:-1px;padding-bottom:20px;}
.gnb-depth1__item > a::before{content:'';display:block;width:40px;height: 40px;border-radius: 4px;background:#2D5BD0 url(/adm/images/common/ico_gnb.svg) no-repeat 11px 10px;}
.gnb-depth1__item.current > a::before{background-color:#fff;background-position:11px -30px}

.gnb-depth1__item:nth-child(2) > a::before{background-position:-30px 10px}
.gnb-depth1__item:nth-child(3) > a::before{background-position:-70px 10px}
.gnb-depth1__item:nth-child(4) > a::before{background-position:-110px 10px}
.gnb-depth1__item:nth-child(5) > a::before{background-position:-150px 10px}
.gnb-depth1__item:nth-child(2).current > a::before{background-position:-30px -30px}
.gnb-depth1__item:nth-child(3).current > a::before{background-position:-70px -30px}
.gnb-depth1__item:nth-child(4).current > a::before{background-position:-110px -30px}
.gnb-depth1__item:nth-child(5).current > a::before{background-position:-150px -30px}


#mobile-gnb__btn {display:none;cursor:pointer;}
.header__sitemap {display:none;width:52px;height:50px;}
.header__sitemap .line {display:block;width:25px;height:3px;background-color:#1f1f1f;border-radius:10px;}
.header__sitemap .line:not(:last-child) {margin-bottom:6px;}


/* MOBILE MENU */
.mobile-gnb {display:none;z-index:9997;overflow-y:scroll;position:fixed;top:0;right:-273px;width:273px;height:100%;padding-top:0;transition:.5s right;background-color:var(--c_primary);}
.mobile-gnb .mobile-gnb__logo {position:absolute;top:20px;left:20px;display:block;width:160px;height:36px;font-size:0;background:url(/kr/images/common/logo.svg) no-repeat 50%;background-size:100%;}
.mobile-gnb__close {position:absolute;top: 10px;right: 10px;width: 54px;height: 54px;cursor:pointer;background: #000;border-radius: 40px;z-index: 999;box-shadow: 6px 6px 10px 0px rgba(0,0,0,.2);}
.mobile-gnb__close::before,
.mobile-gnb__close::after {content:'';position:absolute;top:50%;left:27%;width:24px;height:2px;background-color:#fff;}
.mobile-gnb__close::before {transform:rotate(135deg);}
.mobile-gnb__close::after {transform:rotate(45deg);}
.mobile-gnb__global {margin:64px 24px 16px;}
.mobile-gnb__global a {position:relative;padding:10px;color:#fff;font-size:12px;font-weight:300;}
.mobile-gnb__global a:not(:last-child)::after {content:'';position:absolute;top:calc(50% - 5px);right:-2px;width:1px;height:10px;background-color:rgba(255, 255, 255, 0.3);}

.mobile-gnb .btn_wrap {display:flex;align-items: center;gap:10px; padding: 20px;}
.mobile-gnb .btn_wrap .btn {display:inline-flex;justify-content:center;align-items:center;border-radius:40px;border:1px solid rgba(42, 62, 108, 0.3);color:var(--c_white);}
.mobile-gnb .btn_wrap .btn.mypage {width:40px;height:40px;padding:0;}
.mobile-gnb .btn_wrap .btn.mypage:after {content:'';display:block;width:20px;height:20px;background:url('/adm/images/common/tico_my_w.svg') no-repeat}
.mobile-gnb .btn_wrap .btn.logout {font-size:14px;padding:11px 20px;}
.mobile-gnb .btn_wrap .btn:hover {}

.mobile-gnb__depth1 {background-color:var(--c_primary);}
.mobile-gnb__depth1 .depth1-item {border-top:1px solid rgba(255, 255, 255, 0.4);}
.mobile-gnb__depth1 .depth1-item a {display:block;color:#fff;letter-spacing:-0.04em;font-size:16px;}
.mobile-gnb__depth1 .depth1-item > a {padding:20px 24px;font-weight:700;}
.mobile-gnb__depth1 .depth1-item.active {position:relative;background-color:#fff;}
.mobile-gnb__depth1 .depth1-item.active::after {content:'';position:absolute;top:29px;right:24px;width:14px;height:9px;background:url('/kr/images/layout/icon_menu_arr_wh.png') no-repeat;}
.mobile-gnb__depth1 .depth1-item.active>a{color:var(--c_primary);font-weight:800;}
.mobile-gnb__depth1 .depth2 {position:relative;display:none;padding:20px 24px;background-color:transparent;overflow:hidden;}
.mobile-gnb__depth1 .depth2:after {z-index:0;position:absolute;content:'';display:block;background-color:var(--c_primary);width:100%;min-height:300px;top:0;left:0;filter:brightness(0.8);pointer-events:none;}
.mobile-gnb__depth1 .depth2__item {z-index:1;position:relative;}
.mobile-gnb__depth1 .depth2__item > a {display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:12px;border:1px solid rgba(255, 255, 255, 0.3);font-size:15px;word-break:keep-all;line-height:1.4;}
.mobile-gnb__depth1 .depth2__item > a.active {position:relative;border:1px solid #fff;background-color:#fff;color:var(--c_primary);font-weight:800;}
.mobile-gnb__depth1 .depth2__item > a.active::after {content: '';display: block;width: 0;height: 0;margin-top: -6px;border: 4px solid var(--c_primary);border-top: 4px solid transparent;border-right: 4px solid transparent;transform: rotate(-45deg);}
.mobile-gnb__depth1 .depth3 {display:none;padding:6px 24px 16px;font-size:15px;line-height:30px;list-style:disc;}
.mobile-gnb__depth1 .depth3__item::marker {color:#fff;}
.mobile-gnb__depth1 .depth3__item > a {font-weight:300;font-size:15px;}
.mobile-gnb__depth1 .depth3__item > a.active {text-decoration:underline;}


.contit {display:flex;align-items:flex-end;gap:10px;padding:0 0 20px;border-bottom:1px solid #E6E8EA}
.contit h3{margin:0;line-height:1;font-size:24px;font-weight:500;color:var(--c_primary_m2);font-family:var(--f_eli);}

.nav {display:flex;align-items:center;gap:10px;}
.nav__item {font-size:13px;color:var(--c_gray_70);}
.nav__item.home {display:flex;align-items:center;gap:10px;}
.nav__item.home > a {display:block;width:12px;height:13px;background:url('/adm/images/common/ico_home.svg') no-repeat}
.nav__item span{line-height:1}
.nav__item.page {display:flex;flex-shrink: 0;align-items:center;gap:10px;}
.nav__item.home:after,  .nav__item.page:after{content:'';display:block;width:7px;height:12px;background:url('/adm/images/common/arr_sm.svg') no-repeat;}
.nav__item.page:last-child::after{display:none;}


/* SUB BUTTONS */
.sub-btns {display: flex;justify-content: flex-end;align-items: center;height:auto;margin:0;}
.sub__btn {position:relative;width:40px;height:40px;border-radius:40px;margin:0 4px;cursor:pointer;background-color:rgba(255, 255, 255, 0.30);background-repeat:no-repeat;background-position:50%;}
.sub__btn.print {background-image:url("/adm/images/common/ico_print.svg");}
.sub__btn.share {background-image:url("/adm/images/common/ico_share.svg");}
.sns-box {display:none;z-index:1;position:absolute;top:44px;left:0;}
.sns-box.active {display:flex;gap:4px;}
.sns__icon {display:block;width:40px;height:40px;border-radius:40px;background-repeat:no-repeat;background-position:50%;}
.sns__icon.fb {background-color:#114EB7;background-image: url("/adm/images/common/fb.svg");}
.sns__icon.blog {background-color:#29B653;background-image: url("/adm/images/common/nb.svg");}

.con_wrap{min-height:100vh}

/* 컨텐츠 박스 */
.wrapper {/* width:1200px; */min-height:calc(34vw);margin:0 auto;padding:0;}
.con_wrap #BoardContainer{margin:0 auto;}

/* FOOTER */
footer{width:100%;padding:60px 0 39px 0;color:#7B7B7B;}
footer .footer__info {display:flex;justify-content:space-between;}

/* FOOTER */
.login footer{color:#7B7B7B;background:#3A3944}
.login footer .layout{max-width:1680px;margin:0 auto}
.login .footer__info-l .guide-list a {color:var(--c_white);}
.login .footer__info-r .designSelect {border-bottom-color:#fff;}

.login .footer__info-r .designSelect .lay a {color:var(--c_white);}
.login .footer__info-r .designSelect .lay a::after {background-image:url(/adm/images/common/arr_w.svg);}



.footer__info-l {display:flex;flex-direction:column;}
.footer__info-l .guide-list {margin-bottom:20px;}
.footer__info-l .guide-list a {position:relative;color:#7B7B7B;}
.footer__info-l .guide-list a + a {padding-left:28px;}
.footer__info-l .guide-list a + a::before {content:'';position:absolute;top:5px;left:12px;width:1px;height:14px;border-radius:0.5px;background-color:var(--c_gray_30);}
.footer__info-l > div address {display:inline-block;}


.footer__info-r {display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.footer__info-r .btn_top {display:block;width:30px;height:30px;border-radius:4px;}
.footer__info-r .designSelect {width:260px;height:54px;margin:0;border-bottom:4px solid #7B7B7B;border-radius:0;background:transparent;}
.footer__info-r .designSelect .lay {height:54px;}
.footer__info-r .designSelect .lay a {color:#7B7B7B;font-size:1rem;font-weight:600;}
.footer__info-r .designSelect .lay a::after {background:url(/adm/images/common/arr_bk.svg) no-repeat 50%;transform:rotate(180deg);-webkit-transform: rotate(180deg);}
.footer__info-r .designSelect.on .lay a::after {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.footer__info-r .designSelect.on .lists {top:-205px;}

/* TOPBTN */
.btn_top {animation:ani_top .3s .3s both;z-index:99;position:fixed;right:0;bottom:6%;display:none;align-items:center;justify-content:center;width:28px;height:76px;border-radius:12px 0 0 12px;border:none;font-size:0px;background:var(--c_primary_m);mix-blend-mode:exclusion;}
.btn_top:after {content:'';position:absolute;display:block;width:18px;height:17px;background:url('/adm/images/common/arr_w_big.svg') 50% no-repeat;background-size:100%;}
@keyframes ani_top {
  0% {opacity:0; transform:translateX(50px);}  
  100% {opacity:1; transform:translateX(0);}  
}


.sub_container{display:flex;width:100%;padding-left:94px}



/* submenu가 없을 때 (기본값) */
.con-container {display: flex;flex-direction:column;gap: 40px;width:100%;padding: 70px 30px 40px 50px;}
/* submenu가 있을 때 */
.snb + .con-container {width:calc(100% - 200px);}
.collapsed + .con-container {width:100%}
/* 서브메뉴 */
.snb{position:relative;display:flex;flex-direction:column;gap:24px;background-color:#F4F5F9}
.snb h2{padding:166px 0 0 38px;color:#6A7182;font-size: 32px;font-weight:800;}
.snb h2::before{content:'';display:block;width:38px;height:38px;margin-bottom:10px;background:url(/adm/images/common/ico_tit.svg) no-repeat;}

/* 서브메뉴 열림펼침 추가0728 */
.snb {width:200px;transition: width 0.3s ease;}
.snb.collapsed {width:0;}
.snb.collapsed .submenu-title,
.snb.collapsed .submenu {display: none;}
.snb.collapsed .btn-collapse {display: none;}
.snb.collapsed .btn-expand {display: block;}

.snb-toggle {position: absolute;top: 20px;right: -24px;width: 24px;height: 84px;background-size: 16px;background-color:#F4F5F9;cursor: pointer;z-index: 10;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.snb-toggle:before {content: '';display:block;width: 0;height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;border-right: 5px solid transparent;border-left: 5px solid #A4AAC3;}
/* 접기 버튼 (← 아이콘) */
.btn-collapse::before {margin-left:8px;}

/* 펼치기 버튼 (→ 아이콘) */
.btn-expand {display: none;background-color:#A4AAC3}
.btn-expand:before  {width: 0;height: 0;border-top: 5px solid transparent; border-bottom: 5px solid transparent;border-right: 5px solid #F4F5F9;border-left: 5px solid transparent;}


.submenu {width:140px;margin:0 30px 0;}
.submenu li a{position: relative;  display: flex;justify-content:space-between;align-items: center;width: 100%; padding: 12px 0px 12px 8px;border-top:1px solid #8a949e;font-size: 15px;font-weight:bold;color: #1e2124;}
.submenu li:last-child a {border-bottom:1px solid #8a949e;}
.submenu li a::after{content: ""; width: 20px;height: 20px;background: url(/adm/images/common/ico_arr_r.svg) no-repeat center;opacity:0;}
.submenu li.active a {color: #2d5bd0;}
.submenu li.active a::after,
.submenu li a:hover::after {transition: opacity 0.2s ease-in-out;opacity:1;}


.tabmenu {display: flex;width:100%;gap: 8px;}
.tabmenu a{display: flex;justify-content: center;align-items: center;width:100%;height:40px;padding: 0px 12px;border-radius:6px;background:#EEF2F7;}
.tabmenu a.active {color: #fff;background: #063A74}

.tabmenu--sub{position:relative;display:flex;align-items:center;gap:0;}
.tabmenu--sub::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:var(--c_gray_30)}
.tabmenu--sub a {position:relative;margin-left:-1px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:800;color:var(--c_gray_60);border:1px solid var(--c_gray_30);border-bottom:0;font-family:var(--f_nsN);background-color:var(--c_gray_10);cursor:pointer;}
.tabmenu--sub a.active {z-index:10;color:var(--c_gray_70);background:var(--c_white);}
.tabmenu--sub > button:has(a) {padding:0;}
.tabmenu--sub > button:has(a) a {display:inline-block;padding:1rem 2rem;color:var(--c_gray_60);}
.tabmenu--sub > button.active:has(a) a {color:var(--c_gray_70);}