@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* =========================
   BRAND TOKENS
   »ö»ó Çϳª ¹Ù²Ü ¶© ¿©±â¸¸ ¼öÁ¤Çϸé ÀÌ ÆÄÀÏ Àüü¿¡ ¹Ý¿µµË´Ï´Ù.
========================= */
:root{
  --primary:      #5634D1;
  --primary-dark: #3C1F94;
  --primary-soft: #6E45E8;
  --lav:          #D8C0FF;
  --lav-soft:     #F3EDFF;
  --ink:          #211A34;
  --sub:          #6B6580;
  --line:         #E7DEFB;
}

/*Àüü°øÅë*/
body {font-family: 'SUIT', sans-serif;}
button {font-family: 'SUIT', sans-serif;}
.disB_tamo {display:none;}
.container{margin:0 auto; min-height: 70vh;}
.margin_B {margin-bottom:1rem;}
.max-w-1280 {max-width:85rem; margin:0 auto;}
.fo_1225 {font-size:1.220rem; font-weight:700; line-height:2rem; letter-spacing:-0.01em; display:inline-block; color:var(--primary-dark);}
.fo_1125 {font-size:1.125rem; font-weight:700; line-height:2rem; letter-spacing:-0.01em; display:inline-block; color:var(--primary);}
.fo_075 {display:inline-block; font-size:0.8rem; font-weight:400; line-height:1.25rem; letter-spacing:0.01rem; color:#505050; text-align:center;}
.text-mediumGray {font-size:0.85rem; font-weight:400; line-height:1.25rem; display:inline-block; color:#505050; cursor:pointer;}
.flot_l{float:left;}
.flot_r{float:right;}
.my_auto {margin-top:auto; margin-bottom:auto;}
.duration-300 {transition-duration:.3s;}
.flex{display:flex;}
.drop-shadow-b {box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 9%);}
.pn_bt {background:var(--primary); border-radius:1rem; padding:.9rem 1.7rem; margin:1rem 0rem;}
.bla {background:#505050;}
.sub_table_gray{width:100%; border-top:2px solid #333; }
.sub_table_gray th {letter-spacing: normal; color:#333; background:#fafafa; border:1px solid #ddd; padding:10px 15px; transform:skew(-0.03deg); vertical-align:middle; transform: translate(0); text-align:center; font-weight:700; font-size:16px;}
.sub_table_gray td {border:1px solid #ddd; padding: 7px 15px; line-height:1.4; transform:skew(-0.03deg); vertical-align:middle; text-align:center; font-size:15px; color:black;}
.sub_table_red{width:100%;}
.sub_table_red th{background:#af1414;padding:5px 0;transform:skew(-0.03deg);vertical-align:middle;transform: translate(0);font-size:14px; border:1px solid #fff;text-align:center;}
.sub_table_red th > span{color:#fff;font-weight:500;}
.sub_table_red td{padding:10px;line-height:1.4;transform:skew(-0.03deg);vertical-align:middle;border:1px solid #eee;text-align:center;}
.sub_top {float:right;}
.myclass_wrap {max-width:80rem; margin:0 auto;}
.mar_t_1 {margin-top:1.2rem;}
.tb_btns { display: flex; justify-content: space-between; margin: 1.5vw 0;}
.tb_btns .btn { display: inline-block; padding: .7rem 1.5rem; background:#505050; color: #fff; font-weight: 500; }
.tb_btns .btn.blue { background: var(--primary); }


/* header.asp */
#scrollProgress{
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, var(--primary), var(--primary-soft));
  z-index: 1000;
  transition: width .1s linear;
}
header { height: 76px; border-bottom: 1px solid var(--line); padding: 0 1.5rem; background:#fff; }
.gnb_0310 { max-width: 80rem; margin: 0 auto; display: flex; align-items: center; height: 100%; }
.gnb_logo > a img { height: 38px; width: auto; }
nav.nav_pc { display: flex; align-items: center; margin-left: auto; gap: 0; }
nav.nav_pc a {
  position: relative;
  font-size: 17px; font-weight: 600; color: #505050;
  padding: 15px; padding-top: 5px;
  border-bottom: none;
  transition: color 0.15s;
}
/* ¹ØÁÙÀº ::after ¾Ö´Ï¸ÞÀÌ¼Ç Çϳª·Î¸¸ ±×¸³´Ï´Ù (border-bottom°ú °°ÀÌ ¾²¸é µÎ ÁÙÀÌ °ãĨ´Ï´Ù) */
nav.nav_pc a::after{
  content:'';
  position:absolute;
  left:15px; right:15px; bottom:5px;
  height:2px;
  background: linear-gradient(90deg, var(--primary), var(--primary-soft));
  transform: scaleX(0);
  transform-origin:left;
  transition: transform .2s cubic-bezier(.4,0,.2,1);
}
nav.nav_pc a:hover { color: var(--primary-dark); border-bottom: none; }
nav.nav_pc a:hover::after{ transform: scaleX(1); }
nav.nav_pc a.is-current { color: var(--primary-dark); }
nav.nav_pc a.is-current::after{ transform: scaleX(1); }

/* ·Î±×ÀÎ ¹öÆ° ¸µÅ© - ¹ØÁÙ Á¦°Å */
nav.nav_pc a.btn-link:hover { border-bottom: none; }
nav.nav_pc a.btn-link:hover::after{ transform:none; }

nav.nav_pc a:last-child {
    padding-right: 0;
}

.nav_line {
    height: 2.5rem;
    width: 1px;
    background: #e0e0e0;
    margin: 0 15px;
    flex-shrink: 0;
}

nav.nav_pc > a.btn-link > button { background: var(--primary); border-radius: 0.7rem; transition: background 0.2s; }

nav.nav_pc > a.btn-link > button:hover { background: var(--primary-dark); }

nav.nav_pc > a.btn-link > button > span {
    display: block;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    padding: 8px 21px;
}

/* ¸ð¹ÙÀÏ ¸Þ´º - PC¿¡¼­ ¼û±è */
.mobile_menu { display: none; }
.mobile_bg   { display: none; }
.mobile_nav  { display: none; }

/* quizheader.asp */
.quizhd {width:100%; height:auto; background:var(--primary-dark); display:flex; justify-content: space-between;}
.quizhd_content > h1 {font-size:22px; font-weight:700; color:#fff; letter-spacing:normal; padding:1rem 2rem;}
.quizhd_content  p {font-size:14px; color:#fff; text-align:left; padding-top:7px; line-height:1.2; letter-spacing:normal;}
.Character {padding:0rem 2rem; margin-bottom:-2px;}
.Character img {max-width:100%;}

/* footer */
footer{width:100%; height:auto; background:var(--ink); margin-top:80px;}
.footer_wrap {padding:2rem;}
.footer_text {border-bottom:1px solid rgba(255,255,255,.15);}
.footer_text > ul {display:flex; padding-bottom:1.5rem;}
.footer_text > ul > li {margin-right:1.5rem;}
.footer_text > ul > li > a {color:#fff; font-weight:400;}
.footer_text > ul > li > a:hover {color: var(--lav);}
.footer_bot > ul {padding-top:1.5rem;}
.footer_bot > ul > li {color:rgba(255,255,255,.6); line-height:1.5; font-weight:200; font-size:14px;}

/* ·Î±×ÀÎ Á¤º¸ µå·Ó´Ù¿î */
.myinfo {width:2.4rem; height:2.4rem; border-radius:50%; position:relative; margin-left:1.2rem; flex-shrink:0; font-family: 'SUIT', sans-serif;}
.infoC {cursor:pointer; width:100%; height:100%; display:flex;}
.myinfo_avatar {
    width:100%; height:100%;
    border-radius:50%;
    background: linear-gradient(135deg, var(--primary), var(--primary-soft));
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:1rem;
    transition: box-shadow .2s ease, transform .2s ease;
}
.myinfo:hover .myinfo_avatar { box-shadow: 0 4px 14px rgba(86,52,209,.4); transform: translateY(-1px); }
.information{
  width:14.5rem;
  height:auto;
  z-index:10;
  flex-direction:column;
  background:#fff;
  border-radius:1.2rem;
  border: 1px solid var(--line);
  box-shadow: 0 16px 36px rgba(33,15,66,.16);
  position:absolute;
  top:130%;
  right:-.5rem;
  padding: 0;
  overflow:hidden;
  display:none;
}
.information > h1{
  margin:0;
  padding: 1.2rem 1.3rem;
  background: linear-gradient(135deg, var(--primary), var(--primary-soft));
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:.25rem;
  font-weight:500;
  font-size:.92rem;
  color: rgba(255,255,255,.85);
}
.information > h1 > span{
  font-weight:800;
  font-size:1.08rem;
  color:#fff;
}
.information > br{ display:none; }
.information > a,
.information > div{
  display:flex;
  width:100%;
  align-items:center;
  gap:.6rem;
  cursor:pointer;
  height:auto;
  font-size:.92rem;
  font-weight:600;
  line-height:1.4;
  color: var(--ink);
  padding:.9rem 1.3rem;
  transition: background .15s ease, color .15s ease;
}
.information > p{
  display:none; /* ÇöÀç ¸¶Å©¾÷¿£ ¾øÁö¸¸ Ȥ½Ã ³²¾ÆÀÖÀ» °æ¿ì¸¦ ´ëºñ */
}
.information > a:hover,
.information > div:hover{
  background: var(--lav-soft);
  color: var(--primary-dark);
}
.information > div img{
  margin-right:0;
  width:16px;
  height:16px;
  opacity:.55;
}
.information > div:hover img{ opacity:1; }
.information > div a{
  display:flex;
  align-items:center;
  gap:.6rem;
  width:100%;
  color:inherit;
}

/* index.asp */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.main_80r { background: url('/images/main_pho3.png') no-repeat center center; background-size: cover; height: auto; aspect-ratio: 21 / 8; min-height: 420px; position: relative; overflow: hidden; display: flex; align-items: center; }
.main_80r::after {
 content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(33, 15, 66, 0.95) 0%,
        rgba(33, 15, 66, 0.5) 25%,
        rgba(33, 15, 66, 0) 45%
    );
    z-index: 1;
}
.main_80r_inner { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 2rem; display: flex; flex-direction: column; align-items: flex-start; }
.hero_badge {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(33, 15, 66, 0.45);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
  text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.main_80r h3 {
  font-size: 5rem;
  line-height: 1.15;
  color: #fff;
  font-weight: 800;
  text-shadow: 0 4px 24px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.35);
}
.main_80r h3 span {
  color: #C4B0FF;
  text-shadow: 0 4px 24px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.35);
}
.main_80r p {
  margin-top: 20px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.hero_feature { margin-top: 40px; display: flex; flex-direction: column; gap: 16px; }
.hero_feature li { color: #fff; font-size: 1.15rem; font-weight: 500; }
#timer_wrap { height: auto; line-height: 5.5rem; text-align: center; background: var(--primary-dark) url('/images/d_day_bg.jpg') no-repeat center center; background-size: cover; }
#timer_wrap h1 { font-size: 2.5rem; font-weight: 700; color: #fff; letter-spacing: 1px; }
.timer > span { padding: 0 2rem; color: #fff; font-size: 3rem; display: inline-block; width: 10%; }
.timer > strong { font-size: 14px; color: #fff; }
.main_wrap { width: 100%; background: var(--lav-soft); }
.main_text { text-align: center; padding: 5rem 1.5rem; }
.img-logo-main { width: 300px; margin: 0 auto 2rem; }
.img-logo-main img { width: 100%; height: auto; }
.main_text > h1 { font-size: 1.7rem; font-weight: 700; color: var(--ink); line-height: 1.5; padding-bottom: 1.3rem; }
.main_text > p { font-size: 1.1rem; font-weight: 400; color: var(--sub); line-height: 1.7; margin-bottom: 0.5rem; }
.main_fmp { margin: 0; }
.fmp_section { width: 100%; }
.fmp_section_top { background: #ffffff; }
.fmp_section_bottom { background: var(--lav-soft); }
.fmp_1 { padding: 5rem; display: flex; justify-content: space-between; align-items: center; gap: 4rem; opacity: 0; transform: translateY(40px); transition: opacity 1.2s ease, transform 0.9s ease; }
.fmp_1_rvs { flex-direction: row-reverse; }
.fmp_1.visible { opacity: 1; transform: translateY(0); }
.fmp_section_bottom .fmp_1 { transition-delay: 0.2s; }
.fmp_1_1 { flex: 1; min-width: 0; }
.fmp_1_1 > h1 { font-size: 2.5rem; font-weight: 800; line-height: 1.5; color: var(--ink); }
.fmp_1_1 > p { font-size: 1.1rem; color: var(--sub); line-height: 1.7; padding: 1rem 0; font-weight: 400; }
.fmp_img_wrap { flex: 1; min-width: 0; }
.fmp_img_wrap img { width: 100%; height: auto; border-radius: 12px; object-fit: cover; }
.question_top { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.question_top > button { background: var(--primary); color: #fff; padding: 0.6rem 1.2rem; border-radius: 0.4rem; font-size: 0.95rem; font-weight: 500; transition: background 0.2s; }
.question_top > button:hover { background: var(--primary-dark); }
.main_cen { width: 100%; margin: 7rem 0; padding: 0 1.5rem; }
.cen_text { text-align: center; }
.cen_text > h1 { font-size: 1.7rem; font-weight: 700; line-height: 1.7; color: var(--ink); }
.cen_text2 { text-align: center; margin-top: 4rem; }
.cen_text2 > ul { display: flex; justify-content: center; }
.cen_text2 > ul > li { padding: 0 4rem; font-size: 17px; font-weight: 500; line-height: 1.7; border-right: 1px solid #d0d0d0; display: flex; flex-direction: column; align-items: center; gap: 0.8rem; }
.cen_text2 > ul > li:last-child { border-right: none; }
.cen_text2 > ul > li img { width: 72px; height: 72px; object-fit: contain; margin: 0 auto; }
.popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: #fff; box-shadow: 0 16px 40px rgba(86,52,209,.28); border: 1px solid var(--line); border-radius: 1.1rem; overflow: hidden; width: fit-content; max-width: 90vw; cursor: move; }
.pop-content { display: block; }
.pop-box { display: flex; flex-direction: column; }
.pop-img { display: block; line-height: 0; }
.pop-img img { display: block; width: auto; max-width: 90vw; height: auto; cursor: default; }
.pop-btm { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: var(--lav-soft); border-top: 1px solid var(--line); cursor: default; }
.pop-btm span { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.pop-btm input[type='checkbox'] { width: 15px; height: 15px; cursor: pointer; accent-color: var(--primary); }
#pop_close_allbora { cursor: pointer; background: var(--primary); color: #fff; padding: 5px 14px; font-size: 13px; border-radius: 4px; transition: background 0.2s; }
#pop_close_allbora:hover { background: var(--primary-dark); }
.class_btn { color: #fff; background: var(--primary-dark); padding: .6rem; border-radius: .3rem; }

/* login.asp */
.login_bg {background: radial-gradient(circle at 15% 15%, var(--lav-soft) 0%, #fff 45%);}
.login_fom{display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100vh; }
.login_box {width:29.5rem; height:35rem; border-radius:30px; margin:0 auto; background:#fff; box-shadow: 0 20px 50px rgba(86,52,209,.14); border: 1px solid var(--line); padding:2rem 2.5rem; }
.lo_10 {width:100%; margin-bottom:1.5rem;}
.login_pu {display:flex; align-items:center; width:calc(100% + 1rem); height:4.2rem; margin-left:-0.5rem; margin-bottom:1rem; padding-right:2rem; box-sizing:border-box; border:1px solid var(--line); border-radius:30px;}
.login_pu span {font-size: 1.05rem; font-weight:500; line-height: 1.75rem; letter-spacing: -0.005em; color: rgb(91, 92, 97); display: inline-block; }
.pu_no1{background: var(--primary);}
.pu_no1 span {color:#fff;}
.login_pu:hover {background: var(--lav-soft); transition-duration:0.3s;}
.login_pu:hover span {color: var(--ink);}
.pu_no1:hover {background: var(--primary-dark);}
.pu_no1:hover span {color:#fff;}
.flex-auto {flex: 1 1 auto;}
.login_text {display:flex; justify-content:center; align-items:center; margin-top:1.7rem;}
.login_text > a {color: var(--primary); font-size:0.83rem;}
.last_t {line-height:1.1rem; margin-top:1rem; color:#808080; font-weight:300;}

/*  */
.user_box > strong {display:block; letter-spacing:0.003rem; color:#606060; font-weight:300;}
.user_first {margin-top:2rem;}
.user_f > input {width:100%; height:4rem; margin-bottom:1.7rem; background-color: var(--lav-soft); border:none; border-radius:13px;}
input:focus{outline:none;}
input::placeholder {padding-left:1.2rem; letter-spacing:0.033rem; font-size:1.0rem;}
.login_f {width:100%; height:4rem; margin-bottom:2rem; background-color: var(--primary); border:none; border-radius:13px; margin-top:1.3rem;}
.login_f span {color:#fff; font-size:1.313rem;}

/* join.asp */
.join_fom{display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; padding-top:1rem; padding-bottom:1rem;}
.join_box{width:29.5rem; height:auto; border-radius:30px; background:#fff; box-shadow: 0 20px 50px rgba(86,52,209,.14); border: 1px solid var(--line); padding:2.4rem 2.5rem;}
.lo_10 > span:nth-child(2) {font-size:.92rem; color: var(--sub); margin-top:.4rem; display:block;}
.all_chk{
  background: var(--lav-soft);
  width:100%;
  padding: 1.1rem 1rem 1.1rem .5rem;
  border-radius: 1.1rem;
  margin-bottom: 1.6rem;
  border: 1px solid var(--line);
}
.all_chk .sub_checktext{ font-weight:800; color: var(--primary-dark); }
.sub_checktext {font-weight:500; color: var(--ink);}
.sub_checkbox input {display:none; width:0; height:0;}
.sub_checkbox_B input {display:none; width:0; height:0;}
.sub_checkbox_B b {color: var(--primary); font-size:12px; font-weight:700; margin-left:.3rem;}
.sub_checkbox_B .sub_checktext {padding-left:15px; vertical-align:0.57rem;}
.sub_Bli > li {
  display:flex;
  align-items:center;
  margin-bottom: .7rem;
  padding: .3rem 0;
}
.sub_checkbox_B > li > button {
  float:right;
  margin-left:auto;
  padding: .35rem .8rem;
  font-family: 'SUIT', sans-serif;
  font-weight:600;
  font-size:.8rem;
  color: var(--primary);
  border: 1px solid var(--line);
  border-radius: .5rem;
  background:#fff;
  transition: background .15s ease, border-color .15s ease;
}
.sub_checkbox_B > li > button:hover{ background: var(--lav-soft); border-color: var(--primary); }

/* üũ ¿øÇü UI - id »ó°ü¾øÀÌ .sub_checkbox_B ¾ÈÀÇ ¸ðµç checkbox+label¿¡ °øÅë Àû¿ë
   (¿¹Àü¿£ input[id="allChk"] Àü¿ë ¼±ÅÃÀÚ°¡ ÀÖ¾ú´Âµ¥ ½ÇÁ¦ id(chkAll)¿Í ´Þ¶ó
   Àüüµ¿ÀÇ Ã¼Å©¹Ú½º¸¸ ½ºÅ¸ÀÏÀÌ ¾È ¸Ô´ø ¹ö±×°¡ ÀÖ¾î ¾Æ·¡Ã³·³ ÀϹÝÈ­Çß½À´Ï´Ù) */
.sub_checkbox_B li input[type="checkbox"] + label {
  display:inline-block;
  width:24px; height:24px;
  border-radius:50%;
  background: #fff;
  border: 1.5px solid var(--line);
  position:relative;
  flex-shrink:0;
  margin-right:.7rem;
  cursor:pointer;
  transition: background .15s ease, border-color .15s ease;
}
.sub_checkbox_B li input[type="checkbox"] + label:after {
  content:"";
  position:absolute;
  left:8px; top:4px;
  width:5px; height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
  opacity:0;
  transition: opacity .1s ease;
}
.sub_checkbox_B li input[type="checkbox"] + label.on {
  background: var(--primary);
  border-color: var(--primary);
}
.sub_checkbox_B li input[type="checkbox"] + label.on:after { opacity:1; }

.join_next {
  width:100%;
  background: var(--primary);
  padding:0rem 0rem;
  text-align:center;
  border-radius:1.1rem;
  margin-top:2rem;
  cursor:pointer;
  transition: background .2s ease;
}
.join_next:hover{ background: var(--primary-dark); }
.join_next a {display:block; color:#fff; padding:1.1rem; font-size:1.05rem; font-weight:700;}
.join_next input {font-family: 'SUIT', sans-serif; display:block; color:#fff; padding:1.15rem; font-size:1.15rem; margin:0 auto; background:none; border:none; cursor:pointer;}
.terms {width:100%; height:25rem; overflow-y: scroll; margin-top:1rem; line-height:1.5;}

/* join2.asp */
.flex{display:flex;}
.join2_box{
  width:29.5rem; height:auto;
  border-radius:30px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(86,52,209,.14);
  border: 1px solid var(--line);
  padding:2.4rem 2.5rem;
}
.data_form{margin-top:2rem;}
.data_fom {margin-bottom:1.3rem;}
.data_pw {margin-bottom:1rem;}
.pw_075{font-size:0.80rem; font-weight:400; line-height:1.25rem; display:inline-block; margin-left:1rem; margin-top:0.3rem; color: var(--sub); letter-spacing:0.02rem;}
.data_fom span {display:block; margin-bottom:0.5rem; font-weight:700; font-size:.88rem; color: var(--ink);}
.data_fom .bg {
  width:100%;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: var(--lav-soft);
  padding:15px;
  height:2.8rem;
  transition: border-color .15s ease, background .15s ease;
}
.data_fom .bg:focus {
  outline:none;
  border-color: var(--primary);
  background:#fff;
}
.data_fom .bg.check {
  display:flex;
  align-items:center;
  gap: 1.4rem;
  padding-left: 1rem;
  background:#fff;
  border:1px solid var(--line);
}
.data_fom .bg.check label{ font-weight:600; color: var(--ink); cursor:pointer; }
.data_fom .bg.check input[type="checkbox"]{ accent-color: var(--primary); width:16px; height:16px; cursor:pointer; }
input::placeholder {font-family: 'SUIT', sans-serif; font-size:13px; font-weight:500; color: var(--sub);}
#idMsg {font-size:.82rem; font-weight:600; margin-left:.5rem;}
#userid_check {
  cursor:pointer;
  background: var(--primary);
  color:#fff;
  font-weight:700;
  border-radius: .6rem;
  transition: background .15s ease;
}
#userid_check:hover{ background: var(--primary-dark); }
.sc_1 {display:flex; justify-content:space-between; align-items:center; height:auto; margin-bottom:.5rem;}
.sc_1 button {
  background: var(--primary);
  color:#fff;
  padding: .45rem 1rem;
  height:auto;
  letter-spacing:normal;
  border-radius:.6rem;
  font-weight:700;
  font-size:.85rem;
  transition: background .15s ease;
}
.sc_1 button:hover{ background: var(--primary-dark); }

/* university.asp (Æ˾÷â) */
.un_container {
  width:100%;
  max-width:450px;
  min-height:100vh;
  margin:0 auto;
  background: var(--lav-soft);
  font-family: 'SUIT', sans-serif;
}
.un_wrap{ background:#fff; min-height:100vh; }
.un_header {
  width:100%;
  height:52px;
  background: linear-gradient(135deg, var(--primary), var(--primary-soft));
  display:flex;
  align-items:center;
}
.un_header > h1 {color:#fff; line-height:1; padding:0 1.1rem; font-size:16px; font-weight:700;}
.un_1 {margin:1.3rem 0; padding:0 1.1rem;}
.un_1 > p {font-size:.88rem; font-weight:600; color: var(--sub); letter-spacing:normal;}
.un_2 {padding:1.2rem; border:1px solid var(--line); border-radius:1rem; width:calc(100% - 2.2rem); margin:0 auto;}
.un_2_box > div:nth-child(1) {display:flex; align-items:center; gap:.7rem;}
.un_2_box > div:nth-child(1) > span {font-size:.85rem; font-weight:700; color: var(--ink); letter-spacing:normal; flex-shrink:0;}
.un_2_box > div:nth-child(1) > input {
  flex:1;
  width:auto;
  height:2.4rem;
  border:1px solid var(--line);
  border-radius:.6rem;
  padding:0 .8rem;
  font-size:.88rem;
}
.un_2_box > div:nth-child(1) > input:focus{ outline:none; border-color: var(--primary); }
.un_2_box > div:nth-child(2) {display:flex; justify-content:flex-end; margin-left:0; margin-top:.9rem; gap:10px;}
.un_2_box > div:nth-child(2) > button {
  background: var(--primary);
  color:#fff;
  font-weight:700;
  font-size:.85rem;
  padding:.55rem 1.2rem;
  border-radius:.6rem;
  transition: background .15s ease;
}
.un_2_box > div:nth-child(2) > button:hover{ background: var(--primary-dark); }
.un_3 {margin-top:.5rem; padding:1.2rem 1.1rem 2rem;}
.un_3 > p {font-size:.82rem; font-weight:700; color: var(--sub); letter-spacing:normal; margin-bottom:.6rem;}
.un_3 > table {table-layout:auto; width:100%; margin-top:.5rem; border:1px solid var(--line); border-radius:.6rem; overflow:hidden; border-collapse:collapse;}
.un_3 > table > thead > tr > th {text-align:center; border-bottom:1px solid var(--line); height:40px; line-height:40px; background: var(--lav-soft); color: var(--primary-dark); font-size:.85rem; font-weight:700;}
.un_3 > table > tbody > tr > td {padding:0 .7rem; height:42px; line-height:42px; text-align:center; font-size:.88rem; color: var(--ink); border-bottom:1px solid var(--line); cursor:pointer;}
.un_3 > table > tbody > tr > td:hover{ background: var(--lav-soft); color: var(--primary-dark); font-weight:600; }


/*  borer-bottom */
.success {border-bottom: 2px solid var(--primary);}
.error {border-bottom: 2px solid rgb(215, 0, 13);}

/*exam_list.asp */
.ad16{font-size:1.625rem; font-weight:700; line-height:2.5rem; color: var(--primary);}
.f11b {font-size:1.225rem; font-weight:500; line-height:2rem; padding:0.3rem;}
.pad15{padding-top:1.5rem;}
.test_80r{ display:flex; justify-content:space-between; width:100%; height:8rem; border-radius:1.25rem; margin-top:2rem; background: var(--primary); padding-left:3rem; padding-right:3rem;}
.test_text{font-size:1.68rem; font-weight:500; line-height:2.5rem; display:flex; align-items:center; color:#fff;}
.test_img {display:flex;}
.test_full{width:100%; padding-top:4rem; padding-left:3rem; padding-right:3rem;}
.test_get {width:100%; display:flex; justify-content:space-between; margin-top:1.8rem;}
.getbox {padding:1.25rem 1rem 1.5rem 1.25rem; border-radius:1.5rem; cursor:pointer; background: var(--lav-soft);}
/* hover ½Ã padding-topÀÌ ¹Ù²î¸é ¹Ú½º ³ôÀÌ°¡ ´Ã¾î³ª ¾Æ·¡ ¼½¼ÇÀÌ ¹Ð¸³´Ï´Ù.
   ÆеùÀº °íÁ¤ÇÏ°í ¹è°æ/±×¸²ÀÚ¸¸ ¹Ù²î°Ô ó¸® */
.getbox:hover {box-shadow: 3px 3px 8px 3px rgb(0 0 0 / 8%); background: #eae0ff; transition: box-shadow .25s ease, background .25s ease;}
.test_table {table-layout:auto; border-collapse: collapse; border-spacing: 0;  border-spacing:0; width:100%; margin-top:1.8rem;}
.test_table > thead th {padding-top:1rem; padding-bottom:1rem; border-bottom:2px solid #505050; font-size:1.15rem; font-weight:500; text-align:left;}
.test_table > tbody td {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #505050; vertical-align:middle; line-height:1.3;}
.test_table > thead > tr > th:nth-child(1) {width:15%;}
.test_table > thead > tr > th:nth-child(2) {width:15%;}
.test_table > thead > tr > th:nth-child(3) {width:30%;}
.test_table > thead > tr > th:nth-child(4) {width:15%;}
.test_table > tbody > tr > td > span {font-size:1.2rem font-weight:700;}
.test_table > tbody > tr > td > a {font-size:1.2rem font-weight:700; color:#fff;}
.exam {color:#fff; background: var(--primary); padding:.6rem; border-radius:.5rem;}
.results {color:#fff; background:#505050; padding:.6rem; border-radius:.5rem;}
.sp_bo {font-size:1.2rem; font-weight:500;}
.getbox.active {background: var(--primary); color:#fff; box-shadow: 3px 3px 8px 3px rgb(0 0 0 / 8%);} 
.getbox.active div {color:#fff;}
.active {background: var(--primary); color:#fff; box-shadow: 3px 3px 8px 3px rgb(0 0 0 / 8%);}
.ship_content {display:flex; width:80%; background: var(--primary); margin:0 auto; margin-top:2rem; border-radius:1.5rem; cursor:pointer; justify-content: space-between;}
.ship_text {padding:3rem;}
.ship_text > span {color:#fff; font-sizE:18px; font-weight:500; line-height:1.5; letter-spacing:normal;}
.ship_img > img {width:75%;}
.wrong_wrap {}
.wrong_content {width:100%; display:flex; gap:2%; justify-content:space-between; margin-top:1.8rem;}
.wrong {flex:1;padding:2rem; box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 15%); cursor:pointer; border-radius:1rem; transition: box-shadow .2s ease, border-color .2s ease;}
.wrong:hover {box-shadow: 0 8px 20px rgba(86,52,209,.18);}
.wrong > h1 {position:relative;font-size:22px; font-weight:500; line-height:2; color:#333; letter-spacing:normal;}
.wrong > h1:after {content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(45deg);width: 10px;height:10px;border:2px solid #666;border-width:2px 2px 0 0;}
.wrong > h2 {font-size:16px; font-weight:400; line-height:2;}
.wrong > h2 span { display:block;line-height:.8;margin-top:10px;}

/* examheader.asp */
.examhd {width:100%; height:7rem; background: var(--primary-dark); display:flex; align-items:center; padding-left:2rem; padding-right:2rem;}
.ex_esc {display:flex;}
.ex_esc > button {font-weight:700; color:#fff; font-size:1.100rem; line-height:2rem; border:1px solid #fff; height:2.5rem; width:6.5rem; border-radius:.65rem;}
.ex_esc > button:hover {background:#fff; color: var(--primary);}
.ex_text{display:flex; flex-direction:column; padding-left:1rem;}
.ex_text > h1 {font-size:1.3rem; font-weight:800; line-height:2rem; color:#fff; letter-spacing:normal;}
.ex_text > span {font-size:.875rem; font-weight:400; line-height:1.5rem; color:#fff;}
.ex_btn {display:flex; position:absolute; right:3%;}
.ex_btn > a:first-child {margin-right:1.2rem;}
.ex_btn > a > span {color:#fff; vertical-align:top;}
.ex_btn > a > span:first-child {padding-left:.4rem;}
.ex_btn > a > span:last-child {padding-right:.4rem;}

/* examheader2.asp */
.examhd_mo2 {width:100%; height:7rem; background: var(--primary-dark); display:flex; align-items:center; justify-content:space-between; padding-left:2rem; padding-right:2rem;}
.ex_textmo2 > h1 {color:#fff; font-size:1.4rem; font-weight:800; padding-bottom:.5rem;}
.ex_textmo2 > span {color:#fff; font-size:1.2rem; font-weight:600;}
.ex_esc_mo2 > div > span {color:#fff; font-size:1.2rem; font-weight:500;}

/* exam.asp */
.examsection{height:100%; display:flex; gap:1rem; flex-direction:column; padding:1rem;}
.exambox {width:100%; min-height:40rem; position:relative;}
.exam_question{display:flex; justify-content:center; flex: 1 1 0%; flex-direction:column; padding:2rem;}
.exam01 {display:flex; margin-bottom:1rem;}
.exam01 > span {font-size:1.2rem; line-height:2rem; font-weight:500; padding-right:.2rem;}
.exam01 > p {font-size:1.2rem; font-weight:500; line-height:2rem;}
.exam02 > ul >  label {font-size:1.05rem; font-weight:100; line-height:2rem; letter-spacing:-.005em;}
.sub_pn {display:flex; justify-content:space-between; min-height:5rem; width:50%; margin:0 auto;}
.pn_bt > span {color:#fff;}
.commentary {width:90%; margin:0 auto; min-height:10rem; border-radius:2rem; background: var(--lav-soft); position:absolute; top:70%; bottom:0; left:0; right:0; display:none;}
.commentary_box {padding:1.5rem; line-height:2rem;}
.commentary_box > p > span {color: var(--primary-dark); font-weight:500; font-size:1.1rem; letter-spacing:.04rem;}
.closee {display:inline-block;*display:inline; vertical-align:top; margin-left:6rem;}
.closee:after {display: inline-block; content: "\00d7"; font-size:15pt;}
.next_pn[disabled] {background: var(--lav); color:#fff; position:relative;}
.next_pn[disabled]:hover::before{content:'x'; display:inline-block; color:red; font-size:1.4rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.active_pn {background: var(--primary); color: white;}

/* exam_paper.asp (½ÇÁ¦ ÆÄÀϸí exam.asp) */
.test_wrap{width:100%; margin:0 auto; display:flex; gap:1.2rem; align-items:flex-start;}
.test_L{
  width:62%;
  background: var(--lav-soft);
  border:1px solid var(--line);
  border-radius: 1.25rem;
  margin:1rem 0;
  padding:1.6rem;
  height:55rem;
  overflow-y:scroll;
}
.test_R{
  width:35%;
  background:#fff;
  border:1px solid var(--line);
  border-radius: 1.25rem;
  margin:1rem 0;
  padding:1.6rem 1.8rem;
  height:55rem;
  overflow-y:scroll;
  position: sticky;
  top: 1rem;
}

.question_top{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.6rem; }
.question_top > button{
  color:#fff;
  padding:.5rem .9rem;
  border-radius:.5rem;
  font-size:.85rem;
  font-weight:600;
  transition: opacity .15s ease;
}
.question_top > button:hover{ opacity:.85; }
/* üũ/¸Þ¸ð ¹öÆ°Àº JS°¡ ¹è°æ»öÀ» rgb(11, 34, 131) <-> rgb(190, 1, 229) ¹®ÀÚ¿­·Î
   Á÷Á¢ ºñ±³Çؼ­ ÀúÀå »óŸ¦ ÆÇ´ÜÇÕ´Ï´Ù. ÀÌ µÎ °ªÀ» ´Ù¸¥ »öÀ¸·Î ¹Ù²Ù¸é
   üũ/¸Þ¸ð ÀúÀå ·ÎÁ÷ ÀÚü°¡ ±úÁö¹Ç·Î Àý´ë ºê·£µå º¯¼ö·Î ±³Ã¼ÇÏÁö ¸¶¼¼¿ä. */
.question_top > button[name^="checkBtn"],
.question_top > button[name^="noteBtn"]{
  background: rgb(11, 34, 131);
}
.question_top > button[name="relatedBtn"]{
  background: var(--primary);
}

.question{
  background:#fff;
  border:1px solid var(--line);
  border-radius:1rem;
  padding:1.6rem;
  margin-bottom:1.5rem;
}
.question1 {display:flex; }
.question1 > span {font-size:1.1rem; line-height:1.5rem; font-weight:700; padding-right:.3rem; color: var(--primary-dark);}
.question1 > p {font-size:1.08rem; font-weight:600; line-height:1.6rem; letter-spacing:normal; color: var(--ink);}
.question > img {width:200px; height:200px; padding:1rem 0rem;}
.question1 > ul {margin-bottom:1.1rem;}
.question > ul {margin-bottom:1.1rem; margin-top:.5rem;}
.question > ul > li {
  font-size:1rem; font-weight:400; letter-spacing:-.005em;
  display:flex; align-items: baseline;
  padding:.5rem .6rem;
  border-radius:.6rem;
  transition: background .15s ease;
}
.question > ul > li:hover{ background: var(--lav-soft); }
.question > ul > li > p {line-height:1.7; color: var(--ink);}
.question > ul > li > img {float:right;}
.question > ul > li > input {position:relative; bottom:-1.2px; accent-color: var(--primary); width:16px; height:16px; margin-right:.5rem;}
.question > ul > li > input:checked + p{ font-weight:700; color: var(--primary-dark); }

.test_R_box {}
.test_R_table {width:100%; margin:0 auto; text-align:center; border:1px solid var(--line); border-radius:.8rem; overflow:hidden; border-collapse:collapse;}
.test_R_table > thead > tr > th{line-height:1.6; background: var(--lav-soft); width:20%; color: var(--primary-dark); font-weight:700; padding:.5rem 0;}
.test_R_table > thead > tr > td{line-height:1.6; width:20%; background: var(--lav-soft);}
.test_R_table > tbody > tr > th{line-height:1.6; background: var(--lav-soft); width:20%; padding:.4rem 0;}
.test_R_table > tbody > tr > td{line-height:1.6; width:20%; border:1px solid var(--line);}
.test_R_time > div {
  background: linear-gradient(135deg, var(--primary), var(--primary-soft));
  color:#fff; font-size:1.6rem; font-weight:700; text-align:center;
  padding:1.4rem 2rem; letter-spacing:3px; border-radius: 1rem;
}
.test_R_time > div > span {color:#fff; font-size:1.5rem;}
.test_R_time > p {font-size:.92rem; font-weight:500; padding:1rem 0rem; line-height:1.6; text-align:center; color: var(--sub);}
.test_R_time > h2 {font-size:20px; font-weight:700; color: var(--primary); padding:.7rem 0rem;}
.text_R_submit button {
  width: 100%;
  background: var(--primary-dark);
  color:#fff; font-size:1.15rem; font-weight:700;
  text-align:center; padding:1.1rem 2rem;
  border-radius: 1rem;
  cursor:pointer;
  transition: background .2s ease;
}
.text_R_submit button:hover{ background:#2B1568; }

.tag-container {display:flex; margin-bottom:.5rem;}
.tag {background: var(--lav-soft); color: var(--primary-dark); border:none; font-size:.8rem; font-weight:600; padding:.25rem .6rem; border-radius:.4rem; margin-right:.4rem;}

.passage{
  background: var(--lav-soft);
  border:1px solid var(--line);
  border-radius:.8rem;
  padding:1.1rem;
  margin-top:.5rem;
  margin-bottom:1rem;
  line-height:1.6;
}
.passage > p {display:block; line-height:1.6; letter-spacing: normal; display:flex; color: var(--ink);}
.passage > p > span {display:block; line-height:1.6; font-weight:800; padding-right:.3rem; color: var(--primary-dark);}

.print{
  background: var(--lav-soft);
  border:1px solid var(--line);
  border-radius:.8rem;
  width:100%;
  margin:0.5rem 0 1rem;
  padding:1.1rem 1.3rem;
  line-height:1.6;
}
.print > p {display:block; line-height:1.6; letter-spacing: normal; display:flex; color: var(--ink);}
.print > p > span {display:block; line-height:1.6; font-weight:800; padding-right:.3rem; color: var(--primary-dark);}

.commentary_box {background:#fff; border:1px solid var(--line); padding:1.4rem; line-height:1.6rem; border-radius:1rem; margin-bottom:.6rem;}
.commentary_box > p > span {color: var(--primary-dark); font-weight:700; font-size:1.05rem; letter-spacing:.04rem;}
.commentary_box > p > button {border:1px solid var(--line); border-radius:.5rem; padding:.35rem .7rem; margin-top:.5rem; margin-right:.5rem; font-size:.9rem; color: var(--primary); transition: background .15s ease;}
.commentary_box > p > button:hover{ background: var(--lav-soft); }
.commentary_box > p > strong {padding-right:.7rem;}
.commentary_box > textarea{ width:100%; border:none; outline:none; padding:0 10px; font-size:.95rem; line-height:1.6; resize:vertical; }

.hand {cursor: pointer; transition: color .15s ease;}
.hand:hover{ color: var(--primary); }

/* ´äÀÌ ¾øÀ» ¶§ ¶ß´Â ¸ð´Þ */
.exam_modal {
  display:none; width:min(90vw, 360px); height:auto;
  position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);
  background:#fff; box-shadow: 0 20px 50px rgba(33,15,66,.28);
  border-radius:1.2rem; overflow:hidden; z-index: 2000;
}
.exam_modal_hd {display:flex; align-items:center; gap:.6rem; width:100%; padding: 1.2rem 1.3rem; background: linear-gradient(135deg, var(--primary), var(--primary-soft));}
.exam_modal_hd img{ width:22px; height:22px; }
.exam_modal_hd > h1 {color:#fff; font-size:15px; font-weight:700; letter-spacing:normal;}
.exam_text {width:100%; padding:1.4rem 1.3rem; }
.exam_text > p {line-height:1.6; letter-spacing:normal; color: var(--ink); font-weight:600; word-break:break-all;}
.exam_text > span {display:block; text-align:center; color: var(--sub); font-size:.88rem; padding-top:.8rem;}
.exam_modal_bt > button {width:100%; background: var(--lav-soft); color: var(--primary-dark); font-weight:700; padding:1rem; transition: background .15s ease;}
.exam_modal_bt > button:hover{ background: var(--line); }

@media screen and (max-width: 1080px){
  .test_wrap{ flex-direction:column; }
  .test_L, .test_R{ width:100%; height:auto; max-height:none; overflow-y:visible; position:static; }
}
.entire {color:#fff; font-family: 'SUIT', sans-serif; font-weight:500; font-size:1.15rem; margin-left:2rem;}
.test_advice {position:absolute; width:100%; height:100%; background:#333; opacity:.7;}
.test_advice_text {text-align:center;}
.test_advice_text > h1 {color:#fff; font-size:22px; font-weight:500;}
.checked {background-color: var(--primary-soft);}
#knowhow {margin-bottom:1.5rem;}

/* exam_result.asp */
.result_R_table {width:100%; margin:0 auto; text-align:center; border:1px solid #eee;}
.result_R_table > thead > tr > th{line-height:1.5; background: var(--lav-soft);}
.result_R_table > thead > tr > td{line-height:1.5; }
.result_R_table > tbody > tr > th{line-height:1.5; background: var(--lav-soft);}
.result_R_table > tbody > tr > td{line-height:1.5; }
.result_o {color: var(--primary);}
.result_x {color:red;}

/* exam popup*/
#indexP1_wrap{width:100vw; height:100vh; background:#ccc; z-index: 499; top:0; position:fixed; opacity:0.5}
#indexP1{position: absolute; left:20%; top: 150px; display: block; height: auto; z-index: 500;}
.popup_btn{width:80%; position:relative;text-align:right;background:#555;}
.popup_btn > span{vertical-align:middle;color:#fff;font-weight:700;display:inline-block;font-size:0.8rem;}
.popup_btn .xbtn  {vertical-align: middle;color:#000;margin-top: 2px;font-size: 20px;margin-right: 9px;font-weight: 800;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.popup_btn .xbtn:hover{background:none;color:#fff;cursor:pointer;}
.popup_text{width:80%;} 
.popup_text img{display:block;width:100%;height:100%;}
#indexP input[type='checkbox'], #indexP2 input[type='checkbox'], #indexP3 input[type='checkbox'], #indexP4 input[type='checkbox']{vertical-align:middle;}

/* exam_paper_mo.asp */
.examhd_mo {width:100%; height:7rem; background: var(--primary-dark); display:flex; align-items:center; padding-left:1rem; padding-right:1rem; justify-content:space-between;}
.test_LMO {width:100%; height:auto; overflow-y:hidden;}
.ex_textmo > h1{color:#fff; font-size:1.2rem; font-weight:500; line-height:1.3;}
.ex_textmo > span{color:#fff; font-size:.875rem; line-height:1;}
.entire_mo {color:#fff; font-family: 'SUIT', sans-serif; font-weight:500; font-size:1rem; margin-top:1rem;}
.ex_prne > a:first-child {margin-right:1.25rem;}
.ex_esc_mo {display:flex; flex-direction: column; flex-wrap: nowrap;}
.ex_esc_mo > button {font-weight:500; color:#fff; font-size:1rem; line-height:1.7rem; border:1px solid #fff; height:2rem; width:4rem; border-radius:.65rem;}
.ex_esc_mo > button:hover {background:#fff; color: var(--primary);}
.ex_esc_mo > div {text-align: center; margin-top:.45rem;}
.ex_esc_mo > div > span {color:#fff;}
.exam_mo_u > li {line-height:1.5;}
.text_L_submit button {width:220px; display:block; background: var(--primary-dark); color:#fff; font-size:1.6rem; font-weight:500; margin:0 auto; padding:1rem; cursor:pointer;}
.question_mo {}


/* mem.asp */
.cart_se {padding-top:4rem;}
.cart_se > h1 {font-size:3rem; font-weight:700; line-height:5rem; text-align:center; color:#fff;}
.cart_box {background:#fff; border-radius:1rem; padding:2rem 2rem 4rem 2rem; margin-top:2rem; }
.cart_1 {display:flex; justify-content:space-around;}
.cart_1 strong {font-size:2.8rem; font-weight:800; line-height:6rem;}
.cart_1 p {font-size:.9rem; font-weight:400; color:#505050; line-height:1.4rem;}
.cart_1 button {background: var(--primary); border-radius:1rem; padding:1rem 10.5rem; margin:1rem 0rem;}
.cart_1 button > span {color:#fff;}
.cart_2 {display:flex; justify-content:space-around; margin-top:2rem;}
.cart_2_1 {background: var(--lav-soft); border-radius:1rem;}
.cart_2_1 > ul {padding:2rem;}
.cart_2_1 ul li {padding:.8rem; font-weight:500;}
.cart_2_1 > ul > li > img {vertical-align: middle; margin-right:.5rem;}
.ff99{color:#9f9f9f;}

/* tickebox.new.asp */
.shop_wrap {width:70%; margin:0 auto; padding:2rem; box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%); border-radius: 1rem;}
.total {width:40%; margin:0 auto; margin-top:2rem; margin-bottom:3rem; background: var(--lav-soft); border-radius:1.5rem; padding:1.7rem; text-align:center; position:relative;}
.total > h1 {color:#505050; font-size:1.15rem; font-weight:500;}
.total > strong {display:inline-block; color: var(--primary); font-size:1.85rem; font-weight:500; padding:1rem 0 2.5rem 0;}
.total > strong > span {display:inline-block; color: var(--primary); font-size:1rem; font-weight:500; padding-left:.2rem;}
.total > button {display:block; position:absolute; bottom:0; left:0; width:100%; background: var(--primary); border-radius:0 0 1.5rem 1.5rem;}
.total > button > span {color:#fff; line-height:2.5}
.shop_content{display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:2rem;}
.shop_box{display:flex; position:relative; width:80%; background: var(--lav-soft); text-align:left; margin:0 .85rem; padding:2rem 1.8rem; border-radius:1rem; margin-bottom:2rem;}
.shop_boxl > h1 {color:#808080; font-size:1.1rem; font-weight:400;}
.shop_boxl > strong {color: var(--primary); display:inline-block; font-size:1.85rem; font-weight:700; padding:1rem 0 1.5rem 0;}
.shop_boxl > strong > span {color: var(--primary); display:inline-block; font-size:1.3rem; font-weight:700; padding-left:.2rem;}
.shop_boxr {display:block; background: var(--primary); border-radius:0 1rem 1rem 0rem; position:absolute; right:0; height:141px; top:0; width:10%; text-align:center; line-height:8; cursor:pointer;}
.shop_boxr > button > span {color:#fff;}
#all_C {margin-left:5.5rem;}

/* shop.asp */
.shop_text {text-align:center;}
.shop_text > h1 {font-size:2rem; font-weight:500; padding:1.5rem 0rem;}
.shop_text > p {font-size:1.2rem; font-weight:500; line-height:1.5; letter-spacing:normal;}
.shop_text > h3 {font-size:14px; font-weight:500; padding-top:1.5rem; color:#505050;}
.explanation {margin-top:5rem;}
.explanation > h1 {font-size:1.4rem; font-weight:500;}
.planoption {width:100%; margin-top:2.5rem;}
.planoption > ul {display:flex; width:100%; gap: .5%; }
.planoption > ul > li {flex:1; padding:2rem 1rem; border:1px solid #f3f3f3; transition: transform 0.2s ease; margin-bottom: 1%;}
.planoption > ul > li:hover {transform: scale(1.05); border:1px solid var(--line); background: var(--lav-soft);}
.shop_line {margin:0 auto; width:80%; border:1px solid #f1f1f1;}
.plan_1 { width:100%; border-radius:1rem 1rem 0rem 0rem; text-align:center;}
.planoption.each h4 { word-break: keep-all; width:100%; text-align:center;}
.planoption.each .plan_1 .price { font-size: 1.2rem; }
.planoption.each input[type="checkbox"] { width: 1rem; height: 1rem; }
.planoption.each .shop_line { margin: 1rem auto; }
.planoption.each .box { margin: 0; }
.planoption > ul > li:first-child .plan_1 {border-radius:1rem 0 0 0;}
.planoption > ul > li:nth-child(2) .plan_1 {border-radius:0 0 0 0;}
.planoption > ul > li:nth-child(3) .plan_1 {border-radius:0 0 0 0;}
.planoption > ul > li:last-child .plan_1 {border-radius:0 1rem 0 0;}
.planoption > h2 {margin:1.5rem 0rem; font-size:20px; font-weight:700; color: var(--primary);}
.planoption > ul > li > button {display:block; width:100%; max-width:125px; margin:0 auto; margin-top:2rem; padding:.85rem 0; background: var(--primary); color:#fff;}
.planoption > ul > li button.perfect_btn {background: var(--lav-soft); color: var(--primary-dark); font-weight:500; cursor:default;}
.planoption .exam_plan { margin-top: 1.5rem; }
.planoption .movie_plan { margin-bottom: 1rem; }
.plan_1 > h3 {font-size: 1.4rem; font-weight:700; }
.plan_1 .box > div * { display: inline-block; vertical-align: middle; }
.plan_1 h4 { width: 10%; font-size: 1.2rem; text-align: left; font-weight: 600; }
.plan_1 .price { color: var(--primary); font-weight:800; font-size:1.65rem; line-height:1.5;}
.plan_1 .price.bought { color: var(--primary-dark); }
.plan_1 input[type="checkbox"] { width: 22px; height: 22px; margin-left: .5rem; cursor: pointer; accent-color: var(--primary); }
.plan_1 input[type="checkbox"]:disabled {cursor: default; }
.plan_1 .off * { color: #aaa !important; }
.plan_2 {text-align:center;}
.plan_2 > input {width:1.2rem; height:1.2rem; vertical-align:sub; margin-top:3rem;}
.plan_2 > span {color:#333; font-weight:800;}
.plan_2 > h2 {font-size:14px; color:#606060; font-weight:500; line-height:3;}
.money_wrap {width:100%; margin-top:4rem;}
.money_box {margin:0 auto; padding:2rem 0rem; width:50%; text-align:center;}
.money_box > h1 {font-size:1.3rem; font-weight:500; padding-top:3rem;}
.money_box > h1 > span{color: var(--primary); font-size:1.7rem; font-weight:800;}
.money_box > button {display:block; margin:0 auto; margin-top:2rem; padding:.85rem 3rem; background: var(--primary); color:#fff;}
.money_box > p {padding-top:.5rem;}
.shop_sale { margin-top:2rem; display:flex; justify-content:center;}
.shop_sale > h1 {font-size:1.2rem; font-weight:500; color: var(--primary);}
.shop_sale > h1 > input {vertical-align:text-bottom; margin-left:5px; width:6rem;}
#checkCode {color: var(--primary); vertical-align:text-bottom; margin-top:2px; margin-left:10px; font-weight:500;}
.refund_wrap {width:100%; height:auto; margin:5rem 0rem; border-top:1px solid #ddd;}
.refund {padding:2rem 0rem;}
.refund > h1 {color: var(--primary); font-size:20px; font-weight:700; margin-bottom:1.5rem;}
.refund > ul > li {font-size:15px; font-weight:400; padding:.3rem 0rem; line-height:1.5;}

/* shop_confirm.asp */
.confirm_box {margin:0 auto; padding:2rem 0rem; width:50%; border:1px solid var(--lav-soft); text-align:center;}
.confirm_box > h1 {font-size:1.3rem; font-weight:500;}
.confirm_box > h1 > span{color: var(--primary); font-size:1.7rem; font-weight:800;}
.confirm_box > button {display:inline-block; margin:0 auto; margin-top:2rem; width:7rem; height:3rem; background: var(--primary); color:#fff;}
.confirm_box > button:nth-child(2) {background:#505050;}

/* regist_confirm.asp */
.list-check-1 {padding-bottom:1rem;}
.list-check-1 > li {line-height:2;}

/* notice.asp */
.notice_wrap {margin-top:4rem;}
.notice_text {text-align: center;}
.notice_text > h1 {font-size:2rem; font-weight: 600;}
.notice_list {text-align: center; margin-top:4.5rem;}
.notice_list > ul {display: flex; justify-content: center;}
.notice_list > ul > li {padding:0rem 2rem; border-bottom: 1px solid #e2e2e2; padding-bottom:1rem; cursor:pointer;}
.notice_list > ul > li > a {color:#505050; font-weight: 500;}
.notice_red {border-bottom:1px solid var(--primary) !important; color: var(--primary-dark) !important;}
.notice_table_wrap {margin:3rem 0rem;}
.notice_table > thead >  tr > th:last-child {width:20%;}

/* faq.asp  */
.faq_content {margin-top:4rem;}
.faq_wrap { border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 40px;}
.faq_wrap > dt {padding: 17px 0; border-bottom: 1px solid #ddd; cursor:pointer;  position: relative;}
.faq_wrap > dd {display:flex; letter-spacing:normal; padding: 29px 10px; background: var(--lav-soft); display:none; line-height:1.5;}
.faq_wrap span {float:left; font-weight:800;}
.faq_wrap dt::after {content:""; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; position: absolute; right: 10px; top:40%; transform:rotate(135deg); } 
.faq_wrap dt.qnaactive::after {content:""; width:8px; height:8px; border-top:2px solid var(--primary); border-right:2px solid var(--primary); transform:rotate(315deg);}
.btnList {text-align:center;}

/* qna.asp  */
.table_top { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.table_top span a { display:inline-block; padding: .6rem 1rem; border-radius: 5px; background: var(--primary); color: #fff; line-height: 1; }
.qna_write td,
.qna_view td,
.qna_answer td, 
.qna_list td.textLeft { text-align: left; }
.qna_write td input[type='text'] { width:100%; border: 1px solid #dadde6; height: 40px; padding: 10px; color: #444; font-size: 1rem; }
.qna_write td textarea { width:100%; height: 400px; border: 1px solid #dadde6; outline: none; padding: 10px; font-size: 1rem; resize: none; color: #444; font-weight: 500; }
.qna_view .context { min-height: 100px; }
.qna_list td.textLeft { text-overflow:ellipsis; white-space:nowrap; overflow: hidden; max-width: 630px; }
.sub_table_gray.qna_answer { border-top:1px solid #ddd; }


/* new_terms.asp */
.new_terms_top {width:100%; height:150px; background:url(/images/main_pho.png) no-repeat; background-size: 100% auto;}
.new_terms_top > h1 {padding:5rem 0rem; font-size:2.2rem; font-weight:700; color:#fff; letter-spacing:normal;}
.new_terms_m {margin-top:6rem;}
.new_terms_m > h1 {font-size:1.4rem; font-weight:700; color: var(--primary); letter-spacing:normal;}
.new_terms_m > h2 {font-size:1.1rem; padding-top:1.5rem;}
.terms_m_text {margin-top:2rem;}
.terms_m_text > h1 {font-size:1.45rem; font-weight:700; padding:1.5rem 0rem;}
.terms_m_text > h2 {font-size:1.1rem; font-weight:700; color:#444444; padding:1rem 0rem;}
.terms_m_text > p {font-size:14px; line-height:1.5; letter-spacing:normal;}

/* mtStudy.asp */
.mystudy_wrap { margin-top:4rem; padding:0rem 3rem; width:100%;}
.mystudy_content {margin-top:3rem;}
.mystudy_content > table {margin:0 auto; width:80%;}
.mystudy_content > table > tbody {text-align:center;}
.mystudy_content > table > tbody > tr > td {border:1px solid #ddd; table-layout:fixed; width:20px; height:20px; line-height:20px; cursor:pointer;}
.mystudy_content > table th {background: var(--lav-soft); table-layout:fixed; width:20px; height:20px; line-height:20px;}
#pink1 {background:#fac8ca;}
#pink2 {background:#f86b6d;}
#purple1 {background:#dfd2ec;}
#purple2 {background:#b18ecc;}
#purple3 {background:#a279c2;}
#purple4 {background:#7f46aa;}

/* wrong.asp / remind.asp / memo.asp */
.result_test_L{width:100%; background: var(--lav-soft); border:1px solid var(--line); border-radius:1.25rem; padding:2rem;}
.test_LL{width:100%; background: var(--lav-soft); border:1px solid var(--line); border-radius:1.25rem; padding:2rem;}
.test_RR{width:100%; background:#fff; border:1px solid var(--line); border-radius:1.25rem; padding:2rem;}
.tabs_wrap {margin-bottom:1.4rem;}
.tabs{display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.6rem;}
.tabs > li {
  padding:.5rem 1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:.7rem;
  cursor:pointer;
  transition: border-color .15s ease, background .15s ease;
}
.tabs > li:hover{ border-color: var(--primary); background: var(--lav-soft); }
.tabs > li > a {color: var(--ink); font-weight:600; font-size:.9rem;}
html ul.tabs li.active, html ul.tabs li.active:hover  {background: var(--primary); border-color: var(--primary);}
html ul.tabs li.active a, html ul.tabs li.active:hover a {color:#fff;}
.tabs.tabs2 > li{ padding:.45rem .9rem; }

.result_R_table th.hand{ cursor:pointer; transition: color .15s ease; }
.result_R_table th.hand:hover{ color: var(--primary); font-weight:700; }

/* result.asp */
.result_wrap {padding-top:4rem;}

/* notice_view.asp */
.notice_btn {margin-top:2rem;}
.notice_btn > a {display:inline-block; padding:.7rem 1.5rem; background: var(--primary); color:#fff; font-weight:500; letter-spacing:normal;}
.notice_btn > a:nth-child(2) {display:inline-block; padding:.7rem 1.5rem; background:#505050; color:#fff; font-weight:500; letter-spacing:normal;}

/* myGrade.asp */
.mygrade_container {margin-top:3rem;}
.mygrade_wrap {display:flex;}
.mygrade_mar {margin:4rem 0rem;}
.mygrade_h > h1 {font-size:1.25rem; font-weight:600; letter-spacing:normal;}
.mygrade_h > h1::before {content:""; display:inline-block; width:10px; height:10px; background: var(--primary); border-radius:50%; margin-right:10px; margin-bottom:1.2px;}
.mygrade_l {width:50%;}
.mygrade_r {width:50%;}
.mygrade_l_ta {border-collapse: collapse; table-layout:auto; border:1px solid #ddd; }
.mygrade_l_ta > thead > tr > th {width:120px; padding:1rem .2rem; border-bottom:1px solid #dfdfdf; background: var(--lav-soft); font-weight:700;}
.mygrade_l_ta > thead > tr > td {width:120px; padding:1rem .2rem; border-bottom:1px solid #dfdfdf; text-align:center;}
.mygrade_l_ta_2 {border-collapse: collapse; table-layout:auto; border:1px solid #ddd; width:50%;}
.mygrade_l_ta_2 > thead > tr > th {padding:1rem 1rem; border-bottom:1px solid #dfdfdf; background: var(--lav-soft); font-weight:700; border-right:1px solid #ddd;}
.mygrade_l_ta_2 > tbody > tr > td {padding:1rem 1rem; border-bottom:1px solid #dfdfdf; vertical-align: middle; text-align:center; border-right:1px solid #ddd;}

.mygrade_l_ta_3 {width:100%; table-layout:fixed; border:1px solid #ddd;}
.mygrade_l_ta_3 > thead > tr > th {padding:1rem 0rem; border-bottom:1px solid #dfdfdf; background: var(--lav-soft); font-weight:700; border-right:1px solid #ddd;}
.mygrade_l_ta_3 > tbody > tr > td {padding:1rem .3rem; border-bottom:1px solid #dfdfdf; text-align:center; border-right:1px solid #ddd; word-break:break-all; line-height:1.5; }
.mygrade_l_ta_3 > tbody > tr > td:nth-child(3) { white-space: normal; text-align:left;}

.mygrade_l_ta_2 > tbody > tr:nth-child(7) > td {background: var(--lav-soft); font-weight:700;}
.mygrade_l_ta_2 > tbody > tr:nth-child(8) > td {background: var(--lav-soft); font-weight:700;}
.chart_wrap {display:flex;}
.chart_ {margin-right:3.5rem;}
.chart_ > canvas {width:330px;}
.three_ta {width:100%;}
.tabs_top {display:flex; justify-content:space-between; padding:0rem 1rem;}
.printBtn {background: var(--primary-dark); color:#fff; font-weight:600; padding:.5rem .8rem; border-radius:20px;}
.p_top {margin-top: 0.4rem;}
.blue_te {color: var(--primary); font-weight:600;}
.red_te {color:red; font-weight:600;}
.chart_wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
}
.chart_box{
  position: relative;
  width: 260px;
  height: 260px;
  flex: 0 0 auto;
}
.chart_box canvas{
  width: 100% !important;
  height: 100% !important;
}
.three_ta{
  flex: 1 1 320px;
  min-width: 0;
}

/* popup*/
.popup_wrap {max-width:100%; position:fixed; left:0; background:#fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; display: none;}
.my_popup > img {max-width:100%;}
#close {display:flex; justify-content:center; gap:30px; padding:15px 0;}
#close > a { font-size:16px; font-weight:600;}
#radar-chart > label {margin-top:4rem;}

@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; }
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }
	header , footer {display:none;}
	.max-w-1280 {width:100%;}
	.printBtn {background: var(--primary-dark); color:#fff; font-weight:600; padding:.5rem .8rem; border-radius:20px;}
	.p_top {margin-top: 0.4rem;}
}

/* center.asp */
.compnay_top {width:100%; height:150px; background:url(/images/main_pho.png) no-repeat; background-size: 100% auto;}
.compnay_top > h1 {padding:5rem 0rem; font-size:2.2rem; font-weight:700; color:#fff; letter-spacing:normal;}
.company_text {margin-top:4rem; display:flex; gap:20px;}
.text-d {}
.text-d > h1 {font-size:24px; font-weight:700; line-height:1.5; color: var(--primary);}
.text-d > p {font-size:17px; line-height:1.5; padding-top:1rem;}


/* todayquiz.asp */
.tq-wrap{
  max-width:1280px;
  margin:0 auto;
  padding: clamp(1.25rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem) clamp(3rem, 8vw, 6rem);
}
.tq-wrap *{box-sizing:border-box;}

.tq-reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
.tq-reveal.tq-visible{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .tq-reveal{opacity:1; transform:none; transition:none;}
  .tq-hero-blob{animation:none !important;}
}

.tq-hero{
  position:relative;
  overflow:hidden;
  border-radius: clamp(1.25rem, 3vw, 2rem);
  background: linear-gradient(155deg, var(--primary) 0%, var(--primary-soft) 55%, var(--lav) 130%);
  padding: clamp(2.25rem, 6vw, 4rem) clamp(1.5rem, 6vw, 3.5rem);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: clamp(1.5rem, 4vw, 3rem);
  flex-wrap:wrap;
}
.tq-hero-blob{
  position:absolute;
  width: 22rem; height:22rem;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);
  top:-8rem; right:-6rem;
  filter: blur(2px);
  animation: tq-float 9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes tq-float{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(18px) scale(1.05); }
}

.tq-hero-main{position:relative; z-index:2; max-width:34rem;}
.tq-eyebrow{
  display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  font-size:.78rem; font-weight:700; letter-spacing:.12em;
  padding:.4rem .9rem;
  border-radius:999px;
  margin-bottom:1.1rem;
}
.tq-eyebrow::before{
  content:'';
  width:6px; height:6px; border-radius:50%;
  background:#FF8F5E;
  box-shadow:0 0 0 3px rgba(255,143,94,.35);
}
.tq-hero-main h1{
  font-size:clamp(2rem, 5vw, 3.1rem);
  font-weight:800;
  line-height:1.25;
  color:#fff;
  letter-spacing:-0.01em;
}
.tq-hero-main p{
  margin-top:.9rem;
  font-size:clamp(1rem, 1.6vw, 1.15rem);
  color:rgba(255,255,255,.94);
  line-height:1.7;
  text-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.tq-hero-cta{
  margin-top: 1.8rem;
  display:inline-flex; align-items:center; gap:.5rem;
  background:#fff;
  color: var(--primary-dark);
  font-weight:700; font-size:1.02rem;
  padding: .95rem 1.6rem;
  border-radius:.9rem;
  box-shadow:0 10px 24px rgba(33,15,80,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}
.tq-hero-cta:hover{ transform:translateY(-3px); box-shadow:0 14px 28px rgba(33,15,80,.32); }
.tq-hero-cta svg{ width:18px; height:18px; transition:transform .2s ease; }
.tq-hero-cta:hover svg{ transform:translateX(3px); }

.tq-hero-side{
  position:relative; z-index:2;
  background:rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
  border:1px solid rgba(255,255,255,.3);
  border-radius:1.4rem;
  padding: 1.6rem 1.8rem;
  text-align:center;
  min-width:12.5rem;
}
.tq-hero-side .tq-label{
  color:rgba(255,255,255,.85);
  font-size:.84rem; font-weight:700; margin-bottom:.6rem;
}
.tq-countdown{
  font-variant-numeric: tabular-nums;
  font-size:clamp(1.5rem, 3vw, 1.9rem);
  font-weight:800;
  color:#fff;
  letter-spacing:.03em;
}
.tq-hero-side .tq-sub-caption{
  margin-top:.5rem;
  font-size:.8rem;
  color:rgba(255,255,255,.78);
}

.tq-membership{
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
  cursor:pointer;
  display:flex; align-items:center; justify-content:space-between;
  gap:1.5rem;
  background: var(--lav-soft);
  border:1px solid var(--line);
  border-radius: clamp(1.1rem, 3vw, 1.6rem);
  padding: clamp(1.4rem, 4vw, 2.2rem) clamp(1.4rem, 4vw, 2.6rem);
  transition: box-shadow .25s ease, transform .25s ease, background .25s ease;
}
.tq-membership:hover{
  background:#fff;
  box-shadow: 0 12px 30px rgba(86,52,209,.14);
  transform: translateY(-2px);
}
.tq-membership-text strong{
  display:block;
  font-size:clamp(1.1rem, 2.4vw, 1.4rem);
  font-weight:700;
  color: var(--ink);
  line-height:1.5;
}
.tq-membership-text strong span{ color: var(--primary); }
.tq-membership-text p{
  margin-top:.4rem;
  font-size:.95rem;
  color: var(--sub);
  line-height:1.6;
}
.tq-membership-cta{
  flex-shrink:0;
  display:flex; align-items:center; gap:.5rem;
  background: var(--primary);
  color:#fff; font-weight:700; font-size:.92rem;
  padding:.75rem 1.2rem;
  border-radius:.7rem;
  white-space:nowrap;
}
.tq-membership img{ max-width:120px; height:auto; flex-shrink:0; }

.tq-grid{
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2.5vw, 1.5rem);
}
@media (max-width:720px){
  .tq-grid{ grid-template-columns:1fr; }
}
.tq-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:1.25rem;
  padding: clamp(1.4rem, 3vw, 2rem);
  display:flex; flex-direction:column;
  transition: box-shadow .25s ease, transform .25s ease;
}
.tq-card:hover{ box-shadow:0 14px 28px rgba(86,52,209,.1); transform:translateY(-3px); }
.tq-card-icon{
  width:2.6rem; height:2.6rem;
  border-radius:.8rem;
  display:flex; align-items:center; justify-content:center;
  background: var(--lav-soft);
  color: var(--primary);
  margin-bottom:1rem;
}
.tq-card h6{
  font-size:1.05rem; font-weight:700; color: var(--ink);
  margin-bottom:.4rem;
}
.tq-card .tq-desc{ font-size:.92rem; color: var(--sub); line-height:1.65; margin-bottom:1.3rem; }
.tq-card .tq-date{
  display:inline-block;
  font-size:.85rem; font-weight:600; color: var(--primary-dark);
  background: var(--lav-soft);
  padding:.35rem .7rem;
  border-radius:.5rem;
  margin-bottom:1.3rem;
  width:fit-content;
}
.tq-card-btn{
  margin-top:auto;
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  border:1.5px solid var(--primary);
  color: var(--primary);
  font-weight:700; font-size:.9rem;
  padding:.7rem 1rem;
  border-radius:.7rem;
  transition: background .2s ease, color .2s ease;
}
.tq-card-btn:hover{ background: var(--primary); color:#fff; }

@media (max-width:640px){
  .tq-hero{ flex-direction:column; align-items:stretch; text-align:center; }
  .tq-hero-main{ max-width:100%; }
  .tq-hero-side{ width:100%; }
  .tq-membership{ flex-direction:column; text-align:center; }
  .tq-membership img{ margin:0 auto; }
}



/* -----1200px----- */
@media screen and (max-width:1200px){
header { padding: 0 1rem; }
.fmp_1 { padding: 4rem 2rem; }
.fmp_1_1 > h1 { font-size: 2rem; }
.wrong > h1 {font-size: 19px;}
.wrong > h2 {font-size: 14px;}
}


/* -----1080px----- */
@media screen and (max-width:1080px){

.result_box {width:100%;}

.wrong_content {flex-direction: column;}
.wrong {position:relative;margin:1.2rem 0rem;}
.wrong > h1 {font-size:22px;position:unset;}
.wrong > h1:after {right:2rem;}
.wrong > h2 {font-size:18px;}
.wrong > h2 span {display:inline-block; font-size:inherit; line-height:inherit; margin:0;}

.shop_content {padding:0rem 1.5rem;}

.mygrade_wrap {flex-direction:column; align-items:center;}
.mygrade_l {width:100%;}
.mygrade_r {width:100%; margin-top:2rem;} 
.mygrade_l_ta {width:100%;}
.chart_wrap {flex-direction: column; align-items: center;}
.chart_wrap > div {margin-bottom:2rem;}
.mygrade_h  {padding:0rem 1rem;}
.chart_ > canvas {width:300px;}
.cha {margin:2rem 0rem;}


}




/* -----900px----- (header + index mobile) */
@media screen and (max-width: 900px) {
    /* ¸ð¹ÙÀÏ Àü¿ë È÷¾î·Î ¹è°æ À̹ÌÁö */
    .main_80r { background: url('/images/main_pho3_mo.png') no-repeat center center; background-size: cover; aspect-ratio: 4 / 5; min-height: 480px; }
    .main_80r::after{display: none;}
.hero_badge {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(33, 15, 66, 0.45);
  backdrop-filter: blur(1px);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
  text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
    nav.nav_pc { display: none; }
    header { height: 60px; }
    .gnb_0310 { flex-flow: row-reverse; justify-content: space-between; }
    .mobile_menu { display: flex; align-items: center; cursor: pointer; }
    .mobile_menu img { width: 24px; height: auto; }
    .mobile_bg {
        display: none;
        background: rgba(33, 15, 66, .5);
        position: fixed;
        inset: 0;
        top: 60px;
        z-index: 200;
        opacity: 0;
        transition: opacity .25s ease;
    }

    .mobile_bg.active { display: block; opacity: 1; }

    .mobile_nav {
        display: block;
        width: 17rem;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform .28s cubic-bezier(.4,0,.2,1);
        box-shadow: -8px 0 24px rgba(33,15,66,.12);
    }

    .mobile_bg.active .mobile_nav {
        transform: translateX(0);
    }

    .nav_flex {
        display: flex;
        flex-direction: column;
        padding: 1.4rem 1rem;
        height: 100%;
        position: relative;
    }

    .gnb_title {
        font-size: 0.8rem;
        color: var(--primary);
        font-weight: 700;
        letter-spacing: 2px;
        padding-left: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .gnb_nav {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }

    .gnb_nav > li > a {
        display: flex;
        align-items: center;
        gap: .7rem;
        font-size: .98rem;
        line-height: 1.4;
        color: var(--ink);
        font-weight: 600;
        padding: 0.7rem 0.6rem;
        border-radius: 0.6rem;
        transition: background 0.15s;
    }

    .gnb_nav_icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.9rem;
        height: 1.9rem;
        border-radius: .55rem;
        background: var(--lav-soft);
        color: var(--primary);
        flex-shrink: 0;
        transition: background .15s ease, color .15s ease;
    }

    .gnb_nav > li > a:hover { background: var(--lav-soft); }
    .gnb_nav > li > a:hover .gnb_nav_icon { background: var(--primary); color: #fff; }

    .gnb_nav > li > a.is-current {
        background: var(--lav-soft);
        color: var(--primary-dark);
    }
    .gnb_nav > li > a.is-current .gnb_nav_icon {
        background: var(--primary);
        color: #fff;
    }

    .gnb_login { padding: 0.5rem; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; }
    .gnb_login > a > button { background: var(--primary); width: 100%; padding: 0.9rem; border-radius: 0.8rem; transition: background 0.2s; }
    .gnb_login > a > button:hover { background: var(--primary-dark); }
    .gnb_login > a > button span { color: #fff; font-size: 1rem; font-weight: 600; }
    .myinfo { display: none; }
    .dis_mo_none { display: none; }
    .disB_tamo { display: block; }
    .main_80r h3 { font-size: 3rem; }
    .main_80r p { font-size: 1.1rem; }
    .hero_feature { display: none; }
    .main_80r_inner { align-items: center; text-align: center; padding: 0 1.5rem; }
    .timer > span { padding: 0 0.8rem; font-size: 2rem; width: auto; }
    .main_text > h1 { font-size: 1.4rem; }
    .main_text > p { font-size: 0.95rem; }
    .fmp_section { position: relative; overflow: hidden; }
    .fmp_1 { padding: 0; flex-direction: column; gap: 0; position: relative; min-height: 360px; opacity: 0; transform: translateY(40px); transition: opacity 1.2s ease, transform 0.9s ease; }
    .fmp_1.visible { opacity: 1; transform: translateY(0); }
    .fmp_1_rvs { flex-direction: column; }
    .fmp_img_wrap { position: absolute; inset: 0; width: 100%; height: 100%; flex: unset; z-index: 0; }
    .fmp_img_wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; opacity: 0.15; }
    .fmp_section_bottom { background: var(--lav-soft); }
    .fmp_1_1 { position: relative; z-index: 1; width: 100%; flex: unset; padding: 3.5rem 1.8rem; }
    .fmp_1_1 > h1 { font-size: 1.8rem; color: var(--ink); margin-bottom: 0.5rem; }
    .fmp_1_1 > p { font-size: 1rem; color: var(--ink); line-height: 1.7; font-weight: 700; }
    .main_cen { margin: 4rem 0; padding: 0 1.5rem; }
    .cen_text > h1 { font-size: 1.3rem; }
    .cen_text2 > ul { flex-direction: column; align-items: center; gap: 2rem; }
    .cen_text2 > ul > li { border-right: none; border-bottom: 1px solid #e0e0e0; padding: 2rem 0; width: 100%; max-width: 320px; }
    .cen_text2 > ul > li:last-child { border-bottom: none; }
    .popup { max-width: 95vw; }
    .pop-img img { max-width: 95vw; }
}
/* -----905px----- */
@media screen and (max-width:905px){

.test_L_mo {width:100%;}
.test_R_mo {display:none;}
.print {width:100%}


}


/* -----767px----- */
@media screen and (max-width:767px){

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
body 
.dis_none {display:hidden;}
.dis_mo_none {display:none;}
.disB_tamo {display:block;}



.myinfo { display: none; }


/* text.asp */
.getbox {width:100%; margin:0 auto; margin-bottom:1rem;}

/* exam.asp  */
.sub_pn {width:90%;}
.pn_bt {background: var(--primary); border-radius:1rem; padding:.8rem 1rem; margin:1rem 0rem;}
.bla {background:#505050;}

/* tickebox_new */
.total {width:100%;}

/* shop.asp */
.planoption > ul {flex-direction:column;}
.planoption > ul > li {width:80%; margin:0 auto; margin-bottom:1rem;}
.planoption > h2 {text-align:center;}
.money_box {width:80%;}
.planoption > ul > li:not(:last-child) {border-right:1px solid #f3f3f3;}

/* exam_list.asp */
.test_table > thead > tr > th {font-size:1rem;}
.test_table > tbody > tr > td {font-size:1rem;}
.test_table > tbody >  {position:absolute; transform:translate(-50%,-50%); background-position:relative; }
.test_get {flex-direction: column;}

/* shop.asp */
.refund_wrap {padding:0rem 1.5rem;}
.shop_text {padding:0rem 1.5rem;}
.shop_text > p {font-size:1rem;}

/* reqist_confirm.asp */
.confirm_box {width:100%;}
.confirm_box  > h1 {font-size:1.1rem;}
.confirm_box  > h1 > span {font-size:1.2rem;}

/* new_terms.asp */
.new_terms_top > h1 {padding:5rem 1rem;}

/* notcie.asp */
.notice_wrap {padding:2rem;}


/* exam_list.asp */
.test_full{width:100%; padding-top:4rem; padding-left:1rem; padding-right:1rem;}
.results {color:#fff; background:#505050;border-radius:.5rem;}
.test_table > thead > tr > th:nth-child(1) {width:11%;}
.test_table > thead > tr > th:nth-child(2) {width:13%;}

}



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

.Character {display:none;}


}


/* =========================================================
   °í°´¼¾ÅÍ(notice.asp) Àü¿ë ½ºÅ¸ÀÏ (prefix: nt-)
========================================================= */
.nt-wrap{
  --nt-primary:#5634D1;
  --nt-primary-dark:#3C1F94;
  --nt-lav:#D8C0FF;
  --nt-lav-soft:#F3EDFF;
  --nt-ink:#211A34;
  --nt-sub:#6B6580;
  --nt-line:#E7DEFB;
  max-width:1280px;
  margin:0 auto;
  padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 4vw, 1.5rem) 4rem;
  font-family:'SUIT-Regular','SUIT',sans-serif;
  color:var(--nt-ink);
}
.nt-wrap *{ box-sizing:border-box; }
.nt-wrap .notice_text{ text-align:left; margin-bottom:1.4rem; }
.nt-wrap .notice_text h1{ font-size: clamp(1.25rem, 2.8vw, 1.9rem); font-weight:800; color:var(--nt-ink); }
.nt-wrap .notice_list{ text-align:left; margin-top:0; }
.nt-wrap .notice_list > ul{ display:flex; align-items:center; gap: 1.6rem; flex-wrap:wrap; border-bottom: 1px solid var(--nt-line); }
.nt-wrap .notice_list > ul > li{ padding:0; border-bottom:none; cursor:pointer; line-height:1; }
.nt-wrap .notice_list > ul > li,
.nt-wrap .notice_list > ul > li > a{
  position: relative; display:inline-flex; align-items:center; height:2.8rem; padding: 0;
  font-size:.95rem; font-weight:600; letter-spacing:-.01em; color: var(--nt-sub);
  background:none; border:none; border-radius:0; transition: color .25s ease;
}
.nt-wrap .notice_list > ul > li::after,
.nt-wrap .notice_list > ul > li > a::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background: linear-gradient(90deg, var(--nt-primary), #6E45E8);
  transform: scaleX(0); transform-origin: left; transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.nt-wrap .notice_list > ul > li:hover,
.nt-wrap .notice_list > ul > li > a:hover{ color: var(--nt-primary-dark); }
.nt-wrap .notice_list > ul > li:hover::after,
.nt-wrap .notice_list > ul > li > a:hover::after{ transform: scaleX(1); }
.nt-wrap .notice_list > ul > li.notice_red{ background:none; border:none; color: var(--nt-primary); font-weight:800; }
.nt-wrap .notice_list > ul > li.notice_red::after{ transform: scaleX(1); }
.nt-wrap .notice_table_wrap{ margin: 1.6rem 0; }
.nt-wrap .sub_table_gray.notice_table{ width:100%; border-collapse:collapse; border-top:none; font-size:.92rem; border: 1px solid var(--nt-line); border-radius: 1rem; overflow:hidden; }
.nt-wrap .sub_table_gray.notice_table thead th{ background: var(--nt-lav-soft); color: var(--nt-primary-dark); font-weight:700; border:none; border-bottom: 1px solid var(--nt-line); padding: .9rem .6rem; }
.nt-wrap .sub_table_gray.notice_table tbody td{ border:none; border-bottom: 1px solid var(--nt-line); padding: .9rem .6rem; text-align:center; }
.nt-wrap .sub_table_gray.notice_table tbody tr:last-child td{ border-bottom:none; }
.nt-wrap .sub_table_gray.notice_table tbody tr:hover td{ background:#FBF9FF; }
.nt-wrap .sub_table_gray.notice_table tbody td a{ color: var(--nt-ink); font-weight:500; }
.nt-wrap .sub_table_gray.notice_table tbody td a:hover{ color: var(--nt-primary); }
.nt-wrap .sub_table_gray.notice_table tbody td[colspan]{ padding: 3rem 1rem; color: var(--nt-sub); background: var(--nt-lav-soft); font-weight:600; }
@media (max-width: 640px){
  .nt-wrap .sub_table_gray.notice_table thead{ display:none; }
  .nt-wrap .sub_table_gray.notice_table, .nt-wrap .sub_table_gray.notice_table tbody,
  .nt-wrap .sub_table_gray.notice_table tr, .nt-wrap .sub_table_gray.notice_table td{ display:block; width:100%; }
  .nt-wrap .sub_table_gray.notice_table tr{ border-bottom:1px solid var(--nt-line); }
  .nt-wrap .sub_table_gray.notice_table tbody td{ display:flex; justify-content:space-between; align-items:center; text-align:right; border-bottom:1px dashed var(--nt-line); padding:.6rem .8rem; }
  .nt-wrap .sub_table_gray.notice_table tbody tr td:last-child{ border-bottom:none; }
  .nt-wrap .sub_table_gray.notice_table tbody td:not([colspan])::before{ content: attr(data-label); font-size:.8rem; font-weight:700; color:var(--nt-sub); text-align:left; }
  .nt-wrap .sub_table_gray.notice_table tbody td[colspan]{ text-align:center; }
}
@media (max-width: 480px){
  .nt-wrap{ padding: 1.1rem .9rem 3rem; }
  .nt-wrap .notice_text{ margin-bottom:1rem; }
  .nt-wrap .notice_text h1{ font-size: 1.15rem; }
  .nt-wrap .notice_list > ul{ gap: 1rem; }
  .nt-wrap .notice_list > ul > li,
  .nt-wrap .notice_list > ul > li > a{ height:2.3rem; font-size:.86rem; }
  .nt-wrap .notice_table_wrap{ margin: 1rem 0; }
  .nt-wrap .sub_table_gray.notice_table tbody td{ font-size:.85rem; padding:.55rem .7rem; }
  .nt-wrap .sub_table_gray.notice_table tbody td:not([colspan])::before{ font-size:.74rem; }
  .nt-wrap .sub_table_gray.notice_table tbody td[colspan]{ padding: 2.2rem .8rem; font-size:.85rem; }
}


/* =========================================================
   °í°´¼¾ÅÍ - FAQ ÆäÀÌÁö Àü¿ë ½ºÅ¸ÀÏ (prefix: fq-)
========================================================= */
.fq-wrap{
  --fq-primary:#5634D1;
  --fq-primary-dark:#3C1F94;
  --fq-lav:#D8C0FF;
  --fq-lav-soft:#F3EDFF;
  --fq-ink:#211A34;
  --fq-sub:#6B6580;
  --fq-line:#E7DEFB;
  max-width:1280px;
  margin:0 auto;
  padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 4vw, 1.5rem) 4rem;
  font-family:'SUIT-Regular','SUIT',sans-serif;
  color:var(--fq-ink);
}
.fq-wrap *{ box-sizing:border-box; }
.fq-wrap .notice_text{ text-align:left; margin-bottom:1.4rem; }
.fq-wrap .notice_text h1{ font-size: clamp(1.25rem, 2.8vw, 1.9rem); font-weight:800; color:var(--fq-ink); }
.fq-wrap .notice_list{ text-align:left; margin-top:0; }
.fq-wrap .notice_list > ul{ display:flex; align-items:center; gap: 1.6rem; flex-wrap:wrap; border-bottom: 1px solid var(--fq-line); }
.fq-wrap .notice_list > ul > li{ padding:0; border-bottom:none; cursor:pointer; line-height:1; }
.fq-wrap .notice_list > ul > li,
.fq-wrap .notice_list > ul > li > a{
  position: relative; display:inline-flex; align-items:center; height:2.8rem; padding: 0;
  font-size:.95rem; font-weight:600; letter-spacing:-.01em; color: var(--fq-sub);
  background:none; border:none; border-radius:0; transition: color .25s ease;
}
.fq-wrap .notice_list > ul > li::after,
.fq-wrap .notice_list > ul > li > a::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background: linear-gradient(90deg, var(--fq-primary), #6E45E8);
  transform: scaleX(0); transform-origin: left; transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.fq-wrap .notice_list > ul > li:hover,
.fq-wrap .notice_list > ul > li > a:hover{ color: var(--fq-primary-dark); }
.fq-wrap .notice_list > ul > li:hover::after,
.fq-wrap .notice_list > ul > li > a:hover::after{ transform: scaleX(1); }
.fq-wrap .notice_list > ul > li.notice_red{ background:none; border:none; color: var(--fq-primary); font-weight:800; }
.fq-wrap .notice_list > ul > li.notice_red::after{ transform: scaleX(1); }
.fq-wrap .faq_content{ margin-top: 1.8rem; }
.fq-wrap .faq_wrap{ border-top:none; border-bottom:none; margin-bottom:0; display:flex; flex-direction:column; gap:.7rem; }
.fq-wrap .faq_wrap dt{
  display:flex; align-items:center; gap:.8rem; padding: 1.1rem 1.3rem;
  border: 1px solid var(--fq-line); border-radius: 1rem; background:#fff; cursor:pointer;
  font-weight:600; font-size:.98rem; color: var(--fq-ink);
  transition: border-color .2s ease, background .2s ease;
}
.fq-wrap .faq_wrap dt:hover{ border-color: var(--fq-primary); }
.fq-wrap .faq_wrap dt.qnaactive{ border-color: var(--fq-primary); background: var(--fq-lav-soft); border-radius: 1rem 1rem 0 0; }
.fq-wrap .faq_wrap dt::after{
  content:''; margin-left:auto; width:9px; height:9px;
  border-right:2px solid var(--fq-sub); border-bottom:2px solid var(--fq-sub);
  transform: rotate(45deg); transition: transform .25s ease, border-color .25s ease; flex-shrink:0;
}
.fq-wrap .faq_wrap dt.qnaactive::after{ transform: rotate(-135deg); border-color: var(--fq-primary); }
.fq-wrap .faq_wrap dt span{
  float:none; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  width:1.7rem; height:1.7rem; border-radius:50%; background: var(--fq-primary); color:#fff;
  font-size:.8rem; font-weight:800;
}
.fq-wrap .faq_wrap dd{
  display:grid; grid-template-rows: 0fr; overflow:hidden; margin:0;
  border: 1px solid transparent; border-top:none; border-radius: 0 0 1rem 1rem;
  transition: grid-template-rows .28s ease;
}
.fq-wrap .faq_wrap dd:not(.fq-open){ display:none; }
.fq-wrap .faq_wrap dd.fq-open{ grid-template-rows: 1fr; border-color: var(--fq-line); background: #FBF9FF; margin-top:-.7rem; }
.fq-wrap .faq_wrap dd > .fq-dd-inner{
  min-height:0; display:flex; align-items:flex-start; gap:.8rem; padding: 0 1.3rem;
  line-height:1.7; font-size:.92rem; color: var(--fq-sub);
}
.fq-wrap .faq_wrap dd.fq-open > .fq-dd-inner{ padding: 1.1rem 1.3rem 1.3rem; }
.fq-wrap .faq_wrap dd span{
  float:none; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  width:1.7rem; height:1.7rem; border-radius:50%; background: var(--fq-lav-soft); color: var(--fq-primary-dark);
  font-size:.8rem; font-weight:800;
}
@media (max-width: 480px){
  .fq-wrap{ padding: 1.1rem .9rem 3rem; }
  .fq-wrap .notice_text{ margin-bottom:1rem; }
  .fq-wrap .notice_text h1{ font-size: 1.15rem; }
  .fq-wrap .notice_list > ul{ gap: 1rem; }
  .fq-wrap .notice_list > ul > li,
  .fq-wrap .notice_list > ul > li > a{ height:2.3rem; font-size:.86rem; }
  .fq-wrap .faq_content{ margin-top: 1.2rem; }
  .fq-wrap .faq_wrap{ gap:.55rem; }
  .fq-wrap .faq_wrap dt{ padding: .85rem 1rem; font-size:.9rem; gap:.6rem; }
  .fq-wrap .faq_wrap dt span,
  .fq-wrap .faq_wrap dd span{ width:1.4rem; height:1.4rem; font-size:.72rem; }
  .fq-wrap .faq_wrap dd > .fq-dd-inner{ font-size:.86rem; padding: 0 1rem; gap:.6rem; }
  .fq-wrap .faq_wrap dd.fq-open > .fq-dd-inner{ padding: .9rem 1rem 1.05rem; }
}


/* =========================================================
   °í°´¼¾ÅÍ - Q&A ÆäÀÌÁö Àü¿ë ½ºÅ¸ÀÏ (prefix: qa-)
========================================================= */
.qa-wrap{
  --qa-primary:#5634D1;
  --qa-primary-dark:#3C1F94;
  --qa-lav:#D8C0FF;
  --qa-lav-soft:#F3EDFF;
  --qa-ink:#211A34;
  --qa-sub:#6B6580;
  --qa-line:#E7DEFB;
  max-width:1280px;
  margin:0 auto;
  padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 4vw, 1.5rem) 4rem;
  font-family:'SUIT-Regular','SUIT',sans-serif;
  color:var(--qa-ink);
}
.qa-wrap *{ box-sizing:border-box; }
.qa-wrap .notice_text{ text-align:left; margin-bottom:1.4rem; }
.qa-wrap .notice_text h1{ font-size: clamp(1.25rem, 2.8vw, 1.9rem); font-weight:800; color:var(--qa-ink); }
.qa-wrap .notice_list{ text-align:left; margin-top:0; }
.qa-wrap .notice_list > ul{ display:flex; align-items:center; gap: 1.6rem; flex-wrap:wrap; border-bottom: 1px solid var(--qa-line); }
.qa-wrap .notice_list > ul > li{ padding:0; border-bottom:none; cursor:pointer; line-height:1; }
.qa-wrap .notice_list > ul > li,
.qa-wrap .notice_list > ul > li > a{
  position: relative; display:inline-flex; align-items:center; height:2.8rem; padding: 0;
  font-size:.95rem; font-weight:600; letter-spacing:-.01em; color: var(--qa-sub);
  background:none; border:none; border-radius:0; transition: color .25s ease;
}
.qa-wrap .notice_list > ul > li::after,
.qa-wrap .notice_list > ul > li > a::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background: linear-gradient(90deg, var(--qa-primary), #6E45E8);
  transform: scaleX(0); transform-origin: left; transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.qa-wrap .notice_list > ul > li:hover,
.qa-wrap .notice_list > ul > li > a:hover{ color: var(--qa-primary-dark); }
.qa-wrap .notice_list > ul > li:hover::after,
.qa-wrap .notice_list > ul > li > a:hover::after{ transform: scaleX(1); }
.qa-wrap .notice_list > ul > li.notice_red{ background:none; border:none; color: var(--qa-primary); font-weight:800; }
.qa-wrap .notice_list > ul > li.notice_red::after{ transform: scaleX(1); }
.qa-wrap .notice_table_wrap{ margin-top: 1.6rem; }
.qa-wrap .table_top{ display:flex; justify-content:flex-end; margin-bottom: .8rem; }
.qa-wrap .table_top span a{
  display:inline-flex; align-items:center; height:2.5rem; padding: 0 1.3rem; border-radius: .7rem;
  background: var(--qa-primary); color:#fff; font-weight:700; font-size:.9rem; transition: background .2s ease;
}
.qa-wrap .table_top span a:hover{ background: var(--qa-primary-dark); }
.qa-wrap .sub_table_gray.qna_list{ width:100%; border-collapse:collapse; border-top:none; font-size:.92rem; border: 1px solid var(--qa-line); border-radius: 1rem; overflow:hidden; }
.qa-wrap .sub_table_gray.qna_list thead th{ background: var(--qa-lav-soft); color: var(--qa-primary-dark); font-weight:700; border:none; border-bottom: 1px solid var(--qa-line); padding: .9rem .6rem; }
.qa-wrap .sub_table_gray.qna_list tbody td{ border:none; border-bottom: 1px solid var(--qa-line); padding: .9rem .6rem; text-align:center; }
.qa-wrap .sub_table_gray.qna_list tbody tr:last-child td{ border-bottom:none; }
.qa-wrap .sub_table_gray.qna_list tbody tr:hover td{ background:#FBF9FF; }
.qa-wrap .sub_table_gray.qna_list tbody td.textLeft{ text-align:left; }
.qa-wrap .sub_table_gray.qna_list tbody td a{ color: var(--qa-ink); font-weight:500; }
.qa-wrap .sub_table_gray.qna_list tbody td a:hover{ color: var(--qa-primary); }
.qa-wrap .sub_table_gray.qna_list tbody td[colspan]{ padding: 3rem 1rem; color: var(--qa-sub); background: var(--qa-lav-soft); font-weight:600; }
.qa-wrap .qa-state{ display:inline-block; font-size:.8rem; font-weight:700; padding: .3rem .7rem; border-radius: .5rem; }
.qa-wrap .qa-state.done{ background: var(--qa-lav-soft); color: var(--qa-primary-dark); }
.qa-wrap .qa-state.wait{ background:#EEEDF3; color:#79758A; }
@media (max-width: 640px){
  .qa-wrap .sub_table_gray.qna_list thead{ display:none; }
  .qa-wrap .sub_table_gray.qna_list, .qa-wrap .sub_table_gray.qna_list tbody,
  .qa-wrap .sub_table_gray.qna_list tr, .qa-wrap .sub_table_gray.qna_list td{ display:block; width:100%; }
  .qa-wrap .sub_table_gray.qna_list tr{ border-bottom:1px solid var(--qa-line); }
  .qa-wrap .sub_table_gray.qna_list tbody td{ display:flex; justify-content:space-between; align-items:center; text-align:right; border-bottom:1px dashed var(--qa-line); padding:.6rem .8rem; }
  .qa-wrap .sub_table_gray.qna_list tbody td.textLeft{ text-align:right; }
  .qa-wrap .sub_table_gray.qna_list tbody tr td:last-child{ border-bottom:none; }
  .qa-wrap .sub_table_gray.qna_list tbody td:not([colspan])::before{ content: attr(data-label); font-size:.8rem; font-weight:700; color:var(--qa-sub); text-align:left; }
  .qa-wrap .sub_table_gray.qna_list tbody td[colspan]{ text-align:center; }
}
@media (max-width: 480px){
  .qa-wrap{ padding: 1.1rem .9rem 3rem; }
  .qa-wrap .notice_text{ margin-bottom:1rem; }
  .qa-wrap .notice_text h1{ font-size: 1.15rem; }
  .qa-wrap .notice_list > ul{ gap: 1rem; }
  .qa-wrap .notice_list > ul > li,
  .qa-wrap .notice_list > ul > li > a{ height:2.3rem; font-size:.86rem; }
  .qa-wrap .table_top span a{ height:2.2rem; padding:0 1rem; font-size:.82rem; }
  .qa-wrap .sub_table_gray.qna_list tbody td{ font-size:.85rem; padding:.55rem .7rem; }
  .qa-wrap .sub_table_gray.qna_list tbody td:not([colspan])::before{ font-size:.74rem; }
  .qa-wrap .sub_table_gray.qna_list tbody td[colspan]{ padding: 2.2rem .8rem; font-size:.85rem; }
  .qa-wrap .qa-state{ font-size:.74rem; padding:.24rem .55rem; }
}