@charset "utf-8";

:root{
    --color-main : #EA5504;
    --color-snd : #26B7BC;
    --color-sub : #2E323B;
    --color-red : #EC171E;
    --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;}

/* - 코드 초기화 - */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select { border:0px;padding:0px; margin:0px; font-family:'Pretendard', sans-serif;font-size:13px;line-height:160%; letter-spacing:-0.05em;font-weight:400; word-wrap: break-word; word-break: keep-all; }
img {  display:inline-block;border:0px;padding:0px; margin:0px; }
ul,ol,li,dl,dt,dd   { list-style:none;}
table,tr,td,th  { border:0px;padding:0px; margin:0px;border-spacing:0px;}
i,em				{ font-style:normal;vertical-align:middle; }
select { -webkit-appearance:none;appearance:none; -moz-appearance:none; text-indent: 1px; text-overflow: ''; }
input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;font-family:'Pretendard', sans-serif !important;outline: none;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background: transparent;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing:border-box;}
button[type=button] { cursor:pointer;outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a                   { text-decoration:none; color:#111;outline:none; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a:visited           { color:#111; }
a:active            { color:#111; }
a:hover             { color:#111; text-decoration:none; }
.clear { float:none;clear:both; }
/* - @코드 초기화 - */

body.renew {display: block;}
body.renew .wrap { background-color: var(--color-whf);min-height:100dvh;height: auto;margin: 0 auto; }

.flat_lg_warp { display: block;padding:20px 0px; }
.flat_lg_warp > hgroup { display: block; padding:100px 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:80px;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; }
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; }

.flat_jn_warp { padding:0px;min-height: calc( 100dvh - 140px );position: relative;  }
.flat_jn_warp > hgroup { padding:40px 30px; }
.flat_jn_warp.landing { min-height: calc( 100dvh - 70px ); }
.flat_jn_warp.landing > hgroup { padding-top:30px; }
.flat_jn_warp > hgroup > h1 { display:block; font-size:0px; height:34px; background-image:url(../images/sco_parent_bi.svg); background-position: center left; background-repeat: no-repeat; background-size: contain; margin-top:8px; margin-bottom:70px;} 
.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:24px; line-height: 30px; font-family:"Paperlogy"; font-weight: 700; text-align:left; color:var(--color-sub); letter-spacing: -0.05em; }
.flat_jn_warp > hgroup > h4 > b { font-weight: 700;color:var(--color-main); }
.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.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 > 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 > 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.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 > .info_form > .guide_msg { display:block;padding:70px 0px 40px 0px; }
.flat_jn_warp > .info_form > .guide_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 > .info_form > .guide_msg > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px; }
.flat_jn_warp > .info_form > .guide_msg > a { display: block; margin: 40px auto 0px auto;width:180px;text-align: center;line-height: 26px;text-decoration: underline;color:var(--color-main);font-weight: 600;font-size:15px;; }

.flat_jn_warp > .waiting_msg { display:block; }
.flat_jn_warp > .waiting_msg.hide > p { display:none; }
.flat_jn_warp > .waiting_msg > .roll { display:none;width:100px;height:10px;overflow: hidden;margin:0 auto;position: relative; }
.flat_jn_warp > .waiting_msg.hide > .roll { display:block; }
.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 1s steps(5) infinite; will-change: transform, opacity; }
.flat_jn_warp > .waiting_msg > .roll > .dots > i { display: inline-block;content:'';width:10px;height:10px;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:-100px; }
	}
.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; }
.flat_jn_warp > .waiting_msg > a { display: block; margin: 40px auto 0px auto;width:180px;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.hide { display:none; }
.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 { display:block;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; }

.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 > 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='add'] { width:calc( 100% - 124px );background-color: var(--color-main);border: 2px solid var(--color-main); margin-left:4px; }