/* ---------------- ·Î±×ÀÎ ÆäÀÌÁö ---------------- */
.login { width: 100%; margin: 0 auto; padding: 0; font-size: 0; background-color: #fff;}
.login-inner { 
    width: 48rem;
    margin: 0 auto; 
    display: flex; 
    align-items: top; 
    justify-content: center; 
}
.login-inner>li { 
    width: 50%;
    padding-left: 4rem;
}
.login-inner li:first-child { border-right: 1px solid #6D748A; padding-left: 0; padding-right: 4rem;}
.login-inner li h3 { text-align: center; margin-bottom: 32px;}
.login-inner li .log-tit { font-size:24px; text-align: center; margin-bottom: 32px;}
.login-inner li form {width: 100%;}
.login-inner li form input { margin: 4px auto 20px;}
.login-inner>li button { border: none; width: 100%; height: 3.5rem; line-height: 3.5rem; margin-top: 28px;}
.login-inner li.login01 div { width: 100%; display: flex; margin: 0 auto;  justify-content: space-between;}
.login-inner div p { margin: 0; margin-top: 10px;}


/* ÀÔ·Â⠾ƿô¶óÀÎ Á¦°Å */
.log-id:focus,
.log-pw:focus { outline: none; border: 1px solid #3B5DC0;}
.log-id,
.log-pw {
    width: 100%;
    height: 3.5rem;
    text-align: left;
    padding-left: 0.75rem;
    display: block;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: var(--space-200, 0.5rem);
    border: 1px solid var(--input-default-border, #D1E9FF);
    background: var(--input-active-bg, #EDF6FF);
}
.log-id::placeholder,
.log-pw::placeholder { color: #8D93B8; font-size: 16px;}
.login>div { 
    padding: 50px 0; 
    width: 48rem;
    border-radius: var(--space-200, 0.5rem);
    border: 1px solid var(--input-default-option, #6D748A);
    background: #FFF;
    word-break: keep-all;
}
.login>div p { line-height: 1.8; width: 90%;}
.login>div>p>span { padding-bottom: 2px;}
.login02 a{margin-top: 1.5rem;}
.login02_ntc{
    color: var(--Error-600, #CF271A);
    border-radius: var(--space-200, 0.5rem);
    background: var(--Error-50, #FDE9EA);
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
}
.login-inner .login02_ntc p{
    margin-top: 0; 
    line-height: 140%; 
    word-break: keep-all; 
    text-align: center;
    color: var(--Error-600, #CF271A);
}


/* ---------- ÇÐÀ§°úÁ¤ ----------- */
.class-wrap .class-txt-wrap { border: 1px solid #c6cee2; margin: 0 auto;}
.class-wrap .class-txt { padding: 0 40px; margin: 0; font-size: 0;}
.class-wrap .class-txt:first-child { padding-top: 50px;}
.class-wrap .class-txt p.fz18-semibold { display: inline-block; padding: 5px 15px; padding-left: 0; color: #3B5DC0; margin: 0; width: auto; text-align: center;}
.class-wrap .class-txt p.fz18-semibold i {  color: #3B5DC0;}
.class-wrap .class-txt p { margin: 8px 20px 0 24px;}
.class-wrap .class-txt p.class-txt-mt { margin-top: 16px;}
.class-wrap b { font-weight: 500;}
.class-wrap .class-txt p.before-cnt { margin-left: 30px;}
.class-wrap .class-txt:last-child p:last-child { padding-bottom: 50px;}
.class-wrap p a { text-decoration: underline; text-underline-offset:4px;}
.class-wrap p a:hover { background-color: #1357DF; color: #fff; text-decoration: none;}



.class-btn-5 { 
    display: flex; 
    justify-content: center; 
    border-radius: var(--space-500, 1.25rem);
    border: 1px solid #D5D5D5;
    background: #142969;
    padding: 1.5rem 0;
}
.class-btn-5 div.class-btn { width: 10.5rem; margin: 0 1rem; height: 3rem;}
.class-btn-5 div.class-btn a { 
    height: inherit; 
    line-height: 3rem; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0;
    border-radius: var(--space-300, 0.75rem);
    background: var(--Secondary-900, #343E9F);
}
.class-btn-5 div.class-btn a img{
    margin: 0 0.25rem 0 0;
    border: none;
}
.class-btn-5 div.class-btn a span{margin: 0; color: #fff;}


/* ÀÚ°Ý°úÁ¤ */
.class-wrap hr { border-color: #c6cee2; color: #c6cee2; padding: 0; width: 20%; background-color: #c6cee2;}
.class-wrap tbody th.sticky { position: sticky; left: -1px; border: 1px solid #c6cee2; background-color: #f6f7f9;}
.class-wrap img { border: 1px solid #3B5DC0; border-radius: 4px;}

/* ¹ü¿ë°øÀÎÀÎÁõ¼­ ¾È³» */
.class-txt-table { width: 80%; margin: 0; margin-left: 20px; margin-bottom: 25px;}
.class-txt .class-img-wrap p { margin-left: 0; padding: 0 !important;}

/*  */
.tab-list { position: relative; height: 100%; margin: 0 auto; display: block;}
.tab-panel {
    width: 16rem;
    height: 6.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 20px 10px;
    box-sizing: border-box;
    border-radius: var(--space-500, 1.25rem) var(--space-500, 1.25rem) 0rem 0rem;

}
.tab-panel:hover { background-color: #1357DF; border-color: #1357DF; color: #fff;}

/* 220722 ¼ö°­½Åû ÆäÀÌÁö ÅÇ ÆгΠid Ãß°¡ */
#tabpanel-01,
#tabpanel_01 { position: absolute; top: 1px; left: 0;}
#tabpanel-02,
#tabpanel_02 { position: absolute; top: 1px; left: 16rem;}
#tabpanel-03,
#tabpanel_03 { position: absolute; top: 1px; left: 32rem;}
#tabpanel-04,
#tabpanel_04 { position: absolute; top: 1px; left: 48rem;}
#tabpanel-05,
#tabpanel_05 { position: absolute; top: 1px; left: 64rem;}

.tab-container::after{
   content: '';
   position: absolute; 
   width: 1280px; 
   box-sizing: border-box;
   font-size: 0;
   height: calc(6.5rem - 1px);
   border-radius: var(--space-500, 1.25rem) var(--space-500, 1.25rem) 0rem 0rem;
   border: 1px solid #d4d4d7;
   border-bottom: none;
   background: #eef3ff;
   top: 1px;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
}

.tab-cnt { display: none; padding-top: 6.5rem; width: 100%; box-sizing: border-box;}
.tab-cnt .tab-cnt-inner { 
    width: 100%;
    border: 1px solid #d4d4d7;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
} 
button.tab-on { 
    border-bottom: none; 
    background-color: #fff; 
    color: #1b1c1e;
    border: 1px solid #d4d4d7;
    border-bottom: none;
    box-sizing: border-box;
}
.tab-on { display: block; box-sizing: border-box;}
.tab-container h4,
.tab-container h4 i { color: #3B5DC0; font-size: 20px;}

/*  ÀÚ·á½Ç */
.reference ul li button { width: 70%; height: 40px; line-height: 37px;}

/* ÀåÇÐ - ÀåÇÐÁ¦µµ*/
.scholar-top { border: 1px solid #c6cee2; padding: 20px;}
.scho-winner { margin-left: 20px;}

/* ³ªÀÇ ¼ö°­°úÁ¤ */
.classroom-board-tit { align-items: flex-end;}
.classroom-board-tit p a { padding: 5px; background-color: #3B5DC0; color: #fff;}
.classroom-board-ul { margin: 0; margin-top: 10px; border-top: 1px solid #3B5DC0; border-bottom: 1px solid #3B5DC0; padding: 0; display: block; }
.classroom-board-ul li { height: 40px; border-bottom: 1px solid #c6cee2; padding: 0 10px; position:relative; justify-content: start; align-items:center;}
.classroom-board-ul li p { line-height: 40px; width: auto;}
.classroom-board-ul li p:last-child {position:absolute; right:0;}
.classroom-board-ul li img {margin:0 0 0 4px; height:11px;}
.classroom-payment { padding: 20px; box-sizing: border-box; border: 1px solid #c6cee2;}
.classroom-payment a { margin: 10px; box-sizing: border-box;}
.classroom-payment a p { 
    width: 200px; 
    height: 56px; 
    line-height: 56px; 
    margin: 0; 
    box-sizing:border-box;
}


/* ÀÌ¿ë¾à°ü */

/* ÇнÀ¹æ - Áß°£/±â¸» */
a.text-exam { padding: 0; box-sizing: border-box; width: 360px; background-color:#0F852E; border:none;}

/* °­ÀÇ°èȹ¼­ */
.curriculum { width: 840px; box-sizing: border-box;}
.curriculum .table-st03-wrap { width: 70%; margin: 0;}
.curriculum div.d-flex .table-st03-wrap:last-child { width: 25%; margin-left: 5%;}
.curriculum .table-st03-wrap .table-st03 { width: 100%;}
.curriculum .table-st03-wrap .table-st03 tr th,
.curriculum .table-st03-wrap .table-st03 tr td { height: 60px; padding: 0;}
.curriculum .table-st03-wrap .table-st03 tr td { padding-left: 20px; padding-right: 20px;}
.curriculum .table-st03-wrap:last-child .table-st03 tr td { padding: 0px;}

.curr-caption dl { margin: 0; height: 30px;}
.curr-caption dl dd { width: 90%;}
.curr-caption02 { padding: 20px; background-color: #f6f7f9;}
.curr-box { padding: 20px; border: 1px solid #c6cee2;}
table.curr-spec tbody tr td { padding: 10px !important;}
.curr-box p.before-cnt { margin-left: 30px; margin-top: 5px;}

/* °³ÀÎÁ¤º¸ 󸮹æħ */

/* ÀÚ°ÝÁõ ¹ß±Þ¾È³» */
.cert-issue-cnt { padding: 50px;}
.all-check-container { display: flex; justify-content: start;}
.all-check-container button { width: 120px; height: 40px; line-height: 37px; font-weight: normal;}
button.all-check { margin-right: 10px;}

.issue-table { display: none;}
.issue-active { display: block;}
.issue-btn { width: auto; margin: 0 auto;}
.issue-btn:hover { background-color: #1357DF; color: #fff; text-decoration: underline;}
ul.cert-issue-cnt .classroom-class.issue-table tbody tr.f-grey th{ margin: 0 auto; padding: 10px;}

/* ¼ö°­±ÔÁ¤ */
.rule { width: 100%; box-sizing: border-box;}
.rule>div { margin: 0;}
.rule .rule_tit { width: 100%;}
.rule h3 {
    border-bottom: 1px solid #3B5DC0;
    cursor: pointer;
    padding: 10px;
    text-align: left;
    color: #3B5DC0;
    line-height: 1;
    position: relative;
    transition: 0.3s;
}
.rule h3::after { content: '[¿­±â]'; position: absolute; right: 0; font-size: 16px; line-height: 1.7; right: 10px; }
.rule .rule_tit.rule_on { color: #3B5DC0; text-align: left; border-bottom: none;}
.rule_on h3 { background-color: #3B5DC009; color: #3B5DC0; text-align: left; border: 1px solid #c6cee2; padding: 30px;}
.rule_tit>h3:hover { background: #1357DF20;}
.rule_tit.rule_on h3:hover { background: #3B5DC020;}
.rule_tit.rule_on h3::after { content: '[´Ý±â]'; right: 30px;}
.rule .rule-cnt { border: 1px solid #c6cee2; background-color: #fff; border-top: none; padding: 30px; margin-top: 0; display: none;}
.rule-cnt .fz16 { margin-left: 20px;}
.rule-guide { width: 20%; height: 40px; line-height: 40px; box-sizing: border-box;}
.rule-guide:hover { background-color: #1357DF; color: #fff;}

/* ±³À°¿ø¼Ò°³ */
.intro-txt { background-image: url(../images/bg/intro_bg.jpg); padding: 100px 0 0; background-position: top; background-repeat: no-repeat; background-size: cover; }
.intro-cnt { width: 50%; margin: 100px 0 0; padding: 20px; background-color: #fff;}
.fade-in {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
    color: #fff;
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    /* Firefox */
    from { opacity: 0; }
    to {  opacity: 1; }
}
@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1; }
}
@-o-keyframes fadein {
    /* Opera */
    from { opacity: 0;}
    to { opacity: 1;}
}
.fade-in02 {
    animation: fadein02 2s ease-in;
    -moz-animation: fadein02 2s ease-in;
    /* Firefox */
    -webkit-animation: fadein02 2s ease-in;
    /* Safari and Chrome */
    -o-animation: fadein02 2s ease-in;
    /* Opera */
}
@keyframes fadein02 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.fade-in03 { animation: fadein03 2.5s ease-in;}
@keyframes fadein03 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}

.contact { padding: 30px;}
.classroom-submit { display: flex;  justify-content: end;}
.classroom-submit button { width: 100px; height: 40px; line-height: 38px;}

.result dl { width: 10%;}
.result dl dt { height: 72px; padding: 0; display: flex; justify-content: center; align-items: center; }

/* ½Ç¸íÀÎÁõ */
.nc-container{ align-items: center; padding-bottom: 10px;}
.nc-btn-link, .nc-toggle-btn, .nc-close{ padding: 5px 10px;}
.nc-btn-link:hover, .nc-toggle-btn:hover{ background-color:#1357DF; color: #fff; border-color: #1357DF;}
.nc-toggle-cnt{ display: none; margin-bottom: 40px; width: 100%;}
.nc-toggle-cnt.nc-show{ display: block;}
.nc-close-container{ display: flex; justify-content: end; margin: 0; margin-top: 20px; padding-top: 20px; border-top: 1px solid #c6cee2;}
.nc-close{ margin: 0; background-color: #6e758c; color: #fff;}
.nc-close:hover{ background-color: #fff; color: #6e758c;}

.table-replace{ display: none;}
.nc-allcheck-wrap{ display: flex; justify-content: end; margin: 0; width: 100%;}
.name-check{ padding: 50px;}
.name-check div:first-child{ width: 70%;}
.name-check div:last-child{ width: 30%;}
.name-check dl dt{ width: 15%; text-align: left; margin-right: 10px;}
.name-check dl dd{ width: 85%;}
.name-check dl dd input{ width: 150px; padding: 5px; box-sizing: border-box;}

.find_idpw { width: 800px;}
.find_idpw li h5, .find_idpw li div, .find_idpw li button { width: 300px; margin-left: 0; margin-right: 0;}
.find_idpw li button { height: 50px; line-height: 50px;}
.find_idpw li input { padding: 10px;}

.find_pw_m form div:last-of-type label { width: 30%;}
.find_pw_m form div:last-of-type select { padding-left: 8px; height:48px;}
.find_pw_m form div:last-of-type span { width: 10px; text-align: center;}

.find_idpw li.find_pw div.find_pw_m select {width:80px; padding-left:8px; height:48px; margin:0;}
.find_idpw li.find_pw div.find_pw_m div:nth-of-type(2) label {width:100px; margin:0; margin-top:4px;}
.find_idpw li.find_pw div.find_pw_m div:nth-of-type(2) label input {width:100%; box-sizing:border-box;}
.find_idpw li.find_pw div.find_pw_m div:nth-of-type(2) span {margin:0;}

.reply_pop { width: 600px; margin: 20px auto;  }
.reply_pop p{ width: 100%;}       
.reply_pop p:first-of-type{font-size:20px; display:inline-block; width:auto;}
.reply_pop textarea {  padding: 5px; height:100%; }

.timer {position: fixed; top: 50px; right: 200px; background: #fff;}

.exam_login { max-width: 420px; padding: 4%; }
.exam_login article button.btn-blue { height: 48px; line-height: 48px;}
.exam_login button:hover, .exam_login button:hover i{color:#bb1111; text-decoration: underline; text-underline-offset: 4px;}

.pop_pwd{width: 320px; }
.pop_pwd label {display: block; width: 100%; margin-bottom: 12px;}
.pop_pwd label p {font-size: 18px;}
.pop_pwd input {height: 48px; width: 100%;  line-height: 48px; margin: 0; border-color: #595959; font-size: 16px;}
.pop_pwd button:first-child { height: 44px; width: 100px; line-height: 44px; margin: 0; font-size: 16px; background-color: transparent;}
.pop_pwd button:first-child:hover { background-color: #595959; color: #fff;}
.pop_pwd button.btn-blue{height: 44px; width: 212px;  line-height: 44px; margin: 0; font-size: 16px; font-weight: normal;}

button#modal-login02-btn:hover h5{color:#3B5DC0;}

.voucher_how ul{ width: 100%; display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; margin-top: 40px;}
.voucher_how ul li.voucher_cnt { width: 10%; position: relative;}
.voucher_how ul li.voucher_cnt p:first-child {
    position: absolute; 
    top: -4px; 
    left: -4px; 
    width: 24px;
    height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #3B5DC0;
}
.voucher_how ul li.voucher_cnt p:nth-child(2) { padding: 20px 12px; background-color: #eeede7; text-align: center; box-shadow: 4px 4px 12px rgb(40 40 0 / 5%);}
.voucher_how ul li.voucher_arrow p i{font-size: 24px; color: #3B5DC0;}
.cls-report .class-wrap form div:nth-of-type(2) dl:first-of-type {font-size:0;}
.cls-report .class-wrap form div:nth-of-type(2) dl:first-of-type a{text-decoration:underline; text-underline-offset:4px; color:#1357DF; display:inline-block;}
.cls-report .class-wrap form div:nth-of-type(2) dl:first-of-type a:hover {background-color:#1357DF; color:#fff;}

.class-wrap .class-txt:last-child .cls-ntc{padding-bottom: 50px;}
.class-wrap .class-txt:last-child .cls-ntc  p:last-child {padding: 0;}
.class-wrap .class-txt:last-child .cls-ntc li{margin-top: 20px;}

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.privacy_version_wrap {width: 100%; display: flex; justify-content: start; margin: 0; flex-wrap: wrap; }
.privacy_version {width: 280px; margin: 0; margin-top: 80px; padding-left: 20px; text-align: left; background-position: 97% 52%; border: 1px solid #3B5DC0;}

/* 230919. 9Çõ. °³ÀÎÁ¤º¸ ¶óº§¸µ */
.prv_pre{
    border-bottom: 1px dashed #3B5DC0; 
    padding: 80px 48px 64px; 
    word-break: keep-all;
}
.prv_lbl_wrap{margin: 80px 0; width: 100%;}
.prv_lbl_inner{
    width: 100%; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    box-sizing: border-box; 
    /* padding: 80px 0; */
}
.prv_lbl_inner li{
    width: 200px; 
    text-align: center; 
    margin: 0 8px; 
    border: 1px solid #0044CC; 
    box-sizing: border-box; 
    background-color: #fff;
}

.prv_lbl_inner li:first-child{margin-left: 0;}
.prv_lbl_inner li:last-child{margin-right: 0;}
.prv_lbl_inner li img{width: 80px; vertical-align: middle; padding: 20px 16px 0;}
.prv_lbl_inner li p.fz18-semibold{padding: 12px 0 8px;}
.prv_lbl_inner li > div{ width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;}
.prv_lbl_inner li div div{
    width: calc(100% - 16px); 
    height: calc(100% - 16px); 
    background-color: #D9E6FF60; 
    border: 1px solid #D9E6FF; 
    margin: 0; 
    padding: 16px 16px 16px 4px; 
    box-sizing: border-box;
}
.prv_lbl_inner li div p{text-align: left; margin-bottom: 4px; position: relative; padding-left: 16px;}
.prv_lbl_inner li div p::before{content: '-'; position: absolute; left: 8px; font-size: 16px;}
.rule.pvc_new .rule-container{margin-top: 32px;}
.rule.pvc_new .rule_tit{background-color: #fff;}
.rule.pvc_new h3 {
    cursor: pointer;
    padding: 12px 12px 5px;
    font-size: 1.25rem;
    text-align: left;
    color: #1b1c1e;
    line-height: 1.4;
    position: relative;
    transition: 0.3s;
    border-bottom: 1px solid #D9E6FF;
}

.rule.pvc_new h3#rule01::before{content: url(../images/img/pvc-01.svg); }
.rule.pvc_new h3#rule02::before{content: url(../images/img/pvc-02.svg); }
.rule.pvc_new h3#rule03::before{content: url(../images/img/pvc-03.svg); }
.rule.pvc_new h3#rule04::before{content: url(../images/img/pvc-04.svg); }
.rule.pvc_new h3#rule05::before{content: url(../images/img/pvc-05.svg); }
.rule.pvc_new h3#rule06::before{content: url(../images/img/pvc-06.svg); }
.rule.pvc_new h3#rule07::before{content: url(../images/img/pvc-07.svg); }
.rule.pvc_new h3#rule08::before{content: url(../images/img/pvc-08.svg); }
.rule.pvc_new h3#rule09::before{content: url(../images/img/pvc-09.svg); }
.rule.pvc_new h3#rule10::before{content: url(../images/img/pvc-10.svg); }
.rule.pvc_new h3#rule11::before{content: url(../images/img/pvc-11.svg); }

.rule.pvc_new h3::before{
    width: 36px; 
    vertical-align: middle; 
    margin-right: 8px; 
    display: inline-block;
    image-rendering: pixelated;
}
.rule.pvc_new .rule_tit>h3:hover{background: #D9E6FF60;}
.rule.pvc_new h3::after {
    content: url(../images/img/pvc-open.svg);
    position: unset;
    width: 11px;
    margin-left: 12px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
    transition: .3s ease;
    opacity: 0.72;
}
.rule.pvc_new h3:hover::after {
    content: url(../images/img/pvc-open.svg);
    transform: translateX(8px);
}
.rule.pvc_new .rule_tit.rule_on h3::after {
    content: url(../images/img/pvc-open.svg);
    transform: rotate(90deg);
}
.rule.pvc_new .rule_tit.rule_on h3:hover {
    background-color: #D9E6FF;
}


.rule.pvc_new .rule_on h3{background-color: #d9e6ff60; border: 1px solid #0044CC; border-bottom: 1px solid #0044CC32;}
.rule.pvc_new.rule .rule-cnt{border: 1px solid #0044CC; border-top: none;}
.privacy_version{margin-top: 64px;}

.pvc_new.rule .table-st-wrap.rule_tbl_100{
    width: 100% !important;
}
.pvc_new.rule .table-st-wrap.rule_tbl_100 th,
.pvc_new.rule .table-st-wrap.rule_tbl_100 td{font-size: 1rem; padding: 16px; word-break: keep-all;}
.pvc_new.rule .table-st-wrap.rule_tbl_100 td p{margin-top: 8px;}
.pvc_new.rule .table-st-wrap.rule_tbl_100 td p:first-child{margin-top: 0;}

.pvc_new.rule .rule-cnt a{display: inline; text-decoration: underline; text-underline-offset: 4px; color: #1357DF; transition:ease .3s;}
.pvc_new.rule .rule-cnt a:hover{background-color: #1357DF; color: #fff;}

.pvc_new.rule .rule-cnt .rule-cnt-order{display: flex;}
.pvc_new.rule .rule-cnt .rule-cnt-order p{margin: 0;}
.pvc_new.rule .rule-cnt .rule-cnt-order p:first-child{margin-right: 4px;}

.rule-cnt-order-sub {margin: 0; margin-left: 16px;}
.rule-cnt-order-sub li{margin-top: 12px; padding: 0;}

.rule.pvc_new .privacy_version_wrap .privacy_version{margin-top: 20px;}
.rule.pvc_new strong{font-size: 1.2rem; color: #1357DF; font-weight: 500;}


.cert-issue-wrap strong{font-weight:normal !important;}

.class-wrap .certifi_info_wrap{
    width: calc(100% - 8rem);
    border: none;
}
.class-wrap .certifi_info_wrap .class-txt:first-child,
.class-wrap .certifi_info_wrap .class-txt {padding: 0;}

.qr_code{width: calc(100% - 8rem); margin: 4rem auto;}
.qr_code ul{display: flex; justify-content: start; align-items: start; margin-top: 2rem;}
.qr_code ul li{margin: 0; padding: 0;}
.qr_code ul li:first-child{margin-right: 2rem;}
.qr_code ul li img{
    width: 15rem;
    height: 15rem; 
    border: 1px solid #000;
    margin: 0;
    padding: 0; 
}
.qr_code ul li p{text-align: center;}
.qr_code ul li p i{margin-right: 4px;}
.qr_code>p{margin-top: 2rem;}
.qr_code>p:last-child{margin-top: 0.5rem;}

ul.cert_trnsfr{width: calc(100% - 8rem); margin: 4rem auto;}
ul.cert_trnsfr li h3{margin-bottom: 1rem;}
ul.cert_trnsfr li ol{margin: 0; padding: 0; font-size: 0; width: 62.5rem; }
ul.cert_trnsfr li ol li{display: inline-block; vertical-align: top; margin-right: 2rem; margin-top: 2rem;}
ul.cert_trnsfr li ol li img{height: 20rem;}
ul.cert_trnsfr li ol li p{margin: 0.5rem 0 0; width: 15rem; word-break: keep-all;}
ul.cert_trnsfr li ol li.trnsfr_2_10 img {height: 10rem;}
ul.cert_trnsfr li.trnsfr_02{margin-top: 4rem;}
ul.cert_trnsfr li.trnsfr_01 div{
    border-radius: var(--space-200, 0.5rem);
    background: var(--Error-50, #FDE9EA);
    padding: 2rem;
    color: var(--Error-900, #A30000);
    margin-top: 2rem;
}
ul.cert_trnsfr li.trnsfr_01 div strong,
ul.cert_trnsfr li.trnsfr_01 div p{color: var(--Error-900, #A30000);}
ul.cert_trnsfr li.trnsfr_01 div p{margin-top: 1rem;}
ul.cert_trnsfr li.trnsfr_01 div>p:first-child{margin-top: 0;}
ul.cert_trnsfr li.trnsfr_01 ol li.trnsfr_1_06 p a,
ul.cert_trnsfr li.trnsfr_02 ol li.trnsfr_2_04 p a{display: inline;}
ul.cert_trnsfr li.trnsfr_01>p{margin-top: 2rem;}


.cert_set{ width: calc(100% - 8rem); margin: 4rem auto; }
.cert_set div.cert_set_file{
    width: 62rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: var(--space-300, 0.75rem);
    border: 1px solid var(--navy-200, #A1AECE);
    background: #FFF;
    margin: 2rem 0 1rem; 
    display: flex; 
    justify-content: start; 
    align-items: center;
}
.cert_set div.cert_set_file p{margin: 0; padding-left: 1.5rem;}
.cert_set div.cert_set_file a{
    width: 7.5rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0; 
    text-align: center;
    color: #fff;
    margin-left: 1.5rem;
    border-radius: var(--space-300, 0.75rem);
    background: var(--Secondary-800, #3B5DC0);
}
.cert_set ul{display: flex; justify-content: start; flex-wrap: wrap; align-items: center; }
.cert_set ul li{
    width: 20rem;
    height: 15rem;
    margin: 1rem 1rem 0 0;
    padding: 1.5rem;
    box-sizing: border-box;
    border-radius: var(--space-300, 0.75rem);
    border: 1px solid #e0e0e0;
    background: #F5f5f5;
}
.cert_set ul li div{
    display: flex; 
    justify-content: start; 
    align-items: center; 
    margin: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #000;
}
.cert_set ul li div img{margin: 0; width: 2rem; height: 2rem;}
.cert_set ul li div h4{margin: 0 0 0 0.25rem;}
.cert_set ul li p{margin-top: 0.5rem; word-break: keep-all; height: 4.75rem;}
.cert_set ul li a{
    width: 6rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    margin:0;
    border-radius: var(--space--200, 0.5rem);
    background: var(--Primary-500, #1357DF);
    color: #fff;
}
.cert_set ul li a:hvoer{
    background-color: var(--Primary-900);
}

/* ¸ð¹ÙÀÏ ÇнÀ ¾È³»*/
.mb_chk h2,.mb_info h2{font-weight: 500;}
ul.cert_trnsfr.mb_chk  li h3,
ul.cert_trnsfr.mb_info  li h3{margin-bottom: 0;}
ul.cert_trnsfr.mb_chk  li ol li{margin-right: 1rem;}
ul.cert_trnsfr.mb_chk  li.trnsfr_03,
ul.cert_trnsfr.mb_chk  li.trnsfr_04,
ul.cert_trnsfr.mb_chk  li.trnsfr_05,
ul.cert_trnsfr.mb_info li.trnsfr_02,
ul.cert_trnsfr.mb_info li.trnsfr_03,
ul.cert_trnsfr.mb_info li.trnsfr_04,
ul.cert_trnsfr.mb_info li.trnsfr_05,
ul.cert_trnsfr.mb_info li.trnsfr_06{margin-top: 4rem;}
ul.cert_trnsfr.mb_chk  li.trnsfr_05 p{margin-top: 0.5rem;}
ul.cert_trnsfr.mb_chk  li.trnsfr_05 p:first-of-type{margin-top: 1rem;}
ul.cert_trnsfr.mb_chk  li.trnsfr_05 h4{margin-top: 1rem; color: #1b1c1e;}

ul.cert_trnsfr.mb_info li.trnsfr_01 div{background-color: transparent; padding: 0; margin-top: 2rem;}
ul.cert_trnsfr.mb_info li.trnsfr_01 div h4{color: #1b1c1e;}
ul.cert_trnsfr.mb_info li.trnsfr_01 div p{color: #1b1c1e;}
ul.cert_trnsfr.mb_info li.trnsfr_01 div img{margin-top: 1rem;}

ul.cert_trnsfr.mb_info li.trnsfr_03>p{margin-top: 1rem;}
ul.cert_trnsfr.mb_info li.trnsfr_05 h4,
ul.cert_trnsfr.mb_info li.trnsfr_06 h4{margin-top: 2rem; color: #1b1c1e;}
ul.cert_trnsfr.mb_info li.trnsfr_05 div p,
ul.cert_trnsfr.mb_info li.trnsfr_06 div p{margin-top: 0.5rem;}

ul.cert_trnsfr.mb_chk li h3 {display:flex; justify-content: start; align-items: center;}
ul.cert_trnsfr.mb_chk li h3 img{margin-left:0.25rem;}


/* ¹ÝÀÀÇü */
@media screen and (max-width:1440px) {
    .tab-panel { width: 20%; margin: 0; padding: 0px; }
    .tab-cnt { padding-top: 6.5rem;    }
    #tabpanel-01,
    #tabpanel_01 { position: absolute; top: 1px; left: 0;}
    #tabpanel-02,
    #tabpanel_02 { position: absolute; top: 1px; left: 20%;}
    #tabpanel-03,
    #tabpanel_03 { position: absolute; top: 1px; left: 40%;}
    #tabpanel-04,
    #tabpanel_04 { position: absolute; top: 1px; left: 60%;}
    #tabpanel-05,
    #tabpanel_05 { position: absolute; top: 1px; left: 80%;}

    button.all-check { width: 100px; height: 40px; line-height: 37px;}
    .name-check { padding: 30px;}
    .name-check div:first-child{ width: 60%; }
    .name-check div:last-child{ width: 40%; }
    .name-check dl dt{ width: 20%; }
    .name-check dl dd{ width: 80%; }
	.confirm_id { padding: 100px 0; }
	.login-inner li .log-tit { font-size:24px;}
	/* .login-inner li form {width: 72%;} */

    .timer {position: fixed; top: 50px; right: 5%;}

	 /* 230919. 9Çõ. °³ÀÎÁ¤º¸ ¶óº§¸µ */
    .prv_pre{
        padding: 40px 32px 48px; 
        word-break: keep-all;
    }
    .prv_lbl_wrap{margin: 48px 0; width: 100%;}
    .prv_lbl_inner li{
        width: 16%; 
        text-align: center; 
        margin: 0 auto; 
        border: 1px solid #0044CC; 
        box-sizing: border-box; 
        background-color: #fff;
    }
    .prv_lbl_inner li:first-child{margin-left: 0;}
    .prv_lbl_inner li:last-child{margin-right: 0;}
    .prv_lbl_inner li img{width: 80px; vertical-align: middle; padding: 16px 12px 0;}
    .prv_lbl_inner li p.fz18-semibold{padding: 8px 0 4px;}
    .prv_lbl_inner li > div{ width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}
    .prv_lbl_inner li div div{width: calc(100% - 16px); height: calc(100% - 12px); background-color: #D9E6FF60; border: 1px solid #D9E6FF; margin: 0; padding: 16px 16px 16px 4px; box-sizing: border-box;}
    .prv_lbl_inner li div p{text-align: left; margin-bottom: 4px; position: relative; padding-left: 16px;}
    .prv_lbl_inner li div p::before{content: '-'; position: absolute; left: 8px; font-size: 16px;}


}

@media screen and (max-width:1100px) {
    .tab-panel { 
        width: 20% !important; 
        margin: 0; 
        padding: 0px; 
        font-size: 1rem;
        height: 5rem;
        word-break: keep-all;
    }
    .tab-cnt { padding-top: 5rem; }
    #tabpanel-02, #tabpanel_02 { left: 20% !important; }
    #tabpanel-03, #tabpanel_03 { left: 40% !important; }
    #tabpanel-04, #tabpanel_04 { left: 60% !important; }
    #tabpanel-05, #tabpanel_05 { left: 80% !important; }
    .tab-container::after{height: calc(5rem - 1px);}
    
    .scrollbar { padding: 30px; }

    /* ·Î±×ÀÎ ÅÂºí¸´ */
    .login { width: 480px; margin: 5rem auto; }
    .login-inner { width: 100%; border: none; flex-direction: column; padding: 0; }
	.login-inner-m {flex-direction: column-reverse;}
    .login-inner>li { 
        margin: 0 auto; 
        width: 100%; 
        padding: 0; 
        box-sizing: border-box; 
        margin-bottom: 4rem;
    }
    .login-inner>li:first-child { padding: 0; border: none;}
    .login-inner li form input { margin-bottom: 10px; }
    .login-inner li button { width: 100%; }
    .log-id, .log-pw { width: 100%; }
    .log-id::placeholder, .log-pw::placeholder { font-size: 14px; }
    .login-inner>div { width: 100%; margin-top: 10px; }
	.login-inner div.us-layout-cert-select {width:590px;}

    /* ·Î±×ÀÎ ¾È³» ±Û */
    .login>div { margin: 0 auto; margin-top: 40px; width: 100%; padding: 20px 0; }
    .login>div p { width: 91%; line-height: 1.4; }
    .login>div>p>span { padding: 0; margin-top: 2px; display: inline-block; }

    .class-txt-table { width: 100%; margin: 0; margin-bottom: 25px; }
    .tab-container h4, .tab-container h4 i { font-size: 16px; }

    /* °­ÀÇ°èȹ¼­ */
    .curriculum { width: 96%; }
    .curr-caption dl dd { width: 80%; }
    .class-list { margin-top: 40px;  }

    /* ¼ö°­±ÔÁ¤  tablet*/
    .rule { width: 100%; box-sizing: border-box; }
    .rule>div { margin-top: 20px;}
    .rule h3 { margin-top: 0; font-size: 1rem; padding-left:0;}
    .rule h3::after { content:none; line-height: 1; right: 10px; }
    .rule-cnt .fz16 { margin-left: 20px; }
    .rule-guide { width: 33.3333%; height: 40px; line-height: 40px; box-sizing: border-box; }

    /* ±³À°¿ø ¼Ò°³ */
    .intro-txt {background-image: url(../images/bg/intro_bg.jpg); padding: 80px 0 0; }
    .intro-txt p br { display: none; }
    .intro-cnt { width: 60%; margin: 100px 0 0; padding: 20px; background-color: #fff; }

    /* ÇнÀ¹æ */
    /* °úÁ¦ */
    .submit { flex-wrap: wrap; }
    .submit>dl, .submit>div { width: 100%; box-sizing: border-box; }
    .submit>dl { border-right: 1px solid #c6cee2; margin: 0; }
    .submit>div, .submit>div>dl:first-child { border-top: none; }
    .submit>div { margin-top: 10px; border-top: 1px solid #c6cee2; }
    .submit>div>dl { box-sizing: border-box; }

    /* ¼ºÀû°ü¸® */
    .result dl { width: 20%; }
    .result dl dt { height: 60px; padding: 0; display: flex; justify-content: center; align-items: center; }
    .result dl:nth-child(5) { border-right: 1px solid #c6cee2; }
    .result dl:nth-child(6),
    .result dl:nth-child(7),
    .result dl:nth-child(8),
    .result dl:nth-child(9),
    .result dl:nth-child(10) { margin-top: 10px; }
    .rule_tit>h4:hover { background: #fff; color: #3B5DC0; }
    .rule_tit.rule_on h4:hover { background: #f6f7f9; color: #3B5DC0; }
    
    .nc-toggle-cnt .table-st-wrap{ display: none; }
    .table-replace{ display: block; }
    .name-check { padding: 50px; flex-direction: column; justify-content: start; width: 540px !important; margin: 0 auto; margin-top: 50px !important; }
    .name-check div:first-child{ width: 100%; }
    .name-check div:last-child{ width: 100%;  margin: 0; margin-top: 50px;}
    .name-check div:last-child button{ width: 100%; }
    .name-check dl{ flex-direction: column; }
    .name-check dl dt{ width: 100%; margin: 0; }
    .name-check dl dd{ width: 100%; margin: 0; margin-top: 10px; }

    .find_idpw { width: 100%; padding: 0; border: none; box-sizing: border-box; }
    .find_idpw li h5,
    .find_idpw li div,
    .find_idpw li button { width: 480px; margin: 0 auto; margin-top: 20px; }
    .find_idpw li h5{ margin-top: 0; }
    .find_pw>div{ display: block; }
    .find_pw>div>div{ width: 100%; box-sizing: border-box; margin-top: 0; }
    .find_pw>div>div:last-child{ border-top: 1px solid #c6cee2; }
    .find_pw_m form div:last-of-type select{ height: 42px; }
	.find_idpw li.find_pw div.find_pw_m select {width:20%; margin:0; padding-left:8px; height:42px; line-height:42px;}
	.find_idpw li.find_pw div.find_pw_m div:nth-of-type(2) label {width:34%; margin:0;}
	.find_idpw li.find_pw div.find_pw_m div:nth-of-type(2) span {margin:0;}
    .confirm_id { padding: 200px 0; }
	.login-inner li .log-tit { font-size:20px;}
	.login-inner li form {width: 100%;}
	.login-inner li button p.log-btn-txt { font-size:16px;}
    .timer {position: fixed; top: 30px; right: 5%;}
    .voucher_how ul {margin-top: 20px;}
    .voucher_how ul li.voucher_cnt { width: 18%; margin: 10px 1%;}
    .voucher_how ul li.voucher_arrow {width: auto; margin: 0;}

	.curr-box {line-height:1.4;}
	/*.curriculum .table-st03 tr {font-size:16px !important;}*/
	.rule_on h3{padding:30px;}
	.rule_tit.rule_on h3:hover{ background-color: #f6f7f9; color:#3B5DC0;}
	.rule_tit>h3:hover{ color: #3B5DC0; background:#fff;}

	/* 230822 ÇÐÀ§°úÁ¤, ÀÚ°Ý°úÁ¤ Ãß°¡*/
	.class-wrap .class-txt p br{display:none;}

	    /* 230919. 9Çõ. °³ÀÎÁ¤º¸ ¶óº§¸µ */
    .prv_pre {
        padding: 40px 32px 40px;
        word-break: keep-all;
    }
    .prv_lbl_inner li{ width: 30%; }
    .prv_lbl_inner li:first-child{margin-left: auto;}
    .prv_lbl_inner li:last-child{margin-right: auto;}
    .prv_lbl_inner li:nth-child(4),
    .prv_lbl_inner li:nth-child(5),
    .prv_lbl_inner li:last-child{margin-top: 24px;}
    .prv_lbl_inner li img{width: 80px; vertical-align: middle; padding: 16px 12px 0;}
    .prv_lbl_inner li p.fz18-semibold{padding: 8px 0 4px;}
    .prv_lbl_inner li > div{ width: 100%; height: 160px; display: flex; justify-content: center; align-items: center;}
    .prv_lbl_inner li div div{width: calc(100% - 16px); height: calc(100% - 12px); background-color: #D9E6FF60; border: 1px solid #D9E6FF; margin: 0; padding: 16px 16px 16px 4px; box-sizing: border-box;}
    .prv_lbl_inner li div p{text-align: left; margin-bottom: 4px; position: relative; padding-left: 16px;}
    .prv_lbl_inner li div p::before{content: '-'; position: absolute; left: 8px; font-size: 16px;}
    .rule.pvc_new .rule-container{margin-top: 24px;}
    .rule.pvc_new h3 {
        padding: 8px 8px 0;
        font-size: 1rem;
        border-bottom: 1px solid #D9E6FF;
    }
    .rule.pvc_new h3::before{
        width: 24px; 
        margin-right: 6px; 
    }
    .rule.pvc_new h3::after {width: 8px;  vertical-align: 0;}
    .privacy_version{margin-top: 40px;}
    .rule.pvc_new .rule_tit>h3:hover{background: #fff;}

    .rule.pvc_new h3:hover::after {
        content: url(../images/img/pvc-open.svg);
        transform: translateX(0);
    }
    .rule.pvc_new .rule_tit.rule_on h3::after {
        content: url(../images/img/pvc-open.svg);
        transform: rotate(90deg);
    }
    .rule.pvc_new .rule_tit.rule_on h3:hover {
        background-color: #d9e6ff60;
    }
    .pvc_new.rule .table-st-wrap.rule_tbl_100 .table-st {margin-left: 0 !important;}
    .pvc_new.rule .table-st-wrap.rule_tbl_100 th, 
    .pvc_new.rule .table-st-wrap.rule_tbl_100 td{
        font-size: 0.8rem;
    }
    .rule.pvc_new strong{font-size: 1.05rem; color: #1357DF; font-weight: 500;}

    ul.cert_trnsfr, .qr_code{width: calc(100% - 6rem);}
    ul.cert_trnsfr li ol, ul.cert_trnsfr li ol li p{width: 100%;}
    .qr_code ul li img{width: 12rem; height: 12rem;}
    ul.cert_trnsfr li ol li img {height: 16rem;}

    .cert_set div.cert_set_file{padding: 1rem; width: 100%;}
    .cert_set div.cert_set_file p{padding: 0;}
    .cert_set ul{justify-content: space-between;}
    .cert_set ul li{width: calc(50% - 0.5rem); margin: 1rem 0 0;}
    .cert_set ul li p{word-break: normal;}
    .cert_set ul li a{margin-top: 1.5rem;}


    .class-wrap img{width: 100%; height: auto;}
	 ul.cert_trnsfr.mb_info li.trnsfr_01 div img{height: 4rem; width: auto;}
}

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

    .tab-container::after{display: none;}    

    /* ·Î±×ÀÎ ¸ð¹ÙÀÏ */
    .login { width: 100%; margin: 0 auto; }

    /* ÇÐÀ§°úÁ¤ ¸ð¹ÙÀÏ */
    .class-wrap .class-txt-wrap, .class-wrap .class-btn-wrap { margin-top: 40px !important; }
    .class-wrap .class-txt { padding: 0 5px;  margin: 0 !important; }
    .class-wrap .class-txt:first-child { padding-top: 40px; }
    .class-wrap .class-txt p.fz18-semibold { padding: 5px; padding-right: 10px; margin: 0; margin-bottom: 8px; }
    .class-txt h4 i { display: none;}
    .class-wrap .class-txt p { margin: 5px 10px 0 10px; }
    .class-wrap .class-txt p.before-cnt { margin-left: 20px;}
    .class-wrap .class-txt p:last-child { padding-bottom: 40px; }
    .class-wrap .class-txt p.class-txt-mt { margin-top: 16px; }
    .class-txt p a:hover { background-color: #fff; color: #1357DF; }
    .class-table { margin-top: 40px !important;}
    .class-wrap .class-table h4 { font-weight: 500; font-size: 16px; }
    .class-btn-5 { flex-wrap: wrap; padding: 10px 0; flex-direction: row; justify-content: center; margin: 0 auto; }
    .class-btn-5 div { width: 38%; height: 48px; vertical-align: middle; margin: 10px 1% 0; margin-top:1rem; padding: 0; }
    .class-btn-5 div:last-child { margin-bottom: 20px; }
	.class-btn-5 div.class-btn{margin-top: 1rem;}
    .class-btn-5 div a { height: 48px; line-height: 48px; }
    .class-wrap img { width: auto;}

    /* ¹ü¿ë°øÀÎÀÎÁõ¼­ ¾È³» ¸ð¹ÙÀÏ */
    div.class-txt-wrap.certifi_info_wrap { border: none; width: 100%;}
    div.class-txt-wrap.certifi_info_wrap .class-txt { padding: 0; padding-top: 10px;  }
    div.class-txt-wrap.certifi_info_wrap h4 { background-color: #fff; color: #3B5DC0;  }
    div.class-txt-wrap.certifi_info_wrap h4 i { display: inline-block; }
    .class-img-wrap { margin-bottom: 0; }
    .tab-container h3 { font-size: 16px; }

    /*  ÀÚ·á½Ç */
    .reference div ul li { width: 50%; }
    .reference ul:last-child { justify-content: space-between; flex-wrap: wrap; }
    .reference ul li:nth-child(3), .reference ul li:nth-child(4) { margin-top: 20px; margin-bottom: 10px; }
    .reference ul li button { width: 90%; margin-top: 10px;}

    /* ÀåÇÐ ¾È³» */
    .scho-winner { margin-left: 5px; }
    .scho-winner p.before-01, .scho-winner p.before-02, .scho-winner p.before-03 { margin-left: 20px; }

    /* ³ªÀÇ ¼ö°­°úÁ¤ - °áÁ¦³»¿ª */
    .classroom-payment { padding: 0px; box-sizing: border-box; border: none; flex-direction: row; align-items: center; justify-content: space-between; }
    .classroom-payment a { margin: 0; box-sizing: border-box; width: 32%; margin: 0; padding: 0; }
    .classroom-payment a p { height: 40px; line-height: 40px; width: 100%; box-sizing: border-box; margin: 0; }

    .classroom-cnt-wrap .class-txt-wrap{ border: none; background-color: #f6f7f9; }
    .classroom-cnt-wrap .class-txt{ padding: 30px 15px 0; }
    .classroom-cnt-wrap .class-txt h4 { background-color: #f6f7f9; color: #3B5DC0; font-size: 16px; margin-left: 0; padding: 0; text-align: left; margin-bottom: 0; }
    .classroom-cnt-wrap .class-txt h4 i { display: inline; }
    .classroom-cnt-wrap .class-txt p { margin-left: 20px !important; margin-top: 10px;  }
    .classroom-cnt-wrap .class-txt p.before-cnt{ margin-top: 5px; }
    .classroom-cnt-wrap .class-txt h4 span { display: block; font-size: 14px; font-weight: normal; margin-top: 5px; }
    .classroom-cnt-wrap .class-txt p.margin0 { margin: 0; }
    .classroom-cnt-wrap .class-txt p.margin0 span { display: block; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; font-weight: normal; }

    /* ÀÌ¿ë¾à°ü */
    .policy h4 { padding: 10px; background-color: #f6f7f9; border: 1px solid #c6cee2; }
    .policy .policy-cnt { padding: 10px; border: 1px solid #c6cee2; border-top: none; }

    /* °­ÀÇ°èȹ¼­ */
    .curriculum .table-st03-wrap { width: 100%; }
    .curriculum .table-st03-wrap .table-st03 tr td { padding: 10px;}
    .curriculum div.d-flex .table-st03-wrap:last-child { width: 100%; margin-left: 0; }
    .curr-caption dl { height: 40px; display:block; font-size:0; }
    .curr-caption dl:first-child dt { width: auto; }
    .curr-caption dl:last-child { margin-top: 10px;}
    .curr-caption dl dt { width: auto; display:inline-block;}
    .curr-caption dl dd { width: auto; display:inline; }
    .curr-box { padding: 12px; }

    /* °³ÀÎÁ¤º¸ 󸮹æħ */
    button.tab-on, button.tab-panel { display: none; }
    .tab-cnt { padding-top: 0; }
    #tab-select { font-size: 1rem; width: 100%; background-position:98%; padding: 0 0.5rem; height: 3rem; line-height: 3rem;}
    .tab-cnt .tab-cnt-inner { border: none; }
    .tab-cnt .tab-cnt-inner .board-wrap, .tab-cnt .tab-cnt-inner>div { width: 100% !important; margin: 0; margin-top: 40px; }

    /*Áõ¸í¼­¹ß±Þ¾È³» */
    .cert-issue-wrap .tab-list .tab-cnt-inner { border: none;}
    .cert-issue-wrap .tab-list .tab-cnt { padding-top: 40px;}
    ul.cert-issue-cnt { padding: 0; }
    ul.cert-issue-cnt .classroom-class.issue-table tbody tr.f-grey th{ margin: 0 auto; padding: 10px; }
    button.all-check { width: 100px; height: 40px; line-height: 28px; }
    .all-check-container button { width: 100px; height: 40px; line-height: 37px; font-weight: normal; }

    /* ¼ö°­±ÔÁ¤  tablet*/
    .rule_tit h4 { padding: 10px 0; }
    .privacy .rule_tit h4 { padding: 10px 0; font-size: 16px !important; line-height: 1.4;}
    .rule .rule_on h4 { padding: 10px 0; padding-left: 5px; }
    .rule .rule_tit.rule_on { margin-top: 0; }
    .rule .rule-cnt { padding: 10px;}
    .rule.privacy .rule-cnt { padding: 10px; padding-top: 40px; }
    .rule_tit h4::after { padding-right: 5px; font-size: 14px; }
    .privacy  .rule_tit h4::after{ right: 0; bottom: -20px;  }



    /* ±³À°¿ø ¼Ò°³ */
    .intro-txt { background-image: none; padding: 0; }
    .intro-tit { padding: 150px 0px; background-image: url(../images/bg/intro_bg.jpg); background-position: center; }
    .intro-txt span { display: block; }
    .intro-cnt { width: 100%; margin: 40px 0 0; padding: 0; }
    .fade-in { animation: none; }
    .contact { padding: 20px; }

    /* °úÁ¦ */
    .submit { flex-wrap: wrap; }
    .submit>dl, .submit>div { width: 100%; box-sizing: border-box; }
    .submit>dl { border-right: 1px solid #c6cee2; margin: 0; }
    .submit>div, .submit>div>dl:first-child { border-top: none; }
    .submit>div { margin-top: 10px; }
    .submit>div>dl { box-sizing: border-box; }
    .submit dl dt, .submit dl dd { width: auto; }
    .submit>div>dl>dt span { display: block; }
    .classroom-submit { justify-content: end; margin-top: 20px; }

    /* ¼ºÀû°ü¸® */
    .result { justify-content: start; }
    .result dl { width: 33.3333%;}
    .result dl dt { height: 48px;}
    .result dl:nth-child(4), .result dl:nth-child(5) { border-right: none;}
    .result dl:nth-child(4), .result dl:nth-child(5) { margin-top: 10px; }
    .result dl:nth-child(3), .result dl:nth-child(6), .result dl:nth-child(9) { border-right: 1px solid #c6cee2; }
    .rule_tit.rule_on h4::after { content: '[´Ý±â]'; right: 5px; }

    .name-check { padding: 20px; width: 100% !important; margin-top: 40px !important;}
    .name-check div:last-child{ margin-top: 20px;}
    .name-check div:last-child button{ height: 40px; line-height: 40px; }
    .name-check dl dd input { width: 130px; }

    .nc-container{ border-bottom: none;}
    .nc-container label{ width: 100%; margin-bottom: 20px;}
    .nc-btn-link,
    .nc-toggle-btn{ width: 100%; text-align: center; height: 40px; vertical-align: middle; box-sizing: border-box; }
    .nc-btn-link{ line-height: 26px; }
    .nc-btn-link:hover,
    .nc-toggle-btn:hover{ border: 1px solid #c6cee2; background-color: #fff; color: #1b1c1e; }

	.find_idpw li h5, .find_idpw li div, .find_idpw li button { width: 100%; }
	.find_idpw li.find_id {padding:0;}
    .find_idpw li.find_id button { margin-top:32px !important;}
	.find_idpw li.find_id div:last-child {margin-bottom:40px;}
	.find_pw>div {padding-top:40px; margin:0 !important;}
	.find_pw_m {padding:0;}
	.find_idpw li.find_pw div.find_pw_m input#hpn2,
	.find_idpw li.find_pw div.find_pw_m input#hpn3 {width:100%; margin:4px 0 0 0;}
	.find_idpw li.find_pw div.find_pw_m button {margin:32px auto 0;}
	.find_idpw li.find_pw div.find_pw_m div:nth-of-type(3) {margin-bottom:40px;}
	.find_idpw li.find_pw>div>div:last-child {padding:0; padding-top:40px;}
	
	.confirm_id { padding: 120px 0; }
	.reply_pop { width: 90%; margin: 20px auto; }
    .reply_pop p{ width: 100%; }
    .reply_pop p:last-of-type{margin-top: 10px;}

	.login-inner li.login01 div {width:100%;}

	.exam_login{border:none !important;}
	.exam_login article p span{display:block;}
	.classroom-board-ul li { padding: 0;}

    .voucher_how ul li.voucher_cnt { width: 30%; margin: 10px 1%;}
    .voucher_how ul li.voucher_arrow {display: none;}

	label.basket_agree {display:flex;}
	label.basket_agree input{margin:2px 4px 0 0}
	label.basket_agree span {margin:0; text-align:left;}

    .read_me img {border: 1px solid #1b1c1e;}
    .read_me button {font-size:16px; width: 100%; height: 48px; line-height: 48px;}
	.read_me p {letter-spacing:-1px;}
	.read_me li div.d-flex div p {text-align:center;}

	.pay_method{font-size:16px; padding-top:30px; border-top:1px solid #c6cee2;}
	.pay_method select{display:block; margin:8px 0 0 0; width:100% !important; font-size:16px; height:48px !important; line-height:48px;}

	/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
	.privacy_version {width: 100%; margin: 0; margin-top: 80px; padding-left: 20px; text-align: left; background-position: 97% 52%; font-size:1.2rem;}

	.rule_tit.rule_on h3::after{top:8px; right:8px; font-size:0.8rem;}

	   /* 230919. 9Çõ. °³ÀÎÁ¤º¸ ¶óº§¸µ */
   .prv_pre {
    padding: 40px 8px 40px;
    word-break: break-all;
    }
   .prv_lbl_wrap{display: none;}
   .rule.pvc_new h3 { padding: 8px 8px 8px; padding-left: 32px;}
   .rule.pvc_new h3::before{
       width: 24px; 
       margin-right: 0;
       position: absolute;
       left: 4px; 
   }
   .rule.pvc_new h3::after {width: 8px;}
   .privacy_version{margin-top: 40px;}

   ul.cert_trnsfr, .qr_code{width: 100%;}
   ul.cert_trnsfr li ol li img{height: auto; width: 15rem;}
   ul.cert_trnsfr li ol li{margin-right: 0;}
   ul.cert_trnsfr li ol li.trnsfr_1_02 img{width: 100%;}
   .qr_code ul{margin-top: 1.5rem;}
   .qr_code ul li{width:8rem;}
   .qr_code ul li:first-child{margin-right: 1rem;}
   .qr_code ul li img{width: 8rem; height: 8rem;}


   .cert_set ul li{width: 100%;}
   .cert_set ul li a{margin-top: 0;}
   .cert_set div.cert_set_file{display: block; height: auto;}
   .cert_set div.cert_set_file a{margin-top: 1rem;
   margin-left: 0;}

   
   ul.cert_trnsfr.mb_info li.trnsfr_01 div img{height: auto; width: 100%;}
   ul.cert_trnsfr.mb_chk li ol li.trnsfr_1_02 img,
   ul.cert_trnsfr.mb_info li ol li.trnsfr_1_02 img{width: 15rem;}
   ul.cert_trnsfr li ol li{margin-left: 0.5rem; margin-right: 0.5rem;}
}

.cursor { cursor: pointer;}

.lecture_selected {	border-top:1px solid #1b1c1e; border-bottom:1px solid #1b1c1e; padding:5px;}

@media print {
	@page { size:auto; margin: 14mm; }
	@page:first {margin:14mm;}
	body {margin:14mm 0; zoom:79%;}
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
		-moz-print-color-adjust: exact;
    }
    .issue_pop,.issue_pop04 { display: block; }
	button.print-btn{ display: none; }
	.reply_pop {width:90%;}
	.reply_pop label{ width:89%;margin-right:1%;}

tfoot { display: table-row-group; }
tr { page-break-inside: avoid; }
.curriculum .table-st03-wrap{display:block;}
}


input::file-selector-button{ padding: 5px 10px; border-radius: 3px; background: #f6f7f9; color: #3B5DC0; border: 1px solid #3B5DC0; font-family: 'Noto Sans KR'; }
.t_underline {text-decoration: underline; text-underline-offset: 4px;}
iframe.blank{position:fixed; bottom:-100px;}

.keep_all{word-break:keep-all;}