@charset "utf-8";

:root{
    --color-main : #26B7BC;
    --color-snd7 : #5BC9CD;
    --color-snd2 : #D4F1F2;
    --color-snd1 : #EAF8F9;
    
    --color-thd : #AF52DE;

    --color-sub : #2E323B;    
    --color-red : #EC171E;
    --color-yel : #E8B931;
    --color-bk1 : #111;
    --color-bk3 : #333;
    --color-bk6 : #666;
    --color-bk9 : #999;
    --color-gra : #aaa;
    --color-grb : #bbb;
    --color-grc : #ccc;
    --color-grd : #ddd;
    --color-gre : #eee;
    --color-wh4 : #f4f4f4;
    --color-wh8 : #f8f8f8;
    --color-whf : #fff;
}

* { letter-spacing: -0.05em; }

.swal2-styled.swal2-confirm {
    font-size: 16px !important;
    background: var(--color-sub) !important;
}

body { overflow:hidden;overflow-y:scroll;}
body.noscroll { position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }
body.noscroll > .academy_search {filter: blur(10px);-webkit-filter: blur(10px); }

.flat_lg_warp { display: block;padding:10px 0px; }
.flat_lg_warp > hgroup { display: block; padding:120px 80px 110px 80px; margin:0 auto; }
.flat_lg_warp > hgroup > h1 { display:block; font-size:0px; height:104px; background-image:url(../images/sco_bi.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } 
.flat_lg_warp > hgroup > h2 { display:block; font-size:20px; line-height: 30px; margin-top:5px; font-family:"Paperlogy"; font-weight: 900; text-align:center; color:var(--color-main); text-decoration:underline;letter-spacing: -0.05em;}

.flat_lg_warp > .lg_method { padding:10px 40px; }
.flat_lg_warp > .lg_method > .login_btns { display: block;padding:0px 0px; text-align: center;font-size:0px; }
.flat_lg_warp > .lg_method > .login_btns > button { position: relative; display: block;width:100%;border: 2px solid var(--color-main); color:var(--color-main); line-height: 44px;height:48px;font-size:16px;font-weight: 400;margin-top:0px;letter-spacing: -0.05em; border-radius: 5px; vertical-align: bottom; }
.flat_lg_warp > .lg_method > .login_btns > button::before { width:24px;height:24px;content: '';position: absolute;top:10px;left:20px;background-position: center; background-repeat: no-repeat; background-size: contain; }
.flat_lg_warp > .lg_method > .login_btns > button + button { margin-top:4px; }
.flat_lg_warp > .lg_method > .login_btns > button > b { font-weight: 600; }
.flat_lg_warp > .lg_method > .login_btns > button[name='kakao'] { border: 2px solid #FAE300; background-color:#FAE300; color:var(--color-bk1); }
.flat_lg_warp > .lg_method > .login_btns > button[name='kakao']::before {  background-image:url(../images/ico_social_kakao.svg); }
.flat_lg_warp > .lg_method > .login_btns > button[name='naver'] { border: 2px solid #03C75A; background-color:#03C75A; color:var(--color-whf); }
.flat_lg_warp > .lg_method > .login_btns > button[name='naver']::before {  background-image:url(../images/ico_social_naver.svg); }
.flat_lg_warp > .lg_method > .login_btns > button[name='google'] { border: 2px solid var(--color-grd); background-color:var(--color-whf); color:var(--color-bk1); }
.flat_lg_warp > .lg_method > .login_btns > button[name='google']::before {  background-image:url(../images/ico_social_google.svg); }
.flat_lg_warp > .lg_method > .login_btns > button[name='apple'] { border: 2px solid var(--color-bk1); background-color:var(--color-bk1); color:var(--color-whf); }
.flat_lg_warp > .lg_method > .login_btns > button[name='apple']::before {  background-image:url(../images/ico_social_apple.svg); }

.flat_lg_warp > .lg_method > p { position: relative;height:26px;line-height: 26px; margin-top:30px; }
.flat_lg_warp > .lg_method > p::before { content:'';position: absolute;top:12px;left:0px;right:0px;height:2px;background-color:var(--color-gre);display:block;z-index: 9; }
.flat_lg_warp > .lg_method > p > b { display: block;line-height: 26px;height: 26px;color:var(--color-grb);margin:0 auto;width:70px;text-align: center;background-color: var(--color-whf);position:relative;z-index: 10; }
.flat_lg_warp > .lg_method > .goto_btns { display: block; margin-top:30px;padding:0px 0px; text-align: center;font-size:0px; }
.flat_lg_warp > .lg_method > .goto_btns > button { display: inline-block;width:120px;border: 2px solid var(--color-main); color:var(--color-main); line-height: 44px;height:48px;font-size:16px;font-weight: 600;margin-top:0px;letter-spacing: -0.05em; border-radius: 5px; vertical-align: bottom;; }
.flat_lg_warp > .lg_method > .goto_btns > button[name='login'] { width:calc( 100% - 124px );background-color: var(--color-main); color:var(--color-whf); margin-left:4px; }
.flat_lg_warp > .lg_method > .goto_btns > a { display: inline-block; line-height: 30px;padding:0px 10px;font-size:15px;position: relative;}
.flat_lg_warp > .lg_method > .goto_btns > a + a { margin-left:2px; }
.flat_lg_warp > .lg_method > .goto_btns > a + a::before { content: '';display: block;position: absolute;background-color: var(--color-grd);width:2px;height:10px;top:10px;left:-2px; }
.flat_lg_warp > .lg_method > .goto_btns > a.join { font-weight: 600; }

.flat_lg_warp > .lg_form { padding:0px 40px; }
.flat_lg_warp > .lg_form > h4 { font-size:22px; font-family:"Paperlogy"; font-weight: 700; color:var(--color-sub);margin-bottom: 5px;letter-spacing: -0.05em; }
.flat_lg_warp > .lg_form > form {  }
.flat_lg_warp > .lg_form > form > span { display: block;background-color: var(--color-gre);position: relative;padding-left:46px;border-radius: 5px; }
.flat_lg_warp > .lg_form > form > span + span {margin-top:10px;}
.flat_lg_warp > .lg_form > form > span > input[type=text],
.flat_lg_warp > .lg_form > form > span > input[type=password] { display:block;width:100%;line-height: 46px; height:46px; border: 0px;font-size:15px;padding:0px 15px;letter-spacing: -0.05em; }
.flat_lg_warp > .lg_form > form > span > input::placeholder { color:var(--color-grb); }
.flat_lg_warp > .lg_form > form > span::before { content: '';display: block;position: absolute; top:8px;left:0px; height: 30px;line-height: 30px;font-size:24px;vertical-align: bottom;width: 46px;margin-right: 0px;font-family: 'xeicon' !important; color:var(--color-bk9);text-align:center; border-right: 1px solid var(--color-grd);}
.flat_lg_warp > .lg_form > form > span.id::before { content:'\e9f5'; }
.flat_lg_warp > .lg_form > form > span.pw::before { content:'\e966'; }
.flat_lg_warp > .lg_form > form > button { display: block;width:100%;background-color: var(--color-main); line-height: 52px;height:52px;font-size:18px;font-weight: 600;margin-top:10px;letter-spacing: -0.05em;color:var(--color-whf);border-radius: 5px; }
.flat_lg_warp > .lg_form > .checkbox { display:block;margin-top:20px;padding:10px 0px; }

.flat_lg_warp > .lg_form > .checkbox > label { position:relative; display:inline-block;margin-right:0px; padding:0px 0px;padding-left:22px; height:22px; color:var(--color-bk9); text-align:left; line-height:22px; vertical-align:bottom; cursor:pointer; overflow:hidden; font-size:0px;}
.flat_lg_warp > .lg_form > .checkbox > label > input[type=checkbox] { display:none; }
.flat_lg_warp > .lg_form > .checkbox > label > input[type=checkbox] + span  { display:inline-block;line-height:22px;vertical-align:bottom;font-size:15px;margin-left:7px; }
.flat_lg_warp > .lg_form > .checkbox > label > input[type=checkbox] + span:before { background: var(--color-whf);position:absolute; top:0px; left:0px; width:22px;height:22px; border-radius: 50%; background:var(--color-gre); content: '';border:0px; font-size:22px;text-align:center;line-height:20px;font-family: 'xeicon' !important; color:var(--color-whf); content: "\e928"; }
.flat_lg_warp > .lg_form > .checkbox > label > input[type=checkbox]:checked + span  { color:var(--color-bk1); -webkit-tap-highlight-color:transparent;font-weight: 600; }
.flat_lg_warp > .lg_form > .checkbox > label > input[type=checkbox]:checked + span:before {  background: var(--color-whf); font-size:20px;text-align:center;line-height:22px; font-family: 'xeicon' !important; display: inline-block; background:var(--color-main);color:var(--color-whf); content: "\e928"; }

.flat_lg_warp > .lg_form > .goto_btns { display: block; margin-top:40px;padding:10px 0px; text-align: center;font-size:0px; }
.flat_lg_warp > .lg_form > .goto_btns > a { display: inline-block; line-height: 30px;padding:0px 10px;font-size:15px;position: relative;}
.flat_lg_warp > .lg_form > .goto_btns > a + a { margin-left:2px; }
.flat_lg_warp > .lg_form > .goto_btns > a + a::before { content: '';display: block;position: absolute;background-color: var(--color-grd);width:2px;height:10px;top:10px;left:-2px; }
.flat_lg_warp > .lg_form > .goto_btns > a.join { font-weight: 600; }

.flat_lg_warp > .copy { display: block; margin-top:60px;padding:10px 0px; text-align: center;font-size:14px;line-height: 20px;color: var(--color-bk9); }

header.flat { display:block;height:70px;position: sticky;top:0px;right:0px;left:0px;padding:10px 10px;background:var(--color-whf);box-shadow:none;}
header.flat > .btns { display:block;position:absolute;top:10px;height:50px; padding-right:0px; }
header.flat > h1 { display: block; padding:0px 35px;font-size:20px;font-weight:600;color:var(--color-bk3);line-height:50px;height:50px;overflow: hidden;font-family:"Paperlogy";letter-spacing: -0.05em;}
header.flat > span.search { display: none;background-color: var(--color-gre);position: relative;border-radius: 25px;border: 1px solid var(--color-grc);margin:0px 35px; }
header.flat > span.search > input[type=text] { display:block;width:100%;line-height: 48px; height:48px; border: 0px;font-size:15px;padding:0px 20px;letter-spacing: -0.05em; }
header.flat > span.search > button { display: block;width:40px;line-height: 48px;height:48px;font-size:20px;color:var(--color-bk1);position: absolute; top:0px;right:5px; }
header.flat > span.search > button::before { content: '\e97a';font-family: 'xeicon' !important;}

header.flat > .btns.lt { left:5px; }
header.flat > .btns.rt { right:5px; }
header.flat > .btns > button { display: inline-block;width:40px;line-height: 50px;height:50px;font-size:20px;color:var(--color-bk1); }
header.flat > .btns > button.history_backward::before { content: '\e93b';font-family: 'xeicon' !important;}
header.flat > .btns > button.search_cancel { display: none; }
header.flat > .btns > button.search_cancel::before { content: '\e921';font-family: 'xeicon' !important;}
header.flat > .btns > button.search_cancel.show { display: block; }
.login_flat > header.flat { display:none; }
.academy_search > header.flat > h1 { display:none; }
.academy_search > header.flat > span.search { display:block; }
.app_install > header.flat { display:none; }

.main > header.flat { padding:10px 15px;background-color: var(--color-snd1); }
.main > header.flat > .btns.lt { display:none; }
.main > header.flat > h1 { padding-left:10px; }
.main > header.flat > .btns.rt { right:15px;}
.main > header.flat > h1 > a { display:inline-block; vertical-align: middle; font-size:0px; width:130px;height:50px; background-image:url(../images/sco_top_bi_temp.svg); background-position: center 4px; background-repeat: no-repeat; background-size: contain; }
header.flat > .btns > button { width:40px; }
header.flat > .btns > button.add::before { content: '\e919';font-size:28px;font-family: 'xeicon' !important;display:block;}
header.flat > .btns > button.menu::before { content: '\e91c';font-size:28px;font-family: 'xeicon' !important;display:block;}
header.flat > .btns > button.menu + div.tool { display:none;position: absolute;top:50px;right:0px;background-color: var(--color-sub);padding:15px 25px;border-radius: 10px;; }
header.flat > .btns > button.menu + div.tool > a { display:block;color: var(--color-whf);font-size:15px;font-weight: 600; line-height: 40px;text-align:center; }
header.flat > .btns > button.menu.opened + div.tool { display:block; }

.flat_jn_warp { padding:0px;min-height: calc( 100dvh - 140px );position: relative;  }
.flat_jn_warp > hgroup { padding:40px 30px; }
.flat_jn_warp > hgroup > h3 { display:block; font-size:28px; line-height: 34px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_jn_warp > hgroup > h3 > b { font-weight: 700;color:var(--color-main); }
.flat_jn_warp > hgroup > h4 { display:block; font-size:23px; line-height: 34px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_jn_warp > hgroup.completed { padding:140px 30px 60px 30px; }
.flat_jn_warp > hgroup.completed::before { display:block;content:""; width:110px;height:110px;margin:0 auto 50px auto;background-image:url(../images/ico_completed.svg);background-position: center;background-size: cover;background-repeat: no-repeat; }
.flat_jn_warp > hgroup.completed > h3 { text-align: center; }
.flat_jn_warp > hgroup.completed > h3 > strong { font-weight: 600;font-size:32px;letter-spacing: 0.05em; }
.flat_jn_warp > hgroup.completed > h4 { text-align: center; }
.flat_jn_warp > hgroup.completed2 { padding:60px 30px 60px 30px; }
.flat_jn_warp > hgroup.completed2::before { display:block;content:""; width:110px;height:110px;margin:0 auto 50px auto;background-image:url(../images/ico_completed.svg);background-position: center;background-size: cover;background-repeat: no-repeat; }
.flat_jn_warp > hgroup.completed2 > h3 { text-align: center; }
.flat_jn_warp > hgroup.completed2 > h3 > strong { font-weight: 600;font-size:32px;letter-spacing: 0.05em; }
.flat_jn_warp > hgroup.completed2 > h4 { text-align: center; }

.flat_jn_warp > hgroup.install { padding:160px 30px 60px 30px; }

.flat_jn_warp > hgroup.install > h1 { display:block; font-size:0px; height:104px; background-image:url(../images/sco_bi.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin-top:0px; margin-bottom:0px;} 
.flat_jn_warp > hgroup.install > h2 { display:block; font-size:20px; line-height: 30px; margin-top:5px; font-family:"Paperlogy"; font-weight: 900; text-align:center; color:var(--color-main); text-decoration:underline;letter-spacing: -0.05em;}
.flat_jn_warp > hgroup.install > h3 { text-align: center;margin-top:100px; }
.flat_jn_warp > hgroup.install > h3 > strong { font-weight: 600;font-size:32px;letter-spacing: 0.05em; }
.flat_jn_warp > hgroup.install > h4 { text-align: center; }

.flat_jn_warp > .terms_form { padding:0px 30px; }
.flat_jn_warp > .terms_form label { position:relative; display:block;margin-right:0px; padding:0px 0px;padding-left:22px; height:22px; color:var(--color-bk9); text-align:left; line-height:22px; vertical-align:bottom; cursor:pointer; overflow :visible; font-size:0px;}
.flat_jn_warp > .terms_form label > input[type=checkbox] { display:none; }
.flat_jn_warp > .terms_form label > input[type=checkbox] + span  { display:inline-block;line-height:22px;vertical-align:bottom;font-size:15px;margin-left:7px; }
.flat_jn_warp > .terms_form label > input[type=checkbox] + span:before { background: var(--color-whf);position:absolute; top:0px; left:0px; width:22px;height:22px;border-radius: 50%; background:var(--color-gre); content: '';border:0px; font-size:20px;font-weight: 400; text-align:center;line-height:22px;font-family: 'xeicon' !important; color:var(--color-whf); content: "\e928"; }
.flat_jn_warp > .terms_form label > input[type=checkbox]:checked + span  { color:var(--color-bk1); -webkit-tap-highlight-color:transparent;font-weight: 600; }
.flat_jn_warp > .terms_form label > input[type=checkbox]:checked + span:before {  background: var(--color-whf); font-size:20px;text-align:center;line-height:22px; font-family: 'xeicon' !important; display: inline-block; background:var(--color-sub);color:var(--color-whf); content: "\e928"; }
.flat_jn_warp > .terms_form > .all { padding:20px 0px;border-bottom: 1px solid var(--color-grd); }
.flat_jn_warp > .terms_form > .all > label > input[type=checkbox] + span { font-size:16px;font-weight: 600;color:var(--color-bk1); }
.flat_jn_warp > .terms_form > .terms_list { padding:20px 0px; }
.flat_jn_warp > .terms_form > .terms_list > p { display:block;padding:10px 0px;position: relative; }
.flat_jn_warp > .terms_form > .terms_list > p > label { display:inline-block; }
.flat_jn_warp > .terms_form > .terms_list > p > label > input[type=checkbox] + span { color:var(--color-bk1); }
.flat_jn_warp > .terms_form > .terms_list > p > label + label { margin-top:20px; }
.flat_jn_warp > .terms_form > .terms_list > p > a { display: block;position: absolute; top:50%;margin-top:-20px;right:0px;width:30px;height:40px;line-height:40px;font-size:0px;text-align: center; }
.flat_jn_warp > .terms_form > .terms_list > p > a::before { content: '\e93f';font-family: 'xeicon' !important;font-size:20px;color:var(--color-bk9);}

.flat_jn_warp > .choice_form { padding:0px 30px; }
.flat_jn_warp > .choice_form label { position:relative; display:block;margin-right:0px; padding:0px 0px;padding-left:0px; height:auto; color:var(--color-bk9); text-align:left; line-height:22px; vertical-align:bottom; cursor:pointer; overflow :visible; font-size:0px;}
.flat_jn_warp > .choice_form label + label { margin-top:10px; }
.flat_jn_warp > .choice_form label > input[type=radio] { display:none; }
.flat_jn_warp > .choice_form label > input[type=radio] + span  { display:block;line-height:18px;font-size:13px;margin-left:0px;color:var(--color-grb);padding:30px 25px 30px 95px;background: var(--color-gre);border-radius: 10px; }
.flat_jn_warp > .choice_form label > input[type=radio] + span > b { display:block;line-height:24px;font-size:18px;color:var(--color-bk1);margin-bottom:5px; }
.flat_jn_warp > .choice_form label > input[type=radio] + span:before { position: absolute; top:50%;margin-top:-25px;left:25px; width:50px;height:50px; display:block; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain;border: 0px;border-radius: 0px;}
.flat_jn_warp > .choice_form label.me > input[type=radio] + span:before { background-image:url(../images/ico_user_check.svg); }
.flat_jn_warp > .choice_form label.parent > input[type=radio] + span:before { background-image:url(../images/ico_users.svg); }
.flat_jn_warp > .choice_form label > input[type=radio]:checked + span  { color:var(--color-whf); font-weight: 400; background: var(--color-sub); }
.flat_jn_warp > .choice_form label > input[type=radio]:checked + span > b { color:var(--color-whf); }
.flat_jn_warp > .choice_form label > input[type=radio]:checked + span:before { display:block;content: "";filter: brightness(0) invert(1);}

.flat_jn_warp > .info_form { padding:0px 30px 30px 30px; }
.flat_jn_warp > .info_form > form {  }
.flat_jn_warp > .info_form > form > p { display:block; font-size:0px; }
.flat_jn_warp > .info_form > form > p.auth_no { display: none; }
.flat_jn_warp > .info_form > form > p.auth_no.show { display: block; }
.flat_jn_warp > .info_form > form > p.auth_no.hide { display: none; }
.flat_jn_warp > .info_form > form > p > label { display: block;background-color: transparent;color:var(--color-bk3);font-size:14px;padding:0px;line-height:22px;height:auto;margin:0px;margin-bottom:2px; }
.flat_jn_warp > .info_form > form > p > label.required::after { display:inline-block;content: '*';vertical-align: bottom;margin-left:2px;color:var(--color-red); }
.flat_jn_warp > .info_form > form > p > span { display: block;background-color: var(--color-gre);position: relative;border-radius: 5px;border: 1px solid var(--color-gre); }
.flat_jn_warp > .info_form > form > p > span.readonly { display: block;background-color: var(--color-whf);position: relative;border-radius: 5px; }
.flat_jn_warp > .info_form > form > p + p {margin-top:25px;}
.flat_jn_warp > .info_form > form > p > span > input[type=text],
.flat_jn_warp > .info_form > form > p > span > input[type=password],
.flat_jn_warp > .info_form > form > p > span > input[type=number] { display:block;width:100%;line-height: 44px; height:44px; border: 0px;font-size:15px;padding:0px 10px;letter-spacing: -0.05em; }
.flat_jn_warp > .info_form > form > p > span > input::placeholder { color:var(--color-grb); }
.flat_jn_warp > .info_form > form > p > span.readonly > input { font-weight: 600; }
.flat_jn_warp > .info_form > form > p > span > i { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:28px;height:28px;padding:0px 10px;border-radius: 3px;background: var(--color-sub);color:var(--color-whf);position: absolute;top:8px;right:8px; }
.flat_jn_warp > .info_form > form > p > span > i.countdown { font-size:14px;font-weight:600; line-height:28px;height:28px;padding:0px 0px;border-radius: 0px;background: transparent;color:var(--color-bk1); }
.flat_jn_warp > .info_form > form > p > span > i.countdown.right { right:115px; }
.flat_jn_warp > .info_form > form > p > span > button { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:36px;height:36px;padding:0px 10px;border-radius: 1px;background: var(--color-main);color:var(--color-whf);position: absolute;top:4px;right:4px; }
.flat_jn_warp > .info_form > form > p > span > button.send { width:100px;padding:0px; }
.flat_jn_warp > .info_form > form > p > span > button.send::before { content:'인증번호 받기'; }
.flat_jn_warp > .info_form > form > p > span > button.send.re::before { content:'다시 받기'; }
.flat_jn_warp > .info_form > form > p > span > button.send.re { background: var(--color-bk9); }
.flat_jn_warp > .info_form > form > p > span > button.verify { width:100px;padding:0px; }
.flat_jn_warp > .info_form > form > p > span > button.verify::before { content:'인증하기'; }
.flat_jn_warp > .info_form > form > p > span > button.verify.verified::before { content:'인증완료'; }
.flat_jn_warp > .info_form > form > p > span > button.verify.verified { background: var(--color-sub); }
.flat_jn_warp > .info_form > form .js-phone { border:none; }
.flat_jn_warp > .info_form > form > p > button { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:36px;height:36px;padding:0px 10px;border-radius: 1px;background: var(--color-main);color:var(--color-whf); }
.flat_jn_warp > .info_form > form > p.password-change-trigger  { }



.flat_jn_warp > .waiting_msg > p > span > button { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:36px;height:36px;padding:0px 10px;border-radius: 1px;background: var(--color-sub);color:var(--color-whf);}
.flat_jn_warp > .waiting_msg > p > span > button.edit { width:100px;padding:0px; }
.flat_jn_warp > .waiting_msg > p > span > button.edit::before { content:'정보수정하기'; }
.flat_jn_warp > .waiting_msg > p.phone { color:var(--color-sub); }
.flat_jn_warp > .waiting_msg > p.number { padding-top: 0px;}
.flat_jn_warp > .waiting_msg > p.number > span { color:var(--color-sub); font-weight: 800; font-size:18px;}


.flat_jn_warp > .info_form > form > p > span.social { display: block;background-color: transparent;position: relative;border-radius: 5px;border: 1px solid transparent; line-height: 44px;font-size:0px; }
.flat_jn_warp > .info_form > form > p > span.social > i { width:42px;height:42px;display:inline-block;position: relative;top:auto;right:auto; background-position: center; background-repeat: no-repeat; background-size: 24px;vertical-align: bottom;border-radius: 8px; }
.flat_jn_warp > .info_form > form > p > span.social > i.kakao { border: 2px solid #FAE300; background-color:#FAE300; background-image:url(../images/ico_social_kakao.svg); }
.flat_jn_warp > .info_form > form > p > span.social > i.naver { border: 2px solid #03C75A; background-color:#03C75A;background-image:url(../images/ico_social_naver.svg); }
.flat_jn_warp > .info_form > form > p > span.social > i.google { border: 2px solid var(--color-grd); background-color:var(--color-whf); background-image:url(../images/ico_social_google.svg); }
.flat_jn_warp > .info_form > form > p > span.social > i.apple { border: 2px solid var(--color-bk1); background-color:var(--color-bk1);background-image:url(../images/ico_social_apple.svg); }
.flat_jn_warp > .info_form > form > p > span.social > b { line-height:42px;height:42px;display:inline-block;margin-left:8px;font-size:16px;font-weight: 600;vertical-align: bottom; }

.flat_jn_warp > .info_form > form > p > span.sel { position:relative;outline: none;display:inline-block;width:49%;margin-top:6px;overflow: hidden;}
.flat_jn_warp > .info_form > form > p > span.sel:after { font-family: 'xeicon' !important; content:"\e942";vertical-align: middle;position:absolute;top:0px;right:12px;display:block;color:var(--color-bk9);font-size:15px;height:46px;line-height:46px;z-index:1;}
.flat_jn_warp > .info_form > form > p > span.sel > select { display:block;width:120%;line-height: 44px; height:44px; border: 0px;font-size:15px;padding:0px 10px;letter-spacing: -0.05em;color:var(--color-bk9);z-index:2;position: relative; }
.flat_jn_warp > .info_form > form > p > span.sel + span.sel { margin-left:2%; }

.flat_jn_warp > .info_form > form > p > em {display:block;font-size:14px;line-height:22px;height:auto;margin-top:2px;color:var(--color-red);}
.flat_jn_warp > .info_form > form > p > em:empty { display:none; }
.flat_jn_warp > .info_form > form > p > b {display:block;font-size:13px;line-height:22px;height:auto;margin-top:2px;color:var(--color-bk9);font-weight: 400;}
.flat_jn_warp > .info_form > form > p > b:empty { display:none; }

.flat_jn_warp > .waiting_msg { display:block; }
.flat_jn_warp > .waiting_msg > .roll { width:140px;height:18px;overflow: hidden;margin:0 auto;margin-bottom:60px;position: relative; }
.flat_jn_warp > .waiting_msg > .roll > .dots { display:block;position: absolute;width:500px;right:0px;top:0px;font-size: 0px;text-align: right;animation: rolling 4s steps(5) infinite; will-change: transform, opacity; }
.flat_jn_warp > .waiting_msg > .roll > .dots > i { display: inline-block;content:'';width:18px;height:18px;background: var(--color-grb);border-radius: 50%;margin:0px 5px;opacity: 0.4; }
.flat_jn_warp > .waiting_msg > .roll > .dots > i:nth-child(3),
.flat_jn_warp > .waiting_msg > .roll > .dots > i:nth-child(7) {opacity: 0.8;}
.flat_jn_warp > .waiting_msg > .roll > .dots > i:nth-child(4),
.flat_jn_warp > .waiting_msg > .roll > .dots > i:nth-child(6) {opacity: 1;}
.flat_jn_warp > .waiting_msg > .roll > .dots > i:nth-child(5) { background-color: var(--color-bk1);opacity: 1 }
	@keyframes rolling {
        0% { right:0px; }
        100% { right:-140px; }
	}
.flat_jn_warp > .waiting_msg > h5 { display:block; font-size:22px; line-height: 28px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_jn_warp > .waiting_msg > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }
.flat_jn_warp > .waiting_msg > p > b { font-weight: 600; }
.flat_jn_warp > .waiting_msg > a { display: block; margin: 20px auto 0px auto;width:100px;text-align: center;line-height: 26px;text-decoration: underline;color:var(--color-main);font-weight: 600;font-size:15px;; }

.footer_btns { display:block;height:70px;position: sticky;bottom:0px;right:0px;left:0px;background:var(--color-whf);box-shadow:none;padding:11px 20px;z-index: 10;}
.footer_btns > button { display: block;width:100%;background-color: var(--color-main); line-height: 48px;height:48px;font-size:16px;font-weight: 600;letter-spacing: -0.05em;color:var(--color-whf);border-radius: 5px; }
.footer_btns > button:disabled { background:var(--color-grb); }
.footer_btns > button.waiting { background:var(--color-bk9); }

.pop.full > .popup { max-width:720px;min-height:100dvh;height:auto;width:100%; }
.pop.full > .popup > header { position:relative;display:block;padding-bottom:0px;background:var(--color-whf);padding:10px 20px;border:0px; height:auto;box-shadow:none; }
.pop.full > .popup > header h1 { font-size:20px;font-weight:600;color:var(--color-bk3);line-height:50px;height:50px;overflow: hidden;font-family:"Paperlogy";letter-spacing: -0.05em;}
.pop.full > .popup > header .btns { display:block;position:absolute;top:10px;right:5px;height:50px; }
.pop.full > .popup > header .btns > button { display: inline-block;width:50px;line-height: 50px;height:50px;font-size:20px;color:var(--color-bk1);position: relative;top:auto;right:auto; }
.pop.full > .popup > header .btns > button::before { content: '\e921';font-family: 'xeicon' !important;}
.pop.full > .popup > section { height:calc( 100dvh - 140px ) !important;max-height: 100dvh !important;width:100%; }
.pop.full > .popup > section article > .terms { padding:20px;font-size:14px;color:var(--color-bk1);white-space: pre-wrap; }
.pop.full > .popup > section article > .terms > b { font-size:15px;font-weight: 600; }

.pop.full > .popup > footer { padding:11px 20px;border:0px;background:var(--color-whf); }
.pop.full > .popup > footer > .btns { display:block; }
.pop.full > .popup > footer > .btns > button { display: block;width:100%;background-color: var(--color-sub); line-height: 48px;height:48px;font-size:16px;font-weight: 600;letter-spacing: -0.05em;color:var(--color-whf);border-radius: 5px; }

.flat_acdm_warp { padding:0px;min-height: calc( 100dvh - 70px );position: relative;  }
.flat_acdm_warp > .search_academy { display:block;padding:20px 30px; }
.flat_acdm_warp > .search_academy > .guide { display:block;padding:80px 0px; }
.flat_acdm_warp > .search_academy > .guide > h3 { display:block; font-size:28px; line-height: 34px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .guide > h4 { display:block; font-size:24px; line-height: 30px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .guide > h4 > b { font-weight: 700;color:var(--color-main); }
.flat_acdm_warp > .search_academy > .guide > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .guide > p > b { font-weight: 600; }
.flat_acdm_warp > .search_academy > .guide > a { display: block; margin: 40px auto 0px auto;width:100px;text-align: center;line-height: 26px;text-decoration: underline;color:var(--color-main);font-weight: 600;font-size:15px;; }

.flat_acdm_warp > .search_academy > .results { display:none;padding:0px 0px; }
.flat_acdm_warp > .search_academy > .results > p { display:block;font-size:14px;color:var(--color-bk9);line-height: 20px;margin-bottom:10px;letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .results > ul { display:block;font-size:0px; }
.flat_acdm_warp > .search_academy > .results > ul > li { display:block;padding:20px 12px;border-top: 1px solid var(--color-gre);position: relative; }
.flat_acdm_warp > .search_academy > .results > ul > li > h5 { display:block;font-size:18px; line-height: 24px; font-family:"Paperlogy"; font-weight: 700;position: relative;color:var(--color-bk1); }
.flat_acdm_warp > .search_academy > .results > ul > li > h5 > b { color:var(--color-main);font-weight: 700;  line-height: 24px; font-family: "Paperlogy";}
.flat_acdm_warp > .search_academy > .results > ul > li > h5 > em { position:absolute; display:block;font-size:14px; line-height: 18px; font-family:"Pretendard"; font-weight: 600;top:0px;right:0px; }
.flat_acdm_warp > .search_academy > .results > ul > li > p { display:block;font-size:14px; line-height: 20px; color:var(--color-bk6);letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .results > ul > li > i { display: block; position:absolute;bottom:20px;right:10px;background: var(--color-bk9);color: var(--color-whf);height:20px;line-height:20px;font-size:11px;width:60px;text-align: center;border-radius: 3px; }
.flat_acdm_warp > .search_academy > .results > ul > li > i.pending { background: var(--color-bk9); }
.flat_acdm_warp > .search_academy > .results > ul > li > i.pending::before { content:'등록대기'; }
.flat_acdm_warp > .search_academy > .results > ul > li > i.completed { background: var(--color-main); }
.flat_acdm_warp > .search_academy > .results > ul > li > i.completed::before { content:'등록완료'; }

.flat_acdm_warp > .search_academy.result > .guide { display:none; }
.flat_acdm_warp > .search_academy.result > .results { display:block; }

.flat_acdm_warp > .search_academy > .results > .nodata { display:block;padding:80px 0px; }
.flat_acdm_warp > .search_academy > .results > .nodata::before { font-family: 'xeicon' !important;content:'\e9ab';width:120px;height:120px;line-height:120px;color:var(--color-grb);text-align: center;font-size:100px;margin:0 auto;display:block;padding:0px 0px;margin-bottom:20px; }
.flat_acdm_warp > .search_academy > .results > .nodata > h4 { display:block; font-size:24px; line-height: 30px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_acdm_warp > .search_academy > .results > .nodata > h4 > b { font-weight: 700;color:var(--color-main); }
.flat_acdm_warp > .search_academy > .results > .nodata > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }

.flat_acdm_warp > .me { display:block;padding:0px 30px;margin-top:50px; }
.flat_acdm_warp > .me > p { display:block;font-size:14px;color:var(--color-bk9);line-height: 20px;margin-bottom:10px;letter-spacing: -0.05em; }
.flat_acdm_warp > .me > div { display:block;font-size:0px;background: var(--color-wh8);padding:15px 12px;position: relative; }
.flat_acdm_warp > .me > div + div { margin-top:8px; } 
.flat_acdm_warp > .me > div > h5 { display:block;font-size:18px; line-height: 24px; font-family:"Paperlogy"; font-weight: 700;position: relative;color:var(--color-bk1); }
.flat_acdm_warp > .me > div > h5 > b { color:var(--color-main);font-weight: 700; }
.flat_acdm_warp > .me > div > h5 > em { position:absolute; display:block;font-size:14px; line-height: 18px; font-family:"Pretendard"; font-weight: 600;top:0px;right:0px; }
.flat_acdm_warp > .me > div > p { display:block;font-size:14px; line-height: 20px; color:var(--color-bk6);letter-spacing: -0.05em; }
.flat_acdm_warp > .me > div > i { display: block; background: var(--color-bk9);color: var(--color-whf);height:20px;line-height:20px;font-size:11px;width:60px;text-align: center;border-radius: 3px;margin-top:5px; }
.flat_acdm_warp > .me > div > i.pending { background: var(--color-bk9); }
.flat_acdm_warp > .me > div > i.pending::before { content:'등록대기'; }
.flat_acdm_warp > .me > div > i.completed { background: var(--color-main); }
.flat_acdm_warp > .me > div > i.completed::before { content:'등록완료'; }

.pop > .btsheet { max-width:720px;min-height:auto;height:auto;width:100%;background: var(--color-whf);position: absolute;left:0px;right:0px;bottom:0px;border-radius: 20px 20px 0px 0px;left: 50%;transform: translateX(-50%);overflow: hidden; }
.pop > .btsheet > header { position:relative;display:block;padding-bottom:0px;padding:10px 20px;border:0px; height:auto;box-shadow:none;background: transparent; }
.pop > .btsheet > header h1 { font-size:20px;font-weight:600;color:var(--color-bk3);line-height:50px;height:50px;overflow: hidden;font-family:"Paperlogy";letter-spacing: -0.05em;}
.pop > .btsheet > header .btns { display:block;position:absolute;top:10px;right:5px;height:50px; }
.pop > .btsheet > header .btns > button { display: inline-block;width:50px;line-height: 50px;height:50px;font-size:20px;color:var(--color-bk1);position: relative;top:auto;right:auto; }
.pop > .btsheet > header .btns > button::before { content: '\e921';font-family: 'xeicon' !important;}
.pop > .btsheet > section { height:auto;max-height: auto;width:100%; }

.pop > .btsheet > section > .selected { display:block;padding:30px 20px 10px 20px; }
.pop > .btsheet > section > .selected > h4 { display:block; font-size:22px; line-height: 28px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.pop > .btsheet > section > .selected > h4 > b { font-weight: 700;color:var(--color-main); }
.pop > .btsheet > section > .selected > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }
.pop > .btsheet > section > .selected > .academy { display:block;padding:15px 12px;background:var(--color-wh8);position: relative;margin-top:30px; }
.pop > .btsheet > section > .selected > .academy > h5 { display:block;font-size:18px; line-height: 24px; font-family:"Paperlogy"; font-weight: 700;position: relative;color:var(--color-bk1); }
.pop > .btsheet > section > .selected > .academy > h5 > em { position:absolute; display:block;font-size:14px; line-height: 18px; font-family:"Pretendard"; font-weight: 600;top:0px;right:0px; }
.pop > .btsheet > section > .selected > .academy > p { display:block;font-size:14px; line-height: 20px; color:var(--color-bk6);letter-spacing: -0.05em; }

.pop > .btsheet > section > .request_wrap { display:block;padding:30px 40px 30px 40px; }
.pop > .btsheet > section > .request_wrap > h4 { display:block; font-size:22px; line-height: 28px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:var(--color-sub); letter-spacing: -0.05em; }
.pop > .btsheet > section > .request_wrap > h4 > b { font-weight: 700;color:var(--color-main); }
.pop > .btsheet > section > .request_wrap > p { display:block; font-size:16px; line-height: 20px; text-align:left; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }


.pop > .btsheet > footer { padding:0px;border:0px; }
.pop > .btsheet > footer > .btns { display:block;font-size:0px;padding:11px 20px; }
.pop > .btsheet > footer > .btns > button { display: inline-block;width:120px;border: 2px solid var(--color-sub);background-color: var(--color-sub); color:var(--color-whf); line-height: 44px;height:48px;font-size:16px;font-weight: 600;margin-top:0px;letter-spacing: -0.05em; border-radius: 5px; vertical-align: bottom;; }
.pop > .btsheet > footer > .btns > button[name='reject'] { background-color: var(--color-grb);border: 2px solid var(--color-grb); }
.pop > .btsheet > footer > .btns > button[name='add'] { width:calc( 100% - 124px );background-color: var(--color-main);border: 2px solid var(--color-main); margin-left:4px; }
.pop > .btsheet > footer > .btns > button[name='approve'] { width:calc( 100% - 124px );background-color: var(--color-main);border: 2px solid var(--color-main); margin-left:4px; }
.pop > .btsheet > footer > .btns > button[name='request'] { width:100%;border: 2px solid var(--color-main);background-color: var(--color-main); }


.pop > .btsheet > section > .pin_setting { display:block;padding:30px 20px 50px 20px; }
.pop > .btsheet > section > .pin_setting > h4 { display:block; font-size:22px; line-height: 28px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.pop > .btsheet > section > .pin_setting > h4 > b { font-weight: 700;color:var(--color-main); }
.pop > .btsheet > section > .pin_setting > p { display:block; font-size:18px; line-height: 24px; font-weight: 600; text-align:center; color:var(--color-bk6);margin-bottom:4px;letter-spacing: -0.05em; }
.pop > .btsheet > section > .pin_setting > h4::before { content:attr(data-init); }
.pop > .btsheet > section > .pin_setting > p::before { content:attr(data-init); }

.pop > .btsheet > section > .pin_setting.input { }
.pop > .btsheet > section > .pin_setting.input > h4::before { content:attr(data-input); }
.pop > .btsheet > section > .pin_setting.input > p::before { content:attr(data-input); }


.pop > .btsheet > section > .pin_setting > .num_dots { display: block;font-size:0px;text-align:center;padding:50px 0px; }
.pop > .btsheet > section > .pin_setting > .num_dots > i { display: inline-block;content:'';width:20px;height:20px;border:2px solid var(--color-grb);border-radius: 50%;margin:0px 5px;vertical-align: bottom; }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="1"] > i:nth-child(-n+1) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="2"] > i:nth-child(-n+2) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="3"] > i:nth-child(-n+3) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="4"] > i:nth-child(-n+4) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="5"] > i:nth-child(-n+5) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .num_dots[data-nth="6"] > i:nth-child(-n+6) { border:2px solid var(--color-sub);background: var(--color-sub); }
.pop > .btsheet > section > .pin_setting > .guide_msg { display: block;font-size:0px;text-align:center; }
.pop > .btsheet > section > .pin_setting > .guide_msg > h5 { display:block; font-size:18px; line-height: 24px; text-decoration: underline; font-weight: 700; text-align:center; color:var(--color-main); letter-spacing: -0.05em; }
.pop > .btsheet > section > .pin_setting > .guide_msg > p { display:block; font-size:14px; line-height: 20px; text-align:center; color:var(--color-bk6);margin-top:4px;letter-spacing: -0.05em; }
.pop > .btsheet > footer > .safety_keys { display:block;font-size:0px;padding:10px;margin-left:-5px;margin-top:0px; background-color: #D2D3D8; }
.pop > .btsheet > footer > .safety_keys > button { display: inline-block; width: calc( ( 100% / 3 ) - 5px ); margin-top:8px;margin-left:5px; height:50px;line-height: 50px;background: var(--color-whf);color: var(--color-bk1); font-size:24px;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);font-weight: 600;border-radius: 5px;vertical-align: bottom; }
.pop > .btsheet > footer > .safety_keys > button:nth-child(-n+3) { margin-top:0px; }
.pop > .btsheet > footer > .safety_keys > button:nth-child(10) { font-size:18px;font-weight: 400; }
.pop > .btsheet > footer > .safety_keys > button:nth-child(12) { font-size:0px; }
.pop > .btsheet > footer > .safety_keys > button:nth-child(12)::before { display: block;width:24px;height:50px;background-image:url(../images/ico_backspace.svg);background-repeat: no-repeat;background-size: contain;background-position: center;content:'';margin:0 auto;}
.pop > .btsheet > footer > .safety_keys > button:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px inset;background:rgba(255,255,255,0.6); }

.nowSt > .edit-info-box  {text-align: right; display: inline-block;}
.nowSt > .edit-info-box > .edit-info {color: var(--color-whf); font-size: 18px; text-align: right;}
.nowSt .edit-info-box .edit-info .edit-pen {color: var(--color-whf); font-size: 18px; text-align: right;}



.dashoboard { display: block;padding:0 15px; }

.students_seleter { display: block;background-color: var(--color-snd1); border-radius: 0px;margin-left:-15px;margin-right:-15px;padding:15px;padding-top:0px; }
.students_seleter > dl { display: block; background-color: var(--color-snd2);border-radius: 15px;position: relative;padding:8px 0px; }
.students_seleter > dl:after { font-family: 'xeicon' !important; content:"\e942";vertical-align: middle;position:absolute;top:8px;right:20px;display:block;color:var(--color-bk9);font-size:20px;height:38px;line-height:38px;z-index:1;}
.students_seleter > dl > dt { display: block;line-height:38px;height:38px;padding: 0px 25px;font-size:17px;font-weight: 600;}
.students_seleter > dl > dt > span { color:#999;line-height:38px;margin-left:10px;font-size:12px;font-weight: 400;display: inline-block;vertical-align: bottom;; }
.students_seleter > dl > dd { display: none;line-height:38px;height:38px;padding: 0px 25px;font-size:17px;font-weight: 400;opacity: 0.5;}
.students_seleter > dl > dd.selected { display: block; }
.students_seleter > dl > dd > span { color:#999;line-height:38px;margin-left:10px;font-size:12px;font-weight: 400;display: inline-block;vertical-align: bottom;; }
.students_seleter > dl.opened > dd { display:block; }
.students_seleter > dl.opened:after { content:"\e945";}

.students_seleter > .cards { display: block;border-radius: 15px;position: relative;overflow: hidden;; }
.students_seleter > .cards .card { display:block;border-radius: 15px;position: relative;background-color: var(--color-snd2);padding:24px; }
.students_seleter > .cards .card > .academy { display: block;position: relative; }
.students_seleter > .cards .card > .academy > .btns { position: absolute; top:-6px;right:-6px;display:block;font-size:0px; }
.students_seleter > .cards .card > .academy > .btns > button { display:inline-block;width:36px;height:36px;line-height:36px;font-size:0px;position: relative; }
.students_seleter > .cards .card > .academy > .btns > button.card_chatting:before { font-family: 'xeicon' !important; content:"\ea15";color:rgba(46,50,59,0.5);font-size:24px;}

.students_seleter > .cards .card > .academy > .btns > button.card_chatting > em { display: block; position:absolute; top:0px;right:0px; background-color: var(--color-red);color:var(--color-whf); text-align: center; display: block; font-size: 10px;line-height:16px;min-width:12px;padding:0px 2px; font-weight: 400;box-sizing: unset;border-radius: 8px; }
.students_seleter > .cards .card > .academy > .btns > button.card_chatting > em::before { content: attr(data-cnt); }
.students_seleter > .cards .card > .academy > .btns > button.card_chatting > em[data-cnt='0']::before { display:none; }

.students_seleter > .cards .card > .academy > .btns > button.card_menu:before { font-family: 'xeicon' !important; content:"\e949";color:rgba(46,50,59,0.5);font-size:24px;}
.students_seleter > .cards .card > .academy > h2 { display:block; font-size:20px; line-height: 24px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:var(--color-main); letter-spacing: -0.05em; }
.students_seleter > .cards .card > .academy > p { display:block; font-size:15px; line-height: 20px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:rgba(0,0,0,0.3); letter-spacing: -0.05em;margin-top:5px; }
.students_seleter > .cards .card > .academy > dl { display: block;font-size:0px;margin-top:5px; }
.students_seleter > .cards .card > .academy > dl > dd { display: inline-block;font-size:11px;background-color: rgba(46,50,59,0.25);color:var(--color-whf);width:18px;height:18px;line-height: 18px;text-align: center;; }
.students_seleter > .cards .card > .academy > dl > dd + dd { margin-left:1px; }
.students_seleter > .cards .card > .academy > dl > dd.on { background-color: rgba(46,50,59,0.8); }
.students_seleter > .cards .card > .academy > a.mod { position: absolute; bottom:0px;right:0px;display:block;font-size:13px;background-color: var(--color-sub);color:#fff;line-height:28px;padding:0px 10px;border-radius: 5px; }

.students_seleter > .cards .card > .ticket { background-color: var(--color-whf);border-radius: 5px;padding:12px;margin-top:10px;position: relative;padding-right:70px; }
.students_seleter > .cards .card > .ticket > h3 { display:block; }
.students_seleter > .cards .card > .ticket > h3 > b { display:inline-block;font-size:16px;font-weight: 600;line-height: 20px;vertical-align: bottom;margin-right:5px; }
.students_seleter > .cards .card > .ticket > h3 > span { display: inline-block;font-size:12px;font-weight: 300;line-height: 20px;vertical-align: bottom;color:var(--color-bk9); }
.students_seleter > .cards .card > .ticket > p { display:block;font-size:0px;line-height: 18px;word-break : keep-all; }
.students_seleter > .cards .card > .ticket > p > span { display:inline-block;font-size:12px;color: var(--color-bk6);line-height: 18px;vertical-align: bottom;margin-right:8px; }
.students_seleter > .cards .card > .ticket > .rest_qty { position: absolute;top:50%;transform: translateY(-50%);right:12px;font-size:0px; }
.students_seleter > .cards .card > .ticket > .rest_qty > b { display:inline-block;vertical-align: bottom;font-size:35px; line-height: 40px; font-weight: 700;} 
.students_seleter > .cards .card > .ticket > .rest_qty > span { display:inline-block;vertical-align: bottom;padding-bottom:4px; margin-left:5px;} 
.students_seleter > .cards .card > .ticket > .rest_qty > span > em { display:block;vertical-align: bottom;font-size:10px; line-height: 14px; font-weight: 400;color:var(--color-grb);} 
.students_seleter > .cards .card > .ticket > .rest_qty > span > b { display:block;vertical-align: bottom;font-size:16px; line-height: 20px; font-weight: 400;} 

.students_seleter > .cards .dots { position: absolute;bottom:10px;height:4px;left:50%;transform: translateX(-50%);font-size:0px; }
.students_seleter > .cards .dots > i { width:40px;height:4px;display:inline-block;background-color: var(--color-whf);vertical-align: bottom; }
.students_seleter > .cards .dots > i.on { background-color: var(--color-snd); }
.students_seleter > .cards .dots > ul.slick-dots { display:block;font-size:0px; }
.students_seleter > .cards .dots > ul.slick-dots > li { width:40px;height:4px;display:inline-block;background-color: var(--color-whf);vertical-align: bottom; }
.students_seleter > .cards .dots > ul.slick-dots > li > button { display: none;; }
.students_seleter > .cards .dots > ul.slick-dots > li.slick-active { background-color: var(--color-main); }
.students_seleter > .cards .slick-list { padding:0px !important; }

.dashoboard > .daily_plan { display:block; }
.dashoboard > .daily_plan > .nodata { display: block;padding:100px 0px; }
.dashoboard > .daily_plan > .nodata > h5 { display:block; font-size:28px; line-height: 34px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.dashoboard > .daily_plan > .nodata > h5 > b { font-weight: 700;color:var(--color-snd); }
.dashoboard > .daily_plan > .nodata > p { display:block; font-size:16px; line-height: 22px; text-align:center; margin-top:10px; color:var(--color-bk9); }
.dashoboard > .daily_plan > .nodata > a { display: block; margin: 40px auto 0px auto;width:180px;border-radius:6px;text-align: center;line-height: 48px;color:var(--color-whf);background-color:var(--color-bk6);font-weight: 600;font-size:16px; }

.dashoboard > .daily_plan > .study_status { display: block;position: relative;margin-top:20px;padding:2px 0px;padding-right:100px; }
.dashoboard > .daily_plan > .study_status > p { display: block;position: relative; text-align: right;font-size:17px;font-weight: 700;color:var(--color-bk1);line-height: 22px; }
.dashoboard > .daily_plan > .study_status > p > i { position: absolute;top:0px;left:0px;font-size:12px;font-weight: 400;display:block;width:70px;color:var(--color-whf);text-align: center;filter:saturate(80%);border-radius: 3px; }
.dashoboard > .daily_plan > .study_status > p > span { display: block;font-size:13px;font-weight: 400;color:var(--color-bk6); }

.dashoboard > .daily_plan > .study_status > dl { display: block;position: absolute;top:0px;right:0px;font-size:0px; }
.dashoboard > .daily_plan > .study_status > dl > dd { display: inline-block;font-size:0px;text-align: center;color:var(--color-whf);background-color: var(--color-bk9);width:42px;padding: 6px 0px;border-radius: 3px; }
.dashoboard > .daily_plan > .study_status > dl > dd > span { font-size:12px;line-height:14px;display: block; }
.dashoboard > .daily_plan > .study_status > dl > dd > b { font-size:20px;line-height:22px;display: block;font-weight: 600; }
.dashoboard > .daily_plan > .study_status > dl > dd + dd { margin-left:2px; }
.dashoboard > .daily_plan > .study_status > dl > dd:first-child { background-color: var(--color-red); }
.dashoboard > .daily_plan > .study_status > dl > dd:last-child { background-color: var(--color-yel); }

.dashoboard > .daily_plan > .monitoring { display:block;padding-top:75%;background-position: center;background-repeat: no-repeat;background-size: cover;margin-top:15px;border-radius: 15px;; }

.dashoboard > .daily_plan > .daily_status { display: block;border: 1px solid var(--color-grd);border-radius: 15px;padding:25px;margin-top:15px; padding-left:125px; position: relative; }
.dashoboard > .daily_plan > .daily_status > .rate { position: absolute;top:50%;left:20px;width:90px;transform: translateY(-50%); }
.dashoboard > .daily_plan > .daily_status > .rate > .graph { background-color: var(--color-gre);width:90px;height:90px;border-radius: 50%;position: relative;overflow: hidden; }
.dashoboard > .daily_plan > .daily_status > .rate > .graph > i { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: #999; }
.dashoboard > .daily_plan > .daily_status > .rate > .graph.progress > i { background: conic-gradient(var(--color-snd) 0deg, var(--color-gre) 50deg);  }
.dashoboard > .daily_plan > .daily_status > .rate > .graph.achievement > i { background: conic-gradient(var(--color-thd) 0deg, var(--color-gre) 50deg); }
.dashoboard > .daily_plan > .daily_status > .rate > .graph + .graph { margin-top:15px; }
.dashoboard > .daily_plan > .daily_status > .rate > .graph > .label { position: absolute;top:14px;left:14px;right:14px;bottom:14px;background-color: var(--color-whf);border-radius: 50%;text-align: center;padding:13px 0px; }
.dashoboard > .daily_plan > .daily_status > .rate > .graph > .label > span { display: block;font-size:11px;line-height: 14px;color:var(--color-bk9); }
.dashoboard > .daily_plan > .daily_status > .rate > .graph > .label > b { display: block;font-size:20px;line-height: 22px;color:var(--color-bk1); }

.dashoboard > .daily_plan > .daily_status > .context { display: block;position: relative; }
.dashoboard > .daily_plan > .daily_status > .context > div { display:block;padding:10px 0px; }
.dashoboard > .daily_plan > .daily_status > .context > div > h5 { display:block; font-size:28px; line-height: 34px; font-weight: 700; text-align:right;position: relative;margin-bottom:5px; }
.dashoboard > .daily_plan > .daily_status > .context > div > h5 > b { display:block; font-size:28px; line-height: 34px; font-weight: 700; text-align:right; color:var(--color-bk6); }
.dashoboard > .daily_plan > .daily_status > .context > div > h5 > span { position: absolute;top:0px;left:0px;font-size:15px;line-height: 18px;display:block;text-align: left; color:var(--color-bk1);; }
.dashoboard > .daily_plan > .daily_status > .context > div > h5 > span > em { font-size:12px;line-height: 16px;display:block; }
.dashoboard > .daily_plan > .daily_status > .context > div > p { display:block; font-size:16px; line-height: 20px; text-align:right; color:var(--color-bk9);position: relative; }
.dashoboard > .daily_plan > .daily_status > .context > div > p > b { display:block; font-size:14px; line-height: 20px; font-weight: 700; text-align:right; color:var(--color-bk9); }
.dashoboard > .daily_plan > .daily_status > .context > div > p > span { position: absolute;top:0px;left:0px;font-size:12px;line-height: 20px;display:block;text-align: left; color:var(--color-bk9);; }
.dashoboard > .daily_plan > .daily_status > .context > div.breaktime { border-top:1px solid var(--color-gre);padding-top:10px; }
.dashoboard > .daily_plan > .daily_status > .context > div.breaktime > p { color:var(--color-bk1); }
.dashoboard > .daily_plan > .daily_status > .context > div.breaktime > p > b { color:var(--color-bk1); }
.dashoboard > .daily_plan > .daily_status > .context > div.breaktime > p > span { color:var(--color-bk1); }

.dashoboard > .daily_plan > ul.daily_summary { display:block;vertical-align: top;padding:0px;margin-left:-2px;font-size:0px;overflow: hidden;border-radius: 15px;margin-top:15px;}
.dashoboard > .daily_plan > ul.daily_summary > li { display:inline-block;width:calc(33.3333% - 2px);vertical-align: top;padding:0px;margin-left:2px;background: #eee;margin-top:2px;}
.dashoboard > .daily_plan > ul.daily_summary > li > div { display:block;padding:15px 5px; }
.dashoboard > .daily_plan > ul.daily_summary > li > div > span { display: block;line-height:14px;font-size:12px;color:var(--color-bk9);text-align: center;margin-bottom:5px;}
.dashoboard > .daily_plan > ul.daily_summary > li > div > b { display: block;line-height:22px;font-size:18px;font-weight: 700;text-align: center;color:var(--color-bk1);}
.dashoboard > .daily_plan > ul.daily_summary > li > div > em { display: block;line-height:18px;font-size:14px;font-weight: 400;color:var(--color-bk9);;text-align: center;margin-top:2px;}
.dashoboard > .daily_plan > ul.daily_summary > li > div > i { display: block;line-height:14px;font-size:11px;font-weight: 400;color:var(--color-grb);text-align: center;margin-top:2px;}

.dashoboard > .daily_plan > .daily_detail { margin-top:15px; }


.request_wrap > .info_form { padding:0px;margin-top:30px; }
.request_wrap > .info_form > p { display:block; font-size:0px; }
.request_wrap > .info_form > p > label { display: block;background-color: transparent;color:var(--color-bk3);font-size:14px;padding:0px;line-height:22px;height:auto;margin:0px;margin-bottom:2px; }
.request_wrap > .info_form > p > label.required::after { display:inline-block;content: '*';vertical-align: bottom;margin-left:2px;color:var(--color-red); }
.request_wrap > .info_form > p > span { display: block;background-color: var(--color-gre);position: relative;border-radius: 5px;border: 1px solid var(--color-gre); }
.request_wrap > .info_form > p > span.readonly { display: block;background-color: var(--color-whf);position: relative;border-radius: 5px; }
.request_wrap > .info_form > p + p {margin-top:25px;}
.request_wrap > .info_form > p > span > input[type=text],
.request_wrap > .info_form > p > span > input[type=password],
.request_wrap > .info_form > p > span > input[type=number] { display:block;width:100%;line-height: 44px; height:44px; border: 0px;font-size:15px;padding:0px 10px;letter-spacing: -0.05em; }
.request_wrap > .info_form > p > span > input::placeholder { color:var(--color-grb); }
.request_wrap > .info_form > p > span.readonly > input { font-weight: 600; }


.dashoboard .labels[data-type=c0] { background: #fa3457; }
.dashoboard .labels[data-type=c0]::before { content:'지각'; }

.dashoboard .labels[data-type=c1] { background: #00ccff; }
.dashoboard .labels[data-type=c1]::before { content:'계획수정'; }

.dashoboard .labels[data-type=c2] { background: #a04dff; }
.dashoboard .labels[data-type=c2]::before { content:'외출중'; }

.dashoboard .labels[data-type=c3] { background: #00d98b; }
.dashoboard .labels[data-type=c3]::before { content:'학습중'; }

.dashoboard .labels[data-type=c4] { background: #bbb; }
.dashoboard .labels[data-type=c4]::before { content:'하원'; }

.dashoboard .labels[data-type=c5] { background: #666; }
.dashoboard .labels[data-type=c5]::before { content:'등원대기'; }

.dashoboard .labels[data-type=c6] { background: #fe7c1c; }
.dashoboard .labels[data-type=c6]::before { content:'수면중'; }

.dashoboard .labels[data-type=c7] { background: #fa3457; }
.dashoboard .labels[data-type=c7]::before { content:'외출지각'; }

.dashoboard .labels[data-type=c8] { background: #757bf6; }
.dashoboard .labels[data-type=c8]::before { content:'관리보류'; }

.dashoboard .labels[data-type=c9] { background: #757bf6; }
.dashoboard .labels[data-type=c9]::before { content:'결석예정'; }

.dashoboard .labels[data-type=c10] { background: #828282; }
.dashoboard .labels[data-type=c10]::before { content:'무단결석'; }

.dashoboard .labels[data-type=c11] { background: #00ccff; }
.dashoboard .labels[data-type=c11]::before { content:'일시정지'; }

.dashoboard .labels[data-type=c12] { background: #757bf6; }
.dashoboard .labels[data-type=c12]::before { content:'등원예정'; }

.dashoboard .labels[data-type=c13] { background: #ffcb2a; }
.dashoboard .labels[data-type=c13]::before { content:'쉬는시간'; }

.dashoboard .labels[data-type=c14] { background: #ffcb2a; }
.dashoboard .labels[data-type=c14]::before { content:'지각'; }

.dashoboard .labels[data-type=c15] { background: #b98e2c; }
.dashoboard .labels[data-type=c15]::before { content:'수업중'; }

.dashoboard .labels[data-type=c16] { background: #b98e2c; }
.dashoboard .labels[data-type=c16]::before { content:'수업지각'; }