table,tr,th,td {
    /* Prevent font scaling in landscape */
    -webkit-text-size-adjust: none;
    /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none;
    /*Firefox*/
    -ms-text-size-adjust: none;
    /*Ie*/
    -o-text-size-adjust: none;
    /*old versions of Opera*/
}


textarea { 
    resize: none;
    border-radius: var(--space-500, 1.25rem);
    border: 1px solid #D1E9FF;
    background-color: #EDF6FF;
}
input[type="checkbox"]{appearance: none; margin-bottom: -1px; border-radius: 2px; border: 1px solid #6e758c !important;}
input[type="checkbox"]:checked{
    background-color: #1357DF;
    border: 1px solid #1357DF;
    background-image: url(../images/bg/check-solid.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
/* ¼­ºêÆäÀÌÁö Å×ÀÌºí ½ºÅ¸ÀÏ */
.cell-bdn { border: none !important;}
.collapse { border-collapse: collapse;}
.table-st-wrap,
.table-st02-wrap,
.table-st03-wrap { width: 1280px; margin-top: 20px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; display:inline-block;/*ios¿¡¼­ margin-right ¿À·ù ÇØ°á*/ }
.table-st-wrap::-webkit-scrollbar { display: none;}
section .container { margin: 0; width: 100%;}
.table-st {
    width: 100%;
    min-width: 900px;
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #C6CEE2;
    border-top: none;
    box-sizing: border-box;
    border-collapse: collapse;
	display:inline-table;
    border-radius: 4px;
}

.table-st03 { width: 1280px;}
div.table-st-notice {margin-top: 20px; margin-bottom: 20px;}
div.table-st-notice p { margin-bottom: 8px;}

/* ĸ¼Ç ¾Èº¸ÀÌ°Ô Àû¿ë */
table caption { font-size: 0; text-indent: -100000px; width: 1px; height: 1px; color: #fff; overflow: hidden; border: none; padding: 0; }

/* colgroup width°ª Ŭ·¡½º */
colgroup { width: auto;}
.col01 { width: 10%;}
.col02 { width: 15%;}
.col03 { width: 75%;}
.col50p { width: 50%;}
.col40p { width: 40%;}
.col25p { width: 25%;}
.col20p { width: 20%;}

.table-st thead tr th,
.table-st tbody tr,
.table-st thead tr,
.table-st tbody tr td { border: 1px solid #C6CEE2; padding: 10px;}
.table-st thead { background-color: #EEF0F8; }
.table-st thead th { color: #000; font-weight: inherit;}
.table-st tbody th { background-color: #FAFAFD; font-weight: inherit !important; padding: 10px 0;  border: 1px solid #C6CEE2;}
.table-st tbody td { background-color: #fff;}
.table-st thead th.sticky:first-child { position: sticky; left: -1px; border: 1px solid #C6CEE2; background-color: #3B5DC0;}
.table-st tbody th.sticky:first-child { position: sticky; left: -1px; border: 1px solid #C6CEE2; background-color: #f6f7f9;}
.table-st tbody td.sticky:first-child { position: sticky; left: -1px; border: 1px solid #C6CEE2;  background-color: #fff;}
.table-st td a { display: inline;}
.table-st td a:hover { background-color: #1357DF; color: #fff;}
.table-st td a:hover i { color: #fff;}
.table-st tfoot tr { display: flex; justify-content: space-around;}

.table-st-notice a { display: inline;}

/* Å×ÀÌºí ½ºÅ¸ÀÏ 02 */
.table-st02 { 
    width: 100%; 
    margin: 0 auto 50px; 
    padding: 0px; 
    box-sizing: border-box; 
    border-collapse: collapse; 
    border-top: 1px solid #253165; 
    border-bottom: 1px solid #253165;
}
.table-st02 colgroup {  width: auto;}
.table-st02 thead th { color: #1b1c1e; padding: 20px; font-weight: normal;}
.table-st02 tbody th { background-color: #FAFAFD; font-weight: 500;}
.table-st02 tbody tr, 
.table-st02 tbody tr td {  border-top: 1px solid #C6CEE2;  border-bottom: 1px solid #C6CEE2;}
.table-st02 tbody td { text-align: center;  padding: 10px; margin: 0 auto;}
.table-st02 tbody td a,
.table-st02 tbody td p { text-align: center; width: auto; height: 40px; line-height: 38px; font-weight: normal;	box-sizing:border-box; }
.table-st02 tbody label { width: 16px;}
.table-st02 tbody input[type="checkbox"] { width: 20px; height: 20px; margin: 0; padding: 0; margin-bottom:-3px; border-radius:0.25rem;}
.table-st02 tbody td i { width: 18px; height: 18px; margin-left: 3px; color: #595959; font-size: 1.2em;}
.table-st02 tbody td:last-child { text-align: left;}

/* Å×ÀÌºí ½ºÅ¸ÀÏ 03 */
.table-st03 { border-collapse: collapse;}
.table-st03 thead tr th,
.table-st03 tbody tr,
.table-st03 thead tr,
.table-st03 tbody tr td { border: 1px solid #C6CEE2; padding: 15px;}
.table-st03 thead { background-color: #3B5DC0;}
.table-st03 thead th { 
    color: #000; 
    font-weight: inherit;
    border: 1px solid var(--Primary-100, #C5CDF6);
    background-color: #EEF0F8;
}

.table-st03 tbody th { background-color: #FAFAFD; font-weight: inherit !important; padding: 20px 0; border: 1px solid #C6CEE2;}
.table-st03 tbody td { background-color: #fff; word-break:keep-all;}
.table-st03 thead th.sticky:first-child { position: sticky; left: -1px; border: 1px solid #C6CEE2; background-color: #3B5DC0;}
.table-st03 tbody th.sticky:first-child { position: sticky; left: -1px; border: 1px solid #C6CEE2; background-color: #fff;}
.table-st03 tbody td.sticky:first-child {  position: sticky; left: -1px; border: 1px solid #C6CEE2; background-color: #fff;}
.table-st03 td a { display: inline; color:#1357DF; text-decoration:underline; text-underline-offset:4px;}
.table-st03 td a:hover { background-color: #1357DF;  color: #fff;}
.table-st03 tfoot tr {  display: flex;  justify-content: space-around;}
.table-st03-notice a { display: inline;}

/* ȸ¿ø°¡ÀÔ */
/* ȸ¿ø°¡ÀÔ µ¿ÀÇ ÆäÀÌÁö */
.scrollbar-wrap {width: 1280px; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; padding: 0;}
.scrollbar-wrap h4 { margin-bottom: 10px;}
.scrollbar-wrap>p.fz16 { position: relative;  padding-left: 7px;}
.scrollbar-wrap p.fz16::before { content: '-'; position: absolute; top: 0; left: 0px;}
.scrollbar-wrap p.fz18-semibold { margin-top: 50px; margin-bottom: 10px;}
.scrollbar { margin: 20px auto; padding: 10px; width: auto; height: 300px; overflow-y: scroll; border: 1px solid #C6CEE2; line-height: 1.4; padding: 50px;}
.scrollbar-wrap .scrollbar01 { height: 300px;}
.scrollbar-wrap .check_container { margin: 0; display: flex; align-items: center; justify-content: flex-start;}
.scrollbar-wrap .check_container input, .scrollbar-wrap .check_container span { margin: 0; padding: 0;}
.scrollbar-wrap div ul { margin: 0; padding: 0; margin-top: 30px;}
.scrollbar-wrap div ul:first-child { margin: 0;}
.scrollbar-wrap div ul p { margin: 0; padding: 0; line-height: 1.4;}
.scrollbar-wrap div ul li { margin-top: 10px;  margin-left: 5px;}
.scrollbar-wrap div ul li.ml15 { margin-left: 10px;}
.scrollbar-wrap div ul li.lis01 { list-style-type: '¡Ø';}
.scrollbar-wrap div ul li.lis02 { list-style-type: '¢Ê ';  margin-top: 24px;}

.allCheck-label { display: block; text-align: right;}

/* ȸ¿ø°¡ÀÔ FORM */
.signup_container{width: 52.5rem;}
.signup-wrap { width: 100%; margin: 2.5rem auto 0; padding: 0;}

table.signup { 
    width: 100%; 
    margin: 0.5rem auto 0; 
    padding: 0px; 
    box-sizing: border-box; 
    border-collapse: collapse; 
    border-top: 2px solid #191B20; 
    border-bottom: 2px solid #191B20;
}
.signup .col-left { width: 8.5rem;}
.signup .col-right {width: calc(100% - 8.5rem);}
.signup tr{border-top: 1px solid #E4E8ED; border-bottom: 1px solid #E4E8ED;}
.signup tr th { font-size: 0; background-color: #fff; text-align: left; }
.signup tr th p { display: inline-block; position: relative; vertical-align: middle; font-weight: normal; margin-left: 0.5rem;}
.signup tr th p.required::before { content: '*'; position: absolute; left: -10px; color:#bb1111;}
.signup tr td { padding: 1.5rem 0; font-size: 0;}
.signup td a, .signup td p { display: inline-block; margin: 0; margin-left: 1rem;}
.signup tr td input,
.signup tr td select { 
    width: 15rem;
    height: 3rem;
    margin: 0; 
    padding-left: 8px; 
    box-sizing: border-box; 
    vertical-align: middle;
    border-radius: var(--space-200, 0.5rem);
    border: 1px solid var(--input-default-border, #D1E9FF);
    background-color: var(--input-active-bg, #EDF6FF);
}
select { appearance:none; background-image:url(../images/img/slct_down.png); background-repeat: no-repeat; background-position:92% 56%; background-size: 10px;}
.signup tr td input[type="radio"] {     
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}
.signup tr td input[value="y"] { margin-left: 20px; }
.signup tr td p, .signup tr td span, .signup tr td label { vertical-align: middle;}



/* À̸§ */
.signup #check-name,
.signup label[for="check-name"] { vertical-align: bottom; line-height: 140%;}
.signup #check-name { 
    width: 1.5rem; 
    height: 1.5rem;
    border-radius: var(--space-100, 0.25rem);
    border: 1px solid #C6CEE2;
    background-color: #FFF;
    margin: 0 0.25rem 0 1rem;
}

/* ¾ÆÀ̵ð */
.signup .btn-navy { width: 8rem;height: 3rem; line-height: 3rem; vertical-align: middle;}
.signup-id-wrap a{
    width: 6.25rem;
    height: 3rem;
    border-radius: var(--space-200, 0.5rem);
    background-color: var(--Secondary-800, #3B5DC0);
    border: none;
}
.signup-id-wrap p{margin-left: 0.5rem;}


/* À̸ÞÀÏ */
.signup tr td input#signup-email{width: 7.5rem; margin-right: 0.5rem;}
.signup tr td select#email-slct{width: 13.75rem; margin-left: 0.5rem;}
.signup tr td p.email-ntc { height: auto; line-height: 1.4; margin: 0.5rem 0 0;}
.signup .email-ntc:last-child {text-decoration: underline; text-underline-offset: 4px; margin-top: 0.25rem;}

/* ÀüÈ­¹øÈ£ */
#signup-call, #signup-call-mid, #signup-call-end,
#signup-mobile, #signup-mobile-mid, #signup-mobile-end{margin-right: 0.5rem; width: 7.5rem;}
.signup tr td p.signup-mobile-ntc{margin-left: 0;}


/* ÁÖ¼Ò */
label.addr { display: block; margin: 0; padding: 0; width: auto; margin-bottom: 0.5rem;}
label.addr:first-child { font-size: 0; width: auto;}
label.addr input { width: 400px !important;}
label.addr:first-child input { display: inline-block; width: 120px !important;}
label.addr:first-child a { 
    display: inline-block; 
    width: 8.75rem;
    height: 3rem;
    border: none;
    line-height: 3rem;
    border-radius: var(--space-200, 0.5rem);
    background-color: var(--Secondary-800, #3B5DC0);
    color: var(--Font-primary-white, #F7F9FF);
}
.signup tr td label.addr:last-child{margin-bottom: 0;}
.signup tr td label.txtAddr1, .signup tr td label.signup-addr02 {display:block; width:60%; margin:0; margin-top:10px;}
.signup tr td label.txtAddr1 input#txtAddr1, .signup tr td label.signup-addr02 input#signup-addr02 {width:100%;} 


/* °íµîÇб³ */
input#signup-high, select#edu-slct { margin-right: 20px !important;}
#grad-date { margin-left: 0.5rem; vertical-align: middle;}
span.date-example { margin-left: 5px; vertical-align: bottom !important;}

/* ÃÖÁ¾Çз */
#signup-edu{margin-left: 0.5rem;}

.signup-toggle button { margin: 0; width: auto; color: #1357DF;}
.signup-toggle button:hover { text-decoration: underline; text-underline-offset: 4px;}
/*.signup-toggle button::after {content: url(../images/img/caret-down-solid.png); height: 16px;}*/
.signup-toggle div { padding: 50px; margin-top: 20px; background-color: #f6f7f9; display: none;}
.signup-toggle div ul { margin: 0; padding: 0; margin-top: 50px;}
.signup-toggle div ul:first-child { margin: 0;}
.signup-toggle div ul p { margin: 0; padding: 0; line-height: 1.4;}
.signup-toggle div ul li { margin-top: 10px;margin-left: 5px;}
.signup-toggle div ul li.lis01 {list-style-type: '* ';}
.signup-toggle div ul li.lis02 { list-style-type: '* '; margin-top: 20px;}
.signup-btns { width: 50%;  margin: 50px auto; display: flex;justify-content: center;}

/* ÃʱâÈ­ ¹öÆ° */
.signup-btns a:first-child{
    width: 10rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #E9EBF3;;
    border: none;
    border-radius: 0.5rem;
    margin-right: 1rem;
    color: var(--Font-secondary-black, #58595F);
}

/* °¡ÀÔÇϱ⠹öÆ° */
.signup-btns a:last-child{
    width: 20rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #1357DF;
    border-radius: 0.5rem;
}
/* ¼ö°­½Åû ÅÇ css */

/* .apply-tabs button.tab-panel { 
    padding-top: 10px !important; 
    padding-bottom: 20px !important; 
    height: 76px !important; 
    box-sizing: border-box !important;} */



/* ¼ö°­½Åû css */
.apply-step {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
    border: 1px solid #3B5DC0;
    border: none;
    padding: 0;
    align-items: center;
    box-sizing: border-box;
}
.apply-step div { flex-basis: 100px; display: flex; flex-direction: row; align-items: center;  margin: 20px 0;}
.apply-step div p { margin: 0 auto; background-color: #fff; margin-left: 10px; width: 130px; padding: 34px 0; vertical-align: middle; border: 1px solid #3B5DC0; }
.apply-step div i { font-size: 30px; margin: 0 auto; margin-left: 10px; padding: 0; color: #3B5DC0;}
.apply-step>p a { display: inline;}
.apply-subs { width: 90%;  margin: 0 auto; padding: 30px 0; padding-top: 50px;}

.m-apply-subs { display: none;}
table.table-st02.table-apply { min-width: 0;}

.table-apply .col01 { width: 6%;}
.table-apply .col02 { width: 42%;}
.table-apply .col03 { width: 12%;}
.table-apply .col04 { width: 8%;}
.table-apply .col05 { width: 16%;}
.table-apply .col06 { width: 16%;}

div.apply-subs ul { display: flex; margin: 0; justify-content: space-between;}
div.apply-subs ul li {	margin: 0; padding:5px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
div.apply-subs ul li a { position: relative;}
div.apply-subs ul li:hover { border-color: #1357DF; box-sizing:border-box;}
div.apply-subs ul li:hover .lecture_selected{ border:none; color:#1357DF;}

.table-apply-wrap { width: 100%; margin: 0 auto; padding: 0;}
.table-apply { 
    width: 90%; 
    margin: 0 auto; 
    border-top: 2px solid var(--navy-900, #253165);
    border-bottom: 2px solid var(--navy-900, #253165);
}
button.apply-btn { margin: 50px auto; display: block; border: none;}
.table-apply td:first-child { text-align: right; padding-left:0;}

.table-apply tbody tr td img{vertical-align:middle;}

/* Àå¹Ù±¸´Ï */
.cart-notice-wrap {width: 100% !important; display: flex; margin: 0; justify-content: space-between; align-items: center;}
.cart-notice { margin: 0;}
.btn-kcp { margin: 0;}
.btn-kcp p { margin: 0;}
.btn-kcp p button { padding: 10px; margin: 0; text-align: center; color: #fff; background-color: #0F852E; cursor:pointer; }
.btn-kcp p button:hover { background-color: #fff; color: #0F852E; outline: 1px solid #0F852E; box-sizing: border-box;}

.cart-price-wrap { width: 100%; margin: 0; padding: 0; margin-top: 50px;}
.cart-price-wrap div {margin: 0; margin-top: 10px; display: flex; justify-content: flex-end; width: 100%; align-items: baseline;}
.cart-price-wrap div p { width: auto; margin: 0;}
.cart-price-wrap div label { width: 180px; margin: 0; text-align: right;}
.cart-price-wrap div input { border: none; width:120px; margin:0; margin-right: 4px; background-color: #fff;}
.cart-delete a { width: 120px; height: 40px; line-height: 38px; box-sizing: border-box;}

/* ¼ö°­Ãë¼Ò */
.label-text-etc { display: block; width: 100%;  height: 100%;}
.label-text-etc .text-etc { width: 100%; resize: none; padding: 15px; margin-bottom: 10px; border: 1px solid #1b1c1e; box-sizing: border-box; vertical-align: top;}
.cancel-refund col { width: 20%;}
#refund-banknumber { height: 40px; line-height: 40px; border: 1px solid #C6CEE2; background-color: #fff; border-image: none;}

/* ÇнÀ¼³°è¿äû */
.table-request col { width: 40%;}
.table-request col:first-of-type,.table-request col:nth-of-type(3) { width: 10%;}
.table-request tbody th { font-weight: normal; line-height: 1; border: 1px solid #c6cee2;}
.table-request tbody td { text-align: left; border: 1px solid #c6cee2;}
.table-request input,
.table-request select { height: 40px; line-height: 40px; width: 60%; padding-left: 8px; box-sizing: border-box;}
select.request-mobile { width: 28%; margin: 0; margin-right: 1%; height: 40px; line-height: 1; padding-left:8px;}
.table-request textarea { resize: none; padding: 8px;}
.table-request input[type="file"] { border: none;}

/* ÀڰݽÅû¾È³» */
.app_info table.app_process tr { border:none;}
.app_info table.app_process th { background-color: #eeede7 !important; border: none !important;}
.app_info table.app_process td { background-color: rgba(238,237,231,0.5); border: none !important;}
.app_info table.app_process td.cell-bdn {background-color:#fff;}

/* ³ªÀÇ ¼ö°­°úÁ¤ */
.classroom-class table { border-top: 2px solid #1357DF; border-bottom: 2px solid #3B5DC0; border-collapse: collapse; width: 100%; margin-top: 10px;}
.classroom-class .col01 { width: 30%;}
.classroom-class .col02 { width: 10%;}
.classroom-class .col03 { width: 10%;}
.classroom-class .col04 { width: 10%;}
.classroom-class .col05 { width: 12%;}
.classroom-class .col06 { width: 10%;}
.classroom-class .col07 { width: 12%;}
.classroom-class .col08 { width: 6%;}
.classroom-class thead,
.classroom-class tbody,
.classroom-class tr,
.classroom-class th,
.classroom-class td { border: 1px solid #C6CEE2; border-left: none; border-right: none;}
.classroom-class th { font-weight: normal;}
.classroom-class th, .classroom-class td { padding: 10px 0;}
.classroom-class td a { width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-weight: normal;}
.classroom-class tbody th { padding: 0 10px;}
.classroom-class table tbody th[colspan="3"],
.classroom-class table tbody td[colspan="3"] { padding: 10px;}
.classroom-cnt-wrap textarea { width: 100%;  padding: 10px; box-sizing: border-box; border-radius: 0.25rem;}

.cls_menu_skip{position: absolute; left: -1000px; top: 50%; transform: translateY(-50%); padding: 4px 8px; background-color: #3B5DC0; color: #fff;}
.cls_menu_skip:focus, .cls_menu_skip:active{left: 0; top: 100%; transform: unset;}

/* ÇнÀ¹æ Ȩ */
.classroom-cnt-list .classroom-class { border-top: 2px solid #1357DF; border-bottom: 2px solid #3B5DC0; padding-bottom: 50px;}
.classroom-cnt-list .classroom-class table.cls-home-table { border: none; margin-top: 0;}
.classroom-cnt-list .classroom-class table tbody,
.classroom-cnt-list .classroom-class table tbody tr.home-tit,
.classroom-cnt-list .classroom-class table tbody tr.home-tit .cls-week-tit { border: none;}
.classroom-cnt-list .classroom-class table tbody tr.home-tit .cls-week-tit {text-align:left; font-size: 16px !important;}
.classroom-cnt-attend td { text-align: center;}
.classroom-cnt-attend td img { vertical-align: middle; width: 50%; text-align: center; margin: 0 auto; padding: 0;}
.classroom-class .cls-home-table tbody tr.mobile-none th { padding: 10px;}
.cls-home-table tbody tr.home-cnt th.mobile-none { border-right: 1px solid #C6CEE2;}
.classroom-class .cls-home-table td a { width: 80%;}
.classroom-class .cls-home-table td a:focus, .classroom-class .cls-home-table td a:active {outline: 1px dashed #1357DF !important; outline-offset: 3px!important;}
/* »ý°¢³ª´® */
.idea-table tr th,
.idea-table tr td { border-left: 1px solid #C6CEE2; border-right: 1px solid #C6CEE2;}
.idea-table tbody th { padding: 10px;}

/* °­ÀǸñÂ÷ */
.curr-list { width: 100%;}
.curriculum .curr-list table tbody tr { padding: 0 !important;}
.curriculum .curr-list table tbody tr th,
.curriculum .curr-list table tbody tr td { padding: 10px !important; height: auto !important;}
.curr-list table tbody tr th.curr-exam { height: 60px; font-weight: 500 !important;}
.curriculum b {font-weight:500;}

/* ÀÚ°ÝÁõ¹ß±Þ¾È³» */
ul.cert-issue-cnt .classroom-class tbody th { padding-left: 0;}
ul.cert-issue-cnt .classroom-class td button { width: 120px; height: 40px; line-height: 40px;}
.rule-cnt .table-st-wrap { width: 100%;}

/* ÇнÀ¹æ Åä±Û */
.toggle-cnt { display: none !important;}
.submit-wrap .table-st03-wrap { width: 30%; margin-top: 0;}
.cls-week-exam th, .cls-week-exam td{ padding: 20px !important;}
.cslr-toggle img { width: 18px; border: none; transition: 0.3s;}
.cslr-toggle img:hover {transform: scale(1.3);}
.toggle-on { display: table-row !important;}
.toggle-cnt td div:last-child input { height: 30px; padding-left: 5px;}

.cls-week-exam { border: 1px solid #C6CEE2 !important;}
.attend-table tbody tr i {font-size: 20px;}
.attend-table div{height: 30px; display: flex; align-items: center; justify-content: center;  flex-direction: column;}
.attend-table div:last-child{border-bottom: none !important;}

/* Áõ¸í¼­ ¹ß±Þ table */
.issue_pop { width: 800px; height: 1145px; margin: 0 auto; padding: 50px; background-image: url(../images/bg/sung_bg.png); box-sizing: border-box;}
.issue_pop04 { width: 960px; margin: 0 auto; padding: 50px; box-sizing: border-box;}
.issue_pop_tbl table,
.issue_pop_tbl tbody,
.issue_pop_tbl tr,
.issue_pop_tbl th,
.issue_pop_tbl td { border: 1px solid #707070;}
.issue_pop_tbl th,
.issue_pop_tbl td { height: 30px; font-weight: normal; text-align: center;}
.issue_pop04 .issue_pop_tbl tbody tr,
.issue_pop04 .issue_pop_tbl tbody th,
.issue_pop04 .issue_pop_tbl tbody td { border-bottom: 0; border-top: 0;}
.issue_pop .d-flex-start{ flex-wrap: wrap;}
.week_exam{ height: 94px;}
.signup-id {display:flex; justify-content:start; align-items: center;}
.classroom-class.cls_rslt tbody tr td a:hover {background-color:#fff;}
.classroom-class.cls_rslt tbody tr td a img {margin-bottom:-1px;}
.table-request select { appearance: none; background-image: url(../images/img/slct_down.png); background-repeat: no-repeat; background-position: 96% 56%; background-size: 12px;}
.f-red.req{margin-left: -8px; font-size: 16px;}
.table-request select.plan-mobile {width:36%; margin:0;}
.table-st02 tbody label.lbl-signup-zip input {width:88px;}
.table-st02 tbody label.lbl-signup-addr01 {display:block; margin:16px 0 0 0; width:100%;}
.table-st02 tbody label.lbl-signup-addr02 {display:block; margin:16px 0 0 0; width:100%;}
.table-st02 tbody label.lbl-signup-addr01 input{ width:480px; }
.table-st02 tbody label.lbl-signup-addr02 input{ width:480px; }
.table-request td .d-flex-between {width: 60%;}
.table-request td .d-flex-between label:first-child{ width: 33%; -webkit-width: 33%; margin:0;}
.table-request td .d-flex-between label:last-child{ width: 66%; -webkit-width:66%; margin:0;}
.table-request td .d-flex-between label input, .table-request td .d-flex-between label select {width:100%;}
input#request-mobile-8 {width:39%;}
select#request-mobile-slct {width:20%;}

#layer img#btnCloseLayer { width:24px; right:40px !important; top:auto !important; bottom: 0 !important;}
#layer > button {cursor:pointer; position:absolute; font-size:16px; width:60px; height:24px; line-height:23px; padding: 0 4px; background-color:#000; color:#fff; right:0; bottom:0; z-index:1;}

/* 221125 ³ªÀÇ ¼ö°­°úÁ¤ ¼öÁ¤ */
.classroom-class td.clsroom-plan a{width: 80%; background-color: #1357DF20; border: none; color: #1357DF;}
.classroom-class td.clsroom-plan a:hover{background-color: #fff; border: 1px solid #1357DF; box-shadow: 3px 3px 12px rgba(19, 41, 105, 0.15);}

.rule .table-st03-wrap {width: 640px !important; box-sizing: border-box; word-break: keep-all;}

/* 230207 ÇнÀ¹æ Áß°£±â¸»*/
.classroom-exam colgroup col:first-child{width:10%;}
.classroom-exam colgroup col:nth-child(2){width:24%;}
.classroom-exam colgroup col:nth-child(3){width:10%;}
.classroom-exam colgroup col:nth-child(4){width:12%;}
.classroom-exam colgroup col:nth-child(5){width:15%;}
.classroom-exam colgroup col:nth-child(6){width:8%;}
.classroom-exam .exam-btn a{width:80%;}


/* 230427 ÇнÀ¹æ °­ÀǸñÂ÷ css Ãß°¡ */
.cls-week-exam td strong{width: 280px;}
.cls-week-exam td div div{width: calc(100% - 280px);}
.cls-ttl{text-align: center;}


/* 230427 ÀÚ°ÝÁõ½ÅûÀýÂ÷*/
.proc_box .proc_l { width: 20%; background-color: #eeede7 !important; border: none !important;}
.proc_box .proc_r{ width: 80%; background-color: #eeede780 !important; padding: 20px; box-sizing: border-box;}
.proc_step { margin: 20px auto;}




/* ¹ÝÀÀÇü */
@media screen and (max-width:1440px) {

    /* ¼­ºêÆäÀÌÁö Å×ÀÌºí ½ºÅ¸ÀÏ */
    .table-st-wrap, .table-st02-wrap { width: 100%; margin: 0 auto; margin-top: 20px; }
    .table-st { width: 100%; }
    .table-st03-wrap { width: 100%; margin: 0 auto;  margin-top: 20px; }
    .table-st03 { width: 100%; }

    /* ȸ¿ø°¡ÀÔ µ¿ÀÇ ÆäÀÌÁö */
    .scrollbar-wrap { width: 100%; margin: 0 auto; margin-bottom: 40px; margin-top: 40px; padding: 0;}
    .scrollbar-wrap h4 { margin-bottom: 10px; }
    .scrollbar-wrap p.fz18-semibold { margin-top: 40px; }
    .scrollbar-wrap div ul { margin-top: 20px; }
    .scrollbar-wrap div ul li.lis02 { margin-top: 20px;}

    /* ȸ¿ø°¡ÀÔ Æû*/
    .signup-btns { width: 640px; }

    /* ÅÜ */
    .tabs-wrap { width: 100%; }
    .tab { width: 200px; }
    .tab a { width: auto; padding: 20px 10px; }
    .tab-container::after{
        width: 100%;
    }
    /* ¼ö°­½Åû */
    .apply-subs {  width: 95%; padding: 20px 0; padding-top: 40px; }
    .table-apply { width: 95%; }

    /*¹«ÀÌÀÚÇҺΠ¹öÆ° */
    .btn-kcp { margin-top: 20px; }
    .btn-kcp p { margin: 0; padding: 0; }

    /* ÇнÀ¹æ */
    /* ÀÚ°ÝÁõ¹ß±Þ¾È³» */
    ul.cert-issue-cnt .classroom-class td button { width: 100%; }
    .attend-table tbody tr i { font-size: 18px; }

	.table-request td .d-flex-between {width: 100%;}
}

@media screen and (max-width:1100px) {
    /* ¼­ºêÆäÀÌÁö Å×ÀÌºí ½ºÅ¸ÀÏ */
    .table-st-wrap,
    .table-st02-wrap { width: 100vw; margin-left: calc(-50vw + 50%); overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
    .table-st-wrap::-webkit-scrollbar {  display: none; }
    .table-st { width: 95%; margin-left: 5%; margin-right: 5%;}

    /* ȸ¿ø°¡ÀÔ Æû  */
    .signup_container{width: 90%;}
    .signup .col-left {  width: 20%; }
    .signup tr td input,
    .signup tr td select { width: 25%; }
    .signup td p { margin-left: 0; text-align: left !important; line-height: 1.4 !important; }
    .signup-btns {  width: 440px;}

	.signup tr td label.txtAddr1, .signup tr td label.signup-addr02 { width:80%;}
    /* ÅÇ 1100px*/
    .tab { width: 180px; }
    .tab a { width: auto; padding: 20px 10px;}
    .tab-wrap li.tab:hover { border: 1px solid #C6CEE2 !important; border-bottom: none;  }
    .tabs-wrap .tab:hover a { color: #1b1c1e; background-color: #f6f7f9; }
    li.tab.on:hover a { color: #fff; }

    /* ¼ö°­½Åû  1100px*/
    .apply-subs { width: 90%; padding: 20px 0;}
    .table-apply { width: 90%; }
    table.table-st02.table-apply { min-width: 0; }
    div.apply-subs ul { width: 100%; display: flex; margin: 0; justify-content: flex-start; flex-wrap: wrap; }
    div.apply-subs ul li { width: auto; text-align: center; margin: 8px;}
    div.apply-subs ul li a { position: relative; }
    div.apply-subs ul li:hover a::after { content: ''; }
    .table-apply .col05,
    .table-apply .col06 { display: none; }
    .table-apply .col01 { width: 10%; }
    .table-apply .col02 { width: 67%; }
    .table-apply .col03 { width: 25%; }
    .table-apply thead,
    .table-apply tbody tr td:nth-child(3),
    .table-apply tbody tr td:nth-child(4) { display: none;}
	.table-apply tbody tr td:nth-child(5) {display:none !important; }
    .table-apply tbody tr td:nth-child(6) { display: block; border: none; padding-top: 0;  margin-top:10px; }
    .table-apply tbody tr td:nth-child(2) { font-size: 16px; text-align: left; }
    .btn-kcp {  margin-top: 20px; }

    /* Àå¹Ù±¸´Ï */
    .cart-price-wrap div label { width: 160px; }
	.cart-price-wrap div label input { width:120px;}
    /* ÇнÀ¼³°è¿äû */
    .table-request col { width: 35%; }
    .table-request col:first-of-type,
    .table-request col:nth-of-type(3) { width: 15%; }
    .table-request col:nth-of-type(2) { width: 25%; }
    .table-request input,
    .table-request select { width: 100%; }

    select.request-mobile { width: 24%; }
    input.request-mobile-8 { width: 73.88%; }
    tr.tr-request-txtarea textarea { width: 90%; }

    /* ÀÚ·á½Ç */
    .reference .table-st03 th,
    .reference .table-st03 td { padding: 10px !important;  }

    /* ³ªÀÇ ¼ö°­°úÁ¤ */
    .classroom-class .col01 { width: 25%; }
    .classroom-class .col02 { width: 8%; }
    .classroom-class .col03 { width: 13%; }
    .classroom-class .col04 { width: 13%; }
    .classroom-class .col05 { width: 12%; }
    .classroom-class .col06 { width: 9%; }
    .classroom-class .col07 { width: 10%; }
    .classroom-class .col08 { width: 7%; }

    .classroom-class tbody th a span { display: block; }
    .classroom-class tbody td span { display: block; }
    .classroom-cnt-attend p { text-align: left; margin-top: 10px;  }

    /* ÇнÀ¹æ Ȩ  */

    .table-st-wrap.attend-table-wrap .table-st.attend-table { margin-top: 10px; }
    .table-st.attend-table colgroup { width: 6.66666%; }
    .table-st-wrap.attend-table-wrap .table-st.attend-table td { padding: 0; line-height: 25px; }
    .table-st.attend-table td img { width: 12px; }

    .rule-cnt.rule-ovh { padding-left: 0; padding-right: 0; }
    .rule-cnt.rule-ovh>p { margin-left: 30px; margin-right: 30px; }
    .rule-cnt .table-st-wrap { width: 100%;margin: 0; margin-top: 10px; }
    .submit-wrap .table-st03-wrap { width: 100%; margin-top: 10px;}
    .submit-wrap .board-wrap .board tr.toggle-cnt {display: none; }
    .submit-wrap .board-wrap .board tr.toggle-on { display: table-row;}
    .attend-table tbody tr i {font-size: 14px; }
    .classroom-cnt-date .table-st-wrap { margin-top: 10px; }
    .week_exam{ height: 52px; }
	.signup td .signup-id p {line-height:40px !important;}

    .info_contact .table-request td .d-flex-between label:first-child{ width: 28%; }
    .info_contact .table-request td .d-flex-between label:last-child{ width: 70%; }

	.table-st02 tbody label.lbl-signup-addr01 input{ width:80%; }
	.table-st02 tbody label.lbl-signup-addr02 input{ width:80%; }

	input#request-mobile-8 {width:69%;}
	select#request-mobile-slct {width:30%;}

	.rule .table-st03-wrap {width: 100% !important;}

	/* 230207 ÇнÀ¹æ Áß°£±â¸»*/
	.classroom-exam colgroup col:first-child{width:17%;}
	.classroom-exam colgroup col:nth-child(2){width:24%;}
	.classroom-exam colgroup col:nth-child(3){width:10%;}
	.classroom-exam colgroup col:nth-child(4){width:13%;}
	.classroom-exam colgroup col:nth-child(5){width:18%;}
	.classroom-exam colgroup col:nth-child(6){width:8%;}
	.classroom-exam .exam-btn a{width:100%;}

	/* 230525 ÇнÀ¹æ Ȩ */
	.classroom-cnt-list .classroom-class table.cls-home-table col:first-child{width:auto !important;}
	.classroom-cnt-list .classroom-class table.cls-home-table col:nth-child(2){width:auto !important;}
	.classroom-cnt-list .classroom-class table.cls-home-table col:nth-child(3){width:auto !important;}
	.classroom-cnt-list .classroom-class table.cls-home-table col:nth-child(4){width:auto !important;}
	.classroom-cnt-list .classroom-class table.cls-home-table col:nth-child(5){width:auto !important;}
	table.cls-home-table tr th p:last-child{margin-top:4px; margin-bottom:10px;}
}


/* ----------- ¸ð¹ÙÀÏ --------------- */
@media screen and (max-width:639px) {

    /* ÅÇ */
    .tabpanel { border: none; border-top: 4px solid #3B5DC0; }

    .table-st-wrap,
    .table-st02-wrap,
    .table-st03-wrap { margin-top: 10px !important; }
    .table-st02 { margin: 20px auto 40px; }
    .table-st03 thead tr th,
    .table-st03 tbody tr,
    .table-st03 thead tr,
    .table-st03 tbody tr td { padding: 10px; }
    .table-st03 tbody td.t-right { text-align: center; }
    .table-st03 span { display: block; }

    /* m-table-st */
    .m-table-wrap { width: 100%;  }
    .m-table-st tbody { border-top: 2px solid #3B5DC0; }
    .m-table-st tbody tr { border-collapse: collapse; display: block; font-size: 0; margin: 0; padding: 0; border: none; }
    .m-table-st tbody th,
    .m-table-st tbody td { display: block; margin: 0 auto; font-size: 14px; }
    .m-table-st th { width: 50%; box-sizing: border-box; border-top: none !important; }
    .m-table-st td { width: 100%; box-sizing: border-box; border-top: none !important; }
    .m-table-st td.td-half { width: 50%; padding: 20px; border-left: none; display:inline-block;}

    /* ȸ¿ø°¡ÀÔ µ¿ÀÇ */
    .scrollbar { padding: 20px; }
    .scrollbar-wrap div ul { margin-top: 20px; }

    /* ȸ¿ø°¡ÀÔ Æû*/
    table.signup { margin-top: 10px; }

    .signup tbody tr,
    .signup tbody tr th,
    .signup tbody tr td { display: block; }
    .signup tbody tr th { margin: 0; padding-left: 10px; text-align: left; background-color: #fff; border: none;}
    .signup tbody tr,
    .signup tbody tr td { border: none; }
    .signup tbody tr { border-bottom: 1px solid #C6CEE2; padding: 10px 0; }
    .signup tbody tr td { padding: 5px 10px; }
    .signup tr td input,
    .signup tr td select { height: 40px; width: 100%; margin: 0; margin-right: 5px; vertical-align: middle;}


    /* À̸§ */
    #signup-name { display: block; }
    .signup #check-name { margin-left: 0; margin-top: 10px; }

    /* ¾ÆÀ̵ð */
    input#signup-id { width: 67%; margin: 0;}
    .signup-id-wrap a.btn-navy { box-sizing: border-box; margin-left: 4px; width: 88px; padding:0}

    /* ºñ¹Ð¹øÈ£ */
    .signup tr td>p { height: auto; margin-top: 5px; }

    /* ºñ¹Ð¹øÈ£ È®ÀÎ */
    input#signup-pw-check {display: block; }

    /* À̸ÞÀÏ */
    .signup input#signup-email { width: 30%; padding-left:4px; margin-right:2px;}
	.signup input#signup-email-domain {width: 30%; margin-left:2px; margin-right:0;}
    .signup select#email-slct { width: 33%; margin-left: 2px; margin-right:0; padding-left:4px; background-position-x:97%;}
    /* ÀüÈ­¹øÈ£ , ÇÚµåÆù ¹øÈ£ */
    select#signup-call,
    select#signup-mobile { width: 30%;  margin: 0; padding-left:8px;}
    input#signup-call-mid,
    input#signup-call-end,
    input#signup-mobile-mid,
    input#signup-mobile-end { width: 33%; margin: 0; margin-left: 2%; padding-left:8px; }

    /* ÁÖ¼Ò */
    label.addr { width: 100% !important; }
    label.addr input { width: 30% !important; }
    label.addr a#btn-zip { width: 120px; border:none;}
	label.addr input#txtAddr1,
    label.addr input#signup-addr02 { width: 100% !important; }
	.table-st02 tbody label.lbl-signup-addr01 input{ width:100%; }
	.table-st02 tbody label.lbl-signup-addr02 input{ width:100%; }
	#txtZip1{width:50%;}
	.signup tr td label.txtAddr1, .signup tr td label.signup-addr02 { width:100%;}

    /* Á¹¾÷°íµîÇб³¸í , ÃÖÁ¾Çз */
    input#signup-high,
    input#grad-date,
    select#edu-slct,
    input#signup-edu { display: block; margin-bottom: 10px; margin-top: 5px; }

    /* ¼ö½Å¿©ºÎ ¶óµð¿À ¹öÆ° */
    .signup p.slct-txt { margin: 0; margin-left: 20px; }

    /* °³ÀÎÁ¤º¸ Á¦3ÀÚ À§Å¹³»¿ë º¸±â*/
    /*.signup-toggle button { margin-top: 20px; width: 200px; height: 48px; line-height: 48px; }*/

    /* ȸ¿ø°¡ÀÔ ¹öÆ° */
    .signup-btns { width: 100%; margin: 40px auto; }
    .signup-btns a { width: 48%; box-sizing: border-box; }

    /* ÅÇ ¸ð¹ÙÀÏ */
    .apply-tabs .tablist { width: 100%; }
    .apply-tabs .tab { width: 50%; }
    .apply-tabs .tab a { width: auto; padding: 20px 10px; }
    .apply-tabs .tab-cnt { padding-top: 0; }
    .tabs-wrap .tab:hover { border-color: #3B5DC0; }

    /* ¼ö°­½Åû ¸ð¹ÙÀÏ */
    /* ¼ö°­½Åû °úÁ¤¾È³» css */
    .apply-step { width: 100%; padding: 10px; }
    .apply-step div { flex-basis: 80px; margin: 10px 0; }
    .apply-step div p { width: 90px; padding: 18px 0;}
    .apply-step div i { font-size: 24px; margin: 0 auto; margin-left: 10px; padding: 0; color: #3B5DC0; }
    .apply-subs { display: none; }
    .m-apply-subs { display: block; margin: 20px auto 0; }
    .m-apply-subs select { font-size: 14px;  width: 50%; padding-left:8px;}

    .table-apply-wrap { width: 90%; }
    .table-apply { width: 100%; }
    .table-apply .col01 { width: 100%; }
    .table-apply .col02, .col03, .col04 { display: none; }
    .table-apply tbody tr { display: flex; width: 100%; margin: 0; border-bottom: none; flex-wrap: wrap; }
    .table-apply tbody tr td { text-align: left; border: none; }
    .table-apply tbody tr td:nth-child(1) {
        text-align: right;
        width: 17%;
        margin: 0;
        padding: 0;
        height: 52px;
        line-height: 52px;
		padding-right: 6px;
		box-sizing:border-box;
    }
    .table-apply tbody tr td:nth-child(2) { text-align: left; width: 83%; margin: 0; padding: 0; height: 52px; line-height: 52px; font-size: 14px; position:relative;}
	.table-apply tbody tr td:nth-child(2) img{position:absolute; top:50%; right:0; transform:translateY(-50%); height:22px;}
	.table-apply tbody tr td:nth-child(6) {width:100%; margin:0 auto; padding:0; margin-bottom:20px; display:none;}
    .apply-tabs #tabpanel-01 { width: 50%; }
    .apply-tabs #tabpanel-02 {  width: 50%; left: 50%; }
    .table-on { display: block !important; }

    /* Àå¹Ù±¸´Ï */
    .cart-notice-wrap { display: flex; margin: 0; justify-content: space-between; flex-direction: column; flex-wrap: wrap;}
    .cart-notice { width: 100%; }
    .btn-kcp {margin-top: 20px; width: 100%;  }
    .btn-kcp p button { width: 120px; }
    .cart-price-wrap div p { width: 100%; font-size: 16px; }
    .cart-price-wrap div label { width: 70%; margin: 0; box-sizing: border-box; font-size: 16px; }
    .cart-price-wrap div label input { width: 60%; font-size: 16px;}

    /* ¼ö°­Ãë¼Ò */
    table.cancel-refund col { width: 100%; }
    table.cancel-refund th { border-top: 1px solid #3B5DC0 !important; }
    table.cancel-refund input[type="file"] { text-align: center; }

    tr.tr-divide { width: 100%; display: flex !important; flex-wrap: wrap; justify-content: center; box-sizing: border-box; }
    tr.tr-divide th { width: 100%; margin: 0; box-sizing: border-box; }
    tr.tr-divide td { width: 50%; margin: 0; box-sizing: border-box; }
    tr.tr-divide>td:first-of-type { height: 159px; line-height: 140px; border-right: none; }
    td.td-col { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; margin: 0;}
    td.td-col label { display: block;  padding: 10px; }

    /* ÇнÀ¼³°è¿äû */
    .table-request col { width: 100% !important; }
    .table-request tr { width: 100%; display: flex; flex-wrap: wrap; border: none !important; align-items: center;}
    .table-request td,
    .table-request th { width: 100%; margin: 0; border: none !important; box-sizing: border-box; text-align: left; background-color: #fff !important;}
    .table-request th { padding-top: 20px !important; }
    .table-request td { padding: 10px 0 20px 0 !important; border-bottom: 1px solid #C6CEE2 !important; }
    .table-request input,
    .table-request select { width: 100%; margin: 0; }
    tr.tr-request-txtarea textarea {width: 100%; box-sizing: border-box;}
    select.request-mobile { width: 23%; margin-right: 2%; }
    input.request-mobile-8 { width: 73.7%; }
    .info_contact .btn-blue {width: 100%;}
   
	/* ÀڰݽÅû¾È³» */
    .app_info div.table-st-wrap { margin: 0; }
    .app_info .table-st { margin: 0; }
    .app_info th, .app_info td { padding: 8px; }

    /* ³ªÀÇ ¼ö°­°úÁ¤ */
    .classroom-class table { border-top: 1px solid #1357DF; border-bottom: 1px solid #3B5DC0; }
    .classroom-class .col01 { width: 100%; }
    .classroom-class .col02, .classroom-class .col03, .classroom-class .col04, 
	.classroom-class .col05, .classroom-class .col06, .classroom-class .col07 { width: 0; }
    .classroom-class col { width: auto; }
    .classroom-class tbody tr { border-top: none;}
    .classroom-class tbody th, .classroom-class tbody td { border: none; }
    .classroom-class tbody th a span { display: inline; }
    .classroom-class thead { display: none; }
    .classroom-class tbody tr { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
    .classroom-class tbody tr th { width: 100%; font-size: 16px; margin-top: 10px; text-align: left; margin-left: 0; padding: 0; margin-bottom:4px; }
    .classroom-class tbody tr td { font-size: 12px; padding-top: 0; color: #595959; margin: 0; }
    .classroom-class tbody tr td.class-start::after { content: ' ~'; padding: 0; margin: 0; }
    .classroom-class tbody tr td a.btn-navy { background-color: #fff; padding: 0; color: #1b1c1e; height: 12px; line-height: 15px; border: none;}
    .clsroom-professor {text-align: left; margin: 0; }
    .clsroom-class-tit { width: 25%; }
    .class-start { width: 25%; text-align: right; margin: 0; }
    .class-end { width: 22%; text-align: left; margin: 0; }
    .clsroom-curr { width: 20%; }
    .clsroom-curr a { color: #fff !important; height: 40px !important; line-height: 40px !important; background-color: #3B5DC0 !important; font-size: 14px; }
    .class-attend { width: 33%; text-align: left; text-decoration: none; text-underline-offset: 4px; color: #1357DF !important;}
    .cls-latest { width: 45%; margin: 0; text-align: left; }
    .cls-latest::before { content: 'ÃÖÁ¾ÇнÀÀÏ: '; }
    .cls-rate { width: 25%; margin: 0; text-align: left;}
    .cls-rate a { display: inline; }
    .cls-rate::before { content: 'ÁøµµÀ²: '; }
    .cls-btn { width: 100%; }
    .classroom-cnt-list table tbody tr th.t-left {margin-bottom: 0;}
    .cls-week-tit span { display: block; margin-top: 5px; font-size: 14px; }
    .clsroom-curr {width: 49%; margin-right: 2% !important; }
    .cls-start { width: 49%;}
    .cls-start a { font-size: 14px; }
    .cls-re { width: 100%; }
    .cls-re a { font-size: 14px; }

    /* 221125 ³ªÀÇ °­ÀÇ½Ç ¼ö°­°úÁ¤ ¼öÁ¤ */
    .clsroom-curr{width: 32%;}
    .clsroom-plan{width: 32% !important; margin: 0 2% 0 0 !important;}
    .classroom-class td.clsroom-plan a{font-size: 14px; width: 100%; margin: 0!important; }
    .cls-start{width: 32%;}
    .class-attend::before{content: 'Ãâ¼®: ';}
   /* .class-attend::after{content: '(ÀÚ¼¼È÷) ';}*/
    .classroom-class td.clsroom-plan a:hover{background-color: #1357DF20; border: none; box-shadow: none}

    /* ÇнÀ¹æ Ȩ */
    .cls-week-tit { position: relative; }
    span.cls-current { display: inline !important; padding: 4px 8px; border-radius: 16px; /* position: absolute; top: 40px; right: 0; */ margin-top: 0; background-color:#bb111120; }
	span.cls-current i{display:none;}
    .classroom-cnt-list .classroom-class tbody { border: none; }
    .classroom-cnt-date span.attend-rate>span:last-child { display: block; }
    .classroom-class .cls-home-table tbody tr { border: 1px solid #C6CEE2; padding: 10px; margin-top: 20px; }
    .classroom-class .cls-home-table tbody tr.mobile-none,
    .classroom-class .cls-home-table tbody tr.mobile-none th { border: none; display: none;}
    .classroom-class .cls-home-table tbody tr.home-tit { border: none; padding: 0; margin-top: 0; }
    .classroom-class .cls-home-table tbody tr th.mobile-none {
        display: inline-block !important;
        background-color:rgb(12 32 187 / 8%) !important;
        width: auto;
        margin-right: 4px;
        padding: 4px 8px;
        color: #3B5DC0;
        font-size: 14px;
		border-radius: 4px;
    }
    .classroom-class .cls-home-table tbody tr th { width: 100%; font-weight: 500; }
    .classroom-class .cls-home-table tbody tr.home-tit th { width: 100%; font-weight: normal; padding-bottom: 0 !important; }
    .classroom-class .cls-home-table td a { width: 100%; }

	.cls-home-table colgroup col{width:100% !important;}

    /* °úÁ¦ */
    colgroup.col-report-stat { width: 100%; }
    .report-deadline { width: 100%; margin: 0; text-align: left; }
    .report-deadline p { display: inline; width: 100%; }
    .report-deadline::before { content: 'Á¦Ãâ±â°£: '; }
    .report-point::before { content: '¹èÁ¡: '; }
    .report-stat::before { margin-left: 10px; content: '»óÅÂ: '; }

    .classroom-cnt-wrap textarea { width: 100%; margin-top: 10px;}
    .classroom-submit button { height: 40px; line-height: 40px; }
    .classroom-class tbody td span { display: block; }
    .classroom-class tbody td p { display: inline; }
    .classroom-class tbody tr { border-bottom: 1px solid #C6CEE2; }
   
	.report-dl {margin-top: 0; }

    /* Áß°£/±â¸»°í»ç */
    a.text-exam { width: 100%; height: 40px; line-height: 40px; }
    .exam-table tbody td,
    .idea-table tbody td,
    .quiz-table tbody td { width: 100%; margin: 0; text-align: left; font-size: 14px !important; color: #1b1c1e !important;}
    .exam-date::before {content: 'Âü¿©±â°£: '; }
    .exam-chapter::before { content: '¹üÀ§: '; }
    .exam-type::before { content: 'Á¦ÃâÀ¯Çü: '; }
    .exam-stat::before { content: '»óÅÂ: '; }
    .exam-point::before { content: '¹èÁ¡/Á¡¼ö/½ÃÇèÁö: '; }
    .exam-table tbody tr th { width: 100%; font-size: 14px; margin-top: 20px; margin-bottom: 10px; text-align: left; margin-left: 0; padding: 0; font-weight: bold; }
    .exam-table tbody tr td.exam-btn { padding-bottom: 20px; }

    /* »ý°¢³ª´® */
    .subject-class-cnt { margin-bottom: 10px; }
    .idea-date::before { content: 'Âü¿©±â°£: '; }
    .idea-point::before { content: '¹èÁ¡: '; }
    .idea-earn::before { content: 'ÁÖÁ¦±Û ȹµæÁ¡¼ö: '; }
    .idea-my-reply::before { content: '³»°¡ ¾´ ´ñ±Û¼ö(Á¡¼ö): ';  }
    .idea-stat::before { content: 'Âü¿©»óÅÂ: '; }

    .classroom-cnt-wrap textarea.txtarea-tit { height: 50px; }
    span#counter, span.bytes, span#counter2, span.bytes2 {display: inline; }
    
    .classroom-class table.quiz-table, .quiz-table tbody { border: none; }
    .quiz-point::before { content: '¹èÁ¡: '; }
    .quiz-earn::before { content: 'Á¡¼ö: '; }
    .quest-date::before { content: 'Âü¿©±â°£: '; }
    .quest-point::before { content: '¹èÁ¡: '; }
    .quest-earn::before { content: 'Á¡¼ö: '; }
    .quest-stat::before { content: 'Âü¿© ¿Ï·á: '; }

    .class-wrap>.table-st03-wrap .table-st03 thead tr th,
    .class-wrap>.table-st03-wrap .table-st03 tbody tr,
    .class-wrap>.table-st03-wrap .table-st03 thead tr,
    .class-wrap>.table-st03-wrap .table-st03 tbody tr td { border: none; padding: 0; }
    .class-wrap .table-st03 tbody tr td .txtarea-tit { border: none; border-bottom: 1px solid #6e758c; padding: 0; height: 24px; }
	
    /* °­ÀǸñÂ÷ */
    .curr-list { width: 100%; }
    .curr-list table tbody tr th.curr-list-week span { display: block; margin-top: 5px; }
    .curr-list table col:first-child { width: 16%; }
    .curr-list table col:last-child { width: 21%; }
	.curriculum .curr-list table tbody tr th, .curriculum .curr-list table tbody tr td {padding:10px 0 !important;}
	.curriculum .table-st03-wrap:last-child .table-st03 tr td {padding-left:4px !important;}

    /* ÀÚ°ÝÁõ¹ß±Þ¾È³» */
    ul.cert-issue-cnt .classroom-class col { width: auto; }
    ul.cert-issue-cnt .classroom-class td button { width: 60px; height: 30px; line-height: 30px; }
    ul.cert-issue-cnt .classroom-class tbody tr th { width: auto; margin-right: 4px; padding-left:4px !important;}

    td.class-period { width: 80%;  margin: 0;  text-align: left; }
    td.class-period::before { content: '±³À°±â°£: ';  }
   
    .toggle-cnt td, .toggle-cnt td div:last-child { padding: 20px 0; }
    .idea-re ul li { margin-top: 20px; }
    .toggle-cnt td div:last-child input { width: 100%; height: 30px; padding-left: 5px; }
   
    .main-re { padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: end; }
    .main-re label { width: 100%; margin: 0; }
    .main-re button { margin: 0; margin-top: 10px; width: 48px; }
    .cslr-toggle:hover img { transform: none; }

    .rule-cnt.rule-ovh { padding-left: 0; padding-right: 0; }
    .rule-cnt.rule-ovh>p { margin-left: 30px; margin-right: 30px; }
    .rule-cnt .table-st-wrap { width: 100%; margin: 0; margin-top: 10px; }

    .classroom-class table tbody th[colspan="3"] { padding: 10px; text-align: center; margin-top: 0; }
    td.cls-btn a { font-size: 14px; }
    .classroom-class tbody tr th.clsroom-class-tit { padding-bottom: 10px; font-size: 16px; }
    .classroom-class .quiz-table tbody tr { border-bottom: none; }

    .attend-table tbody tr i { font-size: 12px; }
    .signup-toggle div{ padding: 20px; }
    .idea-re ul li img {width: 20px;}
	.signup tr td input#signup-addr01 {width:100% !important;}
	.signup tr td input[type="radio"] {width:18px; height:18px; line-height:20px; /*vertical-align: bottom;*/}
	.signup tr td input[type="radio"]:nth-of-type(2) {margin-left:20px;} /* ȸ¿ø°¡ÀÔÆäÀÌÁö ¼ö½Å¿©ºÎ ¶óµð¿À¹öÆ° °£°Ý Á¶Á¤*/

	.m-table-st tbody th.th-half {margin:0; display:inline-block;}
	.m-table-st tbody th.td-full {display:block;}
	.signup-id{ justify-content: space-between; width:100%; -webkit-justify-content:space-between;}
	.signup-id-wrap a.btn-navy.btn_pw_fix {width:120px; display:block;}
	
	.curr-list .table-st03-wrap table.table-st03:nth-of-type(8) th,
	.curr-list .table-st03-wrap table.table-st03:nth-of-type(15) th{width:100%;}
	.curr-list .table-st03-wrap table.table-st03:nth-of-type(8) th font,
	.curr-list .table-st03-wrap table.table-st03:nth-of-type(15) th font {display:block;}
	
	.classroom-class.cls_rslt thead {display:table-header-group;}
	.classroom-class.cls_rslt tbody tr {display:table-row;}
	.classroom-class.cls_rslt tbody tr td {padding-top:10px; font-size:14px;}
	.classroom-class.cls_rslt tbody tr td a img { width:16px; margin-bottom:-2px;}

	.cls-slct-wrap>form {margin:0; width:100%;}
	.home-tit:first-of-type .cls-week-tit {padding-top:0 !important;}
	.cls-week-tit {padding-top:20px !important;}
	.table-st02 tbody input[type="checkbox"] {margin-bottom:-2px; width:16px; height:16px;}

    .attend-rate table.table-st03 thead { display: none;}
    .attend-rate .table-st03 tbody tr {  display: flex; flex-wrap:wrap; justify-content: space-between; border: none;}
    .attend-rate .table-st03 tbody tr th {width: 100%; display: block; margin: 0; padding:12px 0;}
    .attend-rate .table-st03 tbody tr td {width: 100%; display: block; margin: 0; text-align: left; border-top: none;} 
    .attend-rate .table-st03 tbody tr td span {display: inline;}
    .attend-rate .table-st03 tbody tr td:nth-child(2)::before {content: 'Á¢¼Ó/±âÁØ: ';}
    .attend-rate .table-st03 tbody tr td:nth-child(3)::before {content: 'IP: ';}
    .attend-rate .table-st03 tbody tr td:nth-child(4)::before {content: 'ÃÖ±ÙÁ¢¼ÓÀÏ: ';}

	/*ȸ¿ø°¡ÀÔ ¿ìÆí¹øÈ£*/
	#layer { width:90% !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); border: 2px solid !important;}

	.m-tbl-flex {display: flex !important; justify-content: space-between; flex-wrap: wrap;}
	.m-tbl-flex th, .m-tbl-flex td {width:100%; margin:0;}
	.m-tbl-flex td {text-align:right !important;}
	.m-tbl-flex td input, .m-tbl-flex td select {width:68% !important; padding:4px; box-sizing:border-box;}


	/*Ä¿¸®Å§·³ ¼ö°­ ³¯Â¥*/
	.curriculum .class-date colgroup col:first-child{width:100% !important;}
	.curriculum .class-date tbody{display:block; margin-top:10px;}
	.curriculum .class-date tr{ display: flex; padding: 0; border: none; flex-wrap: wrap; box-sizing: border-box;}
	.curriculum .class-date tr:last-child{border-bottom:1px solid #C6CEE2;}
	.curriculum .class-date tr th {width: 40%; margin: 0; box-sizing: border-box; line-height: 58px; border-right: none; border-bottom: none;}
	.curriculum .class-date tr td {width: 60%; margin: 0; box-sizing: border-box; border-bottom: none;}



}

.attend-table>tbody>tr>td:last-of-type table tr{border-right:1px solid #C6CEE2 !important;}

.classroom-cnt-wrap .classroom-cnt-attend .classroom-cnt-list:last-of-type(2){display:none !important;}