@charset "utf-8"; /**/

@font-face {
    font-family: "GmarketSans";
    font-weight: 200;
    font-style: normal;
    src: url(/fonts/GmarketSans/GmarketSansLight.otf) format("opentype");
}

@font-face {
    font-family: "GmarketSans";
    font-weight: 400;
    font-style: normal;
    src: url(/fonts/GmarketSans/GmarketSansMedium.otf) format("opentype");
}

@font-face {
    font-family: "GmarketSans";
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/GmarketSans/GmarketSansBold.otf) format("opentype");
}

 /* color: #222; color: var(--theme-color); */
 :root { --theme-color: #fff; } 

 /* 공통 구조
 **********************************************/
 #wrap .only-pc, .only-pc { display: block; } 
 #wrap .only-mobile, .only-mobile { display: none; } 
 /* Global */
 html { overflow-x: hidden; } 
 body { position: relative; overflow-x: hidden; } 
 body.noscroll { overflow: hidden; } 
 body.noslogan { padding-top: 215px; } 
 .container { min-height: 600px; padding-bottom: 120px; } 
 .inner { position: relative; margin-left: auto; margin-right: auto; } 
 .inner-ssm { max-width: 447px; } 
 .inner-sm { max-width: 588px; } 
 .inner-md-1 { max-width: 828px; } 
 .inner-md { max-width: 894px; } 
 .inner-lg-1 { max-width: 920px; } 
 .inner-lg { max-width: 1100px; } 
 .inner-xl { max-width: 1134px; } 
 .inner-xxl { max-width: 1200px; } 
 .inner-mart { margin-top: 32px; } 
 .full { width: 100%; } 
 .half { width: 50%; } 
 .clearfix:after { display:block; content:''; clear:both; } 
 .spinner { top:50% !important; left:50% !important; } 
 .flex-fs { display: flex; justify-content: flex-start; } 
 .ml06 { margin-left: 6px; }
 .mr06 { margin-right: 6px; }

 /* 공통 STYLE
 **********************************************/
 /* 텍스트 */
 .fc-theme { color: #383838 !important; color: var(--theme-color) !important; } 
 .fc-white { color: #fff !important; } 

 /* 정렬 */
 .tal { text-align:left !important; } 
 .tac { text-align:center !important; } 
 .tar { text-align:right !important; } 
 .fwn { font-weight: 400 !important; }
 .fwb { font-weight: bold !important; } 
 i.split { display: inline-block; vertical-align: middle; } 
 i.ico { display: inline-block; vertical-align: middle; background-size: 100% 100% !important; } 
 i.rightArrow-round { width: 16px; height: 16px; background: url("/images/ico_rightArrow_round.png") no-repeat; } 
 i.close-round { width: 16px; height: 16px; background: url("/images/ico_close_round.png") no-repeat; } 
 i.login { width: 16px; height: 16px; background: url("/images/ico_login_2x.png") no-repeat; background-size: 16px 16px; } 
 i.logout { width: 15px; height: 16px; background: url("/images/ico_logout_2x.png") no-repeat; background-size: 15px 16px; } 
 i.join { width: 17px; height: 16px; background: url("/images/ico_member_2x.png") no-repeat; background-size: 17px 16px; } 
 i.user { width: 18px; height: 16px; background: url("/images/ico_modify_2x.png") no-repeat; background-size: 17px 17px; } 
 i.blog { width: 36px; height: 36px; background: url("/images/ico_blog_2x.png") no-repeat; } 
 i.blog:hover { width: 36px; height: 36px; background: url("/images/ico_blog_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.facebook { width: 36px; height: 36px; background: url("/images/ico_facebook_2x.png") no-repeat 0 0; background-size:36px; } 
 i.facebook:hover { width: 36px; height: 36px; background: url("/images/ico_facebook_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.insta { width: 36px; height: 36px; background: url("/images/ico_insta_2x.png") no-repeat 0 0; background-size:36px; } 
 i.insta:hover { width: 36px; height: 36px; background: url("/images/ico_insta_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.band { width: 36px; height: 36px; background: url("/images/ico_band_2x.png") no-repeat 0 0; background-size:36px; } 
 i.band:hover { width: 36px; height: 36px; background: url("/images/ico_band_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.cafe { width: 36px; height: 36px; background: url("/images/ico_cafe_2x.png") no-repeat 0 0; background-size:36px; } 
 i.cafe:hover { width: 36px; height: 36px; background: url("/images/ico_cafe_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.youtube { width: 36px; height: 36px; background: url("/images/ico_youtube_2x.png") no-repeat 0 0; background-size:36px; } 
 i.youtube:hover { width: 36px; height: 36px; background: url("/images/ico_youtube_hover_2x.png") no-repeat 0 0; background-size:36px; } 
 i.filter { width:32px; height:32px; background:url("/images/ico_filter.png") no-repeat 0 0; } 
 i.excel { width: 23px; height: 23px; background: url("/images/icon_excel_2x.png") no-repeat 0 0; background-size: 23px 23px; } 
 i.required { width: 10px; height: 8px; background: url("/images/icon_required_2x.png") no-repeat 0 0; background-size: 10px 8px; } 
 i.commentNone { width: 45px; height: 41px; background: url("/images/ico_comment_none_2x.png") no-repeat center; background-size: 45px 41px !important; } 
 i.private { width: 16px; height: 16px; background: url("/images/ico_private_2x.png") no-repeat center; } 
 i.private span { display: none; } 
 i.submit { width: 16px; height: 16px; background: url("/images/ico_submit_btn_2x.png") no-repeat center; } 
 i.search_white { width: 16px; height: 16px; background: url("/images/ico_search_white_2x.png") no-repeat center; } 
 i.del { width: 15px; height: 15px; background: url("/images/ico_search_delete_2x.png") no-repeat center; } 
 i.tooltip { width: 24px; height: 24px; background: url(/images/ic_tooltip_2x.png) no-repeat 8px / 6px 12px; border: 1px solid #D8D8D8; border-radius: 50%; } 
 i.nodata { width: 48px; height: 44px; background: url(/images/ico_noTest_2x.png) no-repeat center / 48px 44px; display: block; margin: 0 auto; margin-bottom: 10px; margin-top: 14px; } 
 i.mpay { position: relative; display: block; width: 82px; height: 28px; background: url("/images/M-pay_logo_white_2x.png") no-repeat 0 0; background-size: 82px 28px; } 
 i.info { position: relative; display: block; min-width: 18px; height: 18px; background: url("/images/ic_info_2x.png") no-repeat center / contain; margin-right: 4px;  }
 i.busi_check { position: relative; display: block; width: 16px; height: 13px; margin-left: 10px; background: url('/images/ic_check_busi_2x.png') no-repeat center / contain; }
 i.i_albow_arrow_sm { display:inline-block; vertical-align: middle; width: 18px; height: 32px; background: url(/images/img_albow_arrow_2x.png) no-repeat center / 18px 32px; }
 i.ico_arrow_left { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/icon_arrow_left_white_2x.png) no-repeat center / 16px 16px; }
 i.ico_arrow_right { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/icon_arrow_right_white_2x.png) no-repeat center / 16px 16px; }
 i.ico_question { display:inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/images/ico_question_2x.png) no-repeat center / 32px 32px; }
i.ico_refresh { display:inline-block; vertical-align: middle; width: 16px; height: 13px; background: url(/images/ico_refresh_2x.png) no-repeat center / 100%; }
i.ico_copy { display:inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(/images/ico_copy_2x.png) no-repeat center / 100%; }
i.ico_send { display:inline-block; vertical-align: middle; width: 11px; height: 14px; background: url(/images/ico_send_2x.png) no-repeat center / 100%; }
i.ico_math { display:inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/images/ico_math_2x.png) no-repeat center / 100%; }
i.ico_tree { display:inline-block; vertical-align: middle; width: 14px; height: 20px; background: url(/images/ico_brand_tree_2x.png) no-repeat center / 100%; }
i.ico_landing_arrow { display:inline-block; vertical-align: middle; width: 17px; height: 22px; background: url(/images/ico_landing_url_2x.png) no-repeat center / 100%; }
i.ico_campus_arr_typeA { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/ico_campus_nm_arrow_typeB_2x.png) no-repeat center / 100%; }
i.ico_campus_arr_typeB { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/ico_campus_nm_arrow_typeA_2x.png) no-repeat center / 100%; }
i.ico_retry_exam { display:block; margin: 0 auto; vertical-align: middle; width: 14px; height: 16px; background: url(/images/ico_retry_exam.png) no-repeat center / 100%; }

/* 디스플레이 */
.d-block { display: block; }
.d-flex { display: flex; }
.d-inline { display: inline; }
.d-inlineB { display: inline-block; }
.j-center { justify-content: center; }
.j-between { justify-content: space-between; }
.j-start { justify-content: start; }
.j-end { justify-content: end; }
.j-around { justify-content: space-around; }
.a-center { align-items: center; }
.a-start { align-items: flex-start; }
.a-end { align-items: flex-end; }
.d-flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.mauto { margin-left: auto !important; margin-right: auto !important; }
.mt-0 { margin-top: 0 !important; } 
.mt-4 { margin-top: 4px !important; } 
.mt-5 { margin-top: 5px !important; } 
.mt-8 { margin-top: 8px !important; } 
.mb-16 { margin-bottom: 16px !important; } 
.marl0 { margin-left: 0px !important; } 
.marr8 { margin-right: 8px !important; } 
.mr-4 { margin-right: 4px !important }
.mr-8 { margin-right: 8px !important }
.pt-4 { padding-top: 4px !important }
.pt-24 { padding-top: 24px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-16 { padding-bottom: 16px !important; }

.p0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important }
.pl0 { padding-left: 0 !important }
.pr0 { padding-right: 0 !important }

.pt2 { padding-top: 2px !important; }
.pt4 { padding-top: 4px !important; }
.pt8 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt16 { padding-top: 16px !important; }
.pt20 { padding-top: 20px !important; }
.pt24 { padding-top: 24px !important; }
.pt28 { padding-top: 28px !important; }
.pt32 { padding-top: 32px !important; }
.pt40 { padding-top: 40px !important; }
.pt48 { padding-top: 48px !important; }

.pb2 { padding-bottom: 2px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb48 { padding-bottom: 48px !important; }

.pl2 { padding-left: 2px !important; }
.pl4 { padding-left: 4px !important; }
.pl8 { padding-left: 8px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl16 { padding-left: 16px !important; }
.pl18 { padding-left: 18px !important; }
.pl20 { padding-left: 20px !important; }
.pl24 { padding-left: 24px !important; }
.pl28 { padding-left: 28px !important; }
.pl48 { padding-left: 48px !important; }

.pr2 { padding-right: 2px !important; }
.pr4 { padding-right: 4px !important; }
.pr8 { padding-right: 8px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr16 { padding-right: 16px !important; }
.pr20 { padding-right: 20px !important; }
.pr24 { padding-right: 24px !important; }
.pr28 { padding-right: 28px !important; }
.pr48 { padding-right: 48px !important; }

.mt0 { margin-top: 0px !important; }
.mt2 { margin-top: 2px !important; }
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt28 { margin-top: 28px !important; }
.mt32 { margin-top: 32px !important; }
.mt48 { margin-top: 48px !important; }

.rn_mb0 { margin-bottom: 0px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb32 { margin-bottom: 32px !important; }

.ml2 { margin-left: 2px !important; }
.ml4 { margin-left: 4px !important; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml16 { margin-left: 16px !important; }
.ml18 { margin-left: 18px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }
.ml28 { margin-left: 28px !important; }

.mr2 { margin-right: 2px !important; }
.mr4 { margin-right: 4px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr16 { margin-right: 16px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr28 { margin-right: 28px !important; }

.w100p { width: 100% !important; }
.w20 { width: 20px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.h100p { height: 100% !important; }
.h100 { height: 100px !important; }

 /* input */
 .selectBox-wrap::after { display: block; content: ''; clear: both; } 
 .selectBox { position: relative; display: inline-block; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.78); background-color: #fff; cursor: pointer; z-index: 9; } 
 .selectBox .select { position: relative; display: block; height:40px; line-height: 40px; padding: 0 12px; border: 1px solid #D8D8D8; border-radius: 4px; } 
 .selectBox .select span::after { display: inline-block; content: ""; width: 12px; height: 8px; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url("/images/ico_arrow_bottm_2x.png") no-repeat 0 0; background-size: 12px 8px; } 
 .selectBox .selectOptions { display: none; position: absolute; width: 100%; max-height: 200px; padding: 4px 12px; opacity: 0; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 4px; overflow-y: auto; z-index: 1; } 
 .selectBox .selectOptions li a { display: block; padding: 4px 0; color: rgba(0, 0, 0, 0.58); } 
 .selectBox .selectOptions li a:hover { color: rgba(0, 0, 0, 0.78); } 
 .selectBox.show { height: auto; z-index: 99; } 
 .selectBox.show .select { border-bottom: 1px solid transparent; border-radius:4px 4px 0 0; } 
 .selectBox.show .selectOptions { opacity: 1; display: block; border-top: 1px solid transparent; border-radius: 0 0 4px 4px; } 
 .selectBox.disabled { background: #F5F5F5; } 
 .selectBox-2 .select { border: none; border-bottom: 1px solid #D8D8D8; border-radius: 0; } 
 .selectBox-2.show .select { border-bottom: 1px solid #D8D8D8; border-radius:0; } 
 .selectBox-2.show .selectOptions { border-radius: 0; } 
 .selectBox-wrap > .selectBox { margin-right: 4px; } 
 .selectBox-wrap > .selectBox:last-child { margin-right: 0; } 
 .selectBoxA { position: relative; display: block; height: 40px; line-height: 40px; padding: 0 12px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; font-size: 14px; background: url("/images/ico_arrow_bottm.png") no-repeat right 19px center; } 
 .selectBoxB { position: relative; display: block; height: 40px; line-height: 40px; padding: 0 12px; border:none; border-bottom: 1px solid #D8D8D8; border-radius: 0; font-weight: bold; font-size: 14px; background: url("/images/ico_arrow_bottm.png") no-repeat right 19px center; } 
 .selectBoxD { position: relative; display: block; height: 40px; line-height: 40px; padding: 0 12px; border: 1px solid #D8D8D8; border-radius: 8px; font-weight: bold; font-size: 14px; background-color: #F7F7F7 !important; background: url("/images/ico_arrow_bottm.png") no-repeat right 19px center; } 
 .selectBoxE { position: relative; display: block; height: 32px; line-height: 30px; padding: 0 12px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; font-size: 14px; background: url("/images/ico_arrow_bottm.png") no-repeat right 13px center; } 
 .selectBoxS { position: relative; display: block; height: 28px; line-height: 28px; padding: 0 24px 0 8px; border: 1px solid #d4d4d4; border-radius: 4px; font-size: 12px; background: url("/images/ico_arrow_normal_2x.png") no-repeat right 8px center; background-size: 10px 6px; } 
 .selectBoxF { border: 1px solid #DDDDDD; border-radius: 50px; height: 24px; line-height: 1; font-weight: normal; font-size: 14px; position: relative; display: block; padding: 0 30px 0 12px; background: url("/images/ico_select_arrow_light_2x.png") no-repeat right 9px center / 12px 8px; background-color: #F7F7F7; }

 select { cursor: pointer; } 

 /* component */
 .list-more { position: relative; } 
 .list-more .moreViewBtn { height: 44px; font-size: 16px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .list-more .moreViewBtn:hover { background-color: #F5F5F5; } 
 .list-more .moreViewBtn::before { display:none; content:''; position: absolute; top:0; left: 0; width:100%; height:1px; background:#eee; } 
 .list-more .moreViewBtn span { display: inline-block; padding-right: 22px; background: url("/images/ico_arrow_bottm_2x.png") no-repeat right center; background-size: 12px 8px; } 
 .likeBtn { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; } 
 .likeBtn .like-bg { display: block; position: absolute; top: 0; left: 0; z-index: 1; } 
 .likeBtn .like-icon { position: relative; top:1px; display: block; z-index: 2; } 
 .likeBtn.on .like-bg svg { fill: #383838; fill: var(--theme-color); opacity: 0.2; } 
 .likeBtn.on .like-bg svg rect { stroke: #383838; stroke: var(--theme-color); } 
 .likeBtn.on .like-icon svg { fill: #383838; fill: var(--theme-color); } 
 .likeBtn.on .like-icon svg path { stroke: #383838; stroke: var(--theme-color); } 
 .file-input-list li { position: relative; margin-bottom: 8px; padding: 16px 20px; background: #FFF; border: 1px solid #DDD; border-radius: 8px; } 
 .file-input-list li:last-child { margin-bottom: 0px; } 
 .file-input-list li a { display: block; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.78); background: url("/images/icon_download_2x.png") no-repeat right center; background-size:14px 13px; } 
 .file-input-list li span { display: block; padding-left: 26px; padding-right: 26px; white-space: normal; line-height: 20px; height: 21px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
 .file-input-list-2 { position: relative; } 
 .file-input-list-2 li { display: inline-block; margin-right: 6px; } 
 .file-input-list-2 li:last-child { margin-right: 0; } 
 .file-input-list-2 li a { display: block; padding: 10px 16px; border: 1px solid #D8D8D8; border-radius: 22px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
 .file-input-list-2 li span { display: block; padding-left: 26px; white-space: normal; line-height: 20px; height: 21px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
 .file-img { background: url("/images/icon_img_2x.png") no-repeat left center; background-size:20px 15px; } 
 .file-pdf { background: url("/images/icon_pdf_2x.png") no-repeat left center; background-size:18px 21px; } 
 .file-zip { background: url("/images/icon_zip_2x.png") no-repeat left center; background-size:20px 19px; } 
 .file-etc { background: url("/images/icon_file_2x.png") no-repeat left center; background-size:17px 20px; } 
 .file-del { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 17px; height: 17px; background: url("/images/icon_close_round.png") no-repeat 0 0; } 
 .title-underline { padding-bottom: 16px; border-bottom: 2px solid #222; } 
 .youtube-url { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background: #000; border-radius: 12px; overflow: hidden; } 
 .youtube-url iframe { position: absolute; width: 100.4%; height: 100.4%; } 
 .data-none { padding: 16px 0; text-align: center; color: rgba(0, 0, 0, 0.58); } 
 .filter-wrap { width:32px; height:32px; position: absolute; top: 0; right: 0; } 
 .filter-wrap:hover .filter-list { display: block; z-index: 9; } 
 .filterBtn { display: block; } 
 .filter-list { display: none; position: absolute; top: -8px; left: 60px; width: 107px; padding: 20px 25px; background: #fff; border: 1px solid #EEE; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 8px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); z-index: 1; } 
 .filter-list::before { display: block; content: ''; position: absolute; top:-1px; left: -13px; width: 105px; height: 33px; background: url("/images/bubble_top.png") no-repeat left center; z-index: -1; } 
 .filter-list::after { display: block; content: ''; position: absolute; top: 0; left: -30px; width: 100px; height: 100px; z-index:-1; } 
 .filter-list li a { position: relative; display: inline-block; line-height: 29px; font-size: 12px; } 
 .filter-list li a::after { display: none; content: ''; position: absolute; bottom: 6px; left: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.58); } 
 .filter-list li:hover a, .filter-list li a.active { font-weight: bold; } 
 .filter-list li:hover a::after, .filter-list li a.active::after { display: block; } 

 /* top banner */
 .top-live-bnr { padding:11px 0; display: block; width: 100%; background-color:#383838; background-color: var(--theme-color); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } 
 .top-live-bnr .liveBnr-inner { position: relative; width: 332px; height: 100%; margin: 0 auto; display:flex; align-items:center; } 
 .top-live-bnr .liveBnr-inner .liveAni { left: 0; width: 21px; height:14px; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar { position: relative; width: 21px; height: 24px; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar i { display: block; position: absolute; top: 4px; width: 3px; height: 4px; background: #fff; animation: audio-wave 1s infinite ease-in-out; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar i:nth-child(2) { animation: audio-wave2 1s infinite ease-in-out; left: 6px; height: 8px; animation-delay: 0.2s; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar i:nth-child(3) { animation: audio-wave3 1s infinite ease-in-out; left: 12px; height: 12px; animation-delay: 0.4s; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar i:nth-child(4) { animation: audio-wave2 1s infinite ease-in-out; left: 18px; height: 8px; animation-delay: 0.6s; } 
 .top-live-bnr .liveBnr-inner .liveAni .bar i:nth-child(5) { animation: audio-wave 1s infinite ease-in-out; left: 24px; height: 4px; animation-delay: 0.8s; } 
 @keyframes audio-wave { 
 0% { top: 4px; height:4px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 4px; height:4px; } 
 100% { top: 4px; height:4px; } 
 }
 @keyframes audio-wave2 { 
 0% { top: 2px; height:8px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 2px; height:8px; } 
 100% { top: 2px; height:8px; } 
 }
 @keyframes audio-wave3 { 
 0% { top: 0; height:12px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 0; height:12px; } 
 100% { top: 0; height:12px; } 
 }
 .top-live-bnr .liveBnr-inner strong { margin-left: 16px; font-weight: bold; font-size: 13px; color: #FFF; } 
 .top-live-bnr .liveBnr-inner a { position: absolute; left: 212px; font-weight: bold; font-size: 13px; color: #FFF; line-height: 44px; } 
 .top-live-bnr .liveBnr-inner a span { opacity: 0.7; } 
 .top-live-bnr .liveBnr-inner a i { margin: -3px 0 0 6px; } 
 .top-live-bnr .liveBnr-inner button { position: absolute; top: 50%; right:0; width: 16px; height: 16px; margin-top: -8px; } 
 .top-live-bnr .liveBnr-inner button i { vertical-align: bottom; } 

 /* header */
 .header-cont { width: 100%; z-index: 99; } 
 .header.fixed { position: fixed; top: 0; left: 0; height: 80px; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); z-index: 999; } 
 .header.fixed .top-live-bnr { margin-top: -52px; } 
 .header.fixed .header { height: 80px; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .header.fixed #logo { line-height: 80px; } 
 .header.fixed .gnb { line-height: 80px; } 
 .header { width:100%; height: 96px; border-bottom: 1px solid #D8D8D8; background-color: #fff; } 
 .header-roll-up { -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); } 
 .header-roll-pt { padding-top : 87px; } 
 .header-inner { max-width: 1232px; margin: 0 auto; padding: 0 16px; height: 100%; } 
 .header-wrap { position: relative; height: 100%; z-index: 10; } 
 #logo { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; line-height: 96px; z-index: 2; } 
 #logo img { max-width: 168px; max-height: 64px; vertical-align: middle; } 
 #logo .no-brand { display: inline-block; vertical-align: middle; font-size: 24px; color: #000; } 
 #logo .campus { display: inline-block; vertical-align: middle; } 
 #logo .campus span { display: inline-block; height: 25px; line-height: 20px; margin-left: 16px; padding:2px 8px; background-color:#fff; border-radius: 4px; color: rgba(0, 0, 0, 0.58); border: 1px solid rgba(0, 0, 0, 0.38); font-weight: bold; font-size: 13px; text-align: center; } 
 .gnb-wrap { float: right; } 
 .gnb { position: relative; display: inline-block; line-height: 96px; } 
 .gnb .gnb-menu li { display: inline-block; padding: 0px 12px; } 
 .gnb .gnb-menu li a { position: relative; display: inline-block; height: 100%; padding: 0 4px; font-weight: bold; text-align: center; } 
 .gnb .gnb-menu li a span { position: relative; z-index: 1; } 
 .gnb-bar { display: block; position: absolute; top: 48px; width: 0; height: 10px; background-color: #383838; background-color: var(--theme-color); opacity: 0.35; } 
 .header.fixed .gnb-bar { top: 40px; } 

 .header-member-wrap { position: relative; display: inline-block; margin-left:64px; vertical-align: middle; } 
 .header-member-wrap::before { display: inline-block; content: ''; position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 1px; height: 10px; background-color: #c4c4c4; } 
 .header-non-member { display: inline-block; vertical-align: super; } 
 .header-non-member li { display: inline-block; margin-right: 24px; } 
 .header-non-member li:last-child { margin-right: 0; } 
 .header-non-member li a { font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .header-non-member li a i { position: relative; top: -2px; margin-right: 4px; } 
 .header-member-wrap .header-member, .header-member-wrap .childSelect { vertical-align: super; } 
 .header-member-wrap .childSelect { top: 1px; } 
 .header-member-wrap .childSelect select { position: relative; display: block; width: 100%; height: 32px; line-height: 30px; padding: 0 28px 0 8px; border: none; border-bottom: 1px solid #D8D8D8; border-radius: 0; background: url("/images/ico_arrow_bottm.png") no-repeat right 8px center; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .childSelect { width: 160px; margin: 0 0 0 8px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .childSelect .select { height: 32px; line-height: 32px; cursor: pointer; } 
 .childSelect .selectOptions li a { padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .header-notice { position: relative; top: 2px; display: inline-block; margin-left: 35px; } 
 .header-notice span { position: absolute; top: -6px; right: -8px; display: block; height: 18px; line-height: 18px; padding:0 6px; background-color:#383838; background-color: var(--theme-color); border-radius: 10px; color: #fff; text-align: center; font-weight: bold; font-size: 12px; } 
 .header-member { width: 115px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .header-member .select { height: 32px; line-height:30px; padding: 0 8px; } 
 .header-member .select span { padding-left: 26px; background:url("/images/ico_member_2x.png") no-repeat left center; background-size: 17px 16px; } 
 .header-member .select span.type_top { padding-right: 40px; }
 .header-member.selectOptions { padding: 0 10px; } 
 .header-member .selectOptions li a { padding-left:22px; font-size: 12px; font-weight: bold; } 
 .header-member .selectOptions li a:hover { color: #383838; color: var(--theme-color); } 
 .header-member .selectOptions li.mb-logout a { background: url("/images/ico_logout_2x.png") no-repeat left center; background-size: 15px 16px; } 
 .header-member .selectOptions li.mb-modify a { background: url("/images/ico_modify_2x.png") no-repeat left center; background-size: 17px 17px; } 
 .header-member .selectOptions li a i { margin-right: 4px; } 

 .tnb_wrap { height: 24px; background: transparent; } 
 .tnb_wrap .tnb_inner { position: relative; max-width:1200px; height: 100%; margin: 0 auto; } 
 .tnb_list { display: flex; height: 100%; } 
 .tnb_list li { position: relative; } 
 .tnb_list li a { display: block; height: 100%; padding: 0 32px; font-size: 12px; color: rgba(0, 0, 0, 0.58); line-height: 24px; } 
 .tnb_list li a:hover { color: var(--theme-color); } 
 .tnb_list li a.on { font-weight: bold; background-color: #fff; border-left: none; background: var(--theme-color); color: #fff; border-radius: 0 0 8px 8px; } 
 .tnb_list li a.on:hover { color:#fff; } 
 .tnb_list li:first-child a.on { border-left:none; } 
 .tnb_wrap .tnb_inner .tnb_admin { position: absolute; top: 0; right: 0; color: rgba(0, 0, 0, 0.58); font-size: 12px; } 

 /* side menu */
 #sideMenu { position: fixed; right: -100%; top: 0; width: 100%; height: 100%; background-color: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; overflow-y: scroll; z-index: 99999; } 
 #sideMenu.mm-open { right: 0; } 
 .sideMenu-btn { display:none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 48px; height: 48px; background-color: #fff; } 
 .sideMenu-btn::before { content: ''; position: absolute; left: 12px; top: 20px; display: block; width: 24px; height: 2px; background: #000; } 
 .sideMenu-btn::after { content: ''; position: absolute; left: 12px; bottom: 19px; display: block; width: 24px; height: 2px; background: #000; } 
 .sideMenu-close { position: absolute; top: 14px; right: 16px; display: block; width: 48px; height: 48px; background: url("/images/ico_m_close_2x.png") no-repeat center; background-size:20px 20px } 
 .lnb-member { padding: 24px 16px; border-bottom: 1px solid #D8D8D8; } 
 .lnb-member > p { display: inline-block; } 
 .lnb-member > p a { font-weight: bold; } 
 .lnb-member > button { margin-left: 8px; font-size: 12px; padding: 6px 4px; } 
 .m-childSelect { width: 100%; margin-bottom: 16px; background: #F5F5F5; } 
 .m-childSelect .selectBoxB { background: url(/images/ico_arrow_bottm_2x.png) no-repeat right 12px center; background-size: 12px 8px; } 
 .m-childSelect .selectOptions { border-left: none; border-right: none; } 
 .lnb-menu > li > a { position: relative; display: block; padding: 16px; border-bottom: 1px solid #eee; font-weight: bold; } 
 .lnb-menu > li > a::after { content: ''; position: absolute; top: 22px; right: 16px; display: block; width: 10px; height: 7px; background: url("/images/ico_m_menu_open_2x.png") no-repeat center; background-size:10px 7px; } 
 .lnb-menu > li.home > a::after { display: none; } 
 .lnb-menu > li.on > a, .lnb-menu > li > a:hover { color: #383838; color: var(--theme-color); } 
 .lnb-menu > li.on > a::after { background: url("/images/ico_m_menu_close_2x.png") no-repeat center; background-size:10px 7px; } 
 .lnb-menu > li.on .m-sub-menu { display: block; } 
 .lnb-menu > li .m-sub-menu { display: none; padding: 16px 32px; background: #F5F5F5; } 
 .lnb-menu > li .m-sub-menu > li { display: inline-block; width: 50%; } 
 .lnb-menu > li .m-sub-menu > li > a { position: relative; display: block; padding: 8px 0 8px 10px; } 
 .lnb-menu > li .m-sub-menu > li > a::before { display: inline-block; content: ''; position: absolute; top:17px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); } 
 .lnb-menu > li .m-sub-menu > li.on > a, .lnb-menu .m-sub-menu > li > a:hover { color: #383838; color: var(--theme-color); } 
 .lnb-menu > li .m-sub-menu > li.on > a::before, .lnb-menu .m-sub-menu > li > a:hover::before { background: #383838; background: var(--theme-color); } 


 /* 모바일 메뉴 depth3 스타일 */
 .lnb-menu > li { background-color: #F5F5F5; } 
 .lnb-menu > li > a { width: 100%; background-color: #fff; } 
 .lnb-menu .depth2-box { padding: 24px; background-color: #F5F5F5; font-size: 13px; display: none; flex-wrap: wrap; } 

 .lnb-menu .depth2-box .depth2 { font-weight: 700; color: rgba(0, 0, 0, 0.58); display: flex; } 
 .lnb-menu .depth2-box .depth2 i { display: block; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); flex:none; margin-top: 9px; margin-right: 7px; } 
 .lnb-menu .depth2-box.active { display:flex; } 


 .lnb-menu .depth2-box .depth2.active { color: var(--theme-color); } 
 .lnb-menu .depth2-box .depth2.active i { background-color: var(--theme-color); } 


 .lnb-menu .depth3-box { padding: 16px 0 0 12px; width: 50%; } 
 .lnb-menu .depth3-box:nth-child(1), .lnb-menu .depth3-box:nth-child(2) { padding-top: 0; } 
 .lnb-menu .depth3-box .depth3 a { display: flex; } 
 .lnb-menu .depth3-box .depth3 i { display: block; width: 6px; height: 1px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.58); flex:none; margin-top: 10px; margin-right: 6px; } 

 .lnb-menu .depth3-box .depth3.active a { color: var(--theme-color); } 
 .lnb-menu .depth3-box .depth3.active a i { background-color: var(--theme-color); } 




 .m-quick { display: flex; flex-wrap: wrap; padding: 24px 12px 16px; } 
 .m-quick::after { display: block; content: ''; clear: both; } 
 .m-quick > li { float: left; width: 48%; margin: 1%; border: 1px solid #D8D8D8; border-radius: 8px; text-align: center; } 
 .m-quick > li > a { display: flex; justify-content: center; align-items: center; padding: 18px 0; } 
 .m-quick > li > a > span { display: inline-block; margin-left: 8px; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .m-quick_banner { display: flex; flex-wrap: wrap; padding:0 12px; border-top: 1px solid #eee; padding-top: 16px; } 
 .m-quick_banner > li { margin: 1%; width: 48%; } 
 .m-quick_banner > li > a { display:block; width: 100%; height: 64px; border: 1px solid #D8D8D8; border-radius: 8px; background-color: #fff; overflow: hidden; } 
 .m-quick_banner > li > a img { width: 100%; height: 100%; object-fit: contain; } 

 /* footer */
 .footer { position: relative; width: 100%; border-top: 11px solid #F5F5F5; background-color: #fff; z-index: 9; } 
 .footer::before { position: absolute; top: -12px; left: 0; display: block; content: ''; width: 100%; height: 1px; background: #D8D8D8; } 
 .footer-inner { max-width: 1232px; margin: 0 auto; padding: 0 16px; } 
 .footer-wrap { display: flex; justify-content: space-between; padding: 67px 0 89px; } 
 .ft-info { flex-grow: 1 } 
 .ft-menu { margin-bottom: 27px; } 
 .ft-menu-list { display: inline-block; } 
 .ft-menu-list li { display: inline-block; margin-right: 12px; } 

 .ft-menu-list li a { font-weight: bold; } 
 .ft-menu-list li a.ft_compInfo { } 
 .ft-menu-list li a.ft_compInfo::after { display:inline-block; content:''; width: 2px; height: 12px; margin-left: 16px; background: #D8D8D8; } 
 .ft-menu .aca-search { position: relative; margin: 0 12px; padding: 3px 12px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; } 
 .ft-menu .aca-search::after { display: inline-block; content: ''; position: absolute; left: -16px; top: 50%; margin-top: -6px; width: 2px; height: 12px; background: #D8D8D8; } 
 .ft-sns { display: inline-block; } 
 .ft-sns::before { display: inline-block; content: ''; width: 2px; height: 12px; margin-right: 12px; background: #D8D8D8; } 
 .ft-sns li { display: inline-block; margin-right: 2px; } 
 .ft-sns li:last-child { margin-right: 0; } 
 .ft-sns li a i { transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .ft-addres-copy h2 { margin-bottom: 10px; font-weight: bold; font-size: 18px; line-height: 120%; color: rgba(0, 0, 0, 0.78); } 
 .ft-addres-copy .address { margin-bottom: 10px; color: rgba(0, 0, 0, 0.58); } 
 .ft-addres-copy .copy { color: rgba(0, 0, 0, 0.58); } 
 .ft-app { position: relative; padding: 0 32px 0 67px; } 
 .ft-app::before { position: absolute; top: 0; left: 30px; display: inline-block; content: ''; width: 1px; height: 136px; background: #D8D8D8; opacity: 0.4; } 
 .ft-app h3 { margin-bottom: 24px; font-weight: bold; font-size: 18px; line-height: 120%; } 
 .ft-app ul li { width: 145px; height: 40px; line-height: 37px; border: 1px solid rgba(216, 216, 216, 0.5); box-sizing: border-box; border-radius: 8px; } 
 .ft-app ul li.google { margin-bottom: 8px; background: url("/images/ico_google_2x.png") no-repeat left 20px center; background-size:17.5px 21px; } 
 .ft-app ul li.apple { background: url("/images/ico_apple_2x.png") no-repeat left 20px top 5px; background-size:22px 26px; } 
 .ft-app ul li a { display: block; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.58); text-align: center; } 
 .ft-app ul li.google a { padding-left: 25px; } 
 .ft-app ul li.apple a { padding-left: 18px; } 
 .address li span { padding-left: 19px; } 
 .address li span.addr { background: url("/images/ico_location_2x.png") no-repeat left center; background-size:11px 16px; } 
 .address li span.tell { background: url("/images/ico_call_2x.png") no-repeat left center; background-size:11px 16px; } 
 .address li span.business { background: url("/images/ico_info_2x.png") no-repeat left center; background-size:10px 16px; } 

 /* 그룹 학원정보 */
 .address.group-addr { display:flex; font-size: 13px; flex-wrap:wrap; margin-bottom:4px; } 
 .address.group-addr li { margin-right: 24px; } 
 .address.group-addr li:last-child { margin-right:0; } 
 .address.group-addr .loc-name { font-weight: 700; color: rgba(0,0,0,.78); padding-left:0; } 
 .address .cam-num { margin-left:2px; display: inline-block; padding:0; } 
 .address li span.cam-num { margin-left:2px; display: inline-block; padding:0; } 


 .quick-menu { position: absolute; top: 152px; right: 0; /* margin-right:-766px; */ width: 128px; text-align: center; z-index: 9; } 
 .quick-menu.close { width: 64px; }
 .quick-menu.close .quick-list > li span:not(.cnt) { display: none; }
 .quick-menu.close .cnt { right: 6px; }
 .quick-menu.close .quick-close-btn { padding-right: 0; }
 .quick-menu.close .quick-close-btn svg { position: relative; transform: rotate(180deg); }
 .quick-menu .q-close { display: block; }
 .quick-menu .q-open { display:none; }
 .quick-menu.close .q-close { display: none; }
 .quick-menu.close .q-open { display: block; }
 .quick-list { border: 1px solid #d8d8d8; border-radius: 16px 0 0 16px; overflow: hidden; }
 .quick-list > li { position: relative; } 
 .quick-list > li:last-child { margin-bottom: 0; } 
 .quick-list > li > a { display: block; padding: 12px 0 6px; background-color: #fff; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); overflow: hidden; } 
 .quick-list > li > a:after { display:block; content:''; width:100%; height:100%; position: absolute; top: 0; left: 0; border-top: 1px solid #EEEEEE; }
 .quick-list > li:first-child > a:after { border: 0; }
 .quick-list > li > a:hover { background-color: #f5f5f5; } 
 .quick-list i { display: block; margin: 0 auto 5px; } 
 .quick-list > li .t { font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .quick-piggymom span { display: block; font-weight: bold; font-size: 13px; } 
 .quick-piggymom span:last-child { color: rgba(0, 0, 0, 0.38); } 
 .quick-piggymom a i { width: 29px; height: 22px; background: url("/images/ico_quick_youtube_2x.png") no-repeat center; background-size:29px 22px; } 
 .quick-reservation a i { width: 26px; height: 21px; background: url("/images/ico_quick_booking_2x.png") no-repeat center; background-size:26px 21px; } 
 .quick-sms-agree a i { width: 26px; height: 24px; background: url("/images/ico_quick_sms_2x.png") no-repeat center / 26px 24px; } 
 .quick-bookmall a i { width: 18px; height: 23px; background: url("/images/ico_quick_mall_2x.png") no-repeat center; background-size:18px 23px; } 
 .quick-talk i { width: 24px; height: 24px; background: url("/images/ico_quick_talk_2x.png") no-repeat center; background-size:24px 24px; } 
 .quick-pay i { width: 24px; height: 16px; background: url("/images/ico_quick_pay_2x.png") no-repeat center; background-size:24px 16px; } 
 .quick-apply i { width: 28px; height: 28px; background: url("/images/ico_quick_aply_2x.png") no-repeat center; background-size:28px 28px; } 
 .quick-time-apply i { width: 22px; height: 26px; background: url("/images/ico_quick_time_apply_2x.png") no-repeat center; background-size:22px 26px; } 
 .quick-tickl i { width: 22px; height: 26px; margin-bottom: 0; background: url("/images/ico_quick_tickl_2x.png") no-repeat center; background-size:20px 21px; } 
 .quick-tickl span { display: block; font-weight: bold; font-size: 13px; } 
 .quick-tickl span:last-child { color: rgba(0, 0, 0, 0.38); } 
 .quick-sns-blog i { width: 24px; height: 24px; margin-bottom: 0; background: url("/images/img_quick_blog_2x.png") no-repeat center; background-size:24px 24px; } 
 .quick-sns-blog span { display: block; font-weight: bold; font-size: 13px; } 
 .quick-sns-blog span:last-child { color: rgba(0, 0, 0, 0.38); } 
 .quick-sns-insta i { width: 24px; height: 24px; margin-bottom: 0; background: url("/images/img_quick_insta_2x.png") no-repeat center; background-size:24px 24px; } 
 .quick-sns-insta span { display: block; font-weight: bold; font-size: 13px; } 
 .quick-sns-insta span:last-child { color: rgba(0, 0, 0, 0.38); } 

 .quick-menu .cnt { position: absolute; top: 6px; right: 40px; display: inline-block; height: 18px; line-height: 18px; padding: 0 6px; font-weight: bold; font-size: 11px; color: #FFF; text-align: center; background-color: #383838; background-color: var(--theme-color); border-radius: 10px; } 
 .page-top { transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .page-top:hover button { background-color: #f5f5f5; } 
 .page-top button { display: block; width: 100%; height: 24px; margin: 0 auto; margin-top: 8px; border: 1px solid #D8D8D8; border-radius: 8px 0 0 8px; background-color: #fff; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .page-top span { padding-right: 16px; background: url("/images/ico_pageTop.png") no-repeat right center; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .quick-close-tab button { display: flex; align-items: center; width: 100%; margin: 0 auto; margin-bottom: 8px; padding: 4px 8px; border: 1px solid #D8D8D8; border-radius: 8px 0 0 8px; background-color: #fff; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); text-align: left; } 
 .quick-close-tab button span { font-size: 12px; color: #00000094; font-weight: 700; } 
 .quick-list > .quick-banner-last { /* margin-bottom: 16px; */ margin-bottom: 0; } 
 .quick-list > .quick-banner-last::after { display:block; position: absolute; bottom: -9px; left: 32px; width:64px; height:1px; background:#eee; } 
 .quick-list > .quick_banner a { display: table; padding:0; width: 100%; } 
 .quick-list > .quick_banner img { display: table-row; margin: 0 auto; width: 128px; height: auto; } 

 .bookmall-pop.active { display: block; } 
 .bookmall-pop { display: none; position: absolute; top: 0; right: 136px; width: 405px; height: 0; margin-top: 253px; border: 2px solid #383838; border: 2px solid var(--theme-color); border-color: transparent; background-color: transparent; border-radius: 12px; animation: bookPop 0.4s ease-in-out; animation-delay: 0.5s; animation-fill-mode: forwards; z-index: 99; } 
 .m-bookmall-pop { display: none; position: fixed; bottom: -2px; left: 0; width: 100%; height: 0; margin-top: 253px; border: 2px solid #383838; border: 2px solid var(--theme-color); border-bottom: none; border-color: transparent; background-color: transparent; border-radius: 12px 12px 0 0; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); animation: bookPop 0.4s ease-in-out; animation-delay: 0.5s; animation-fill-mode: forwards; z-index: 99; } 
 .bookmall-pop-box { opacity: 0; animation: bookOpacity 0.5s ease-in-out; animation-delay: 0.8s; animation-fill-mode: forwards; background-color: #fff; border-radius: 12px; overflow: hidden; } 
 .bookmall-pop-box .pop-cont { position: relative; max-width: 405px; height: 213px; margin: 0 auto; } 
 .bookmall-pop-box .pop-cont .text-box { position: absolute; top: 60px; left: 32px; text-align: left; overflow: hidden; z-index: 3; } 
 .bookmall-pop-box .pop-cont .text { position: relative; top: 75px; left: 0; animation: bookText 0.5s ease-in-out; animation-delay: 0.8s; animation-fill-mode: forwards; } 
 .bookmall-pop-box .pop-cont .text p { font-weight: bold; font-size: 13px; line-height: 160%; } 
 .bookmall-pop-box .pop-cont .text a { display: inline-block; width: 108px; height: 26px; line-height: 26px; margin-top: 8px; padding: 0 8px; background: url("/images/ico_arrow_move_2x.png") no-repeat right 8px center; background-size: 17px 6px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; color: #fff; font-weight: bold; font-size: 13px; } 
 .bookmall-pop-box .pop-cont .book-icon { position: absolute; right: 24px; bottom: 18px; width: 169px; height: 166px; } 
 .bookmall-pop-box .pop-cont .book-icon .box { position: absolute; top: -25px; right: -10px; width: 197px; height: 170px; overflow: hidden; z-index: 2; } 
 .bookmall-pop-box .pop-cont .book-icon .box img { position: relative; top: 4px; width: 197px; height: 170px; animation-name: book-img, book-img2, book-img3; animation-duration: 0.5s, 0.5s, 1s; animation-delay: 0.8s, 1.5s, 2s; animation-fill-mode: forwards; } 
 .bookmall-pop-box .pop-cont .book-icon .grp-box { position: absolute; right: 0; bottom: 0; display: block; width: 170px; height: 42px; z-index: 1; } 
 .bookmall-pop-box .pop-cont .book-icon .grp-box .grp1 { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; animation: book-graphic1 0.5s ease-in-out; animation-delay: 0.8s; animation-fill-mode: forwards; } 
 .bookmall-pop-box .pop-cont .book-icon .grp-box .grp1::after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; animation: book-graphic2 0.5s ease-in-out; animation-delay: 0.8s; animation-fill-mode: forwards; } 
 .bookmall-pop-box .poa { opacity: 0; display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 16px; border-top: 1px solid #dbdbdb; animation: poaOpacity 0.5s ease-in-out; animation-delay: 1.5s; animation-fill-mode: forwards; background-color: #fff; } 
 .bookmall-pop-box .poa .checkboxA label span { font-weight: normal; font-size: 12px; } 
 .bookmall-pop-box .poa button { font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 @keyframes bookPop { 
 0% { height: 0; margin-top: 253px; } 
 30% { border-color: #383838; border-color: var(--theme-color); background-color: #fff; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 100% { height: 253px; margin-top: 0; border-color: #383838; border-color: var(--theme-color); background-color: #fff; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 }
 @keyframes bookOpacity { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
 @keyframes bookText { 
 0% { top: 75px; } 
 100% { top: 0; } 
 }
 @keyframes book-graphic1 { 
 0% { width: 0; height: 0; } 
 100% { width: 170px; height: 42px; } 
 }
 @keyframes book-graphic2 { 
 0% { width: 0; height: 0; } 
 100% { width: 78px; height: 20px; } 
 }
 @keyframes book-img { 
 0% { top: 168px; } 
 100% { top: 155px; } 
 }
 @keyframes book-img2 { 
 0% { top: 155px; } 
 100% { top: 4px; } 
 }
 @keyframes book-img3 { 
 0% { top: 4px; } 
 25% { top: 10px; } 
 50% { top: 4px; } 
 75% { top: 7px; } 
 100% { top: 4px; } 
 }
 @keyframes poaOpacity { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }

 /* 메인 */
 #main { padding-bottom: 0; } 
 #main .main-contents { position: relative; padding-top: 24px; } 
 .main-brand { /*margin-bottom: 32px; */ } 
 .main-brand h2 { margin-bottom: 8px; font-weight: bold; text-align: center; font-size: 40px; line-height: 120%; color: #000; } 
 .main-brand .slogan { word-break: keep-all; text-align: center; } 
 .main-brand + .main-live-lecture1 .live_lecure { margin-top:32px; } 
 .main-banner { margin-top:32px; } 
 .main-banner .inner { overflow: hidden; } 
 .main-notice .inner { max-width: 1198px; } 
 .main-notice .tab-box { border-bottom: none; } 
 .main-notice .tab-box .tab-list li { position: relative; } 
 .main-notice .tab-box .tab-list li a { padding: 0 16px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .main-notice .tab-box .tab-list li:first-child a { padding-left: 0; } 
 .main-notice .tab-box .tab-list li::after { position: absolute; top: 15px; right: 0; display: inline-block; content: ''; width: 1px; height: 8px; background: #D8D8D8; } 
 .main-notice .tab-box .tab-list li:last-child::after { display: none; } 
 .main-notice .tab-box .tab-list li a:hover, .main-notice .tab-list li a.on { color: #383838; color: var(--theme-color); } 
 .main-notice .tab-box .tab-list li a:hover::after, .main-notice .tab-list li a.on::after { display: none; } 
 .main-notice .swiper-button-wrap { position: absolute; top: 0; right: 0; width: 84px; height: 40px; z-index: 1; } 
 .main-notice .swiper-button-wrap .swiper-button { position: relative; top: 0; left: 0; display:inline-block; width: 40px; height: 40px; margin: 0; background: url("/images/ico_arrow_box2.png") no-repeat 0 0; opacity: 1; } 
 .main-notice .swiper-button-wrap .swiper-button::after { display:none; } 
 .main-notice .swiper-button-wrap .swiper-button.swiper-button-prev { background-position: -40px 0px; } 
 .main-notice .swiper-button-wrap .swiper-button.swiper-button-prev.swiper-button-disabled { background-position: 0px 0px; } 
 .main-notice .swiper-button-wrap .swiper-button.swiper-button-next { background-position: -40px -40px; } 
 .main-notice .swiper-button-wrap .swiper-button.swiper-button-next.swiper-button-disabled { background-position: 0px -40px; } 
 #main .main-notice .notice-more { display: none; top: 5px; } 
 .bnr-wrap { z-index: 9 !important; } 
 .bnr-list-box { height: 373px !important; margin-top: 48px; z-index: 2 !important; } 
 .bnr-list-box::after { display: block; content: ''; clear: both; } 
 .bnr-list { width: 280px !important; height: 373px !important; } 
 .bnr-list:first-child { } 
 .bnr-list > a { display: block; width: 280px; height: 373px; border-radius: 12px; box-sizing: initial; overflow: hidden; /*transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); */ } 
 .bnr-list > a:hover { top:-16px; filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)) !important; } 
 .bnr-text { padding: 35px 32px 0; } 
 .bnr-cate { margin-bottom: 24px; } 
 .bnr-cate i { float: left; } 
 .bnr-cate span { margin-left: 5px; font-weight: bold; font-size: 13px; } 
 .bnr-title { height: 48px; font-weight: bold; font-size: 20px; line-height: 120%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; } 
 .bnr-list .date { display: block; margin-top: 8px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .bnr-list .schedule-schyear { display: block; margin-top: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.58); } 
 .bnr-notice .bnr-cate i { width: 23px; height: 23px; background: url("/images/ico_mainbanner_notice_title.png") no-repeat; } 
 .bnr-reserv .bnr-cate i { width: 26px; height: 22px; background: url("/images/ico_mainbanner_reservation_title.png") no-repeat; } 
 .bnr-schedule .bnr-cate i { width: 28px; height: 28px; background: url("/images/ico_mainbanner_schedule_title.png") no-repeat; } 
 .bnr-schedule .bnr-cate span { position: relative; top: 4px; } 
 .bnr-img { position: absolute; bottom: 0px; left: 0px; width: 280px; height: 158px; overflow: hidden; } 
 .bnr-notice-A .bnr-back .bnr-img::after, .bnr-schedule-A .bnr-back .bnr-img::after, .bnr-reserv-A .bnr-back .bnr-img::after { display:block; content:''; position: absolute; top: 0; left: 0; width:100%; height:100%; background:rgba(0,0,0,0.02); } 
 .bnr-notice-A .bnr-img img, .bnr-schedule-A .bnr-img img, .bnr-reserv-A .bnr-img img { width: 100%; } 
 .bnr-img .default-img { position: absolute; right: 17px; bottom: 32px; } 
 .bnr-notice .bnr-img .default-img { display:block; width:108px; height:71px; background:url("/images/ico_mainbanner_notice.png") no-repeat 0 0; background-size:108px 71px; } 
 .bnr-reserv .bnr-img .default-img { display:block; width:95px; height:91px; background:url("/images/ico_mainbanner_reservation.png") no-repeat 0 0; background-size:95px 91px; } 
 .bnr-schedule .bnr-img .default-img { display:block; width:92px; height:104px; background:url("/images/ico_mainbanner_schedule.png") no-repeat 0 0; background-size:92px 104px; } 
 .bnr-schedule.bnr-notice-img a:hover::after { display:none; } 
 .bnr-notice-B a::after, .bnr-reserv-B a::after, .bnr-schedule-B a::after { position: absolute; bottom: -50px; right: 21px; display: block; content: ''; width: 48px; height: 48px; border-radius: 50%; background: #383838; background: var(--theme-color); opacity: 0.4; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .bnr-notice-B a:hover::after, .bnr-reserv-B a:hover::after, .bnr-schedule-B a:hover::after { bottom: 21px; } 
 .bnr-schedule .bnr-img .schedule-open-date { position: absolute; bottom: 32px; left: 32px; display: inline-block; font-size: 12px; } 
 .bnr-schedule .bnr-img .schedule-open-date .t { margin-right: 10px; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .bnr-schedule .bnr-img .schedule-open-date .d { color: rgba(0, 0, 0, 0.58); } 
 .bnr-reserv .d-day { position: absolute; top: 34px; right: 32px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .bnr-text .price { margin-top: 18px; font-weight: bold; font-size: 12px; line-height: 120%; } 
 .bnr-text .price span { position: relative; top: 1px; margin-right: 4px; font-size: 16px; color: #383838; color: var(--theme-color); } 
 .bnr-list .grade { display: block; margin-top: 8px; color: rgba(0, 0, 0, 0.58); } 
 /*.main-notice .swiper-pagination-progressbar { top: inherit !important; bottom: 0 !important; left: auto !important; right:0; width: 588px !important; background: rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; } 
 .main-notice .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgba(0, 0, 0, 0.2); border-radius: 4px; } */
 .bnr-list-box .bnr-last-moreBtn { float: left; width: 130px !important; height: 373px !important; margin-left: 16px; padding-left: 50px; } 
 .bnr-list-box .bnr-last-moreBtn > a { position: absolute; top: 50%; transform: translateY(-50.1%); display: block; width: 80px; height: 80px; padding-top: 38px; border-radius: 50%; text-align: center; background: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; } 
 .bnr-list-box .bnr-last-moreBtn > a:hover { border: 1px solid #dbdbdb; box-shadow: none; } 
 .bnr-list-box .bnr-last-moreBtn > a > span { padding-top:18px; font-weight: bold; font-size: 11px; color: rgba(0, 0, 0, 0.58); background: url("/images/ico_arrow_right_bar_2X.png") no-repeat top center; background-size:14px 12px; } 
 
 /* 미래탐구 신규스킨(06) */
.card-banner-wrap.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px; max-width: 1200px; width: 100%; }
.card-banner-wrap .card { width: 100%; height: 255px; border: 1px solid #ddd; background-color: white; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; outline: none; position: relative; overflow: hidden; }
.card-banner-wrap .card a { position: relative; padding: 40px; z-index: 3; width: 100%; height: 100%; cursor: pointer; }
.card-banner-wrap .card-content { position: relative; z-index: 2; }
.card-banner-wrap .card h2 { font-size: 24px; color: #333; }
.card-banner-wrap .card-circle { position: absolute; border-radius: 50%; background-color: #5BDD8D; transform: scale(0); z-index: 1 ; opacity: 0; transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1); pointer-events: none; }
.card-banner-wrap .card:hover { border-color: #38AF71; }
.card-banner-wrap .card:hover h2 { color: #333; }
.card-banner-wrap .card:active { border-color: #38AF71; }
.card-banner-wrap .card:active h2 { color: #333; }
.card.card-timetable a { background: url(/images/ico_card_timetable_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card.card-reservation a { background: url(/images/ico_card_reservation_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card.card-teacher a { background: url(/images/ico_card_teacher_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card.card-notice a { background: url(/images/ico_card_notice_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card.card-information a { background: url(/images/ico_card_information_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card.card-maps a { background: url(/images/ico_card_maps_2x.png) no-repeat calc(100% - 40px) calc(100% - 40px) / 60px 60px; }
.card-banner-wrap .card h2 { font-weight: 400; }
.ico_card_arrow { width: 32px; height: 32px; background: url(/images/ico_card_button.png) no-repeat center top / 100%; overflow: hidden; }
.card-banner-wrap .card:active .ico_card_arrow { background-position: center bottom; }
.card-banner-wrap .card .cnt { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 36px; background: var(--theme-color); font-weight: 700; color: #fff; }
.card-banner-wrap .card .cnt::after { content: ''; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 30px; border: 1px solid #FFFFFF; opacity: 0.4; }


 /* 배너 추가 */
 .bnr-face { top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; transition: top 0.2s ease, transform 1s ease-out, border-color 0.2s; } 
 .bnr-front, .bnr-default { border-radius: 12px; border: 1px solid #dbdbdb; position: relative; background: #fff; text-align: center; transform: rotateY(0deg); } 
 .bnr-front::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 12px; } 
 .bnr-default::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; border-radius: 12px; z-index: -1; } 
 .bnr-front.on { transform: rotateY(180deg); filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)); } 
 .bnr-front.on::before { background-color: rgba(0,0,0,0.2); transition-duration: 1000ms; } 
 .bnr-back { border-radius:12px; position: absolute; background: #fff; transform: rotateY(180deg); } 
 .bnr-back::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #D8D8D8; background-color: rgba(0,0,0,0.2); border-radius: 12px; z-index: 1; } 
 .bnr-back.on { transform: rotateY(0); filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)); } 
 .bnr-back.on::before { background-color: transparent; transition-duration: 1000ms; } 
 .bnr-list > .bnr-back:hover::before { border: 1px solid #383838; border: 1px solid var(--theme-color); z-index: 1; } 
 .bnr-front .bnr-img, .bnr-default .bnr-img { position: inherit; height: 283px; } 
 .bnr-front .bnr-img .default-img, .bnr-default .bnr-img .default-img { position: relative; right: inherit; bottom: inherit; margin: 0 auto; opacity: 0.38; } 
 .bnr-notice .bnr-front .bnr-img, .bnr-notice .bnr-default .bnr-img { padding-top: 56.5px; } 
 .bnr-reserv .bnr-front .bnr-img { padding-top: 40.5px; } 
 .bnr-schedule .bnr-front .bnr-img { padding-top: 40px; } 
 .bnr-front .bnr-img .tt, .bnr-default .bnr-img .tt { margin-top: 8.5px; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.38); } 
 .bnr-front .nm, .bnr-default .nm { display: block; padding-bottom: 8px; font-size: 12px; color: rgba(0, 0, 0, 0.38); border-bottom: 1px solid #dbdbdb; } 
 /* .bnr-list:hover .bnr-front { transform:rotateY(180deg); } 
 .bnr-list:hover .bnr-back { transform:rotateY(0deg); } */

 #main section { position: relative; } 
 #main section .more { position: absolute; top: 16px; right: 0; display: block; width: 36px; height: 28px; background-color: #FFF; border: 1px solid #D8D8D8; border-radius: 4px; background: url("/images/ico_more.png") no-repeat center; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 #main section .more:hover { background-color: #f5f5f5; } 
 .main-notice, .main-promotion, .main-videoLecture, .main-teacher { margin-bottom: 48px; } 
 .main-title { margin-bottom: 16px; padding-top: 12px; font-weight: bold; font-size: 24px; line-height: 120%; color: #000; border-top: 4px solid #000; } 
 .main-small-title { font-weight: bold; font-size: 20px; line-height: 120%; color: #000; } 

 .main-promotion .promo-cont { margin-left: -24px; } 
 .main-promotion .promo-cont::after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } 
 .main-promotion .promo-cont > li { float: left; width: 50%; padding-left: 24px; } 
 .main-promotion .promo-cont > li > a { display: block; padding: 32px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 12px; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .main-promotion .promo-cont > li > a:hover { border:1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .main-promotion .promo-cont > li > a > div { position: relative; height: 295px; overflow: hidden; } 
 .main-promotion .promo-cont img { display: block; margin: 0 auto; max-width: 100%; min-height: 295px; object-fit: scale-down; } 
 .main-teacher .teacher-list li { width: 25%; } 

 .main-live-lecture { z-index: 9; } 
 .main-live-lecture .live_lecure { position: relative; max-width: 1200px; margin: 0 auto; z-index: 1; } 
 .main-live-lecture .live_lecure .live_list > li { position: relative; height:96px; margin-right:0 !important; border-radius: 8px; } 
 .main-live-lecture .live_lecure .live_list > li:after { display: block; content: ''; clear: both; } 
 .main-live-lecture .live_lecure .live_list > li .picture { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); z-index: 9; } 
 .main-live-lecture .live_lecure .live_list > li .picture .picimg { position: relative; width: 80px; height: 80px; padding: 3px; border-radius: 50%; background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni { position: absolute; top: 3px; left: 3px; width: 74px; height: 74px; z-index: 2; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni:before { display:block; content:''; width: 100%; height: 100%; background: #383838; background: var(--theme-color); opacity: 0.4; border-radius: 50%; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 22px; height: 12px; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar i { display: block; position: absolute; top: 4px; width: 3px; height: 4px; background: #fff; animation: audio-wave 1s infinite ease-in-out; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar i:nth-child(2) { animation: audio-wave2 1s infinite ease-in-out; left: 6px; height: 8px; animation-delay: 0.2s; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar i:nth-child(3) { animation: audio-wave3 1s infinite ease-in-out; left: 12px; height: 12px; animation-delay: 0.4s; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar i:nth-child(4) { animation: audio-wave2 1s infinite ease-in-out; left: 18px; height: 8px; animation-delay: 0.6s; } 
 .main-live-lecture .live_lecure .live_list > li .picture .liveAni .bar i:nth-child(5) { animation: audio-wave 1s infinite ease-in-out; left: 24px; height: 4px; animation-delay: 0.8s; } 
 @keyframes audio-wave { 
 0% { top: 4px; height:4px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 4px; height:4px; } 
 100% { top: 4px; height:4px; } 
 }
 @keyframes audio-wave2 { 
 0% { top: 2px; height:8px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 2px; height:8px; } 
 100% { top: 2px; height:8px; } 
 }
 @keyframes audio-wave3 { 
 0% { top: 0; height:12px; } 
 25% { top: -4px; height:20px; } 
 50% { top: 0; height:12px; } 
 100% { top: 0; height:12px; } 
 }
 .main-live-lecture .live_lecure .live_list > li .picture .picimg img { width: 74px; height: 74px; object-fit: cover; border-radius: 50%; } 
 .main-live-lecture .live_lecure .live_list > li .picture .no-picimg::before { display: inline-block; content: ''; position: absolute; top: 3px; left: 3px; width: 74px; height: 74px; background: url(/images/no_profile.png) no-repeat; background-size: cover; border-radius: 50%; } 
 .main-live-lecture .live_lecure .live_list > li .picture .no-picimg span { position: absolute; top: 3px; left: 3px; display: block; width: 74px; height: 74px; line-height: 74px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
 .main-live-lecture .live_lecure .live_list > li .picture .no-picimg::after { display: inline-block; content: ''; position: absolute; top: 3px; left: 3px; width: 74px; height: 74px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; opacity: 0.68; } 
 .main-live-lecture .live_lecure .live_list > li .live_info { position: absolute; top: 50%; left: 117px; transform: translateY(-50%); width: 70%; padding: 0; font-weight: bold; line-height: 140%; z-index: 9; } 
 .main-live-lecture .live_lecure .live_list > li .live_info .time { margin-right:8px; color: #383838; color: var(--theme-color); } 
 .main-live-lecture .live_lecure .live_list > li .live_info .name { display:inline-block; margin-right:16px; color: rgba(0, 0, 0, 0.38); } 
 .main-live-lecture .live_lecure .live_list > li .live_info .text { display: block; margin-top: 16px; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .main-live-lecture .live_lecure .live_list > li .file_wrap { position: absolute; right: 16px; top: 0; height: 96px; padding-left: 30px; z-index: 9; } 
 .main-live-lecture .live_lecure .live_list > li .file_wrap .file_btn { margin-top: 20px; cursor: pointer; } 
 .main-live-lecture .live_lecure .live_list > li .file_wrap .file_btn i { display: block; width:36px; height:36px; margin: 0 auto 4px; background:url("/images/ico_file3_2x.png") no-repeat 0 0; background-size:36px 36px; } 
 .main-live-lecture .live_lecure .live_list > li .file_wrap .file_btn span { display: inline-block; margin-left: 4px; line-height: 17px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 /* .main-live-lecture .live_lecure .live_list > li .file_wrap:hover .file_list { display:block; } */
 .main-live-lecture .live_lecure .live_list > li .file_wrap:hover { z-index: 99; } 
 .main-live-lecture .live_lecure .now_live { padding-bottom: 34px; } 
 .main-live-lecture .live_lecure .now_live .now_live_list { } 
 .main-live-lecture .live_lecure .now_live .now_live_list > li { margin-right: 16px !important; background-color: #383838; background-color: var(--theme-color); overflow: hidden; } 
 .main-live-lecture .live_lecure .now_live .live_list > li .file_wrap .file_btn i { width: 37px; height: 37px; background:url("/images/ico_file2_2x.png") no-repeat 0 0; background-size:36px 36px; } 
 .main-live-lecture .live_lecure .now_live .live_list > li .file_wrap .file_btn span { color: #fff; } 
 .main-live-lecture .live_lecure .now_live .live_list > li .live_info { color: #fff; } 
 .main-live-lecture .live_lecure .now_live .live_list > li .live_info .time { color: #fff; } 
 .main-live-lecture .live_lecure .now_live .live_list > li .live_info .name { color: rgba(255, 255, 255, 0.58); } 
 .main-live-lecture .live_lecure .now_live .live_list > li .picture .no-picimg span { font-size:0; } 
 .main-live-lecture .live_lecure .now_live .swiper-pagination { display: none; bottom:15px; } 
 .main-live-lecture .live_lecure .now_live.swiper-container .swiper-pagination { display:block; } 
 .main-live-lecture .live_lecure .now_live .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: rgba(0, 0, 0, 0.3); opacity: 0.78; } 
 .main-live-lecture .live_lecure .now_live .swiper-pagination .swiper-pagination-bullet-active { background: #383838; background: var(--theme-color); } 
 .main-live-lecture .live_lecure .later_live { opacity: 0.38; } 
 .main-live-lecture .live_lecure .later_live .later_live_list > li { margin-bottom:8px; background-color: #eee; border: 1px solid #ddd; } 
 .main-live-lecture .live_lecure .later_live .later_live_list > li:last-child { margin-bottom:0; } 
 .main-live-lecture .live_lecure .later_live .file_list { top: 76px; right:0; } 
 .main-live-lecture .live_lecure .file_list { display: none; position: absolute; top: 77px; right: 8px; padding: 25px 30px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 8px; color: rgba(0, 0, 0, 0.58); z-index: 99; } 
 .main-live-lecture .live_lecure .file_list > li { margin-bottom:10px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .main-live-lecture .live_lecure .file_list > li:last-child { margin-bottom:0; } 
 .main-live-lecture .live_lecure .file_list > li > a { text-decoration: underline; } 
 .main-live-lecture1 .live_lecure .now_live { padding-bottom: 26px; } 
 .main-live-lecture1 .live_lecure .now_live .swiper-pagination { bottom: 0; } 
 .main-live-lecture1 .file_box + .later_live { margin-top:8px; } 
 .main-live-lecture1 .live_lecure .later_live { margin-bottom:24px; } 

 .main-videoLecture .lecture-list li { float: left; width: 50%; } 

 .poabb { position: fixed; bottom: 40px; left: 40px; display: inline-block; z-index: 8; } 
 .poabb.active { position: absolute; bottom: 0; } 
 .poabb .tel { margin-bottom: 5px; font-weight: bold; font-size: 20px; line-height: 120%; } 
 .poabb .sns { margin-top: 20px; } 
 .poabb .sns li { display: inline-block; margin-right: 4px; } 
 .poabb .sns li i { transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 

 /* 지도 */
 .map_infoWindow { width: auto; white-space: nowrap; padding: 16px 37px; background: #FFF; box-shadow: 0px 4px 4px rgb(0, 0, 0, 0.08); border-radius: 12px; text-align: center; overflow: hidden; } 
 .map_infoWindow strong { font-weight: bold; font-size: 14px; line-height: 19px; color: #000; } 
 .map_infoWindow p { margin-top: 4px; font-weight: 700; font-size: 12px; line-height: 16px; color: #383838; color: var(--theme-color); } 
 .sub-map .map_infoWindow p { font-weight: bold; font-size: 13px; line-height: 160%; color: #383838; color: var(--theme-color); } 

 .main-map { width: 100%;; margin-bottom:64px; } 
 .main-map .map-cont { width: 100%; height: 480px; background-color: #fffcf3; border: 1px solid #D8D8D8; border-radius: 12px; } 
 .map-control { position: absolute; bottom: 16px; right: 16px; width: 120px; padding: 16px; background: #FFF; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); border-radius: 12px; z-index: 1; } 
 .map-control p { font-weight: bold; font-size: 14px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .map-control .btns { display: flex; justify-content: space-between; } 
 .map-control .btns button { display: inline-block; } 
 .map-control .btns .map_btn1, .map-control .btns .map_btn2 { display: block; width: 40px; height: 40px; border-radius: 8px; } 
 .map-control .btns .map_btn1 { background:url("/images/ico_map_view1.png") no-repeat center; background-color: #5698F7; } 
 .map-control .btns .map_btn2 { background:url("/images/ico_map_view2.png") no-repeat center; background-color: #5698F7; } 
 .map-control .btns .t { display: block; margin-top: 4px; font-weight: bold; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.78); text-align: center; } 

 #main .main-map-list .more, #main.main-container2 .main-map-list .more { top:22px; right:16px; } 
 .main-map-list .map-cont, .main-map2 .main-map-list .map-cont { height:324px; } 
 .main-map-list { position: relative; padding:24px 16px 0; background: #FFF; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 12px; } 
 .main-map-list .map-wrap { margin:16px 0 0 -16px; padding:0; } 
 .main-map-list .map-wrap::after { display:block; content:''; clear:both; } 
 .main-map-list .map-wrap .map-list { position: relative; float:left; width:50%; margin-bottom: 16px; padding-left: 16px; border: none; overflow: hidden; } 


 /* 로그인 */
 .login-wrapper { text-align: center; } 
 .memeber-login { margin: 49px auto 0; padding: 28px 33px; } 
 .memeber-login h1 { padding-bottom: 12px; font-weight: bold; font-size: 24px; line-height: 140%; text-align: center; border-bottom: 1px solid #000; } 
 .login-form { padding-top: 20px; text-align: left; } 
 .login-form .input-form { padding-bottom: 32px; } 
 .input-wrap .input-form:last-child { padding-bottom: 0; } 
 .login-option { margin: 20px 0 17px; } 
 .login-form .loginBtn, .login-form .joinBtn { height: 51px; font-size: 16px; } 
 .login-menu { margin: 28px 0 24px; padding-bottom: 26px; text-align: center; border-bottom: 1px solid #ddd; } 
 .login-menu li { position: relative; display: inline-block; margin: 0 16px; } 
 .login-menu li::after { position: absolute; right: -16px; top: 7px; display: inline-block; content: ''; width: 1px; height: 8px; background: #C4C4C4; } 
 .login-menu li:last-child:after { display: none; } 
 .login-menu li a { font-weight: bold; color: rgba(0, 0, 0, 0.58); } 



 /* 회원가입 */
 .memeber-join { margin: 49px auto 0; padding: 28px 33px; } 
 .memeber-join h1 { padding-bottom: 12px; font-weight: bold; font-size: 24px; line-height: 140%; text-align: center; border-bottom: 1px solid #000; } 

 /* form */
 .frm-nm { margin-bottom: 3px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .frm-input { width: 100%; height: 40px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); } 
 .frm-input.underLine { border: none; border-radius: 0; } 

 .checkboxA { position: relative; display: inline-block; } 
 .checkboxA input { display:none; } 
 .checkboxA input + label::before { content:''; position: absolute; left: 0; top: 0; display: inline-block; width: 20px; height: 21px; margin-right: 2px; cursor: pointer; border-radius: 4px; background-image: url('/images/ico_checkbox_default_2x.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: 0 0; } 
 .checkboxA input:checked + label::before { background-image: url('/images/ico_check_2x.png'); background-size:12.5px 11px; background-color: #383838; background-color: var(--theme-color); background-position: center; } 
 .checkboxA input[disabled] + label::before { background-color: #F5F5F5; } 
 .checkboxA label { position: relative; display: block; height: 20px; line-height: 20px; cursor: pointer; } 
 .checkboxA label span { margin-left: 28px; color: rgba(0, 0, 0, 0.58); } 
 
 .checkboxB { position: relative; display: inline-block; } 
 .checkboxB input { display:none; } 
 .checkboxB input + label::before { content:''; position: absolute; left: 0; top: 0; display: inline-block; width: 24px; height: 24px; margin-right: 2px; cursor: pointer; border-radius: 50px; background-image: url('/images/ico_check_2x.png'); background-size: 12.5px 11px; background-repeat: no-repeat; background-position: center; background-color: #D8D8D8; } 
 .checkboxB input:checked + label::before { background-image: url('/images/ico_check_2x.png'); background-size:12.5px 11px; background-color: #383838; background-color: var(--theme-color); background-position: center; } 
 .checkboxB input[disabled] + label::before { background-color: #F5F5F5; } 
 .checkboxB input:checked[disabled] + label::before { background-color: var(--theme-color); opacity: 0.3; }
  .checkboxB input[disabled] + label span { color: #ddd; }
 .checkboxB label { position: relative; display: block; height: 24px; line-height: 24px; cursor: pointer; } 
 .checkboxB label span { margin-left: 32px; color: rgba(0, 0, 0, 0.58); font-weight: 700; } 

 .radioA { position: relative; display: inline-block; } 
 .radioA input { display:none; } 
 .radioA input + label::before { content:''; position: absolute; left: 0; top: 0; display: inline-block; width: 20px; height: 20px; margin-right: 2px; cursor: pointer; border-radius: 50%; background-image: url('/images/ico_radio_default.png'); background-size: 20px; background-repeat: no-repeat; background-color: #fff; } 
 .radioA input:checked + label::before { background-image: none; background-color: #383838; background-color: var(--theme-color); background-size: auto; background-position: center; } 
 .radioA input:checked + label::after { display: block; content: ''; position: absolute; top: 50%; left:7px; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background-color: #fff; } 
 .radioA input[disabled] + label::before { background-color: #F5F5F5; } 
 .radioA label { position: relative; display: block; padding-left:28px; line-height: 20px; cursor: pointer; } 
 .radioA label span { margin-left: 28px; color: rgba(0, 0, 0, 0.58); } 

 /* button */
 .btn { padding: 4px 12px; border-radius: 8px; font-weight: bold; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .btn.default { background-color: #fff; border: 1px solid #dbdbdb; color: rgba(0, 0, 0, 0.58); } 
 .btn.default:hover { background-color: #f5f5f5; } 
 .btn.submit { background-color: #383838; background-color: var(--theme-color); color: #FFF; } 
 .btn.btn-white { border: 1px solid #222; color: rgba(0, 0, 0, 0.78); } 
 .btn.btn-white:hover { background-color: #f5f5f5; } 
 .btn.btn-theme { border: 1px solid #383838; border: 1px solid var(--theme-color); } 
 .btn.btn-theme:hover { color: #fff; background-color: #383838; background-color: var(--theme-color); } 
 .btn.btn-theme-2 { border: 2px solid #383838; border: 2px solid var(--theme-color); color: #383838; color: var(--theme-color); } 
 .btn.btn-h50 { height: 51px; font-size: 16px; } 
 .btn.btn-h50[disabled] { border-color: rgba(221, 221, 221, 1); background-color: rgba(221, 221, 221, 1); color: #fff; } 
 .btn.btn-h50[disabled]:hover { background-color: rgba(221, 221, 221, 1); cursor: default; } 
 .btn.btn-theme-full { border: 1px solid #383838; border: 1px solid var(--theme-color); background-color: #383838; background-color: var(--theme-color);  color: #fff; } 

 /* aside page */
 .inner-aside-wrap { position: relative; } 
 .aside { position:absolute; top: 0; left: 0; width: 160px; z-index: 9; } 
 .aside.aside-fixed.fixed { position: fixed; top: 60px; } 
 .aside.aside-fixed.fixed.scroll-down { top: 60px; } 
 .aside.aside-fixed.fixed.scroll-up { top: 208px; } 
 .aside > h2 { margin-bottom: 40px; font-weight: bold; font-size: 28px; line-height: 38px; color: #000; } 
 .aside-menu li { margin-bottom: 16px; } 
 .aside-menu li:last-child { margin-bottom: 0; } 
 .aside-menu li a { position: relative; display: block; padding: 4px 0; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .aside-menu li a.active { color: #383838; color: var(--theme-color); } 
 .aside-menu li a.active .nlbLine { /*width: 100%; */ } 
 .nlbLine { transition: width 0.5s; position: absolute; bottom: -4px; left: 0; display: block; width: 0; height: 4px; background-color: #383838; background-color: var(--theme-color); } 

 .sub-cont-area { position: relative; } 
 .sub-aside-cont-area { position: relative; margin-left: 264px; } 
 .sub-cont-title { position: relative; font-weight: bold; font-size: 24px; line-height: 120%; color: #000; margin-bottom: 16px; } 
 .sub-cont-title .title-stxt { margin-left: 8px; font-size: 13px; color: rgba(0, 0, 0, 0.38); } 
 .sub-cont-title-2 { position: relative; margin-bottom: 16px; padding-left: 20px; font-weight: bold; font-size: 24px; line-height: 120%; color: #000; } 
 .sub-cont-title-2::before { display:inline-block; content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 28px; margin-right: 10px; background-color: #383838; background-color: var(--theme-color); } 
 .sub-cont { position: relative; } 

 .sub-cont-title-box { display : flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } 
 .sub-cont-title-box .sub-cont-title { margin-bottom: 0; } 
 .sub-cont-title a { position: absolute; top: 0; right: 0; width: 32px; height: 32px; } 
 .sub-cont-title a img { width: 100%; height: 100%; object-fit: contain; } 

 .sub-cont-title-input { position: relative; border: 2px solid var(--theme-color); border-radius: 100px; padding: 4px 16px; padding-right: 4px; display: flex; justify-content: flex-start; align-items: center; } 
 .sub-cont-title-input input { display: block; flex-grow: 1; border: none; height :auto; padding: 0; min-width: 100px; } 
 .sub-cont-title-input input::placeholder { font-weight: normal; } 
 .sub-cont-title-input button { position: absolute; top: 6px; right: 34px; display: none; } 
 .sub-cont-title-input a { min-width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color : var(--theme-color); border-radius: 50%; } 
 

 /* 브랜드 소개 */
 .map-list { background: #FFF; border: 1px solid #D8D8D8; border-radius: 12px; } 
 .map-wrap { padding: 16px; } 
 .map-info-top { position: relative; } 
 .map-info-top::after { display: block; content: ''; clear: both; } 
 .comp-logo { position: relative; float: left; width: 120px; height: 88px; } 
 .comp-logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50.1%, -50%); } 
 .map-info { position: relative; display: inline-block; margin-top: 6px; padding-left: 32px; width: calc(100% - 208px); } 
 .map-info:last-child { width: calc(100% - 120px); } 
 .map-info::before { display: inline-block; content: ''; position: absolute; top: -2px; left: 16px; width: 1px; height: 100%; background-color: #eee; } 
 .map-info h2 { margin-bottom: 12px; font-weight: bold; font-size: 18px; line-height: 120%; } 
 .map-info .address { color: rgba(0, 0, 0, 0.58); } 

 /* 학원찾기 사업자 등록번호 추가 */
 .busi-num-box { padding-top: 6px; border-top: 1px solid #eee; font-size: 12px; color: rgba(0,0,0,.38); margin-top: 6px; } 
 .busi-num-box .address li span.cam-num { margin-left:8px; } 

 /* 수강료 안내 */
 .tuition-info .tuition-info-wrap { margin-top:16px; } 
 .tuition-info .sub-cont { border-top: 2px solid #222; } 
 .tuition-info .center-name { font-weight: 700; color: rgba(0,0,0,.78); font-size: 16px; } 
 .tuition-info .info-box { margin-top: 24px; } 
 .tuition-info .info-box:first-child { margin-top: 0; } 
 .tuition-info .info-cont { margin-top: 8px; } 


 /* 익힘 / 숙제 */
 .data-none_typeA { margin-top: 30px; padding-top: 80px; background: url('/images/img_no_test_2x.png') no-repeat; background-size: auto 56px; background-position: center 12px; color: #000000C7; }
 .hwk_state_badge { padding: 2px 4px; border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 18px; background: #fff; }
 .hwk_state { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: inline-block; padding: 7px 12px; min-width: 64px; height: 56px; line-height: 20px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); text-align: center; background: #F7F7F7; border-radius: 8px; font-weight: 700; color: #00000061; }
 .btn_retry { position: absolute; right: 88px; top: 50%; transform: translateY(-50%); display: inline-block; padding: 7px 0; width: 64px; height: 54px; line-height: 1; font-weight: bold; font-size: 12px; text-align: center; background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 4px #00000014; border-radius: 8px; font-weight: 700; color: #00000094; padding: 0 8px; word-break: keep-all; letter-spacing: -1px; }
 .hwk_state b { color: #000000C7; }
 .hwk_state span { font-weight: 400 !important; }
 .d-day_typeA { margin-top: 4px; padding: 0 4px; width: fit-content; border: 1px solid #D8D8D8; border-radius: 4px; line-height: 18px; font-weight: 700; background: #fff; }
 .d-day_typeA.pressing { color: #D23040 !important; }
 .li_homework_no_submit_list h3 { gap: 8px; }
 .line_clamp2 { line-height: 22px; font-size: 14px !important; font-weight: 700; color: #00000094; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; display: -webkit-box !important; white-space: normal !important; }
 /* 미제출 */
 .lst_state_notSubmit.lst_state_cmbn .hwk_state { display: none; }
/*  .assignment-list li.lst_state_cmbn a { padding: 16px; } */
 .assignment-list li.lst_state_cmbn .subject h3 span { max-width: 65%; }
 .lst_state_notSubmit .hwk_state_badge { border: 1px solid #D23040; color: #D23040; }
 /* 제출(채점중) */
 .lst_state_submitWip.lst_state_cmbn .hwk_state, .dtl_state_wip { line-height: 42px; color: #31C3A0; font-weight: 700 !important; }
 .lst_state_done.lst_state_cmbn .hwk_state,
 .atch_homework_wrap .lst_state_done .hwk_state { line-height: 42px; color: #D23040; font-weight: 700 !important; font-size: 13px; }
 .lst_state_submit .hwk_state_badge, .lst_state_submitWip .hwk_state_badge { border: 1px solid #31C3A0; color: #31C3A0; }
 .lst_state_ptSubmit .hwk_state_badge { border: 1px solid #FF9800; color: #FF9800; }
 .lst_state_done .hwk_state_badge { border: 1px solid #2664DC; color: #2664DC; }
 /* 숙제제출화면 */
 .assignment-view textarea[readonly] { background-color: #f4f4f4 !important; }
 .attach_wrap {  }
 .atch_tit { font-size: 12px; font-weight: 700; line-height: 20px; }
 .atch_desc { font-size: 14px; font-weight: 400; line-height: 22px; }
 .atch_list {  }
 .atch_list li.bf_submit { position: relative; background: none; }
 .atch_list li.bf_submit button { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1; width: 20px; height: 20px; background: url('/images/icon_close_round.png') no-repeat center / 16px 17px }
 .atch_list li { margin-bottom: 8px; background: url('/images/icon_download.png') no-repeat; background-size: 14px 13px; background-position: calc(100% - 20px) center; }
 .atch_list li a { display: block; padding: 17px 0 17px 43px; width: 100%; border: 1px solid #ddd; border-radius: 8px; font-size: 12px; line-height: 20px; }
 .atch_list li.filt_type_img a { background: url('/images/ico_file_img_xs_2x.png') no-repeat; background-size: 20px 15px; background-position: 18px center ; }
 .atch_list li.filt_type_pdf a { background: url('/images/ico_file_pdf_lg_2x.png') no-repeat; background-size: 18px 21px; background-position: 18px center  }
 .atch_list li.filt_type_zip a { background: url('/images/ico_file_zip_xs_2x.png') no-repeat; background-size: 20px 18px; background-position: 18px center  }
 .atch_list li.filt_type_etc a { background: url('/images/ico_file_etc_2x.png') no-repeat; background-size: 18px 21px; background-position: 18px center  }
 .atch_homework_wrap .assignment-list li:not(:last-child) { border-bottom: 1px solid #ddd; box-shadow: none; }
 .atch_homework_wrap > p { font-size: 18px; font-weight: 700; }
 .lst_state_clinic a { padding-left: 32px !important; min-height: 88px; background: #F1F9F5; background-image: url('/images/img_test_arrow_2x.png') !important; background-repeat: no-repeat !important; background-size: 18px 54px !important; background-position: 5px center !important; }
 .exam-homework-list li:hover { background: #F7F7F7; }
 .lst_state_clinic a:hover { background: #EAF2EE !important; background-image: url('/images/img_test_arrow_2x.png') !important; background-repeat: no-repeat !important; background-size: 18px 54px !important; background-position: 5px center !important; }
 .lst_state_notSubmit.lst_state_clinic a h3 { margin-top: 18px; }
 .lst_state_clinic .line_clamp2 { position: relative; padding-left: 18px; }
 .lst_state_clinic .line_clamp2::after { content:'C'; display: block; position: absolute; left:0; top: 12px; transform: translateY(-50%); padding-right: 2px; width: 16px; height: 16px; background: #38AF71; border-radius: 4px; color: #fff; line-height: 16px; text-align: center; font-size: 12px; }
 .hwk_desc_wrap { margin-top: 8px; }
 .hwk_desc_wrap p { font-size: 12px; line-height: 18px; color: #00000094; font-weight: 400; }
 .hwk_desc_wrap b { padding-right: 4px; font-weight: 800 !important; }
 .num_test { font-weight: 800 !important; color: #38AF71; }
 .subject .d-flex .num_test { line-height: 22px; }
 .hwk_desc_wrap span { position: relative; padding-left:8px; }
 .hwk_desc_wrap span::after { content:''; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); display: block; width: 3px; height: 3px; border-radius: 3px; background: #0000004D }
 .tch_comment_wrap { padding: 20px 0; }
 .atch_homework_wrap.assignment-list { border-bottom: 1px solid #d8d8d8; }
 .atch_homework_wrap.assignment-list li { box-shadow: none; }
 .hwk_state_bottom { border-top: 1px solid #eee; }
 .hwk_state_bottom span { font-size: 12px; color: #00000094; }
 .hwk_state_bottom span:nth-child(1) { padding: 0px 4px; border-radius: 4px; border: 1px solid #00000094; line-height: 18px; }
 .sub-assignment-submission .assignment-list li a:hover { background: transparent; cursor: default; }
 .atch_homework_wrap .assignment-list li a:hover { cursor: pointer; }
 .btn_retry { display: none; }
 .lst_not100p .btn_retry { display: inline-block; }
 .sub-assignment-list .tab-btn li { margin-right: 8px; }
 
 

 .map-info-top .site { position: absolute; top: 5px; right: 0; display: inline-block; width: 72px; height: 100%; border: 1px solid #EEE; border-radius: 8px; display:flex; justify-content:center; align-items: center; } 
 .map-info-top .site span { display: block; margin: 19px 0; padding-top: 21px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); text-align: center; background: url("/images/ico_home_2x.png") no-repeat top center; background-size:16px 15px; } 
 .map-frame { position: relative; margin-top: 32px; border-radius: 12px; overflow: hidden; } 
 .map-frame .map-cont { width:100%; height:500px; background-color: #fffcf3; } 
 .sub-map .map-list { margin-bottom: 48px; } 
 .sub-map .map-list:last-child { margin-bottom: 0; } 
 .sub-academy-search .map-list { margin-bottom: 16px; } 
 .sub-academy-search .map-list:last-child { margin-bottom: 0; } 
 .academy-search-top { margin-bottom: 8px; } 
 .academy-search-top::after { display: block; content: ''; clear: both; } 
 .academy-search-top h2 { display: inline-block; color: rgba(0, 0, 0, 0.58); line-height: 40px; } 
 .academy-search-top h2 .cnt { color: #383838; color: var(--theme-color); } 
 .academy-search-top .search-box { float: right; } 
 .academy-list-box { margin-bottom: 16px; } 
 .search-box { position: relative; display: inline-block; } 
 .search-box .search-input { padding-right: 40px; border: none; border-bottom: 1px solid #dbdbdb; border-radius: 0; } 
 .search-box .search-btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url("/images/ico_search.png") no-repeat center center; font-size: 0; text-indent: -9999px; } 
 .academy-list-box .map-info .address .link { display: inline-block; margin-left: 6px; padding: 1px 7px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); border: 1px solid #D8D8D8; border-radius: 4px; } 


 /* 강사 */
 .teacher-list { margin-left: -24px; } 
 .teacher-list::after { content:'.'; display:block; clear:both; visibility:hidden; height:0; } 
 .teacher-list li { position: relative; float: left; width: 33.333%; padding: 0 0 16px 24px; } 
 .teacher-list li a { position: relative; display: block; min-height: 178px; padding: 32px; border: 1px solid #D8D8D8; border-radius: 12px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .teacher-list li a:hover { border: 1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .teacher-list li a figure { position: absolute; right: 16px; bottom: 16px; } 
 .teacher-list li .subject { font-size: 20px; font-weight: bold; } 
 .teacher-list li .title { margin-top: 8px; color: rgba(0,0,0,0.48); } 
 .teacher-list li .title span { font-weight: bold; color: rgba(0,0,0,0.58); vertical-align: middle; } 
 .teacher-list li .title sub { margin:0 6px; font-weight: bold; color: rgba(0,0,0,0.3); vertical-align: bottom; } 
 .teacher-list li .title sub + i { display:inline-block; width:4px; height:4px; text-indent:-99999px; vertical-align: middle; background-color: #383838; background-color: var(--theme-color); border-radius:50%; } 
 .teacher-list li .title i.new { margin-right: 4px; vertical-align: middle; } 


 .tch-profile-img { position: relative; display: inline-block; width: 80px; height: 80px; margin-top:0; border: 1px solid #eee; border-radius: 50%; background-color: #fff; box-shadow: 0px 10px 10px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.21); overflow: hidden; } 
 .tch-profile-img img { position: absolute; left: 50%; top: 50%; height: auto; transform: translate(-50%, -50%); width: 74px; height: 74px; object-fit: cover; margin: auto; border-radius: 50%; } 
 .tch-profile-img.tch-profile-no-img::before { display: inline-block; content: ''; position: absolute; top: 2px; left: 2px; width: 74px; height: 74px; background: url(/images/no_profile.png) no-repeat; border-radius: 50%; } 
 .tch-profile-img.tch-profile-no-img span { position: relative; display: block; line-height: 76px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
 .tch-profile-img.tch-profile-no-img::after { display: inline-block; content: ''; position: absolute; top: 2px; left: 2px; width: 74px; height: 74px; background-color:#383838; background-color:var(--theme-color); border-radius: 50%; opacity: 0.68; } 

 /* 강사 리스트타입2 */
 .teacher-list-type2 { margin-left: -8px; margin-bottom: 36px; border-bottom: 1px solid #eee; } 
 .teacher-list-type2::after { content:'.'; display:block; clear:both; visibility:hidden; height:0; } 
 .teacher-list-type2 > li { position: relative; float: left; width:50%; height: 195px; margin-bottom: 16px; padding-left: 8px; background-color: #fff; overflow: hidden; } 
 .teacher-list-type2 > li a { position: relative; display: flex; overflow: hidden; } 
 .teacher-list-type2 > li a:hover .tch-career { left: 0; } 
 .teacher-list-type2 > li a:hover .tch-profile-big::before { width: 80px; background: #383838; background: var(--theme-color); } 
 /* .teacher-list-type2 > li a:hover .tch-profile-big::before { opacity: 0; } 
 .teacher-list-type2 > li a:hover .tch-profile-big::after { opacity: 1; } */
 .teacher-list-type2 > li a:hover img { width: 174px; } 
 .teacher-list-type2 > li figure { position: relative; flex-shrink: 0; width: 182px; height: 195px; } 
 .teacher-list-type2 > li figure img { position: absolute; right: 0; bottom: 0; width: 182px; transition: 0.3s ease; } 
 .teacher-list-type2 > li .tch-profile-text { position: relative; flex-grow: 1; padding: 32px 0 0 32px; z-index: 2; } 
 .teacher-list-type2 > li .subject { margin-bottom: 8px; font-weight: bold; font-size: 20px; } 
 .teacher-list-type2 > li .title span { display: inline-block; margin-right: 4px; font-weight: bold; color: rgba(0, 0, 0, 0.58); vertical-align: middle; } 
 .teacher-list-type2 > li .title sub { display: inline-block; font-weight: bold; color: rgba(0, 0, 0, 0.38); vertical-align: middle; } 
 .teacher-list-type2 > li .title i { margin-right: 4px; margin-left: 0; vertical-align: middle; } 
 .teacher-list-type2 > li .tch-career { position: relative; left: -100%; height: 66px; margin-top: 24px; font-size: 13px; color: rgba(0, 0, 0, 0.38); transition: 0.3s ease; overflow: hidden; } 
 .tch-profile-big img { position: absolute; bottom: 0; right: 0; width: 182px; z-index: 1; } 
 .tch-profile-big::before { display: inline-block; content: ''; position: absolute; right: 44px; width: 204px; height: 195px; background: #F5F5F5; transform: skewx(24deg); opacity: 1; transition: 0.2s all ease; } 
 .tch-profile-big::after { display: inline-block; content: ''; position: absolute; right: 44px; width: 60px; height: 195px; background: #383838; background: var(--theme-color); transform: skewx(24deg); opacity: 0; transition: 0.3s opacity ease; } 



 /* 강사 상세 */
 .teacher-detail-wrap { margin-bottom: 16px; background: #FFF; border: 1px solid #D8D8D8; } 
 .teacher-detail-top { position: relative; height: 111px; padding: 22px; border-bottom: 1px solid #eee; } 
 .teacher-detail-top .teacher-info .tch-profile-img { position: absolute; top: 16px; left: 20px; } 
 .teacher-detail-top .teacher-info-txt { display: inline-block; padding-left: 90px; } 
 .teacher-detail-top .teacher-info-txt .subject { font-weight: bold; font-size: 24px; line-height: 140%; color: #1F2221; } 
 .teacher-detail-top .teacher-info-txt .title { margin-top: 8px; } 
 .teacher-detail-top .teacher-info-txt .title span { font-weight: bold; font-size: 18px; color: rgba(0, 0, 0, 0.58); vertical-align: middle; } 
 .teacher-detail-top .teacher-info-txt .title sub { margin-left: 8px; font-weight: bold; color: rgba(0, 0, 0, 0.38); vertical-align: bottom; } 
 .teacher-detail-top .teacher-info-txt .title i.new { margin-right: 4px; vertical-align: middle; } 
 .teacher-detail-top .pagination { position: absolute; top: 32px; right: 24px; } 
 .teacher-detail-top .pagination button { width: 48px; height: 48px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 4px; } 
 .teacher-detail-top .pagination button:hover { background-color: #F5F5F5; } 
 .teacher-detail-top .pagination button span { display: block; width: 12px; height: 22px; margin: 0 auto; } 
 .teacher-detail-top .pagination .prev span { background: url("/images/ico_arrow_left_md.png") no-repeat center; } 
 .teacher-detail-top .pagination .next span { background: url("/images/ico_arrow_right_md.png") no-repeat center; } 
 .teacher-introduce-wrap { padding: 16px; } 
 .teacher-introduce-wrap > div { margin-bottom: 24px; color: rgba(0, 0, 0, 0.58); } 
 .teacher-introduce-wrap > div:last-child { margin-bottom: 0; } 
 .teacher-introduce-wrap > div strong { display: block; margin-bottom: 8px; } 
 .teacher-introduce-wrap > div img { height: auto !important; } 
 .teacher-introduce-wrap .introduce-wrap-video .youtube-url { margin-bottom: 24px; } 

 /* 강사 상세 타입2 */
 .teacher-detail-top-type2 { position: relative; height: 195px; padding: 24px; border-bottom: 1px solid #eee; } 
 .teacher-detail-top-type2 .teacher-info .tch-profile-big { position: absolute; top: 0; right: 0; width: 182px; height: 195px; overflow: hidden; } 
 .teacher-detail-top-type2 .teacher-info .tch-profile-big::before { display: none; } 
 .teacher-detail-top-type2 .teacher-info .tch-profile-big::after { right:48px; opacity: 1; } 
 .teacher-detail-top-type2 .teacher-info-txt { position: relative; display: inline-block; z-index: 2; } 
 .teacher-detail-top-type2 .teacher-info-txt .subject { font-weight: bold; font-size: 20px; line-height: 120%; color: #1F2221; } 
 .teacher-detail-top-type2 .teacher-info-txt .title { margin-top: 8px; } 
 .teacher-detail-top-type2 .teacher-info-txt .title span { font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.58); vertical-align: middle; } 
 .teacher-detail-top-type2 .teacher-info-txt .title sub { margin-left: 4px; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.38); vertical-align: bottom; } 
 .teacher-detail-top-type2 .teacher-info-txt .title i { margin-right: 4px; margin-left: 0; vertical-align: middle; } 
 .teacher-detail-top-type2 .pagination { position: absolute; bottom: 36px; left: 24px; } 
 .teacher-detail-top-type2 .pagination button { width: 40px; height: 40px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 4px; } 
 .teacher-detail-top-type2 .pagination button:hover { background-color: #F5F5F5; } 
 .teacher-detail-top-type2 .pagination button span { display: block; width: 12px; height: 22px; margin: 0 auto; } 
 .teacher-detail-top-type2 .pagination .prev span { background: url("/images/ico_arrow_left_md.png") no-repeat center; } 
 .teacher-detail-top-type2 .pagination .next span { background: url("/images/ico_arrow_right_md.png") no-repeat center; } 


 /* 동영상 강의 */
 .sub-lecture-list .tab-box { margin-top: 20px; } 
 .lecture-list { margin-left: -24px; margin-bottom: 16px; } 
 .lecture-list::after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } 
 .lecture-control-wrap { position: relative; } 
 .lecture-control-wrap .tab-box { display:inline-block; width:calc(100% - 40px); } 
 .lecture-control-wrap .lecture-filter { position: absolute; top: 21px; right: 0; width:40px; height: 37px; border-bottom: 1px solid #dbdbdb; } 
 .lecture-control-wrap .lecture-filter .filterBtn { margin-left: 8px; } 
 .lecture-list li { position: relative; height: 146px; padding-left:24px; margin-bottom: 16px; } 
 .lecture-list li:last-child { margin-bottom: 0; } 
 .lecture-list li > a { position: relative; height: 100%; display: block; padding: 32px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 12px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .lecture-list li:hover > a { border:1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .lecture-list .tch-profile-img { position: absolute; top: 50%; left: 32px; transform: translateY(-50%); } 
 .lecture-list .lecture-info { position: relative; top: 50%; transform: translateY(-50%); padding: 0 95px 0 111px; } 
 .lecture-list .lecture-info .t { line-height: 22px; } 
 .lecture-list .lecture-info .t sub { font-weight: bold; vertical-align: middle; } 
 .lecture-list .lecture-info .t sub.sub-y { color: #7C4754; } 
 .lecture-list .lecture-info .t sub.sub-t { color: #47567C; } 
 .lecture-list .lecture-info .t span { margin-left: 4px; font-weight: bold; vertical-align: bottom; } 
 .lecture-list .lecture-info .title { margin:8px 0; font-weight: bold; font-size: 18px; line-height: 120%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .lecture-list .lecture-info .title i.new { margin-right:4px; } 
 .lecture-list .lecture-info .s { display: block; font-weight: bold; color: rgba(0, 0, 0, 0.38); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .lecture-video { padding: 24px 20px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 8px; box-shadow: 0px 10px 10px rgba(68, 68, 68, 0.06); } 
 .lecture-video.video-typeB .lecture-url a { display: block; width: 100%; height: 60px; background: #383838; background:var(--theme-color); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 8px; text-align: center; } 
 .lecture-video.video-typeB .lecture-url span { display: inline-block; padding-left: 24px; line-height: 60px; font-weight: bold; font-size: 16px; color: #FFF; background: url("/images/icon_play.png") no-repeat left center; } 
 .lecture-video-info { position: relative; margin-top: 28px; } 
 .lecture-video-info .tch-profile-img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
 .lecture-video-info .lecture-info { padding: 0 95px 0 111px; } 
 .lecture-video-info .lecture-info .t { line-height: 22px; } 
 .lecture-video-info .lecture-info .t sub { font-weight: bold; vertical-align: middle; } 
 .lecture-video-info .lecture-info .t sub.sub-y { color: #7C4754; } 
 .lecture-video-info .lecture-info .t sub.sub-t { color: #47567C; } 
 .lecture-video-info .lecture-info .t span { margin-left: 4px; font-weight: bold; vertical-align: bottom; } 
 .lecture-video-info .lecture-info .title { margin:8px 0; font-weight: bold; font-size: 18px; line-height: 120%; } 
 .lecture-video-info .lecture-info .title i.new { margin-right:4px; } 
 .lecture-video-info .lecture-info .s { display: block; font-weight: bold; color: rgba(0, 0, 0, 0.38); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .lecture-video-info .likeBtn { right: 0; } 
 .sub-lecture-detail-contents { position: relative; margin-top: 40px; padding-top: 30px; border-top: 11px solid #F5F5F5; } 
 .sub-lecture-detail-contents::before { position: absolute; top: -12px; left: 0; display: block; content: ''; width: 100%; height: 1px; background: #D8D8D8; } 
 .lecture-introduce .intro-txt { font-size: 14px; color: rgba(0, 0, 0, 0.78); } 
 .lecture-introduce .intro-txt .date { margin-bottom: 8px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .lecture-introduce .intro-txt img { width: 100%; height: auto !important; } 
 .lecture-file-list { margin: 18px 0 36px; } 
 .lecture-qna .login-message b { display: block; margin-bottom: 16px; text-align: center; color: rgba(0, 0, 0, 0.58); } 
 .lecture-qna .login-message button { height: 60px; font-weight: bold; font-size: 18px; } 
 .lecture-qna .opt-area { position: relative; margin-bottom: 10px; } 
 .lecture-qna .opt-area::after { display: block; content: ''; clear: both; } 
 .lecture-qna .opt-area .select-opt { float: left; padding: 2.5px 0; } 
 .lecture-qna .select-opt .qnaSelect { float: left; width: 180px; } 
 .lecture-qna .select-opt .myQnA { display: inline-block; margin: 9.5px 0 0 20px; } 
 .lecture-qna .writeQnA { float: right; width: 69px; height: 45px; padding: 0; font-size: 13px; } 

 .qna-list-box { margin-bottom: 30px; background: #FFF; border: 1px solid #EEE; border-radius: 8px; } 
 .qna-list-box:last-child { /*margin-bottom: 0; */ } 
 .qna-contents-wrap { padding: 16px 16px 20px; } 
 .qna-contents-box .qna-write-info { position: relative; } 
 .profile-img { position: relative; display: inline-block; width: 48px; height: 48px; margin-top: 0; border: 1px solid #eee; border-radius: 50%; background-color: #fff; box-shadow: 0px 10px 10px rgb(68 68 68 / 6%), 0px 0px 1px rgb(68 68 68 / 21%); overflow: hidden; } 
 .profile-img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); } 
 .profile-img.no-profile span { position: absolute; top: 1px; left: 1px; display: block; width: 44px; height: 44px; line-height: 44px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
 .profile-img.no-profile::before { display: inline-block; content: ''; position: absolute; top: 1px; left: 1px; width: 44px; height: 44px; background: url("/images/no_profile.png") no-repeat; background-size: cover; border-radius: 50%; } 
 .profile-img.no-profile::after { display: inline-block; content: ''; position: absolute; top: 1px; left: 1px; width: 44px; height: 44px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; opacity: 0.68; } 

 .write-user { position: relative; height: 48px; margin-bottom: 14px; padding-left: 60px; } 
 .write-user .profile-img { position: absolute; top: 0; left: 0; } 
 .write-user .user-teacher { position: absolute; bottom: 0; left: 30px; display: block; width: 18px; height: 18px; background: #FFF; border-radius: 50%; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); } 
 .write-user .user-teacher svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 .write-user .user-teacher svg path { fill: #383838; fill: var(--theme-color); } 
 .write-user > strong { display: inline-block; font-weight: bold; } 
 .write-user > span { display: inline-block; margin-left: 8px; line-height: 48px; color: rgba(0, 0, 0, 0.38); } 
 .qna-set-wrap { position: absolute; top: 17px; right: 0; } 
 .qna-set-wrap:hover .qna-set-box { display: block; } 
 .qna-set-btn { display: block; padding: 0 10px; } 
 .qna-set-btn i { display: block; width: 3px; height: 3px; margin: 1px 0; background: #999CA2; border-radius: 50%; } 
 .qna-set-box { display: none; position: absolute; top: -19px; right: -158px; min-width: 149px; padding: 20px 25px; background: #fff; border: 1px solid #EEE; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 8px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .qna-set-box::before { display: block; content: ''; position: absolute; top: -1px; left: -13px; width: 161px; height: 33px; background: url("/images/bubble_top.png") no-repeat top center; } 
 .qna-set-box li a { position: relative; display: inline-block; line-height: 29px; font-size: 12px; } 
 .qna-set-box li a::after { display: none; content: ''; position: absolute; bottom: 6px; left: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.58); } 
 .qna-set-box li:hover a { font-weight: bold; } 
 .qna-set-box li:hover a::after { display: block; } 
 .qna-txt img { margin-top: 10px; height:auto !important; } 
 .qna-btn-cnt { margin-top: 8px; } 
 .qna-btn-cnt li { display: inline-block; margin-right: 15px; } 
 .qna-vote .vote-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } 
 .qna-answer .answer-icon { position: absolute; top: -7.5px; left: 4px; } 
 .qna-vote .icon, .qna-answer .icon { position: relative; top: 3.5px; display: inline-block; width: 16px; height: 16px; vertical-align: top; } 
 .qna-vote .vote-bg, .qna-answer .answer-bg { position: absolute; top: 0; left: 0; z-index: 1; } 
 .qna-vote.on .icon svg path { fill: #383838; fill: var(--theme-color); } 
 .qna-vote.on .vote-bg svg circle { fill: #383838; fill: var(--theme-color); stroke: #000; stroke: var(--theme-color); opacity: 0.2; } 
 .qna-answer .answer-icon svg circle { fill: #383838; fill: var(--theme-color); } 
 .qna-answer .answer-bg svg path { fill: #383838; fill: var(--theme-color); } 
 .qna-vote .t, .qna-answer .t { font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .qna-vote strong, .qna-answer strong { margin-left: 4px; font-weight: bold; color: #383838; color: var(--theme-color); } 

 .qna-answer-wrap { border-top: 1px solid #ddd; } 
 .answer-header { padding: 20px 16px; } 
 .answer-header span, .answer-header strong { font-weight: bold; font-size: 16px; line-height: 120%; color: #383838; color: var(--theme-color); } 
 .answer-header span { padding-left: 20px; background: url("/images/icon_answer.png") no-repeat left center; } 
 .answer-header strong { margin-left: 4px; } 
 .answer-list { padding: 12px 16px 20px; background: #F5F5F5; } 
 .answer-select { position: relative; top: -3px; display: inline-block; width: 26px; height: 14px; border-radius: 2px; line-height: 14px; font-family: 'NanumSquareRound'; font-weight: bold; font-size: 8px; color: #fff; text-align: center; background: #383838; background: var(--theme-color); } 

 /* 시간표 */
 .sub-schedule-list .selectBox-wrap { float: right; margin-right: 48px; margin-bottom: 16px; } 
 .sub-schedule-list .selectBox-wrap .selectBox:nth-child(n+1):nth-child(-n+2) { width: 80px; } 
 .sub-schedule-list .selectBox-wrap .selectBox:last-child { width: 160px; } 
 .sub-schedule-list .schedule-filter { top: 8px; } 
 .sub-schedule-list .schedule-filter .filter-list { width:140px; } 
 .sub-schedule-list .board-list li .subject { padding-right:0; } 
 .sub-schedule-list .board-list li .subject span { display: inline-block; padding: 1px 3px; border-radius: 4px; font-size: 12px; } 
 .sub-schedule-list .board-list li .subject span.sub-1 { margin-right:4px; border: 1px solid #383838; border: 1px solid var(--theme-color); } 
 .sub-schedule-list .board-list li .subject span.sub-2 { margin-right:8px; color: #999CA2; border: 1px solid #999CA2; } 
 .view-title { position: relative; margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #eee; } 
 .view-title::after { display: block; content: ''; clear: both; } 
 .view-title .subject { font-weight: bold; font-size: 16px; } 
 .view-title .subject .sub { display: inline-block; height: 23px; margin-top: 2px; margin-right: 4px; padding: 0 4px; line-height: 20px; color: #999CA2; white-space:nowrap; font-size: 12px; border: 1px solid #999CA2; border-radius: 4px; } 
 .view-title .subject .sub-1 { color: #383838; color: var(--theme-color); border-color:#383838; border-color: var(--theme-color); } 
 .view-title .subject .sub-2 { margin-right: 8px; } 
 .view-title .subject strong { display: inline-block; color: rgba(0, 0, 0, 0.78); font-size: 18px; vertical-align: middle; } 
 .view-title .subject i.new { margin-left:8px; } 
 .view-title .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .view-file { padding-top: 16px; border-bottom: 1px solid #eee; } 
 .view-file .file-input-list-2 li { margin-bottom: 16px; } 
 .file-img-list li { display:block; margin-bottom:8px; } 
 .file-img-list li img { height:auto !important; } 
 .view-cont { margin: 16px 0 30px; font-size: 16px; line-height: 180%; color: #1a1818; font-weight: normal; letter-spacing: -0.3px; } 
 .view-cont img { display:block; height:auto !important; margin-bottom: 8px; } 

 /* 과제 */
 .sub-assignment-list .selectBox { float: right; width: 260px; } 
 .sub-assignment-list .sub-cont { border-top: 2px solid #222; } 
 .assignment-opt { height: 40px; margin-bottom: 18px; margin-top: 16px; } 
 .assignment-opt .assignment-tab { display: inline-block; margin-top: 1px; } 
 .assignment-list { border-top: 1px solid #D8D8D8; padding-top: 8px; } 
 .assignment-list li { position: relative; background: #fff; /* box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); */     border: 1px solid #d8d8d8; margin-top: 8px; border-radius: 8px; } 
 .assignment-list.asgn_lst_selected li { background: #F7F7F7; }
 .assignment-list li a { position: relative; display: block; padding: 16px 80px 16px 16px; min-height: 80px; } 
 .assignment-list li:not(.asgn_lst_selected li):not(.exam-homework-list li):hover { border-color: var(--theme-color) !important; box-shadow: 0 18px 18px #4444440F; } 
/* .assignment-list li a:hover h3 { text-decoration: underline; }  */
.assignment-list.exam-homework-list { padding-top: 0; border: 1px solid #d8d8d8; border-radius: 8px; overflow: hidden; }
.assignment-list.exam-homework-list li { margin: 0 !important; border: 0; border-bottom: 1px solid #d8d8d8; border-radius: 0; }
.assignment-list.exam-homework-list li:last-child { border-bottom: 0; }

 .assignment-list .subject h3 { display: block; margin-bottom: 4px; font-weight: 700; font-size: 16px; } 
 .assignment-list .subject h3 span { display: inline-block; max-width: 73%; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } 
 .assignment-list .subject > span { display: block; font-size: 12px; color: #00000094; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .assignment-list .subject i.new { margin-left:4px; vertical-align: middle; } 
 .assignment-list .d-day { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: inline-block; padding: 13px 18px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); text-align: center; border: 1px solid #EEE; border-radius: 8px; } 
 .assignment-list .d-day.import { color: #E22134; } 
 .assignment-title { margin-bottom: 8px; } 
 .assignment-title h3 { margin-bottom: 8px; font-weight: bold; font-size: 20px; line-height: 120%; } 
 .assignment-title h3 span { vertical-align: middle; } 
 .assignment-title h3 i.new { margin-left:4px; vertical-align: middle; } 
 .sub-assignment-detail .assignment-title .date { font-weight: bold; font-size: 12px; color: #383838; color: var(--theme-color); } 
 .sub-assignment-submission .assignment-title h3 { margin-bottom: 12px; } 
 .sub-assignment-submission textarea { width: 100%; min-height: 150px; } 
 .assignment-list .subject strong { font-size: 12px; line-height: 140%; font-family: 'NanumSquareRound'; } 
 .assignment-list .submit strong { color: #31C4A0; } 
 .assignment-list .eval strong { color: #2664DC; } 
 .assignment-list .score { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; padding: 13px 18px; font-weight: bold; font-size: 12px; color: #E22134; text-align: center; background-color: #f5f5f5; border-radius: 8px; } 
 .sub-assignment-submission-detail .assignment-title { } 
 .sub-assignment-submission-detail .assignment-title strong { font-size: 12px; color: #31C4A0; } 
 .sub-assignment-submission-detail .assignment-title .date { display: block; margin: 8px 0; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .sub-assignment-submission-detail .assignment-view { margin-bottom: 20px; } 
 .assignment-view .assignment-cont img { height:auto !important; } 
 .sub-assignment-submission-detail .del_btn { margin-top: 32px; } 
 .assignment-view.submit .assignment-title strong { color: #31C4A0; } 
 .assignment-view.eval .assignment-title strong { color: #347BCF; } 
 .assignment-submit, .teacher-eval { padding-top: 20px; border-top: 1px solid #eee; } 
 .assignment-submit strong, .teacher-eval strong { display: block; margin-bottom: 12px; font-size: 12px; } 
 .teacher-eval .score-wrap { height: 51px; line-height: 51px; margin-top: 10px; background: #F5F5F5; border-radius: 8px; } 
 .teacher-eval .score-wrap p { text-align: center; } 
 .teacher-eval .score-wrap .t { font-weight: bold; font-size: 12px; } 
 .teacher-eval .score-wrap .score { display: inline-block; margin-left: 10px; font-weight: bold; font-size: 16px; color: #E22134; } 

 /* 230623 온라인 테스트 radio btn { */
 .online-test-opt { min-height: 40px; } 
 .online-test-opt .assignment-tab { display: inline-block; margin-top: 1px; } 
 .online-test-radio { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 17px; padding: 0 8px; } 
 .online-test-radio input[type="radio"] { display: none; } 
 .online-test-radio input[type="radio"] + label { display: flex; justify-content: center; align-items: center; height: 25px; background: #fff; border-radius: 8px; text-align: center; text-indent: -1px; cursor: pointer; margin-right: 24px; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.58); } 
 .online-test-radio input[type="radio"] + label span { width: 20px; height: 20px; background: #fff; border: 1px solid #ddd; border-radius: 50%; margin-right: 8px; } 
 .online-test-radio input[type="radio"]:checked + label span { border: 7px solid var(--theme-color); } 
 /* } 230623 온라인 테스트 radio btn */


 /* 과제 */
 .sub-assignment-detail .btn.btn-h50 + .btn { margin-top:16px; } 


 /* 출결 */
 .sub-attendance-calender .sub-cont-title { margin-bottom: 24px; } 
 .sub-attendance-calender #calendar .fc-header-toolbar { justify-content: center; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-button { width:24px; height:24px; background: url(/images/ico_arrow_box3_2x.png) no-repeat 0 0; background-size: 48px; border: none; padding: 0; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-button:focus { box-shadow: none; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-button.fc-prev-button { background-position: 0px 0px; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-button.fc-next-button { background-position: -24px 0px; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-button span { display:none; } 
 .sub-attendance-calender #calendar .fc-header-toolbar .fc-toolbar-title { margin:0 16px; font-size: 16px; color: #000; } 
 .sub-attendance-calender #calendar .fc-daygrid-event-harness { display: inline-block; } 
 .sub-attendance-calender #calendar .fc-daygrid-event-harness a { display: inline-block; width: 8px; height: 8px; margin: 0; padding: 0; margin-left: 8px; border-radius: 50%; font-size: 0; overflow: hidden; } 
 .sub-attendance-calender #calendar .fc-daygrid-day-frame { display: flex; flex-wrap: wrap; } 
 .sub-attendance-calender #calendar .fc-daygrid-day-frame .fc-daygrid-day-top { display: table; width: 100%; height: 34px; flex-direction: column; } 
 .sub-attendance-calender #calendar .fc-daygrid-day-frame .fc-daygrid-day-events { position: absolute; bottom: 0; left: 0; } 
 .sub-attendance-calender #calendar .fc-daygrid-day.fc-day-today { background-color:transparent; } 
 .sub-attendance-calender #calendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { border-color:#222; border-color:var(--theme-color); } 
 .sub-attendance-calender #calendar .fc-daygrid-day .fc-daygrid-day-number { display: inline-block; margin: 4px; padding: 0 3px; border: 2px solid #fff; border-radius: 4px; } 

 #menu-navi { display: block; text-align: center; } 
 .calender-month { display: inline-block; margin: 0 16px; font-weight: bold; font-size: 16px; line-height: 120%; vertical-align: middle; color: #000; } 
 .attend-date button { width:24px; height:24px; background: url(/images/ico_arrow_box3_2x.png) no-repeat 0 0; background-size: 48px; } 
 .attend-date .calender-prev { background-position: 0px 0px; } 
 .attend-date .calender-next { background-position: -24px 0px; } 
 .attendance-status { display:flex; justify-content: center; margin: 16px 0; } 
 .attendance-status li { margin: 0 8px; font-size: 12px; } 
 .attendance-status li img { margin-right: 4px; } 
 .sub-attendance-detail .attend-date { padding-bottom: 16px; text-align: center; border-bottom: 1px solid #dbdbdb; } 
 .attend-time { margin-bottom: 20px; padding: 20px 0 16px; border-bottom: 1px solid #D8D8D8; } 
 .attend-time h4 { margin-bottom: 20px; font-size: 16px; line-height: 120%; } 
 .attend-time ul::after { display: block; content: ''; clear: both; } 
 .attend-time ul li { position: relative; float: left; width: 50%; } 
 .attend-time ul li::after { display: inline-block; content: ''; position: absolute; top: 5px; right: 12px; width: 1px; height: 12px; background: #C4C4C4; } 
 .attend-time ul li:last-child:after { display: none; } 
 .attend-time strong { margin-left: 10px; } 
 .attend-status h4 { margin-bottom: 20px; font-weight: bold; font-size: 16px; line-height: 120%; color: #000; } 
 .attend-status ul li { margin-bottom: 8px; } 
 .attend-status ul li strong { display: inline-block; padding: 2px; border-radius: 4px; font-weight: bold; } 
 .attend-status ul li.status1 strong { border: 2px solid #39A26D; color: #39A26D; } 
 .attend-status ul li.status2 strong { border: 2px solid #FF9800; color: #FF9800; } 
 .attend-status span { margin-left: 10px; font-weight: bold; } 
 .tui-full-calendar-month-week-item { height: 80px !important; } 
 .tui-full-calendar-layout, .tui-full-calendar-month, .tui-view-7 { height: auto !important; min-height: inherit !important; } 
 .tui-full-calendar-month-creation-guide { border: none !important; background-color: transparent !important; } 

 /* 결제 */
 /*.sub-payment-list .sub-cont-title, .sub-payment-select .sub-cont-title { margin-bottom: 0; } */
 .sub-payment-list .sub-cont-title { } 
 .payment-list { border-bottom: 1px solid #222; } 
 .payment-list li { position: relative; padding: 20px 214px 20px 32px; border-bottom: 1px solid #eee; } 
 .payment-list li:last-child { border-bottom: none; } 
 .payment-list li .checkboxA { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
 .payment-list li .checkboxA label { width: 20px; height: 20px; } 
 .payment-list li .pay-name sub { display: inline-block; margin-bottom: 4px; font-size: 12px; color: rgba(0, 0, 0, 0.38); vertical-align: middle; } 
 .payment-list li .pay-name p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; } 
 .payment-list li .pay-price { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; font-weight: bold; } 
 .pay-total { position: relative; margin-bottom: 16px; padding: 24px 0; } 
 .pay-total dl dt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-weight: bold; font-size: 16px; line-height: 120%; } 
 .pay-total dl dd { text-align: right; } 
 .pay-total dl dd span { position: relative; top: 1px; margin-left: 6px; font-weight: bold; font-size: 18px; line-height: 120%; color: #383838; color: var(--theme-color); } 
 .sub-payment-list .payBtn { height: 51px; } 
 .sub-payment-detail .pay-term-tab { margin-bottom: 16px; } 
 .sub-payment-detail .payment-list { border-top: 2px solid #222; } 
 .sub-payment-detail .payment-list li { padding-left: 0; } 
 .sub-payment-detail .payment-list li .pay-status { display: inline-block; margin-left: 8px; margin-bottom: 4px; padding: 0px 2px; font-size: 12px; text-align: center; border-radius: 4px; } 
 .sub-payment-detail .payment-list li.pay-status01 .pay-status { border: 1px solid #31C4A0; color: #31C4A0; } 
 .sub-payment-detail .payment-list li.pay-status02 .pay-status, .sub-payment-detail .payment-list li.pay-status03 .pay-status { border: 1px solid #FF9800; color: #FF9800; } 
 .sub-payment-detail .payment-list li .pay-date { display: block; margin-top: 4px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .sub-payment-detail .payment-list li.pay-status02 .pay-price, .sub-payment-detail .payment-list li.pay-status03 .pay-price { color: #E22134; } 
 .sub-payment-detail .payment-timeEdu { border-top: 2px solid #222; } 
 .sub-payment-detail .payment-timeEdu .text strong { display: block; margin-bottom: 8px; font-size: 16px; } 
 .sub-payment-select .payment-list li { padding-left: 0; } 
 .payment-select h4 { margin-bottom: 36px; font-weight: bold; font-size: 24px; line-height: 120%; color: #000 } 
 .payment-select { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #222; } 
 .payment-select .payment-btn::after { display: block; content: ''; clear: both; } 
 .payment-select .payment-btn button { float: left; width: 49%; height: 54px; margin-right: 2%; color: rgba(0, 0, 0, 0.3); border: 2px solid #ddd; border-radius:12px } 
 .payment-select .payment-btn button:hover { background: #fff; } 
 .payment-select .payment-btn button.select { color: #383838; color: var(--theme-color); border: 2px solid #383838; border: 2px solid var(--theme-color); } 
 .payment-select .payment-btn button:last-child { margin-right: 0; } 
 .payment-card, .payment-bank { display: none; } 
 .payment-card.select, .payment-bank.select { display: block; } 
 .payment-card .checkboxA { margin-bottom: 12px; } 
 .payment-bank > strong { display: block; margin-bottom: 20px; font-weight: bold; color: #000; } 
 .payment-bank dl { display: table; margin-bottom: 16px; padding-left:12px; } 
 .payment-bank dl dt { display: table-cell; width: 82px; font-weight: bold; font-size: 12px; } 
 .payment-bank dl dd { display: table-cell; font-size: 12px; } 
 .payment-bank .bank-text { padding-top: 16px; border-top: 1px solid #D8D8D8; color: rgba(0, 0, 0, 0.38); text-align: center; } 
 .payment-bank .bank-text span, .payment-bank .bank-text strong { display: block; } 
 .payment-bank .bank-none { padding-bottom: 10px; border-bottom: 1px solid #D8D8D8; } 
 .payment-bank .bank-text b { color: #383838; color: var(--theme-color); } 
 .sub-payment-list .data-none { border-bottom: 1px solid #222; } 
 .payment-timeEdu .text { margin-bottom: 40px; padding: 40px 0; text-align: center; border-bottom: 1px solid #dbdbdb; word-break: keep-all; } 
 .payment-timeEdu .text h4 { margin-bottom: 8px; font-size: 16px; } 
 .payment-timeEdu .text p { color: rgba(0, 0, 0, 0.58); } 
 .payment-timeEdu .text span { color: var(--theme-color); } 


 /* 마이페이지 */
 .notice-opt { margin-bottom: 16px; } 
 .notice-opt::after { display: block; content: ''; clear: both; } 
 .notice-opt span { font-size: 12px; color: rgba(0, 0, 0, 0.38); line-height: 29px; } 
 .notice-opt button { float: right; margin-top: 8px; padding: 6px 7px; border-radius: 4px; font-size: 13px; } 
 .notice-list-box .list-more { margin-left: 40px; } 
 .notice-list li { position: relative; margin-bottom: 16px; } 
 .notice-list li .notice-icon { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; border: 1px solid #fff; } 
 .notice-type1 .notice-icon { background: url("/images/ico_notice_type1_2x.png") no-repeat 7px 7.5px; background-size:14px 14px; } 
 .notice-type2 .notice-icon { background: url("/images/ico_notice_type2_2x.png") no-repeat center; background-size:13px 13px; } 
 .notice-type3 .notice-icon { background: url("/images/ico_notice_type3_2x.png") no-repeat center; background-size:13.5px 12.5px; } 
 .notice-type4 .notice-icon { background: url("/images/ico_notice_type4_2x.png") no-repeat 7px 9px; background-size:16px 11px; } 
 .notice-list .notice-box { margin-left: 40px; padding: 16px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 8px; } 
 .notice-list .notice-box .title { display: inline-block; font-size: 16px; line-height: 120%; } 
 .notice-list .notice-box .date { float: right; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .notice-list .notice-box .text { margin: 8px 0; } 
 .notice-list .notice-box .text img { display:block; margin-bottom: 8px; height:auto !important; } 
 .notice-list .notice-box .link { font-weight: bold; font-size: 12px; line-height: 140%; text-decoration: underline; color: #383838; color: var(--theme-color); } 
 .sub-learning-video-list .video-term-tab { margin-bottom: 16px; } 
 .sub-my-qa-list .qa-term-tab { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #222; } 
 .sub-my-qa-list .qa-lecture-title { position: relative; margin-bottom: 10px; padding-left: 30px; } 
 .sub-my-qa-list .qa-lecture-title::before { content: ''; position: absolute; top: 3px; left: 0; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: url("/images/ico_triangle.png") no-repeat center; background-color: #383838; background-color: var(--theme-color); } 
 .sub-my-qa-list .qna-list-wrap { margin-bottom: 44px; } 
 .sub-my-qa-list .qna-list-wrap:last-child { margin-bottom: 0; } 

 .mb-info-top { position: relative; padding: 16px 0; border-top: 2px solid #222; border-bottom: 1px solid #D8D8D8; } 
 .mb-info-top .profile-img-wrap { display: block; text-align: center; } 
 .profile-img-box { position: relative; display: inline-block; vertical-align: middle; } 
 .profile-img-box .profile-img { width: 80px; height: 80px; } 
 .profile-img-box .profile-no-img::before { display: inline-block; content: ''; position: absolute; top: 2px; left: 2px; width: 74px; height: 74px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; } 
 .profile-img-box .profile-no-img span { position: relative; display: block; line-height: 76px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
 .profile-img-box .img-input { position: absolute; bottom: 0; right: 0; z-index: 2; } 
 .profile-img-box .img-input input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
 .profile-img-box .img-input label { display: inline-block; width: 24px; height: 24px; background: #FFF; border-radius: 50%; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); overflow: hidden; cursor: pointer; } 
 .profile-img-box .img-input label span { display: block; width: 100%; height: 100%; background: url("/images/ico_profile_input_2x.png") no-repeat center; background-size:8.5px 8.5px; } 
 .mb-info-top .mb-name { display: inline-block; padding-left: 12px; vertical-align: middle; } 
 .mb-info-top .mb-name strong { display: inline-block; font-size: 16px; line-height: 120%; color: #40454E; } 
 .mb-info-top .mb-name .other_mem { margin-left: 8px; padding: 2px 4px 3px 3px; font-size: 12px; color:#383838; color: var(--theme-color); border: 1px solid #383838; border: 1px solid var(--theme-color); border-radius: 4px; } 
 .mb-info { padding: 24px 20px; } 
 .mb-info .info-list { margin-bottom: 32px; } 
 .mb-info .info-list > li { position: relative; margin-bottom: 32px; } 
 .mb-info .info-list > li:last-child { margin-bottom: 0; } 
 .mb-info .info-list button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 10px 8px; font-size: 12px; } 
 .mb-info .info-list .mb-phone-apply button { min-width: 72px; position: relative; top: initial; right: initial; transform: initial; padding: 10px 8px; font-size: 12px; white-space: nowrap; flex-grow: 1; } 
 /*.sub-child-regist .sub-cont-title { margin-bottom: 0; } */
 .child-list, .payment-list { margin-bottom: 16px; border-top: 2px solid #222; } 
 .child-list li { position: relative; padding: 16px 0; border-bottom: 1px solid #eee; } 
 .child-list .profile-img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
 .child-list .child-name { display: inline-block; padding-left: 60px; } 
 .child-list .child-name > p { vertical-align: middle; } 
 .child-list .child-name > p b { margin-right: 10px; font-weight: bold; font-size: 16px; line-height: 120%; color: #40454E; vertical-align: inherit; } 
 .child-list .child-name > p span { font-size: 13px; color: rgba(0, 0, 0, 0.38); vertical-align: middle; } 
 .child-list .child-name > span { display: block; margin-top: 6px; font-size: 13px; color: #40454E; } 
 .child-list button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 7px 14px; font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
 .child-list .child-name > p .other_mem { margin-left: 8px; padding: 2px 4px 3px 3px; font-size:12px; color:#383838; color: var(--theme-color); border: 1px solid #383838; border: 1px solid var(--theme-color); border-radius: 4px; } 
 
 .mb-info .mb-terms .checkboxA { width: 100%; } 
 .mb-info .mb-terms .checkboxA input + label::before { top: 3px; } 
 .mb-info .mb-terms .checkboxA label { float: left; height: auto; } 
 .mb-info .mb-terms .checkboxA label span { font-size: 14px; vertical-align: text-bottom; color: rgba(0, 0, 0, .78); } 
 .mb-info .mb-terms .checkboxA label span + p { font-size: 14px; display: inline-block; color: rgba(0, 0, 0, .58); vertical-align: middle; margin-left: 4px; font-weight: 400; } 
 .mb-info .mb-terms .checkboxA .right { float: right; } 
 .mb-info .mb-terms .checkboxA .right .btn-open { width: 20px; height: 20px; background: url(/images/ico_open_default.png) no-repeat center / 10px 7px; margin-top: 4px; } 
 .mb-info .mb-terms .checkboxA .right .btn-open.active { background-image: url(/images/ico_open_active.png); } 
 .mb-info .mb-terms .terms input { width: 22px; height: 22px; border: 1px solid #c2c2c2; } 
 .mb-info .mb-terms .terms label { font-size: 16px; color: #222; } 
 .mb-info .mb-terms .terms textarea { width: 100%; height: 225px; margin-top: 10px; padding: 15px; } 
 .mb-info .mb-terms .terms .privacy { margin-top: 0; } 
 .mb-info .mb-terms .terms .tbody { overflow-y:scroll; height:120px !important; margin-top:10px; padding:16px; border:1px solid #ddd; border-radius: 8px; display: none; } 
 .mb-info .mb-terms .terms .tbody.active { display: block; } 

 /* 알림 */
 .sub-sms-list .sub-cont { border-top: 2px solid #222; } 


 .sub-member-secession { margin-top: 135px; background: #F5F5F5; border-top: 1px solid #D8D8D8; } 
 .mb-secession { padding: 19px 0 76px; text-align: right; } 
 .mb-secession a { display: inline-block; } 
 .mb-secession a span { position: relative; display: inline-block; margin-right: 10px; font-weight: bold; line-height: 140%; color: #000; border-bottom: 1px solid #000; } 
 .mb-secession a i { display: inline-block; width:9.5px; height:10px; background: url("/images/ico_triangle_round_2x.png") no-repeat right center; background-size:9.5px 10px; } 

 .form-list > li > div { position: relative; } 
 .form-list b { display: block; margin-bottom: 4px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .form-list .mb-rank .input-text { line-height: 40px; } 
 .form-list .mb-rank .input-text.disabled { padding: 0 10px; color: rgba(0, 0, 0, 0.78); } 
 .form-list .input-text { font-weight: bold; } 
 .form-list .input-text { height: 40px; border-radius: 0; border: none; border-bottom: 1px solid #ededed; vertical-align: middle; } 
 .form-list .input-text[disabled], .form-list .input-text.disabled { background: #F5F5F5; color: rgba(0, 0, 0, 0.38); } 
 .form-list .input-left { width: calc(100% - 90px); margin-right: 16px; } 
 .form-list .phone-input::after { display: block; content: ''; clear: both; } 
 .form-list .phone-input .phone-write { float: left; width: 32%; margin-right: 2%; } 
 .form-list .phone-input .phone-write select { border-bottom: 1px solid #ededed; } 
 .form-list .phone-input .phone-write:last-child { margin-right: 0; } 
 .form-list .selectBox-2 .select, .form-list .selectBox .selectOptions { border-color: #ededed; border-top: 1px solid transparent; } 
 .form-list .selectBox .select span::after { width: 10px; height: 7px; background: url("/images/ico_arrow_bottm2_2x.png") no-repeat 0 0; background-size:10px 6.5px; } 


 /* 고객센터 */
 .faq-contents { margin: 8px 0 16px; } 
 .faq-list { background: #FFF; border: 1px solid #EEE; box-shadow: 0px 1px 1px rgba(68, 68, 68, 0.2), 0px 0px 1px rgba(38, 62, 43, 0.21); border-radius: 12px; } 
 .faq-list li { display: block; } 
 .faq-list li:last-child .question { border-bottom: none; } 
 .faq-list .question { position: relative; padding: 24px; border-bottom: 1px solid #eee; background: url("/images/ico_faq_open_2x.png") no-repeat right 33px center; background-size:20px 11.5px; } 
 .faq-list .question::before { position: absolute; top: 24px; left: 24px; display: inline-block; content: 'Q.'; font-weight: bold; font-size: 16px; line-height: 120%; color: #383838; color: var(--theme-color); } 
 .faq-list .question::after { content: ''; position: absolute; top: 41px; display: block; width: 14px; height: 1px; background-color: #383838; background-color: var(--theme-color); } 
 .faq-list > li.on .question { background: url("/images/ico_faq_close_2x.png") no-repeat right 33px center; background-size:20px 11.5px; } 
 .faq-list > li.on .question span, .faq-list > li:hover .question span { text-decoration: underline; } 
 .faq-list .question span { display: inline-block; padding:0 50px 0 22px; font-weight: bold; font-size: 16px; line-height: 120%; color: rgba(0, 0, 0, 0.78); } 
 .faq-list .answer { position: relative; padding: 24px; background: #F5F5F5; } 
 .faq-list .answer::before { position: absolute; top: 24px; left: 24px; display: inline-block; content: 'A.'; font-weight: bold; font-size: 16px; line-height: 120%; color: #383838; color: var(--theme-color); } 
 .faq-list .answer .text { padding-left: 26px; } 
 .faq-list .answer .text img { display: block; height: auto !important; } 
 .faq-list .t-question, .faq-list .t-answer { font-weight: bold; font-size: 16px; line-height: 120%; color: #383838; color: var(--theme-color); } 
 .faq-list .t-question { margin-right: 6px; display: inline-block; vertical-align: middle; } 
 .faq-list .t-answer { position: absolute; top: 24px; left: 24px; } 
 .accordion-list .accordion-title { cursor: pointer; } 
 .accordion-list .accordion-body { display: none; } 

 /* 1:1 문의 */
 .sub-inquiry-list .tab-list-btn li { width: 50%; } 
 .inquiry-tab { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid #222; } 
 .inquiry-content { display: none; } 
 .inquiry-content.current { display: block; } 
 .inquiry-form .form-list > li { margin-bottom: 32px; } 
 .inquiry-form .form-list > li:last-child { margin-bottom: 0; } 
 .inquiry-form .form-list > li.marb { margin-bottom: 16px; } 
 .inquiry-form textarea { height: 200px; } 
 .my-inquiry-list li { border-bottom: 1px solid #eee; } 
 .my-inquiry-list li a { display: block; padding: 24px 0; } 
 .my-inquiry-list li:hover h4 { text-decoration: underline; } 
 .my-inquiry-list .status { display: inline-block; font-weight: bold; font-size: 16px; line-height: 120%; color: rgba(0, 0, 0, 0.38); vertical-align: top; } 
 .my-inquiry-list .status.complete { color: #383838; color: var(--theme-color); } 
 .my-inquiry-list h4 { display: inline-block; width: 70%; margin-left: 4px; font-weight: bold; font-size: 16px; line-height: 120%; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .my-inquiry-list .date { float: right; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 


 /* 탭 */
 .tab-box { margin-bottom: 16px; border-bottom: 1px solid #dbdbdb; } 
 .tab-box .tab-list { height: 37px; line-height: 37px; } 
 .tab-box .tab-list li { display: inline-block; } 
 .tab-box .tab-list li a { position: relative; display: block; font-size: 13px; color: rgba(0, 0, 0, 0.58); text-align: center; } 
 .tab-box .tab-list li a:hover, .tab-list li a.on { font-weight: bold; color: #383838; color: var(--theme-color); } 
 .tab-box .tab-list li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: transparent; } 
 .tab-list li a.on::after { background-color: #383838; background-color: var(--theme-color); } 

 .tab-box-b { margin-bottom: 36px; border-bottom: none; } 
 .tab-box-b .tab-list { max-width: 320px; margin: 0 auto; text-align: center; border-bottom: 2px solid #dbdbdb; } 
 .tab-box-b .tab-list li { float:left; width: 160px; } 
 .tab-box-b .tab-list li a { display: inline-block; width: 100%; padding: 0; font-weight: bold; } 
 .tab-box-b .tab-list li a:hover, .tab-box-b .tab-list li a.on { color: #000; } 
 .tab-box-b .tab-list li a::after { bottom:0; height: 2px; } 

 .tab-contents > div { display: none; } 
 .tab-contents > div.current { display: block; } 
 .tab-btn li { display: inline-block; margin-right: 8px; } 
 .tab-btn li:last-child { margin-right: 0; } 
 .tab-btn li a { display: block; padding: 8px 20px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.38); border: 1px solid #d8d8d8; border-radius: 24px; background-color: #fff; } 
 .tab-btn li a.on { color: #fff; background-color: rgba(0, 0, 0, 0.78); border-color: rgba(0, 0, 0, 0.78); } 
 .tab-btn li a:hover { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); }
 .tab-btn li:active { border-radius: 24px; color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); }
 .tab-btn li:active a { color: #fff; background-color: #0000001A; border-color: #0000001A; }

 .tab-list-btn { width:100%; border-radius: 4px; overflow: hidden; } 
 .tab-list-btn::after { display: block; content: ''; clear: both; } 
 .tab-list-btn li { float: left; width: 33.333%; } 
 .tab-list-btn li a { display: block; padding: 8px 0; font-weight: bold; color: rgba(0, 0, 0, 0.3); background: #F5F5F5; text-align: center; } 
 .tab-list-btn li a.on, .tab-list-btn li a:hover { color:#fff; background: #383838; background: var(--theme-color); border-color: #383838; } 

 .tab-btn-2 li { display: inline-block; margin: 0 4px 8px 0; } 
 .tab-btn-2 li:last-child { margin-right: 0; } 
 .tab-btn-2 li a { display: block; padding: 12px 28px; color: rgba(0, 0, 0, 0.38); border-radius: 8px; border: 1px solid #DDD; background-color: #fff; } 
 .tab-btn-2 li a.on, .tab-btn-2 li a:hover { -webkit-text-stroke: 0.2px white; color:#fff; background: #383838; background: var(--theme-color); border: 1px solid #383838; border: 1px solid var(--theme-color); } 

 .pageBack { display: block; width: 80px; height: 80px; margin: 60px auto; padding-top: 22px; background: rgba(0, 0, 0, 0.78); border-radius: 50%; text-align: center; } 
 .pageBack i { display: block; width: 15px; height: 12px; margin: 0 auto; background: url("/images/ico_arrow_left_white.png") no-repeat 0 0; } 
 .pageBack span { display: block; margin-top: 7px; font-weight: bold; font-size: 11px; color: #FFF; line-height:22px; } 

 .pagination-wrap { margin-top:16px; } 
 .paging { text-align: center; } 
 .paging > button { display: inline-block; padding: 12px 10px; } 
 .paging > button span { display: block; width: 11px; height: 18px; font-size: 0; z-index: -9999; } 
 .paging .prev span { background: url("/images/ico_pagination-prev.png"); } 
 .paging .next span { background: url("/images/ico_pagination-next.png"); } 
 .paging .paging-num { display: inline-block; vertical-align: middle; } 
 .paging .paging-num a { position: relative; top:0; display: inline-block; padding: 10px; font-size: 16px; color: #000; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); width: 28px; } 
 .paging .paging-num a.on, .paging .paging-num a:hover { top: -2px; font-weight: bold; } 

 .paging > a { display: inline-block; width: 31px; height: 42px; padding: 10px; font-size: 0; vertical-align: middle; z-index: -9999; } 
 /* .paging .prev { background: url("/images/ico_pagination-prev.png") no-repeat center; } 
 .paging .next { background: url("/images/ico_pagination-next.png") no-repeat center; } */
 .paging a { cursor: pointer; } 
 .paging span .page { display: inline-block; vertical-align: middle; } 
 .paging span .page a { position: relative; top:0; display: inline-block; padding: 10px; font-size: 16px; color: #000; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .paging span .page a.active, .paging span .page a:hover { top: -2px; font-weight: bold; } 

 .paging2 { text-align: center; } 
 .paging2 > button { display: inline-block; margin: 0 3px; padding:14px 7px; } 
 .paging2 > button span { display: block; width: 11px; height: 18px; font-size: 0; background-image: url("/images/ico_pagination.png"); background-repeat: no-repeat; opacity: 0.3; z-index: -9999; } 
 .paging2 .first span { width: 15px; height: 14px; background-position: 0 0; } 
 .paging2 .prev span { width: 9px; height: 14px; background-position: -15px 0; } 
 .paging2 .next span { width: 9px; height: 14px; background-position: -25px 0; } 
 .paging2 .last span { width: 15px; height: 14px; background-position: -34px 0; } 
 .paging2 .paging-num { display: inline-block; margin: 0 3px; vertical-align: middle; } 
 .paging2 .paging-num a { position: relative; top:0; display: inline-block; margin: 10px; font-size: 14px; color: rgba(0, 0, 0, 0.58); cursor: pointer; } 
 .paging2 .paging-num a.on, .paging2 .paging-num a:hover { -webkit-text-stroke: 1px #383838; -webkit-text-stroke: 1px var(--theme-color); color: #383838; color: var(--theme-color); border-bottom: 1px solid #383838; border-bottom: 1px solid var(--theme-color); } 




 /* modal */
 .modal-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } 
 .modal-wrap .modal-content-box { position: absolute; top: 50%; left: 50%; width: 100%; max-height: 90%; margin: 0 auto; padding: 48px; transform: translate(-50.3%, -50.3%); background-color: #fff; border-radius: 12px; transition: all 0.2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); overflow: auto; display: flex; flex-direction: column; flex-wrap: nowrap; transition: initial; z-index: 9; } 
 .modal-wrap .modal-title { position: relative; display: block; height: 51px; margin-bottom: 16px; flex-shrink: 0; } 
 .modal-wrap .modal-title::after { content: ''; display: block; position: absolute; left:0; bottom: -16px; width: 100%; height: 2px; background-color: #000; } 
 .modal-wrap .modal-title h2 { display: inline-block; font-weight: bold; font-size: 24px; line-height: 120%; color: #000; line-height: 51px; } 
 .modal-close { position: absolute; top: 43px; right: 32px; display: block; width: 18px; height: 18px; background: url("/images/ico_close.png"); } 
 .modal-btn-list { position: absolute; top: 48px; right: 48px; } 
 .modal-btn-list li { display: inline-block; margin-left: 10px; } 
 .modal-btn-list li button { height: 51px; font-weight: bold; font-size: 16px; } 
 .modal-cont textarea { width: 100%; min-height: 308px; margin-bottom: 12px; } 

 .modal-bg { display: block; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background: #000; opacity: 0.5; z-index: 9998; } 
 .modal-cont { position: relative; padding-top: 16px; flex-grow: 1; width: 100%; min-height: 2em; overflow: auto; } 
 .modal-cont::after { display: block; content: ''; clear: both; } 
 .modal-cont .modal-left { position: relative; float: left; width: 50%; padding-right: 32px; } 
 .modal-cont .modal-right { position: relative; float: right; width: 50%; padding-left: 32px; } 
 .modal-cont h3 { margin-bottom: 10px; font-weight: bold; font-size: 20px; color: #000; } 
 .modal-cont .question-wrap { padding: 0 16px; } 

 .modal-qna-question .modal-content-box { max-width: 684px; } 
 .modal-qna-answer .modal-content-box { max-width: 1288px; } 
 .modal-qna-answer .modal-cont::before { position: absolute; top: 0; right: 50%; content: ''; width: 1px; height: 100%; background: #D8D8D8; } 
 .modal-qna-answer .qna-answer .answer-icon { top: -7px; } 

 .modal-notice-pop .modal-content-box { max-width: 380px; padding: 60px 30px; } 
 .modal-notice-pop .modal-cont { padding-top: 0; text-align: center; } 
 .modal-notice-pop svg circle { stroke: #383838; stroke: var(--theme-color); } 
 .modal-notice-pop svg path { fill: #383838; fill: var(--theme-color); } 
 .modal-notice-pop .modal-cont .notice-pop-title { margin: 14px 0; word-break: keep-all; } 
 .modal-notice-pop .modal-cont .notice-pop-text { margin-bottom: 14px; font-size: 13px; color: rgba(0, 0, 0, 0.58); word-break: keep-all; } 
 .modal-notice-pop .modal-cont button { width: 152px; height: 42px; border-radius: 19px; border-width: 2px; color: #383838; color: var(--theme-color); } 

 .modal-child-regist .modal-content-box { top: 0; transform: translate(-50%, 0); max-width: 600px; padding: 28px 24px 32px; display: flex; flex-direction: column; flex-wrap: nowrap; transition: initial; max-width:618px; } 
 .modal-child-regist .modal-content-box .modal-title { flex-shrink: 0; } 
 .modal-child-regist .modal-content-box .modal-cont { flex-grow: 1; width: 100%; min-height: 2em; overflow: auto; } 
 .modal-child-regist .modal-content-box .modal-bottom { flex-shrink: 0; padding-top: 32px; } 
 .modal-child-regist .modal-content-box .modal-bottom::before { display: block; content: ''; position: fixed; bottom: 115px; left: 0; width: 100%; height: 1px; background-color: #ddd; } 
 .modal-child-regist .modal-close { top: 16px; right: 0; } 
 .modal-child-regist .guidance-text { padding: 16px; background: #F5F5F5; color: rgba(0, 0, 0, 0.58); } 
 .modal-child-regist .form-list li { margin-bottom: 16px; } 
 .modal-child-regist .form-list li:last-child { margin-bottom: 0; } 
 .modal-child-regist .form-list .radioA { display: inline-block; margin-right: 60px; } 
 .modal-child-regist .child-search-type { margin-bottom: 32px; padding-bottom: 14px; border-bottom: 1px solid #ddd; } 
 .modal-child-regist .child-search-type > div { display: none; } 
 .modal-child-regist .child-search-type > div.on { display: block; } 
 .modal-child-regist .childReg-tab { margin: 18px 0; } 
 .modal-child-regist .childReg-tab .tab-list-btn li { width: 50%; } 
 .modal-child-regist .search-result { max-height: 300px; overflow-y: auto; margin: 18px 0; border-radius: 8px; } 
 .modal-child-regist .search-result .search-child-list { padding: 18px; background: #f4f4f4; } 
 .modal-child-regist .search-result .search-child-list li { margin-bottom: 12px; } 
 .modal-child-regist .search-result .search-child-list li:last-child { margin-bottom: 0; } 
 .modal-child-regist .search-result .search-child-list label b { display: block; margin-bottom: 6px; color: rgba(0, 0, 0, 0.38); font-size: 12px; } 
 .modal-child-regist .search-result .search-child-list label span { margin-left: 0; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .modal-child-regist .search-result .search-child-list label .std_state { font-size: 13px; color: rgba(0, 0, 0, 0.38); } 
 .modal-child-regist .search-result .search-child-list label .other_mem { margin-left: 8px; padding: 2px 4px 3px 3px; font-size: 12px; font-weight: normal; color: #383838; color: var(--theme-color); background-color: #fff; border: 1px solid #383838; border: 1px solid var(--theme-color); border-radius: 4px; } 
 .modal-child-regist .search-result .search-child-list label span i { font-style: normal; } 
 .modal-child-regist .search-result .search-child-list .radioA input + label::before { top: 50%; margin-top: -10px; } 
 .modal-child-regist .form-list { margin: 18px 0; } 
 .modal-child-regist .terms-box { padding-bottom: 16px; } 

 .modal-child-regist .child_notice { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; color: rgba(0, 0, 0, 0.58); padding-top: 7px; padding-left: 2px; } 
 .modal-child-regist .child_notice span { display: inline-block; color: var(--theme-color); } 
 .modal-child-regist .child_notice::before { content: ''; position: relative; display: inline-block; width: 4px; height: 4px; background-color: var(--theme-color); border-radius: 50%; margin-right: 0px; top: -4px; } 

 .modal-browser-pop .modal-content-box { max-width: 656px; } 
 .browser-btn li { display: inline-block; margin-right: 6px; } 
 .browser-btn li:last-child { margin: 0; } 
 .browser-btn li a { display: block; padding: 10px 30px; border: 2px solid #383838; border: 2px solid var(--theme-color); text-align: center; border-radius: 30px; } 
 .browser-btn li span { display: block; padding-left: 30px; font-weight: bold; font-size: 12px; } 
 .browser-btn li span.chrome { background: url("/images/ico_chrome.png") no-repeat left center; } 
 .browser-btn li span.edge { background: url("/images/ico_edge.png") no-repeat left center; } 
 .browser-btn li span.firefox { background: url("/images/ico_firefox.png") no-repeat left center; } 

 .modal-inquiry .modal-content-box { max-width: 684px; } 
 .modal-inquiry .inquiry-question { padding: 2px 0 20px; border-bottom: 2px solid #eee; } 
 .modal-inquiry .inquiry-question .status { display: inline-block; font-weight: bold; font-size: 16px; line-height: 120%; color: rgba(0, 0, 0, 0.38); } 
 .modal-inquiry .inquiry-question .status.complete { color: #383838; color: var(--theme-color); } 
 .modal-inquiry .inquiry-question h4 { display: inline-block; margin-left: 4px; font-weight: bold; font-size: 16px; line-height: 120%; } 
 .modal-inquiry .inquiry-question .date, .modal-inquiry .inquiry-answer .writer span { display: block; margin: 8px 0; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .modal-inquiry .inquiry-answer { padding: 20px 0; border-bottom: 2px solid #eee; } 
 .modal-inquiry .inquiry-answer .writer strong { font-size: 12px; } 

 /* 모달 ui 변경 */
 .modal-wrap.n-modal .modal-title::after { height: 1px; } 
 .modal-wrap.n-modal input[type=text].w100, .modal-wrap.n-modal select.w100 { width: 100%; } 
 .modal-wrap.n-modal .join_layer .work .send { width: 100%; height: 52px; font-size: 16px; color: #fff; font-weight: bold; background: #222; background: rgba(221, 221, 221, 1); border-radius: 8px; } 
 .modal-wrap.n-modal .modal-content-box { max-width: 600px; padding: 28px 24px; } 
 .modal-wrap.n-modal .modal-title { height: auto; margin-bottom: 8px; } 
 .modal-wrap.n-modal .modal-title::after { bottom: -8px; } 
 .modal-wrap.n-modal .modal-title h2 { line-height: normal; } 
 .modal-wrap.n-modal .modal-cont { overflow: auto; } 
 .modal-wrap.n-modal .agree-chk input { display: none; } 
 .modal-wrap.n-modal .agree-chk input + label { display: flex; align-items: center; font-size: 14px; color: rgba(0, 0, 0, .58); } 
 .modal-wrap.n-modal .agree-chk input + label i { flex: none; width: 24px; height: 24px; border: 1px solid #888; margin-right: 8px; } 
 .modal-wrap.n-modal .agree-chk input:checked + label i { background: url(/images/ico_check2_2x.png) no-repeat center / 14px 10px; } 
 .modal-wrap.n-modal .agree-chk input:disabled + label i { background-color: #f5f5f5; } 
 .modal-wrap.n-modal .agree-term { font-size: 14px; color: rgba(0, 0, 0, .58); line-height: 1.6; margin-top: 8px; } 
 .modal-wrap.n-modal .agree-term .num { margin: 0 4px; } 
 .modal-wrap.n-modal .btn-box { display: flex; } 
 .modal-wrap.n-modal .btn-box button { display: block; width: 100%; border-radius: 8px; background-color: var(--theme-color); color: #fff; font-size: 18px; font-weight: 700; margin-left: 8px; } 
 .modal-wrap.n-modal .btn-box button:first-child { margin-left: 0; } 
 .modal-wrap.n-modal .btn-box button.grey { background-color: #555; padding: 17px 0; } 
 .modal-wrap.n-modal .btn-box button:disabled { background-color: #d8d8d8; } 
 .modal-wrap.n-modal hr.line { margin-top: 18px; width: 100%; height: 1px; background-color: #ddd; } 

 /* 관심회원 문자수신 */
 .sms_apply_pop { display:none; } 
 .member-sms-agree.n-modal { background-color: rgba(0, 0, 0, 0.5); z-index: 99999; } 
 .member-sms-agree.n-modal .modal-content-box { padding-bottom: 70px; } 
 .member-sms-agree.n-modal .modal-title span { display: block; font-size: 14px; color: rgba(0, 0, 0, .58); } 

 .member-sms-agree.n-modal .join_layer { background-color: #fff; position: static; } 
 .member-sms-agree.n-modal .select-box select { background-size: 12px 8px; } 
 .member-sms-agree.n-modal .hp_mody:nth-child(2), .member-sms-agree.n-modal .hp_mody:nth-child(3) { display: flex; } 
 .member-sms-agree.n-modal .input-box { width: 100%; margin-left: 18px; } 
 .member-sms-agree.n-modal .input-box:first-child { margin-left: 0; } 
 .member-sms-agree.n-modal .input-box input { width: 100%; } 
 .member-sms-agree.n-modal .agree-chk { margin-top: 28px; } 
 .member-sms-agree.n-modal .btn-box { margin-top: 18px; } 
 .member-sms-agree.n-modal input, .member-sms-agree.n-modal select { border-bottom: 1px solid #ddd; } 

 .file-input-wrap { margin-top: 12px; } 
 .file-input-wrap .file-txt { display: block; margin-top: 12px; font-size: 12px; } 
 .file-input-wrap .file-input-list { margin: 12px 0 36px; } 
 .file-input-btn { height: 37px; } 
 .file-input + label { display: inline-block; width: 36px; height: 37px; background: #FFF; overflow: hidden; } 

 .file-input-btn input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
 .file-input-btn label { cursor: pointer; } 
 .file-input-btn label span { display: block; width: 100%; height: 100%; } 
 .file-input-btn p { display: inline-block; } 
 .file-input-img label span { background: url("/images/icon_input-img.png"); } 
 .file-input-etc label span { background: url("/images/icon_input-file.png"); } 

 /* 게시판 */
 .board-list-box, .promotion-list-box { border-top: 2px solid #222; clear: both; } 
 .board-list li { border-bottom: 1px solid #eee; } 
 /*.board-list li:last-child { border-bottom: none; } */
 .board-list li a { position: relative; display: block; padding: 24px 0 23px; } 
 .board-list li a:hover strong { text-decoration: underline; } 
 .board-list li a::after { display: block; content: ''; clear: both; } 
 .board-list li .subject { padding-right: 80px; font-weight: bold; font-size: 16px; line-height: 120%; } 
 .board-list li .subject span { color: #383838; color: var(--theme-color); margin-right: 8px; vertical-align: middle; } 
 .board-list li .subject span + strong { max-width: 80%; padding-right: 2px; } 
 .board-list li .subject strong { display: inline-block; max-width: 90%; color: rgba(0, 0, 0, 0.78); vertical-align: text-bottom; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .board-list li .subject i.new { margin-left:4px; } 
 .board-list li .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .promotion-list-box { padding-top: 16px; } 
 .board-list-gallery { margin-left: -24px; } 
 .board-list-gallery::after { display: block; content: ''; clear: both; } 
 .board-list-gallery li { float: left; display: block; width: 50%; margin-bottom: 16px; } 
 .board-list-gallery li > div { padding-left: 24px; background: #FFF; } 
 .board-list-gallery li a { display: block; padding: 32px; border: 1px solid #D8D8D8; border-radius: 12px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .board-list-gallery li:hover a { border: 1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .board-list-gallery .thum { height: 163px; overflow: hidden; } 
 .board-list-gallery .thum img { width: 100%; } 
 .board-list-gallery .subject { margin-top: 8px; font-weight: bold; font-size: 14px; } 
 .board-list-gallery .subject span { display: inline-block; max-width: 86%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .board-list-gallery .subject i.new { margin-left:4px; } 

 .board-btns { position: relative; min-height: 58px; padding-top: 16px; border-top: 1px solid #D8D8D8; } 
 .board-btns::after { display:block; content:''; clear:both; } 
 .board-btns button { padding: 14px 24px; font-size: 13px; } 
 .board-btns .page-btns { position: relative; } 
 .board-btns .page-btns button { position: relative; margin-right: 13px; } 
 .board-btns .page-btns button::after { display: inline-block; content: ''; position: absolute; top: 16.5px; right: -10px; width: 1px; height: 8px; background-color: #C4C4C4; } 
 .board-btns .page-btns button:last-child:after { display: none; } 
 .board-btns .page-btns .prev span { padding-left: 9px; background: url("/images/ico_arrow_left_sm_2x.png") no-repeat left center; background-size:4.5px 8px; } 
 .board-btns .page-btns .next span { padding-right: 9px; background: url("/images/ico_arrow_right_sm_2x.png") no-repeat right center; background-size:4.5px 8px; } 
 .board-btns .right-btns { position: absolute; top: 16px; right: 0; } 

 .lb-dataContainer { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); } 
 .lb-data .lb-number { padding-bottom: 0; padding-top: 14px; } 

 .go_homepage { position: relative; display: block; margin-bottom: 16px; } 
 .go_homepage a { padding: 13px 0; font-size: 15px; font-weight: 700; line-height: 1.2; color: #fff; background: var(--theme-color); width: 100%; position: relative; display: block; max-width: 300px; border-radius: 8px; text-align: center; margin: 0 auto; } 

 /* 이미지 팝업 */
 #imgPop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); z-index: 9999; } 
 #imgPop img { display: block; max-width: inherit; height: 100%; margin: 0 auto; } 
 #imgPop .imgPop-container { position: absolute; top: 50%; left: 50%; transform: translate(-50.1%, -50.1%); min-width: 320px; padding: 8px; border-radius: 12px; background-color: #fff; } 
 #imgPop .img-top-btn { margin-bottom: 10px; } 
 #imgPop .img-download { height:44px } 
 #imgPop .img-close { position: absolute; top: 23px; right: 20px; display: block; width: 18px; height: 18px; background: url("/images/ico_close.png"); } 
 #imgPop .img-nav-btn button { position: absolute; top: 50%; width: 12px; height: 22px; font-size: 0; text-indent: -9999px; } 
 #imgPop .img-prev { left: 20px; background: url("/images/ico_arrow_left_lg.png") no-repeat; } 
 #imgPop .img-next { right: 20px; background: url("/images/ico_arrow_right_lg.png") no-repeat; } 


 /* 에러 페이지 */
 .error-cont { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0 auto; transform: translate(-50.3%, -50.3%); text-align: center; } 
 .error-cont .title { margin: 14px 0; word-break: keep-all; font-weight: bold; font-size: 20px; color: #000; } 
 .error-cont .text { margin-bottom: 14px; font-size: 13px; color: rgba(0, 0, 0, 0.58); word-break: keep-all; } 
 .error-cont .errorText { margin-bottom: 14px; font-size: 13px; } 
 .error-cont .errorText .code { margin-right: 4px; } 
 .error-cont .btn { width: 152px; height: 42px; border-radius: 19px; border-width: 2px; color: #000; border: 1px solid #000; transition: inherit; } 
 .error-cont .btn.btn-theme:hover { background-color: #000; } 
 .page-error svg circle { stroke: #000; } 
 .page-error svg path { fill: #000; } 


 /* 브랜드 소개
 **********************************************/
 /* 공통 */
 .sub-brand .brand-infomation { background: #FFF; border: 1px solid #D8D8D8; border-radius: 12px; overflow: hidden; } 
 .sub-brand .bgimg { display: inline-block; text-indent: -99999px; } 
 .sub-brand .brand-bg .line { height: 20px; background-color: #000; background-color: var(--theme-color); } 
 .sub-brand .brand-bg .por { position: relative; height: 480px; background-size: cover; background-repeat: no-repeat; background-position: center; } 
 .sub-brand .brand-bg .por .slogan { position: absolute; } 
 .sub-brand .brand-bg .por .slogan p { letter-spacing: -1px; } 
 .sub-brand .info-text-group { padding: 32px 32px 80px; } 
 .sub-brand .info-text-group .info-title { padding: 16px 0; border-top: 2px solid #000; } 
 .sub-brand .info-text-group .info-title p { font-weight: bold; font-size: 20px; line-height: 26px; } 
 .sub-brand .info-text-group .info-title p b { color: #000; color: var(--theme-color); } 
 .sub-brand .info-text-group .info-text-cont { padding: 16px 0; border-top: 1px solid rgba(232, 232, 232, 0.78); font-size: 16px; line-height: 160%; letter-spacing: -1px; } 
 .sub-brand .info-text-group .info-text-box { position: relative; margin-top: 16px; padding: 32px; background: #F5F5F5; border: 1px solid #D8D8D8; border-radius: 12px; font-weight: bold; font-size: 18px; line-height: 120%; } 
 .sub-brand .info-text-group .info-text-box::before { display: block; content: ''; position: absolute; top: -16px; left: 0; width: 100%; height: 1px; margin-bottom: 16px; background-color: rgba(232, 232, 232, 0.78); } 

 /* 미래탐구 브랜드 소개 */
 .brand-miraeAcademy .brand-bg .por { background-image: url("/images/brand_miraeAcademy_bg.jpg"); } 
 .brand-miraeAcademy .brand-bg .por .slogan { top: 50%; left: 50%; margin-left: -184px; margin-top: -70px; text-align: center; } 
 .brand-miraeAcademy .brand-bg .por .slogan .bgimg { width: 134px; height: 75px; background: url("/images/brand_miraeAcademy_logo.png") no-repeat; } 
 .brand-miraeAcademy .brand-bg .por .slogan p { margin-top:10px; font-size: 28px; color: #FFF; } 
 .brand-miraeAcademy .info-text-group .info-title { display: flex; justify-content: space-between; } 
 .brand-miraeAcademy .info-text-group .info-title p { width: 48%; } 

 /* 소마 브랜드 소개 */
 .brand-soma .brand-bg .por { background-image: url("/images/brand_soma_bg.png"); } 
 .brand-soma .brand-bg .por .slogan { top: 210px; left: 80px; } 
 .brand-soma .brand-bg .por .slogan .bgimg { width: 175px; height: 40px; background: url("/images/brand_soma_logo.png") no-repeat; } 
 .brand-soma .brand-bg .por .slogan p { margin-top:10px; font-size: 28px; color: #FFF; } 

 /* 하이스트 브랜드 소개 */
 .brand-highest .brand-bg .por { background-image: url("/images/brand_highest_bg.png"); } 
 .brand-highest .brand-bg .por .slogan { top: 50px; left: 48px; } 
 .brand-highest .brand-bg .por .slogan .bgimg { width: 168px; height: 60px; background: url("/images/brand_highest_logo.png") no-repeat; } 
 .brand-highest .brand-bg .por .slogan p { margin-top:10px; font-size: 24px; color: #FFF; } 

 /* 뉴스터디 브랜드 소개 */
 .brand-newstudy .brand-bg .por { background-image: url("/images/brand_newstudy_bg.png"); } 
 .brand-newstudy .brand-bg .por .slogan { top: 56px; left: 50%; margin-left: -106.5px; text-align: center; } 
 .brand-newstudy .brand-bg .por .slogan .bgimg { width: 213px; height: 39px; background: url("/images/brand_newstudy_logo.png") no-repeat; } 
 .brand-newstudy .brand-bg .por .slogan p { margin-top:10px; font-weight: bold; font-size: 14px; color: #000; } 
 .brand-newstudy .brand-bg .por .slogan p b { color: #e10012; } 
 .brand-newstudy .info-text-group .info-title p b { color: #e10012; } 

 /* 학림 브랜드 소개 */
 .brand-hakrim .brand-bg .por { background-image: url("/images/brand_hakrim_bg.png"); } 
 .brand-hakrim .brand-bg .por .slogan { top: 163px; left: 80px; } 
 .brand-hakrim .brand-bg .por .slogan .bgimg { width: 175px; height: 40px; background: url("/images/brand_hakrim_logo.png") no-repeat; } 
 .brand-hakrim .brand-bg .por .slogan p { margin-top:20px; margin-left: 24px; font-size: 28px; color: #FFF; font-weight: 300; } 
 .brand-hakrim .brand-bg .por .slogan b { display: block; margin-top: 14px; margin-left: 24px; font-size: 28px; color: #FFF; font-weight: bold; } 

 /* 학습프로그램
 **********************************************/
 /* 공통 */
 .sub-learning-program { } 
 .sub-learning-program .program-title { margin-bottom: 48px; } 
 .sub-learning-program .program-title p { font-weight: bold; font-size: 28px; line-height: 38px; } 
 .sub-learning-program .program-title p .line { position: relative; font-style: normal; } 
 .sub-learning-program .program-title p .line::after { display: inline-block; content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 20px; background: #000; background: var(--theme-color); opacity: 0.3; z-index: -1; } 
 .sub-learning-program .program-cont-wrap { } 
 .sub-learning-program .program-cont-wrap h3 { margin-bottom: 56px; padding-bottom: 8px; border-bottom: 1px solid #D8D8D8; font-weight: bold; font-size: 16px; line-height: 120%; } 
 .sub-learning-program .program-cont-wrap .program-cont { } 
 .sub-learning-program .circle { padding-left: 4px; } 
 .sub-learning-program .circle::before { display: inline-block; content: ''; width: 4px; height: 4px; margin-top: -4px; margin-right: 4px; background-color: #000; background-color: var(--theme-color); border-radius: 50%; vertical-align: middle; } 


 /* 소마 학습 프로그램 */
 .soma-program1 { margin-bottom: 46px; } 
 .soma-program1 > ul > li { display: flex; margin-bottom: 70px; } 
 .soma-program1 > ul > li:last-child { margin-bottom: 0; } 
 .soma-program1 .left { width: 312px; flex-shrink: 0; } 
 .soma-program1 .right { flex-grow: 1; } 
 .soma-program1 .right > p { margin-bottom: 4px; } 
 .soma-program1 .right > p:last-of-type { margin-bottom: 16px; } 
 .soma-program1 .right p strong { font-weight: bold; font-size: 18px; line-height: 120%; color: #000; color: var(--theme-color); } 
 .soma-program1 .right p i { margin-left: 8px; font-size: 12px; font-style: normal; } 
 .soma-program1 .right dl { display: table; margin-bottom: 8px; color: rgba(0, 0, 0, 0.58); } 
 .soma-program1 .right dl:last-of-type { margin-bottom: 0; } 
 .soma-program1 .right dl dt { display: table-cell; width: 40px; font-weight: bold; font-size: 14px; } 
 .soma-program1 .right dl dd { margin-bottom: 4px; } 
 .soma-program1 .right dl dd:last-of-type { margin-bottom: 0; } 
 .soma-program1 .right dl dd i { margin-left: 8px; font-size: 12px; font-style: normal; } 
 .soma-program2 .sub-title { margin-bottom: 44px; } 
 .soma-program2 .sub-title strong { margin-bottom: 4px; font-weight: bold; font-size: 14px; } 
 .soma-program2 .sub-title p { font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .soma-program2 > ul { display: flex; flex-flow: wrap; margin-left: -2%; } 
 .soma-program2 > ul::after { display: block; content: ''; clear: both; } 
 .soma-program2 > ul > li { float: left; width: 23%; margin-left: 2%; margin-bottom: 80px; } 
 .soma-program2 > ul > li p { position: relative; width: 100%; margin-bottom: 24px; border: 1px solid #000; border: 1px solid var(--theme-color); border-radius: 50%; } 
 .soma-program2 > ul > li p::after { content: ""; display: block; padding-bottom: 100%; } 
 .soma-program2 > ul > li p span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; font-weight: bold; font-size: 18px; color: #000; color: var(--theme-color); text-align: center; } 
 .soma-program2 > ul > li > span { font-size: 13px; color: rgba(0, 0, 0, 0.58); word-break: keep-all; } 

 /* 하이스트 학습 프로그램 */
 .highest-program1 > ul > li { display: flex; margin-bottom: 56px; } 
 .highest-program1 > ul > li:last-child { margin-bottom: 0; } 
 .highest-program1 > ul > li:nth-child(1) .left { background: url("/images/program_highest_img1.png") no-repeat center; } 
 .highest-program1 > ul > li:nth-child(2) .left { background: url("/images/program_highest_img2.png") no-repeat center; } 
 .highest-program1 > ul > li:nth-child(3) .left { background: url("/images/program_highest_img3.png") no-repeat center; } 
 .highest-program1 > ul > li:nth-child(4) .left { background: url("/images/program_highest_img4.png") no-repeat center; } 
 .highest-program1 .left { width: 232px; flex-shrink: 0; } 
 .highest-program1 .right { flex-grow: 1; } 
 .highest-program1 .right > strong { display: flex; margin-bottom: 16px; font-weight: bold; font-size: 18px; line-height: 120%; } 
 .highest-program1 .right > strong em { margin-right: 8px; font-weight: bold; color: #E10012; } 
 .highest-program1 .right > span { display:block; margin-bottom: 16px; font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .highest-program1 .right > div { font-size: 14px; color: rgba(0, 0, 0, 0.58); } 

 /* 뉴스터디 학습 프로그램 */
 .program-newstudy { } 
 .program-newstudy .program-title p .line::after { background: #E10012; } 
 .program-newstudy .program-cont-wrap h3 { color: #DC554E !important; } 
 .newstudy-program1 > ul > li { display: flex; margin-bottom: 56px; } 
 .newstudy-program1 .left { width: 232px; flex-shrink: 0; } 
 .newstudy-program1 .left strong { font-weight: bold; font-size: 18px; line-height: 120%; } 
 .newstudy-program1 .left strong em { margin-right: 10px; color: #D7000F; font-weight: bold; } 
 .newstudy-program1 .left strong span { color: #000 } 
 .newstudy-program1 .right { flex-grow: 1; } 
 .newstudy-program1 .right > strong { display: block; margin-bottom: 16px; font-size: 14px; } 
 .newstudy-program1 .right > span { font-size: 14px; color: rgba(0, 0, 0, 0.58); } 
 .newstudy-program1 .right > div { margin-top: 16px; } 
 .newstudy-ss .step-list { display: flex; flex-flow: wrap; } 
 .newstudy-ss .step-list::after { display: block; content: ''; clear: both; } 
 .newstudy-ss .step-list > li { float: left; margin-bottom: 6px; background: #FFF; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 4px; overflow: hidden; } 
 .newstudy-ss .step-list > li .top { padding: 16px; background: #F5F5F5; border-bottom: 1px solid #D8D8D8; font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .newstudy-ss .step-list > li .cont p { padding: 16px; color: rgba(0, 0, 0, 0.58); word-break: keep-all; } 
 .newstudy-ss .img-box-wrap { margin-top: 16px; } 
 .newstudy-ss .img-box-wrap > strong { display: block; margin-bottom: 8px; } 
 .newstudy-ss .img-box { display: flex; } 
 .newstudy-ss .img-box > ul { flex-shrink: 0; } 
 .newstudy-ss .img-box > ul::after { display: block; content: ''; clear: both; } 
 .newstudy-ss .img-box > ul > li { float: left; margin-right: 12px; text-align: center; } 
 .newstudy-ss .img-box > ul > li p { margin-top: 4px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .newstudy-ss .img-box > div { flex-grow: 1; word-break: keep-all; } 
 .newstudy-ss .img-box > div dl { font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .newstudy-ss .img-box > div dl dt { margin-right: 2px; } 
 .newstudy-ss > li { margin-top: 32px; } 
 .newstudy-ss > li .ssub-title { position: relative; display:block; margin-bottom: 16px; font-weight: bold; font-size: 14px; } 
 .newstudy-ss > li .ssub-title::after { display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #D8D8D8; z-index: -1; } 
 .newstudy-ss > li .ssub-title em { padding-right: 4px; color: #D7000F; font-weight: bold; background: #fff; } 
 .newstudy-ss > li .ssub-title span { padding-right: 4px; background: #fff; } 
 .newstudy-ss-1 .step-list > li { width: 19%; margin-left: 1%; } 
 .newstudy-ss-3 dl { display: flex; font-size: 14px; color: rgba(0, 0, 0, 0.58); } 
 .newstudy-ss-3 dl dt { margin-right: 16px; font-weight: bold; flex-shrink: 0; } 
 .newstudy-ss-3 dl dd { flex-grow: 1; } 
 .newstudy-ss-3 table { margin-top: 16px; text-align: center; } 
 .newstudy-ss-3 table thead { background: #F8F8F8; border-top: 1px solid #D7000F; } 
 .newstudy-ss-3 table thead th { padding: 12px 0; font-size: 12px; } 
 .newstudy-ss-3 table tbody tr { border-bottom: 1px solid #ECECEC; } 
 .newstudy-ss-3 table tbody td { padding: 8px 0; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .newstudy-ss-3 .caption { display: block; padding: 10px 0; font-size: 12px; color: rgba(0, 0, 0, 0.38); border-bottom: 1px solid #ECECEC; } 
 .newstudy-ss-4 > b { display: block; margin-bottom: 16px; } 
 .newstudy-ss-5 .img-box > div { word-break: break-all; } 
 .newstudy-ss-6 { } 
 .newstudy-ss-6 .step-list li { width: 49%; margin-left: 1%; } 
 .newstudy-ss-6 .step-list > li .cont { padding: 0; } 
 .newstudy-ss-6 .step-list > li .cont p { } 


 /* 입시실적
 **********************************************/
 .sub-performance .performance-title { margin-bottom: 48px; } 
 .sub-performance .performance-title p { font-weight: bold; font-size: 28px; line-height: 38px; } 
 .sub-performance .performance-title p .line { position: relative; font-style: normal; } 
 .sub-performance .performance-title p .line::after { display: inline-block; content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 20px; background: #000; background: var(--theme-color); opacity: 0.3; z-index: -1; } 

 /* 미래탐구 입시실적 */
 .performance-miraeAcademy { letter-spacing:-1px; } 
 .performance-miraeAcademy .box { display:flex; margin-top:28px; align-content:stretch; justify-content:space-between; } 
 .performance-miraeAcademy .box .item { width:32%; } 
 .performance-miraeAcademy .box .item .content { box-shadow: 0 4px 10px rgba(0, 0, 0, .08); border-radius:12px; } 
 .performance-miraeAcademy .item .head { height: 219px; padding:64px 30px 0; color: #fff; text-align: center; } 
 .performance-miraeAcademy .item:nth-child(1) .head { background: url(/images/00_performance_bg.jpg) no-repeat; background-size: cover; } 
 .performance-miraeAcademy .item:nth-child(2) .head { background: url(/images/00_performance_bg2.jpg) no-repeat; background-size: cover; } 
 .performance-miraeAcademy .item:nth-child(3) .head { background: url(/images/00_performance_bg3.jpg) no-repeat; background-size: cover; } 
 .performance-miraeAcademy .head h4 { font-size: 40px; } 
 .performance-miraeAcademy .head >p { margin-top:12px; font-size: 14px; } 
 .performance-miraeAcademy .head .progress { margin-top: 42px; } 
 .performance-miraeAcademy .head .progress .clear { display:flex; } 
 .performance-miraeAcademy .head .progress .clear .per { margin-right:auto; padding-top: 6px; font-size: 23px; font-weight:700; color: #000; color: var(--theme-color); } 
 .performance-miraeAcademy .head .progress .clear .right { margin-left:auto; padding-top:10px; font-size: 12px; letter-spacing: 0; } 
 .performance-miraeAcademy .head .progress .done { margin-top: 6px; } 
 .performance-miraeAcademy .head .progress .done span { display:block; position: relative; height: 8px; background-color: #fff; border-radius:4px; } 
 .performance-miraeAcademy .head .progress .done span i { display:block; position: absolute; left:0; top:0; height: 8px; background-color:#000; background-color: var(--theme-color); border-radius:4px; } 
 .performance-miraeAcademy .item .line { height: 20px; background-color: #000; background-color: var(--theme-color); border-radius:12px 12px 0 0; } 
 .performance-miraeAcademy .contain { padding: 25px 35px 37px; } 
 .performance-miraeAcademy .contain .clear_year { display:flex; } 
 .performance-miraeAcademy .contain .clear_year .year { margin-right:auto; font-weight:700; color: #000; color: var(--theme-color); font-size: 18px; } 
 .performance-miraeAcademy .contain .clear_year .right { margin-left:auto; font-size: 14px; color: #bfc3c1; } 
 .performance-miraeAcademy .contain ul li { display:flex; margin-top:15px; font-size: 16px; } 
 .performance-miraeAcademy .contain ul li:first-child { margin-top: 25px; } 
 .performance-miraeAcademy .contain ul li .left { margin-right:auto; color: rgba(0,0,0,0.78); } 
 .performance-miraeAcademy .contain ul li .right { margin-left:auto; font-weight:700; } 
 .performance-miraeAcademy .contain ul li .right span { color: #000; color: var(--theme-color); } 
 .performance-miraeAcademy .contain .clear_total { display:flex; margin-top:20px; padding-top:20px; border-top: 1px solid #ddd; } 
 .performance-miraeAcademy .contain .clear_total .number { margin-right:auto; font-size: 22px; font-weight:700; color: rgba(0,0,0,0.78); } 
 .performance-miraeAcademy .contain .clear_total .total { margin-left:auto; font-size: 24px; font-weight:700; } 
 .performance-miraeAcademy .contain .clear_total .total span { color: #000; color: var(--theme-color); } 
 .performance-miraeAcademy .item >p { position:relative; margin-top:15px; padding-left:11px; font-size: 13px; color: #575651; line-height: 21px; } 
 .performance-miraeAcademy .item >p::before { content:''; display: block; position: absolute; left:0; top:9px; width:4px; height: 4px; background-color: #000; border-color: var(--theme-color); } 
 .performance-miraeAcademy .item >p b { color: var(--theme-color); color: var(--theme-color); } 









 /* 음원
 **********************************************/
 .sub-sound .sub-cont-title { padding-bottom: 16px; border-bottom: 2px solid #000; } 
 .sub-sound .nav { margin-top: 24px; } 
 .sub-sound .mp3 { display:flex; position:relative; align-content:stretch; } 
 .sub-sound .mp3 >li { flex-grow:1; text-align: center; } 
 .sub-sound .mp3 >li >a { display: block; padding:12px 0; font-size:16px; font-weight:700; color: rgba(0, 0, 0, 0.3); border-bottom: 3px solid #EEEEEE; } 
 .sub-sound .mp3 >li >a.active { color: #000; border-bottom: 3px solid #000; } 
 .sub-sound .mp3 li ul { clear:left; overflow:hidden; position: absolute; left: 0; top:130px; min-height:64px; margin: -10px 0 0 -12px; transform:translate(0, -50%); } 
 .sub-sound .mp3 li ul li { float: left; margin:10px 0 0 12px; } 
 .sub-sound .mp3 li ul li a { display: inline-block; padding:13px; font-size:13px; font-weight:700; color: rgba(0, 0, 0, 0.3); border: 1px solid #EEEEEE; border-radius: 21px; transition: all .3s ease; } 
 .sub-sound .mp3 li ul li a.active { color:#fff; border: 1px solid #000; background: #000; } 
 .sub-sound .book_list .clear { position:relative; margin-top:60px; text-align:center; } 
 .sub-sound .book_list .clear:first-child { margin-top: 19px; } 
 .sub-sound .book_list .clear figure { display: inline-block; margin: 0 59px; } 
 .sub-sound .book_list .clear figure img { display: block; } 
 .sub-sound .book_list .clear figure a { display: inline-block; width:210px; padding:11px 0; font-size:14px; font-weight:700; line-height: 26px; border: 2px solid #222; border-radius: 12px; transition: all .3s ease; } 
 .sub-sound .book_list .clear figure a:hover { color:#fff; background-color: #222; } 
 .sub-sound .book_list .clear i.bar { display:block; position: absolute; left: 50%; bottom:68px; width:826px; height:52px; margin-left:-413px; background: url(/images/sound_bar.png) no-repeat; } 
 .sub-sound .sound_list .target { margin-top: 150px; } 
 .sub-sound .sound_list .target .box { position:relative; min-height:280px; padding:20px 20px 20px 245px; border: 1px solid #eee; } 
 .sub-sound .sound_list .target .box .img { position: absolute; left: 20px; top:20px; width:190px; height: 240px; } 
 .sub-sound .sound_list .target .box .title { font-size: 32px; font-weight:700; color:#000; line-height: 44px; } 
 .sub-sound .sound_list .target .box dt { margin-top:20px; font-size: 14px; font-weight:700; color: rgba(0, 0, 0, 0.78); line-height: 1.4; } 
 .sub-sound .sound_list .target .box dd { margin-top:10px; font-size: 14px; color: rgba(0, 0, 0, 0.58); line-height: 1.4; } 
 .sub-sound .sound_list .target .box dt.dib,
 .sub-sound .sound_list .target .box dd.dib { margin-top: 50px; } 
 .sub-sound .sound_list .target .box .dib { display: inline-block; margin-right: 10px; } 
 /*.sub-sound .sound_list .target .list { display:flex; margin:40px 0 0 -2%; flex-wrap:wrap; justify-content: flex-start; } */
 .sub-sound .sound_list .target .list { display: flex; margin:40px 0 0 -2%; flex-direction: column; flex-wrap: wrap; align-content: space-around; } 
 .sub-sound .sound_list .target .list li { width:48%; margin-left: 2%; } 
 .sub-sound .sound_list .target .list li >a { display:flex; position:relative; height:52px; padding: 0 100px 0 142px; border-bottom: 1px solid #eee; align-items:center; cursor: default; } 
 .sub-sound .sound_list .target .list li:nth-child(1) >a,
 .sub-sound .sound_list .target .list li.line >a { border-top: 1px solid #000; } 
 .sub-sound .sound_list .target .list li >a span { font-size: 13px; color: rgba(0, 0, 0, 0.78); } 
 .sub-sound .sound_list .target .list li >a .subject:hover { text-decoration: underline; } 
 .sub-sound .sound_list .target .list li >a .playBtn { cursor: pointer; } 
 .sub-sound .sound_list .target .list li >a .num { position: absolute; left:16px; top:50%; margin-top: -11px; } 
 .sub-sound .sound_list .target .list li >a .play { display:block; position: absolute; left:62px; top:50%; width:24px; height:24px; margin-top: -12px; text-indent:-99999px; background: url(/images/ico_play2.png) no-repeat; outline: none; } 
 .sub-sound .sound_list .target .list li >a .play.play_start.on { background-position: -24px 0; } 
 .sub-sound .sound_list .target .list li >a .play.play_stop { background-position:-24px -24px; left: 86px; cursor: pointer; } 
 /*.sub-sound .sound_list .target .list li >a.active .play { background-position: 0 -24px; } */
 .sub-sound .sound_list .target .list li >a .icon { position: absolute; right:33px; top:50%; margin-top: -6px; } 
 .sub-sound .sound_list .target .list li >a .icon span { display: block; position: relative; } 
 .sub-sound .sound_list .target .list li >a .icon span i { display: block; position: absolute; top: 4px; width: 2px; height: 4px; background: #C4C4C4; } 
 .sub-sound .sound_list .target .list li >a .icon span i:nth-child(2) { top: 2px; left: 4px; height: 8px; } 
 .sub-sound .sound_list .target .list li >a .icon span i:nth-child(3) { top: 0; left: 8px; height: 12px; } 
 .sub-sound .sound_list .target .list li >a .icon span i:nth-child(4) { top: 2px; left: 12px; height: 8px; } 
 .sub-sound .sound_list .target .list li >a .icon span i:nth-child(5) { top: 4px; left: 16px; height: 4px; } 
 .sub-sound .sound_list .target .list li >a .icon.active span i { animation: sound-wave 1s infinite ease-in-out; } 
 .sub-sound .sound_list .target .list li >a .icon.active span i:nth-child(2) { animation: sound-wave2 1s infinite ease-in-out; height: 8px; animation-delay: 0.2s; } 
 .sub-sound .sound_list .target .list li >a .icon.active span i:nth-child(3) { animation: sound-wave3 1s infinite ease-in-out; height: 12px; animation-delay: 0.4s; } 
 .sub-sound .sound_list .target .list li >a .icon.active span i:nth-child(4) { animation: sound-wave2 1s infinite ease-in-out; height: 8px; animation-delay: 0.6s; } 
 .sub-sound .sound_list .target .list li >a .icon.active span i:nth-child(5) { animation: sound-wave 1s infinite ease-in-out; height: 4px; animation-delay: 0.8s; } 

 @keyframes sound-wave { 
 0% { top: 4px; height:4px; background:#ed1d24; } 
 25% { top: -4px; height:20px; background:#ed1d24; } 
 50% { top: 4px; height:4px; background:#ed1d24; } 
 100% { top: 4px; height:4px; background:#ed1d24; } 
 }
 @keyframes sound-wave2 { 
 0% { top: 2px; height:8px; background:#ed1d24; } 
 25% { top: -4px; height:20px; background:#ed1d24; } 
 50% { top: 2px; height:8px; background:#ed1d24; } 
 100% { top: 2px; height:8px; background:#ed1d24; } 
 }
 @keyframes sound-wave3 { 
 0% { top: 0; height:12px; background:#ed1d24; } 
 25% { top: -4px; height:20px; background:#ed1d24; } 
 50% { top: 0; height:12px; background:#ed1d24; } 
 100% { top: 0; height:12px; background:#ed1d24; } 
 }




 /* 메인 스킨2
 **********************************************/
 .header-type2 .header-inner { max-width: 1232px; margin: 0 auto; padding: 0 16px; } 
 .footer-type2 .footer-inner { max-width: 1232px; padding: 0 16px; } 
 #main.main-container2 { padding-bottom: 64px; } 
 #main.main-container2 .main-title { margin: 0; padding: 0 0 16px; font-weight: bold; font-size: 20px; border-top: none; } 
 #main.main-container2 .more { top: 0; right: 0; } 
 .main-banner2 { width:100%; max-height: 160px; margin-bottom: 24px; border-radius: 8px; overflow: hidden; } 
 .main-banner2 .mainBnr, .main-banner2 .swiper-wrapper { height: auto; } 
 .main-banner2 .swiper-slide a { position:relative; } 
 .main-banner2 .swiper-slide a::after { display:block; content:''; width:100%; height:100%; position: absolute; top: 0; left: 0; border: 1px solid #D8D8D8; border-radius: 8px; pointer-events: none; } 
 .main-banner2 .swiper-slide img { width: 100%; height: auto; max-height: 160px; /*border: 1px solid #D8D8D8; */box-sizing: border-box; border-radius: 8px; object-fit: cover; overflow: hidden; } 
 .main-banner2 .swiper-slide img.bnr_pc { display: block; } 
 .main-banner2 .swiper-slide img.bnr_mobile { display: none; } 
 .main-banner2 .swiper-control { position: absolute; bottom: 0; right: 56px; display: flex; height: 48px; padding: 0 16px; background: #fff; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 16px 16px 0px 0px; z-index: 1; } 
 .main-banner2 .swiper-button-wrap { margin: 15px 20px; } 
 .main-banner2 .swiper-button { position: relative; top: auto; left: auto; right: auto; display: inline-block; width: 9px; height: 15px; cursor: pointer; } 
 .main-banner2 .swiper-button::after { display: none; } 
 .main-banner2 .swiper-button-next1 { background: url("/images/ico_next.png") no-repeat 0 0; margin-left: 24px; } 
 .main-banner2 .swiper-button-next1::before { display: inline-block; content:''; position: absolute; left: -14px; top: 3px; width: 1px; height: 10px; background: rgba(0, 0, 0, 0.2); } 
 .main-banner2 .swiper-button-prev1 { background: url("/images/ico_prev.png") no-repeat 0 0; } 
 .main-banner2 .swiper-move-wrap { position: relative; width: 32px; height: 32px; margin-top: 8px; background: #fff; } 
 .main-banner2 .swiper-move { position: relative; display: none; width: 32px; height: 32px; font-size: 0; text-indent: -999px; cursor: pointer; } 
 .main-banner2 .swiper-move.on { display: block; } 
 .main-banner2 .swiper-button-play { background: url("/images/ico_play.png") no-repeat 0 0; } 
 .main-banner2 .swiper-button-pause { background: url("/images/ico_pause.png") no-repeat 0 0; } 
 .main-banner2 .swiper-pagination { position: relative; bottom: auto; left: auto; display: inline-block; width: auto; color: rgba(0, 0, 0, 0.58); line-height: 48px; font-size: 13px; } 
 .main-banner2 .swiper-pagination .swiper-pagination-current { font-weight: bold; } 
 .main-banner2 .swiper-pagination .swiper-pagination-total { color: rgba(0, 0, 0, 0.3); } 
 .main-live-lecture2 .later_live { margin-bottom: 32px; } 
 .main-live-lecture2 .live_lecure { max-width: 100%; } 
 .main-live-lecture2 .live_lecure .now_live .now_live_list { height: auto; } 
 .main-subject2 .subject-list { display: flex; flex-wrap: wrap; justify-content: space-between; } 
 .subject-list li { flex: 1 1 12.5%; position: relative; top: 0; height: 162px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 12px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .subject-list li:nth-child(7n), .subject-list li:last-child { margin-right:0; } 
 .subject-list li:hover { top: -10px; border: 1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .subject-list li .subject b { font-size: 18px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; } 
 .subject-list li span { color: #383838; color: var(--theme-color); font-weight: bold; font-size: 12px; } 
 .subject-list li a { display: block; width: 100%; height: 100%; padding: 24px; background-repeat: no-repeat; background-position: right 24px bottom 24px; } 
 .subject-list li.subject-korean a { background-image: url("/images/ico_subject_korean.png"); } 
 .subject-list li.subject-math a { background-image: url("/images/ico_subject_math.png"); } 
 .subject-list li.subject-english a { background-image: url("/images/ico_subject_english.png"); } 
 .subject-list li.subject-social a { background-image: url("/images/ico_subject_social.png"); } 
 .subject-list li.subject-science a { background-image: url("/images/ico_subject_science.png"); } 
 .subject-list li.subject-essay a { background-image: url("/images/ico_subject_essay.png"); } 
 .subject-list li.subject-etc a { background-image: url("/images/ico_subject_etc.png"); } 
 .subject-list li .subject i.new { margin-left: 4px; } 
 .main-notice2 { display: flex; justify-content: space-between; margin-top: 14px; } 
 .main-notice2 .notice-banner-left { display: flex; justify-content: space-between; width: 49%; } 
 .card-bnr-slide { position: relative; width: 280px; height: 373px; margin-right: 16px; border-radius: 8px; overflow: hidden; transition: .2s border, box-shadow ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .card-bnr-slide .swiper-slide { width: 280px; height: 373px; } 
 .card-bnr-slide .swiper-slide a { display: block; width: 100%; height: 100%; } 
 .card-bnr-slide .swiper-control { position: absolute; bottom: 36px; left: 32px; } 
 .card-bnr-slide .swiper-control .swiper-pagination { position: absolute; bottom: 42px; left: 0; display: inline-block; width: auto; padding: 2px 8px; color:#fff; font-size: 13px; text-align: left; } 
 .card-bnr-slide .swiper-control .swiper-pagination::after { display:inline-block; content:''; position: absolute; top: 0; left: 0; width: -webkit-fill-available; min-width: 100%; min-width: -moz-available; min-width: -webkit-fill-available; min-width: fill-available; height: 26px; background: rgba(0, 0, 0, 0.12); border-radius: 4px; z-index: -1; } 
 .card-bnr-slide .swiper-control .swiper-pagination .swiper-pagination-current { margin-right: 2px; font-weight: bold; } 
 .card-bnr-slide .swiper-control .swiper-pagination .swiper-pagination-total { margin-left: 2px; color: rgba(255, 255, 255, 0.58); } 
 .card-bnr-slide .swiper-control .swiper-button-wrap { position: relative; z-index: 1; } 
 .card-bnr-slide .swiper-control .swiper-button-wrap::after { display:inline-block; content:''; position: absolute; bottom: 0; left: 0; width:76px; height: 40px; background: rgba(0, 0, 0, 0.12); border-radius: 4px; z-index: -1; } 
 .card-bnr-slide .swiper-control .swiper-button { position: relative; top: auto; left: 4px; bottom:-1px; right: auto; display: inline-block; width: 32px; height: 32px; background: url("/images/ico_arrow_box.png") no-repeat 0 0; cursor: pointer; } 
 .card-bnr-slide .swiper-control .swiper-button::after { display: none; } 
 .card-bnr-slide .swiper-control .swiper-button.swiper-button-next2 { margin-left: 1px; background-position: 0 -32px; } 
 .card-bnr-slide .swiper-slide .bnr-notice-img { width: 100%; height: auto; border-radius: 8px; object-fit: contain; image-rendering: -webkit-optimize-contrast; overflow: hidden; } 
 .card-bnr-slide .swiper-slide .cardBnr-list { width: 100%; height: 100%; border-radius: 8px; overflow: hidden; } 
 .card-bnr-slide .swiper-slide .cardBnr-list a::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 8px; overflow: hidden; z-index: 1; } 
 .cardBnr-list.bnr-reserv-A .bnr-img img { position: absolute; top: 50%; transform: translateY(-50%); height: auto; min-height: 158px; object-fit: cover; border-radius: 0 0 8px 8px; } 

 .cardBnr-list .bnr-text .date { display: block; margin-top: 8px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 


 .bnr-notice-txt a::after, .bnr-schedule-txt a::after { position: absolute; bottom: -50px; right: 21px; display: block; content: ''; width: 48px; height: 48px; border-radius: 50%; background: #383838; background: var(--theme-color); opacity: 0.4; transition: 0.2s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .bnr-notice-txt a:hover::after, .bnr-schedule-txt a:hover::after { bottom: 21px; } 

 .bnr-schedule .schedule-schyear { display: block; margin-top: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.58); } 
 .bnr-schedule .schedule-open-date { display: inline-block; font-size: 12px; margin-top:4px; } 
 .bnr-schedule .schedule-open-date .t { margin-right: 10px; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .bnr-schedule .schedule-open-date .d { color: rgba(0, 0, 0, 0.58); } 


 /*.card-bnr-slide:hover { box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px.main-notice .inner-xxl 0px 1px rgba(68, 68, 68, 0.31); } 
 .card-bnr-slide:hover .swiper-slide img { border: 1px solid #383838; border: 1px solid var(--theme-color); } */
 .main-notice2 .notice-banner-left .card-bnr-fix { flex-grow: 1; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div { position: relative; height: 178px; padding: 32px 16px 16px 32px; border: 1px solid #D8D8D8; border-radius: 8px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div:hover { border: 1px solid #383838; border: 1px solid var(--theme-color); box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div a { display: block; width: 100%; height: 100%; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div strong { font-weight: bold; font-size: 18px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix > div span { display: block; margin-top: 8px; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-schedule, .main-notice2 .notice-banner-left .card-bnr-fix .card-lecturer { margin-bottom: 17px; background: #FFF; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-schedule a { background: url("/images/ico_schedule2.png") no-repeat right 1px bottom; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-lecturer a { background: url("/images/ico_lecturer_2x.png") no-repeat right 5px bottom; background-size:103px 70px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-schedule i.new2 { margin-left: 8px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-reservation { background: #f5f5f5; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-reservation a { background: url("/images/ico_reservation2.png") no-repeat right 1px bottom; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt { position: absolute; top: -5px; right: 24px; display: inline-block; width: 32px; height: 28px; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt svg path { fill: var(--theme-color);; } 
 .main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt i { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; padding-right: 1px; font-style: normal; font-weight: bold; font-size: 12px; color: #fff; z-index: 1; } 
 .main-notice2 .notice-board-right { position: relative; width: 49%; } 
 .main-notice2 .notice-board-right h3 { border-bottom: 1px solid #000; } 
 .main-notice2 .notice-board-right .board-list li a { padding:0; height: 100%; } 
 .main-board-contents .board-list { height: 335px; } 
 .main-board-contents .board-list li { height:20%; } 
 .main-board-contents .board-list li .subject { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding-right:0; font-size: 14px; } 
 .main-board-contents .board-list li .subject span { vertical-align: middle; } 
 .main-board-contents .board-list li .subject span + strong { max-width: 75%; } 
 .main-board-contents .board-list li .subject strong { max-width: 80%; font-weight: normal; vertical-align: middle; } 
 .main-board-contents .board-list li .subject i.new { vertical-align: text-top; } 
 .main-board-contents .board-list .empty { position: relative; } 
 .main-board-contents .board-list .empty p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } 
 .main-map2 { margin-top: 32px; } 
 .main-map2 .map-cont { width: 100%; height: 480px; background: #f4f4f4; border: 1px solid #D8D8D8; border-radius: 12px; overflow: hidden; } 
 .main-map2 .map-control { bottom: 24px; } 
 i.new { display: inline-block; width: 22px; height: 22px;; border-radius: 4px; vertical-align: top; font-size: 0; background: url("/images/ico_new.png") no-repeat center; background-color: #383838; background-color: var(--theme-color); } 
 i.new2 { position: relative; display: inline-block; width: 22px; height: 22px; border-radius: 4px; vertical-align: top; font-size: 0; background: url("/images/ico_new2.png") no-repeat top 2px left 2px; background-color: #383838; background-color: var(--theme-color) } 

 /* 메인 스킨 4 */
 .main-subject-grade .subject-list li:nth-child(7n+1) a { background-image: url("/images/ico_subject_korean.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+2) a { background-image: url("/images/ico_subject_math.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+3) a { background-image: url("/images/ico_subject_english.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+4) a { background-image: url("/images/ico_subject_social.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+5) a { background-image: url("/images/ico_subject_science.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+6) a { background-image: url("/images/ico_subject_essay.png"); } 
 .main-subject-grade .subject-list li:nth-child(7n+7) a { background-image: url("/images/ico_subject_etc.png"); } 


 /* 탭 게시판 */
 .main-notice3 .main-notice-wrap { margin-top: 48px; } 
 .main-notice3 .main-notice-wrap i.new { width: 16px; height: 16px; margin-top: 2px; margin-left: 4px; background-position-y: 3px; } 
 .main-notice3 .inner { padding: 0; } 
 .main-notice3 .notice-board-center100 { width: 100%; } 
 #main .main-notice3 .notice-board-center100 h3 { font-size:28px; text-align: center; padding-bottom: 0; } 
 .main-notice3 .notice-board-center100 .desc { font-size: 13px; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.58); } 
 .main-notice3 .main-board-contents { padding-top: 28px; } 
 .main-board-contents .main-tab-btns { display: flex; margin-bottom: 28px; } 
 .main-board-contents .main-tab-btns a { display: flex; height: 42px; justify-content: center; align-items: center; font-size: 14px; font-weight:700; color: rgba(0,0,0,.3); border-bottom: 3px solid #ddd; width: 100%; } 
 .main-board-contents .main-tab-btns a.active { border-bottom-color: var(--theme-color); color: var(--theme-color); } 


 /* 공지 3개 */
 .main-notice4 { margin-bottom: 48px; } 
 .main-notice4 .notice-board33 { } 
 #main.main-container2 .main-notice4 .inner { padding: 0; } 
 .main-notice4 i.new { width: 16px; height: 16px; margin-top: -2px; margin-left: 4px; background-position-y: 3px; vertical-align:middle; flex:none; } 
 .main-notice4.notice33 .main-notice-wrap { margin-top: 24px; display: flex; } 
 .main-notice4 .notice-board33 { width: 100%; padding-left: 32px; } 
 .main-notice4 .notice-board33:first-child { padding: 0; } 
 .main-notice4 .main-title { border-top: none; padding-bottom: 16px; margin-bottom: 0; } 
 #main.main-container2 .main-notice4 .main-title { padding-top: 16px; } 
 #main .main-notice4 .main-title + .more { top: 12px; } 

 .main-notice4 .main-board-list li { } 
 .main-notice4 .main-board-list li a { border-bottom: 1px solid #eee; display: block; height: 67px; display:flex; position: relative; } 
 .main-notice4 .main-board-list li a .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .main-notice4.notice33 .notice-board33 .main-board-contents .main-board-list li .subject { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display:flex; align-items: center; max-width: calc(100% - 120px); } 
 .main-notice4.notice33 .notice-board33 .main-board-contents .main-board-list li .subject span { font-weight: 700; color: var(--theme-color); margin-right: 8px; flex: none; } 
 .main-notice4.notice33 .notice-board33 .main-board-contents .main-board-list li .subject strong { font-size: 14px; font-weight: 400; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
 .main-notice4 .notice-board33 { position: relative; } 
 .main-notice4 .main-board-contents .main-board-list { min-height: 67px; height: auto; } 
 .main-notice4 .main-board-contents .main-board-list.auto-height li { } 
 .main-notice4 .notice-board33 h3 { border-bottom: 1px solid #000; } 
 .main-notice4 .notice-board33 .board-list li a { padding:0; height: 100%; } 
 .main-notice4 .empty { height: 64px; position: relative; width: 100%; border-bottom: 1px solid #eee; } 
 .main-notice4 .empty p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; } 


 .main-board-contents .main-tab-slide.swiper-container { overflow: visible; } 
 .main-board-contents .main-tab-panels { max-width: 1200px; margin: 0 auto; position:relative; } 
 .main-board-contents .main-tab-panels .panel .empty { position: relative; height: 202px !important; width: 100%; border-bottom: 1px solid #ddd; } 
 .main-board-contents .main-tab-panels .panel .empty p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding-top: 60px; text-align: center; } 
 .main-board-contents .main-tab-panels .panel .empty p::after { content: ""; display:block; margin: 0 auto; background: url(/images/ico_emptyFolder_2x.png) no-repeat center / 46px 42px; width: 46px; height: 42px; margin-top:16px; } /* 공지없음 아이콘 */

 .main-board-contents .main-tab-panels .panel { display: none; } 
 .main-board-contents .main-tab-panels .panel.active { display: flex; } 
 .main-board-contents .main-tab-panels .panel li { /*width: calc(20% - 13px); */ /*margin-left: 16px; */ width: 227px !important; } 
 .main-board-contents .main-tab-panels .panel li:first-child { /* margin-left: 0; */ } 
 .main-board-contents .main-tab-panels .panel .img-box { padding: 19px; border-radius: 8px; border: 1px solid #D8D8D8; transition: all 0.3s; } 
 .main-board-contents .main-tab-panels .panel .img-box span { border-radius: 8px; overflow: hidden; display:block; /* padding-bottom: 99%; */ padding-bottom: 187px; background-repeat: no-repeat; background-position: center; background-size: cover; } 
 .main-board-contents .main-tab-panels .panel .img-box span.no-img { background: url(/images/no_img2_2x.png) no-repeat center / 64px 79px; background-color: #F7F7F7; border: 1px solid #EEEEEE; } 
 .main-board-contents .main-tab-panels .panel .img-box span img { max-width:none; } 
 .main-board-contents .main-tab-panels .panel li:hover .img-box { border-color: var(--theme-color); box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0.16); } 
 .main-board-contents .main-tab-panels .panel .txt-box { display: flex; flex-direction: column; } 
 .main-board-contents .main-tab-panels .panel .txt-box .tab-name:empty { display:none; } 
 .main-board-contents .main-tab-panels .panel .txt-box span { display: block; letter-spacing: -1px; max-height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; margin-top:4px; } 
 .main-board-contents .main-tab-panels .panel .txt-box .tab-name { font-size: 13px; font-weight: 700; color: var(--theme-color); margin-top:16px; } 
 .main-board-contents .main-tab-panels .panel .txt-box .post-sub { font-size: 14px; color: rgba(0, 0, 0, 0.78); margin-top: 4px; } 
 .main-board-contents .main-tab-panels .panel .txt-box .tab-name:empty + .post-sub { margin-top: 8px; } 
 .main-board-contents .main-tab-panels .panel .txt-box .date { font-size: 12px; color: rgba(0, 0, 0, 0.38); margin-top: auto; } 
 .main-board-contents .main-tab-panels .panel .txt-box .date:empty { display:none; } 

 /* 탭 게시판 카드 스킨 */
 #main .main-notice3.card-skin { margin-bottom: 48px; } 
 #main .main-notice3.card-skin .main-title { border-top: none; margin-bottom: 0; } 



 /* 게이트웨이 공통
 **********************************************/
 #mswitchGate { overflow: hidden; } 
 #mswitchGate .logo-pc { display: inline-block; } 
 #mswitchGate .logo-mobile { display: none; } 
 #mswitchGate .inner-xxl { max-width: 1232px; padding: 0 16px; } 
 #mswitchGate .gate-wrap { width: 100%; min-height: 100vh; } 

 .gate-logo { padding-top: 70px; } 
 .gate-logo h1 { display: inline-block; } 
 .gate-logo a { display: block; } 
 .gate-logo a img { vertical-align: middle; } 
 .gate-logo a .campus-nm { display: inline-block; margin-left: 8px; vertical-align: middle; font-size: 15px; } 
 .gate-logo > span { display: inline-block; margin-left: 8px; color: #FFF; } 
 .brand-slogan { margin-top: 64px; font-size: 56px; line-height: 116%; color: #fff; } 
 .brand-slogan > p { font-weight: 100; } 
 .brand-slogan .typing { height: 75px; font-weight: bold; } 
 .brand-slogan .typing .text { display: inline-block; height: 75px; vertical-align: middle; } 
 #caret, #caret2, #caret3, #caret4, #caret5 { position: relative; top: 6px; display: inline-block; width: 4px; height: 50px; background: #157739; animation-name: cursor; animation-duration: 0.5s; animation-iteration-count: infinite; } 
 #caret2, #caret3 { top: 5px; } 
 #caret.hide, #caret2.hide, #caret3.hide { display: none; } 
 @keyframes cursor { to { opacity: 0; } 
 
 }
 .gate-list-wrap { position: relative; margin-top: 115px; z-index: 1; } 
 .gate-list { margin-left: -13px; } 
 .gate-list::after { display: block; content: ''; clear: both; } 
 .gate-list > li.gate { float: left; } 
 .gate-list > li.gate > a { display: block; margin-bottom: 14px; padding-left: 13px; } 
 .gate-list > li.gate > a > div { position: relative; height: 230px; padding: 32px 20px 24px; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; border-radius: 12px; } 
 .gate-list > li.gate > a h3 { font-weight: bold; font-size: 18px; line-height: 120%; letter-spacing: -1px; color: #FFF; } 
 .gate-list > li.gate > a span { display: inline-block; margin-top: 4px; font-size: 14px; letter-spacing: -1px; color: #FFF; } 
 .gate-list > li.gate > a i.icon { display: inline-block; vertical-align: middle; } 
 .gate-list > li.gate > a i.arrowRound { position: absolute; right: 20px; bottom: 24px; width: 36px; height: 36px; background-image: url("/images/gate_arrow_2x.png"); background-repeat: no-repeat; background-size: 36px 36px; transition: 0.2s; z-index: 1; } 
 .gate-list > li.gate:hover i.arrowRound { background-image: url("/images/gate_arrow_active_2x.png"); } 
 .gate-list > li.focus { position: absolute; top: -18px; left: -71px; width: 370px; height: 782px; background: url("/images/gate_list_interaction2.png") no-repeat 0 0; transition: all .3s ease-in-out; z-index: -1; } 
 .gate-footer { position: relative; padding: 24px 0; z-index: 1; } 
 .gate-list > li.gate.gate_mirae_main {  }
 .gate-list > li.gate.gate_mirae_main a { position: relative; }
 .gate-list > li.gate.gate_mirae_main a::after { content:''; position: absolute; right: 20px; bottom: 1px; display: block; width: 102px; height: 145px; background: url(https://dh.mirae-academy.co.kr/ariimg/etc/mirae/ico_brand_tree.png) no-repeat; background-position: center top; background-size: 100%; pointer-events: none; }
 .gate-list > li.gate.gate_mirae_main a:hover::after { background-position: center bottom; }
 .gate-list > li.gate.gate_mirae_main a > div { transition: 0.2s; }
 .gate-list > li.gate.gate_mirae_main a:hover > div { background: #5BDD8D; }
 .gate-list > li.gate.gate_mirae_main .ico_landing_arrow { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
 .gate-footer .addr { font-weight: 500; font-size: 13px; line-height: 160%; color: #FFF; background: url("/images/ico_location_white_2x.png") no-repeat left top 1px; background-size: 11px 16px; } 
 .gate-footer .addr span::before { display: inline-block; content: ''; position: relative; top:1px; width: 1px; height: 12px; margin:0 8px; background-color: #fff; } 
 .gate-footer .addr span:first-child { padding-left: 19px; } 
 .gate-footer .addr span:first-child::before { display: none; } 
 .gate-footer .copyright { margin-top: 12px; font-weight: bold; font-size: 12px; line-height: 160%; color: rgba(255, 255, 255, 0.58); } 


/* 게이트 - 미래탐구 */
.gate-mirae { background: linear-gradient(104.04deg, #4FCF82 0%, #179A5D 100%); } 
.gate-mirae .gate-contents { padding-bottom: 120px; } 
.gate-mirae .gate-graphic { position: absolute; top: 120px; right: -340px; } 
.gate-mirae .campus-nm { margin-top: 22px; padding: 3px 11px 3px 10px; background-color: #fff; border-radius: 4px; color: #38AF71; } 
.gate-mirae .gate-logo > span { position: relative; top: 12px; } 
.gate-mirae .gate-list > li.gate { width: 20%; } 
.gate-mirae .gate-list > li.gate:nth-child(5n+2):hover ~ li.focus { left: 14.3%; } 
.gate-mirae .gate-list > li.gate:nth-child(5n+3):hover ~ li.focus { left: 34.5%; } 
.gate-mirae .gate-list > li.gate:nth-child(5n+4):hover ~ li.focus { left: 54.7%; } 
.gate-mirae .gate-list > li.gate:nth-child(5n+5):hover ~ li.focus { left: 74.9%; } 
.gate-mirae .gate-footer { position: absolute; bottom: 12px; left: 0; width: 100%; } 

/* 게이트 - 미래탐구 하이스트 */
.gate-miraehist .gate-graphic { position: absolute; top: 260px; left: 280px; } 
.gate-miraehist { background: linear-gradient(104.04deg, #4FCF82 0%, #179A5D 100%); } 
.gate-miraehist .gate-contents { padding-bottom: 120px; } 
.gate-miraehist .gate-graphic { position: absolute; top: 250px; left: 250px; width: 62%; } 
.gate-miraehist .campus-nm { margin-top: 22px; padding: 3px 11px 3px 10px; background-color: #fff; border-radius: 4px; color: #38AF71; } 
.gate-miraehist .gate-logo > span { position: relative; top: 12px; } 
.gate-miraehist .gate-list { display: flex; justify-content: flex-start; } 
.gate-miraehist .gate-list > li.gate:nth-child(5n+2):hover ~ li.focus { left: 14.3%; } 
.gate-miraehist .gate-list > li.gate:nth-child(5n+3):hover ~ li.focus { left: 34.5%; } 
.gate-miraehist .gate-list > li.gate:nth-child(5n+4):hover ~ li.focus { left: 54.7%; } 
.gate-miraehist .gate-list > li.gate:nth-child(5n+5):hover ~ li.focus { left: 74.9%; } 
.gate-miraehist .gate-footer { position: absolute; bottom: 12px; left: 0; width: 100%; } 

.gate-miraehist .gate-list > li.gate > a span { line-height: 1.6; } 
.gate-miraehist .gate-list > li.gate > a > div { width: 229px; } 

.gate-miraehist .brand-wrap { position: relative; z-index: 1; display: flex; justify-content: space-between; } 
.gate-miraehist .brand-wrap .brand-slogan img.shape-x { width: 64px; object-fit: contain; margin-right: 68px; } 
.gate-miraehist .brand-wrap .brand-slogan.right { display: flex; flex-direction: column; align-items: end; } 
.gate-miraehist .brand-slogan .typing .text:first-child { margin-left: 0; } 
.gate-miraehist .brand-slogan .typing { transition: none; opacity: 0; } 
.gate-miraehist .brand-wrap .focus { position: absolute; top: 69%; left: -63px; width: 370px; height: 782px; background: url(/images/gate_list_interaction2.png) no-repeat 0 0; transition: all .3s ease-in-out; z-index: -1; } 
.gate-miraehist .brand-wrap .brand-slogan.line { position: relative; flex: 1; } 
.gate-miraehist .brand-wrap .brand-slogan.line .deco_line { position: absolute; top: 97%; left: -10px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.5); } 

/* 게이트 소마 & 하이스트 */
.gate-somahist { background: linear-gradient(65deg, rgba(105,169,82,1) 0%, rgba(144,168,77,1) 11%, rgba(231,166,66,1) 33%, rgba(223,62,55,1) 79%, rgba(221,37,52,1) 100%); } 
.gate-somahist .gate-box { padding-bottom: 156px; } 
.gate-somahist .gate-box .gate-list-box { display: flex; } 
.gate-somahist .gate-item .gate-list > li.gate { width: 230px; } 
.gate-somahist .gate-item .campus-nm { display: inline-block; background-color: #fff; color: #dda643; padding: 3px 8px 4px 7px; border-radius: 4px; vertical-align: middle; margin-left: 8px; } 
.gate-somahist .gate-item { line-height: normal; position: relative; width: 50%; } 
.gate-somahist .gate-item .gate-list-wrap { margin-top: 64px; } 
.gate-somahist .gate-item .gate-list > li.gate > a > div { transition: all 0.3s; } 
.gate-somahist .gate-item .gate-list > li.gate:hover > a > div { border-color: #fff; } 
.gate-somahist .gate-item .brand-slogan { font-size: 46px; } 
.gate-somahist .gate-item .brand-slogan .typing { font-weight: 100; height: 54px; opacity: 0; } 
.gate-somahist .gate-item .brand-slogan .typing + div { font-weight: 700; opacity: 0; position: relative; top: -52px; } 
.gate-somahist .gate-logo > span { font-weight: 400; } 
.gate-somahist .gate-list > li.gate > a h3 { font-weight: 500; } 
.gate-somahist .gate-list > li.gate > a span { font-weight: 100; } 
.gate-somahist .gate-list > li.focus { display: none; } 

.gate-somahist .soma-gate.gate-item .gate-logo { margin-top: 24px; } 
.gate-somahist .soma-gate.gate-item .gate-logo a img { width: 106px; height: 25px; } 
.gate-somahist .soma-gate.gate-item .gate-list > li.gate:hover i.arrowRound { background-image: url("/images/gate_soma_arrow_active_2x.png"); } 
.gate-somahist .soma-gate.gate-item .gate-graphic { position: absolute; left: 40%; margin-top: 160px; } 
.gate-somahist .soma-gate.gate-item .gate-list > li.gate > a h3 span { margin-left: 8px; } 
.gate-somahist .soma-gate.gate-item #caret2 { background-color: #9CCA85; } 

.gate-somahist .highest-gate.gate-item .brand-slogan .typing + div { opacity: 1; } 
.gate-somahist .highest-gate.gate-item { position: static; } 
.gate-somahist .highest-gate.gate-item .gate-logo a img { width: 147px; height: 52px; vertical-align: middle; } 
.gate-somahist .highest-gate.gate-item .campus-nm { vertical-align: bottom; color: #df3e37; } 
.gate-somahist .highest-gate.gate-item .gate-logo > span { vertical-align: middle; margin-top: 23px; } 
.gate-somahist .highest-gate.gate-item .gate-list > li.gate:hover i.arrowRound { background-image: url("/images/gate_highest_arrow_active_2x.png"); } 
.gate-somahist .highest-gate.gate-item .gate-list > li.gate > a h3 span { margin-left: 8px; } 
.gate-somahist .highest-gate.gate-item #caret3 { background-color: #B93B3E; } 
.gate-somahist .highest-gate.gate-item .gate-graphic { position: absolute; left: 6%; margin-top: -151px; width: 1439px; } 

.gate-somahist .gate-footer { position: absolute; bottom: 56px; left: 0; width: 100%; } 
.gate-somahist .gate-footer .copyright { font-weight: 400; } 

/* 게이트 소마 & 미래탐구 */
.gate-somamirae { background: linear-gradient(75.96deg, #FABE65 0%, #DD962B 23.93%, #44C47B 59.37%, #179A5D 93.75%); } 
.gate-somamirae .gate-box { padding-bottom: 156px; } 
.gate-somamirae .gate-box .gate-list-box { display: flex; } 
.gate-somamirae .gate-item .gate-list > li.gate { width: 230px; } 
.gate-somamirae .gate-item .campus-nm { display: inline-block; background-color: #fff; color: #dda643; padding: 3px 8px 4px 7px; border-radius: 4px; vertical-align: middle; margin-left: 8px; } 
.gate-somamirae .gate-item { line-height: normal; position: relative; width: 50%; } 
.gate-somamirae .gate-item .gate-list-wrap { margin-top: 64px; } 
.gate-somamirae .gate-item .gate-list > li.gate > a > div { transition: all 0.3s; } 
.gate-somamirae .gate-item .gate-list > li.gate:hover > a > div { border-color: #fff; } 
.gate-somamirae .gate-item .brand-slogan { font-size: 46px; } 
.gate-somamirae .gate-item .brand-slogan .typing { font-weight: 100; height: 54px; opacity: 0; } 
.gate-somamirae .gate-item .brand-slogan .typing + div { font-weight: 700; opacity: 0; position: relative; top: -52px; } 
.gate-somamirae .gate-logo > span { font-weight: 400; } 
.gate-somamirae .gate-list > li.gate > a h3 { font-weight: 500; } 
.gate-somamirae .gate-list > li.gate > a span { font-weight: 100; } 
.gate-somamirae .gate-list > li.focus { display: none; } 

.gate-somamirae .soma-gate.gate-item .gate-logo { margin-top: 24px; } 
.gate-somamirae .soma-gate.gate-item .gate-logo a img { width: 106px; height: 25px; } 
.gate-somamirae .soma-gate.gate-item .gate-list > li.gate:hover i.arrowRound { background-image: url("/images/gate_soma_arrow_active_2x.png"); } 
.gate-somamirae .soma-gate.gate-item .gate-graphic { position: absolute; left: 40%; margin-top: 160px; } 
.gate-somamirae .soma-gate.gate-item .gate-list > li.gate > a h3 span { margin-left: 8px; } 
.gate-somamirae .soma-gate.gate-item #caret2 { background-color: #9CCA85; } 

.gate-somamirae .mirae-gate.gate-item .brand-slogan .typing + div { opacity: 1; } 
.gate-somamirae .mirae-gate.gate-item { position: static; } 
.gate-somamirae .mirae-gate.gate-item .gate-logo a img { width: 95px; height: 54px; vertical-align: middle; } 
.gate-somamirae .mirae-gate.gate-item .campus-nm { vertical-align: bottom; color: #38AF71; } 
.gate-somamirae .mirae-gate.gate-item .gate-logo > span { vertical-align: middle; margin-top: 23px; } 
.gate-somamirae .mirae-gate.gate-item .gate-list > li.gate:hover i.arrowRound { background-image: url("/images/gate_highest_arrow_active_2x.png"); } 
.gate-somamirae .mirae-gate.gate-item .gate-list > li.gate > a h3 span { margin-left: 8px; } 
.gate-somamirae .mirae-gate.gate-item #caret3 { background-color: #157739; } 
.gate-somamirae .mirae-gate.gate-item .gate-graphic { position: absolute; left: 48%; margin-top: -98px; width: 999px; height: 670px; } 

.gate-somamirae .gate-footer { position: absolute; bottom: 56px; left: 0; width: 100%; } 
.gate-somamirae .gate-footer .copyright { font-weight: 400; } 

/* 게이트 리뉴얼 (250501) */
.campus-nm-wrap { position: relative; margin-top: 36px; margin-left: 12px; padding-bottom: 4px; cursor: pointer; }
#header .campus-nm-wrap { margin-top: 26px; }
.campus-nm-wrap .campus-nm { display: inline-block; margin-top: 0 !important; padding: 7px 11px 7px 10px !important; height: 38px; border-radius: 8px; border: 1px solid #EEEEEE; }
.campus-nm-wrap .campus-nm-list { position: absolute; left:0; top: 42px; display: none; flex-wrap: wrap; width: 320px; background: #fff; box-shadow: 0 10px 10px #4444440F; border: 1px solid #D8D8D8; border-radius: 8px; z-index: 10; overflow: hidden; }
@media screen and (min-width: 1025px){
	.campus-nm-wrap:hover .campus-nm-list { display: flex; }	
}
.campus-nm-wrap .campus-nm-list a { display:flex; justify-content: center; align-items: center; width: 50%; height: 64px; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-size: 15px; font-weight: 400; color: #000000C7; transition: background 0.2s; }
.campus-nm-wrap .campus-nm-list a:hover { background: #F1F4F1; }
.campus-nm-wrap .campus-nm-list a:active { background: #F7F7F7; }
.campus-nm-wrap .campus-nm-list a:nth-child(even){ border-right: none; }
.campus-nm-wrap .campus-nm-list a.active span { position: relative; line-height: 100%; }
.campus-nm-wrap .campus-nm-list a.active span::after { content:''; position: absolute; top:0; right: -10px; display: block; width: 6px; height: 6px; border-radius: 6px; background: var(--theme-color); }
.campus-nm-list .campus-brand-url { width: 100%; }
.campus-nm-list .campus-brand-url a { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; background: #EEF3F1; font-family: "GmarketSans"; font-size: 14px; }
.campus-nm-list .campus-brand-url a span { padding-top: 4px; }

.campus-nm-list.active { display: flex !important; }

.gate-mirae-rnw .gate-logo > span { top: unset; padding-top: 32px; }
.gate-mirae-rnw .gate-list-wrap { margin-top: 32px; }
.gate-mirae-rnw.gate-mirae .gate-contents { display: flex; width: 100%; align-items: center; min-height: 100vh; }
#mswitchGate .gate-mirae-rnw .inner-xxl { width: 100%; padding-bottom: 120px; }



/* 페이지 준비중 */
.gate-ready { position: relative; display: block; width: 100%; height: 100vh; } 
.gate-ready .layer_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.gate-ready .layer_bg_01 { background-color: var(--theme-color); } 
.gate-ready .layer_bg_02 { background: linear-gradient(104.04deg, #D9D9D9 0%, #555555 100%); mix-blend-mode: soft-light; } 
.gate-ready .layer_bg_03 { background: linear-gradient(104.04deg, #D9D9D9 0%, #555555 100%); opacity: 0.1; } 

.gate-ready .gate-ready-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px); height: calc(100% - 32px); max-width: 750px; max-height: 667px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; padding: 48px 0 116px; box-shadow: 0px 0px 1px 0px #4444444F; box-shadow: 0px 18px 18px 0px #4444440F; border-radius: 16px; } 
.gate-ready .gate-ready-box strong { margin-bottom: 8px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; color: var(--theme-color); } 
.gate-ready .gate-ready-box b { margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
.gate-ready .gate-ready-box p { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; margin-bottom: 38px; } 

.gate-ready .gate-ready-box .img_box { position: relative; display: block; max-width: 344px; width: 100%; height: 353px; } 
.gate-ready .gate-ready-box .img_box img { position: relative; display: block; margin-bottom: 116px; width: 100%; } 
.gate-ready .gate-ready-box .img_box .box_bg { position: absolute; width: 182px; height: 90px; top: 142px; left: 94px; border-radius: 8px; background-color: var(--theme-color); } 


 /* 회원가입
 **********************************************/
 #wrap .join_layer .set-child { padding: 0 16px 24px 16px; text-align: center; }
 #wrap .join_layer .set-child > div { padding: 16px; margin-bottom: 16px; border-radius: 8px; background: #F7F7F7; border: 1px solid #D8D8D8 }
 #wrap .join_layer .set-child > div p { padding-bottom: 16px; font-weight: 700; }
 #wrap .join_layer .set-child a.add-child { display: inline-block; padding: 0 40px; line-height: 50px; background: var(--theme-color); color: #fff; border-radius: 8px; font-size: 16px; font-weight: 700; }
 #wrap .join_layer .set-child .send.finished { width: 100%; line-height: 50px; font-weight: 700; border: 1px solid #222222; border-radius: 8px; color: #000000C7; }
 
 #wrap .join_layer .hp_mody { position: relative; margin-bottom: 16px; } 
 #wrap .join_layer .hp_mody.line { padding-bottom:11px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); } 
 #wrap .join_layer .hp_mody .text { display: block; margin-bottom: 13px; font-size: 12px; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 #wrap .join_layer .hp_mody .right_text { font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.78); } 
 #wrap .join_layer .hp_mody .hp_modi select,
 #wrap .join_layer .hp_mody .hp_modi input { float: left; width: 31%; margin-right: 2%; } 
 #wrap .join_layer .hp_mody .hp_modi input.marr0 { margin-right: 0; } 
 #wrap .join_layer .hp_mody .hp_modi { display: flex; justify-content: space-between; clear: left; overflow: hidden; margin-bottom: 16px; } 
 #wrap .join_layer .hp_mody .hp_modi .btn_sms { flex-shrink: 0; font-size: 12px; line-height: 30px; } 
 #wrap .join_layer .hp_mody .certifi_box { display: flex; justify-content: space-between; } 
 #wrap .join_layer .hp_mody .certifi_box input { width: 100%; margin-right: 2%; } 
 
 #wrap .join_layer .class_mody { clear:left; overflow:hidden; position: relative; padding-left: 70px; } 
 #wrap .join_layer .class_mody .text { position: absolute; left: 0; top: 10px; font-size: 14px; } 
 #wrap .join_layer .class_mody select,
 #wrap .join_layer .class_mody input { float: left; width: 100%; } 
 #wrap .join_layer .hp_mody .hp_modi .ib { float: left; width: 5%; padding-top: 8px; color: #858585; text-align: center; } 

 .wfull { width:100%; } 
 .join_layer .inputA { height:40px; border:none; border-bottom: 1px solid #ededed; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.78); border-radius: 0; } 
 .join_layer .checkboxA { width: 100%; } 
 .join_layer .checkboxA input + label::before { top: 3px; } 
 .join_layer .checkboxA label { float: left; height: auto; } 
 .join_layer .checkboxA .right { float: right; } 
 .join_layer .checkboxA .right .btn-open { width: 20px; height: 20px; background: url(/images/ico_open_default.png) no-repeat center / 10px 7px; margin-top: 4px; } 
 .join_layer .checkboxA .right .btn-open.active { background-image: url(/images/ico_open_active.png); } 
 .join_layer .checkboxA label span { font-size: 14px; vertical-align: text-bottom; color: rgba(0, 0, 0, .78); } 
 .join_layer .not-required .checkboxA label span { color: rgba(0, 0, 0, .38); } 
 .join_layer .terms0 .checkboxA label span { font-size: 16px; color: rgba(0, 0, 0, .58); } 
 .join_layer .terms0 .info-txt { width: calc(100% - 30px); margin-left: auto; margin-top: 8px; padding-bottom: 16px; border-bottom: 1px solid #eee; } 
 .join_layer .checkboxA label span + p { font-size: 14px; display: inline-block; color: rgba(0, 0, 0, .58); vertical-align: middle; margin-left: 4px; font-weight: 400; } 
 .selectBoxC { position: relative; display: block; height: 40px; line-height: 40px; padding: 0 8px; border:none; border-bottom: 1px solid #ededed; border-radius: 0; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.78); background: url("/images/ico_selectC_2x.png") no-repeat right 13px center; background-size:11px 7px; appearance: none; -webkit-appearance: none; } 
 .selectBoxB:focus, .selectBoxC:focus { outline: none; } 
 .search_typeA { padding-right: 36px; border-bottom: 1px solid #D8D8D8; } 
 .search_typeA input { padding: 0 8px; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.78); border: none; } 
 .search_typeA button { position: absolute; right: 0; top: 0; width: 36px; height: 36px; } 
 .search_typeA .search { background:url("/images/ico_search3_2x.png") no-repeat center; background-size:14px 14px; } 
 .searchBoxA { width: 352px; }
 .search_typeC { padding-right: 36px !important; background: url('/images/ico_search4_2x.png') no-repeat; background-size: 16px 16px; background-position: calc(100% - 10px) 50%; }
 .btn_sch_typeC { width: 24px; height: 24px; background: url(/images/ico_search4_2x.png) no-repeat; background-size: 16px 16px; background-position: center; position: absolute; z-index: 5; right: 11px; top: 50%; transform: translateY(-50%); }

 .join_layer input[type=text]::placeholder, .join_layer input[type=password]::placeholder, .join_layer input[type=email]::placeholder { font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.3); } 
 .join_layer input:focus { background: transparent; outline: none; } 
 .join_layer input[readonly], .join_layer input[disabled] { background-color: #F5F5F5; } 
 .join_layer .work .guide_text { margin-top:8px; font-size: 12px; } 
 .join_layer .selectBoxB { background: url("/images/ico_select_2x.png") no-repeat right 13px center; background-size:12px 8px; } 

 .join_layer .work .step_title .spanCentername { color: #222; color:var(--theme-color); vertical-align: top; } 

 .join_layer { overflow: hidden; position: fixed; left:0; top: 0; z-index: 9999; width: 100%; height:100%; background-color: rgba(0, 0, 0, .5); line-height: 1; } 
 .join_layer p { line-height: 1.5; } 
 .join_layer .tblue { color: #222; color:var(--theme-color); } 
 .join_layer .join_modify_text { padding: 30px 30px 0; font-size: 16px; color: #1d2088; text-align: center; } 
 .join_layer .body { position: fixed; left: 50%; top: 50%; z-index: 100; width: 480px; min-height: 680px; max-height: 90%; margin:0 auto; background: #fff; box-shadow: 0 6px 6px rgba(0, 0, 0, .2); transform:translate(-50%, -50%); overflow: auto; } 
 .join_layer .body .btn-close { width: 48px; height: 48px; background-color: #fff; border-radius: 8px; box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.21), 0px 1px 1px 0px rgba(68, 68, 68, 0.2); position: absolute; top: 8px; right: 16px; } 
 .join_layer .body .btn-close .line1, .join_layer .body .btn-close .line2 { position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background-color: #000; } 
 .join_layer .body .btn-close .line1 { transform: translate(-50%, -50%) rotate(45deg); } 
 .join_layer .body .btn-close .line2 { transform: translate(-50%, -50%) rotate(-45deg); } 
 .join_layer .body h3 { padding: 25px 16px; font-size: 14px; background: #fff; border-bottom: 1px solid #D8D8D8; } 
 .join_layer .close { position: absolute; right: 16px; top: 8px; padding: 14px; background:#fff; box-shadow: 0px 1px 1px rgba(68, 68, 68, 0.2), 0px 0px 1px rgba(38, 62, 43, 0.21); border-radius: 8px; } 
 .join_layer .close span { display: inline-block; width: 19px; height: 19px; background:url("/images/ico_close5_2x.png") no-repeat center; background-size:19px 19px; vertical-align: middle; } 
 .join_layer .work .send { width: 100%; height: 52px; font-size: 16px; color: #fff; font-weight: bold; background: #222; background: rgba(221, 221, 221, 1); border-radius: 8px; } 
 .join_layer .work .send.finished { background-color: var(--theme-color); } 
 .join_layer .work .withdraw { margin-top: 15px; text-align: right; } 
 .join_layer .work .withdraw button { font-size: 15px; } 
 .join_layer .work .withdraw button:hover { text-decoration: underline; } 
 #wrap .join_layer .work .send.disable { background-color: #ddd; } 
 #wrap .join_layer .work .sendExam.disable { background-color: #f5f5f5; } 
 #wrap .join_layer .work .sendExam { width:70px; height: 40px; font-size: 12px; font-weight: bold; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 8px; color: rgba(0, 0, 0, 0.58); } 
 .join_layer .work .send.skyblue { margin-top: 15px; background: #0e6eb8; } 
 .join_layer .work .step_title { margin-bottom: 16px; padding-bottom: 16px; line-height: 120%; font-size: 18px; font-weight: bold; color: rgba(0, 0, 0, 0.78); border-bottom:2px solid #222; } 
 .join_layer .work .step_title2 { margin-top:32px; } 
 .join_layer .work .step1 { padding: 24px 16px; } 
 .join_layer .work .step1 .search .w1 { width: 100%; } 
 .join_layer .work .step1 .search select { width:100%; } 
 .join_layer .work .step1 .search .por { position: relative; } 
 .join_layer .work .step1 #divSelGrouplist { margin-bottom:16px; } 
 .join_layer .work .member_overy { overflow-x:hidden; overflow-y:auto; width:100%; height:429px; margin-top: 16px; } 
 .join_layer .work .member_overy > p { margin-bottom:8px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .join_layer .work .text { margin-top: 2px; color: #0e6eb8; } 
 .join_layer .work .center { border-top: 1px solid #222; } 
 .join_layer .work .center li { position: relative; padding: 16px 38px 16px 0; border-bottom: 1px solid #D8D8D8; } 
 .join_layer .work .center li button { position: absolute; right: 0; top: 50%; margin-top: -13px; padding: 4px 6px; font-size: 12px; font-weight:bold; color: rgba(0, 0, 0, 0.78); border:1px solid #D8D8D8; background: #fff; border-radius: 4px; } 
 .join_layer .work .center li .name { margin-bottom: 2px; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .join_layer .work .center li .adress { font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .join_layer .work .step2 { padding: 24px 16px; } 
 .join_layer .work .step2 .tblue { font-size: 24px; color: #0e6eb8; } 
 .join_layer .work .step2 .t { margin-top: -6px; font-size: 24px; } 
 .join_layer .work .step2 .s { margin-top: 15px; font-size: 14px; color: #858585; } 
 .join_layer .work .step2 .select .sel_students { position: relative; display: flex; justify-content: space-between; text-align: center; } 
 .join_layer .work .step2 .select #mem_teen, .join_layer .work .step2 .select #mem_child { width: 48%; margin-bottom: 25px; } 
 .join_layer .work .step2 .select #mem_teen { padding-top: 108px; background:url("/images/join_select4_2x.png") no-repeat top 38px center; background-size:41px 70px; } 
 .join_layer .work .step2 .select #mem_child { padding-top: 108px; background:url("/images/join_select5_2x.png") no-repeat top 55px center; background-size:37px 54px; } 
 .join_layer .work .step2 .select #mem_teen::before { display:block; content:'학생 회원'; position: absolute; top: 0; left: 0; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .join_layer .work .step2 .select .sel_adult { position: relative; } 
 .join_layer .work .step2 .select #mem_adult { padding-top: 108px; text-align: center; background:url("/images/join_select6_2x.png") no-repeat top 34px center; background-size:42px 75px; } 
 .join_layer .work .step2 .select #mem_adult::before { display:block; content:'학부모 회원'; position: absolute; top: 0; left: 0; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .join_layer .work .step2 .select #mem_adult::after { display:block; content:''; width:100; height:1px; background:#ededed } 
 .join_layer .work .step2 .select .ss { margin: 10px 0; font-size: 14px; color: rgba(0, 0, 0, 0.58); } 
 .join_layer .work .step2 .select button { width: 100%; height: 51px; font-weight: bold; font-size: 16px; color: rgba(0, 0, 0, 0.78); border: 2px solid rgba(0, 0, 0, 0.78); border-radius: 8px; } 
 .join_layer .work .step3 { padding: 24px 16px; } 
 .join_layer .work .step3 h4 { font-size: 20px; color: #222; } 
 .join_layer .work .step3 h4 .spanCentername { color: #222; color:var(--theme-color); vertical-align: top; } 
 .join_layer .work .step3 .terms .info-txt { font-size: 12px; color: rgba(0, 0, 0, .38); } 
 .join_layer .work .step3 .terms input { width: 22px; height: 22px; border: 1px solid #c2c2c2; } 
 .join_layer .work .step3 .terms label { font-size: 16px; color: #222; } 
 .join_layer .work .step3 .terms textarea { width: 100%; height: 225px; margin-top: 10px; padding: 15px; } 
 .join_layer .work .step3 .terms .privacy { margin-top: 0; white-space: pre-line; } 
 .join_layer .work .step3 .terms .privacy .privacy { white-space: normal; } 
 .join_layer .work .step3 .terms .tbody { overflow-y:scroll; height:198px !important; margin-top:10px; padding:16px; border:1px solid #ddd; border-radius: 8px; display: none; } 
 .join_layer .work .step3 .terms #subscribe.tbody { overflow: initial; height: auto !important; border: none; padding: 0; width: calc(100% - 30px); margin-left: auto; border-top: 1px solid #eee; padding-top: 10px; border-radius: 0; } 
 .join_layer .work .step3 .terms .tbody.active { display: block; } 
 .join_layer .work .step3 .terms #subscribe.tbody .checkboxA { float: left; width: 50%; } 
 .join_layer .work .step3 .terms #subscribe.tbody .checkboxA label span { font-size: 12px; font-weight: 400; } 
 .join_layer .work .step3 .terms5 .s-title { font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, .58); } 
 .join_layer .work .step3 .terms5 input { width: 100%; height: 40px; margin-top: 8px; border-color: #d8d8d8; } 
 .join_layer .work .step3 .terms4 .info-txt { margin:10px 0 0 30px; color: #e50a0a; } 

 .join_layer .work .step3 .terms .tbody h3 { margin-top: 0; font-weight:bold; color:#333; text-align: left; background: none; padding: 25px 16px 16px 0px; font-size: 16px; border-bottom: none; } 
 .join_layer .work .step3 .terms .tbody h3:first-child { padding-top: 0; } 
 .join_layer .work .step3 .terms .tbody dt,
 .join_layer .work .step3 .terms .tbody dd,
 .join_layer .work .step3 .terms .tbody li,
 .join_layer .work .step3 .terms .tbody p { font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, .3); } 
 .join_layer .work .step3 .terms { margin: 25px 0 16px; } 
 .join_layer .work .step4 { padding: 24px 16px; } 
 .join_layer .work .step4 h4 { font-size: 18px; color: #222; } 
 .join_layer .work .step4 .pic .body { position: relative; width: 128px; height: 129px; margin: 0 auto; } 
 .join_layer .work .step4 .pic .body >img { width: 128px; height: 129px; border-radius:50%; } 
 .join_layer .work .step4 .pic .body label { position: absolute; right: 0; bottom: 0; cursor: pointer; } 
 .join_layer .work .step4 .pic .body input { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } 
 .join_layer .work .step4 .form input { width: 100%; } 
 .join_layer .work .step4 .form p { margin-top: 2px; font-size: 12px; } 
 .join_layer .work .step4 .form .mody { position: relative; padding-left: 70px; } 
 .join_layer .work .step4 .form .mody .text { position: absolute; left: 0; top: 10px; font-size: 14px; } 
 .join_layer .work .step4 .form .mody .modi { clear: left; overflow: hidden; } 
 .join_layer .work .step4 .form .mody .modi select { float: left; width: 30%; margin-left: 5%; } 
 .join_layer .work .step4 .form .mody .modi select:first-child { margin-left: 0; } 
 .join_layer .work .step4 .select p { font-size: 14px; } 
 .join_layer .work .step4 .select input { width: 19px; height: 19px; } 
 .join_layer .work .step4 .select label { font-size: 14px; } 
 .join_layer .work .step5 { padding: 24px 16px; } 
 .join_layer .work .step5 h4 { font-size: 18px; color: #222; } 
 .join_layer .work .step5 .s { margin: 8px 0 16px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .join_layer .work .step5 h5 { font-size: 16px; font-weight: bold; color: #222; } 
 .join_layer .work .step5 .form { margin-top: 15px; } 
 .join_layer .work .step5 .form input { width: 100%; } 
 .join_layer .work .step5 .form .call { margin-top: 10px; } 
 .join_layer .work .step5 .form .call button { width:100%; height: 40px; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.78); background: #fff; border: 2px solid rgba(0, 0, 0, 0.78); border-radius: 8px; } 
 .join_layer .work .step5 .form .inputBtn { } 
 .join_layer .work .step5 .form .inputBtn input { } 
 .join_layer .work .step5 .form .inputBtn button { } 
 .join_layer .work .step5 .send { width: 100%; height: 52px; font-size: 16px; color: #fff; background: #222; background:var(--theme-color); border-radius: 8px; } 
 .join_layer .work .step5 .por { position: relative; padding-right: 100px; } 
 .join_layer .work .step5 .por button { position: absolute; right: 0; top: 0; } 
 .join_layer .work .step6 { padding: 24px 16px; } 
 .join_layer .work .step6 h4 { font-size: 18px; color: #222; } 
 .join_layer .work .step6 .s { margin-top: 14px; font-size: 15px; font-weight: bold; color: #0e6eb8; } 
 .join_layer .work .step6 .form { margin-top: 5px; } 
 .join_layer .work .step6 .form input { width: 100%; } 
 .join_layer .work .step6 .form .g { margin-top: 3px; font-size: 12px; } 
 .join_layer .work .step6 .form .checkboxA.marr { margin-right:24px; } 

 .join_layer .work .step6 .select input { width: 19px; height: 19px; } 
 .join_layer .work .step6 .select label { font-size: 14px; } 

 .join_layer .work .step6 .pic .pic_body { position: relative; width: 128px; height: 129px; margin: 0 auto; background-color: #f7f7f7; border-radius:50%; } 
 .join_layer .work .step6 .pic .pic_body >img { width: 128px; height: 129px; border-radius:50%; } 
 .join_layer .work .step6 .pic .pic_body label { position: absolute; right: 0; bottom: 0; cursor: pointer; } 
 .join_layer .work .step6 .pic .pic_body input { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } 
 
 .join_layer .work .step6 .terms { margin-bottom: 16px; } 
 .join_layer .work .step6 .terms input { width: 22px; height: 22px; border: 1px solid #c2c2c2; } 
 .join_layer .work .step6 .terms label { font-size: 16px; color: #222; } 
 .join_layer .work .step6 .terms textarea { width: 100%; height: 225px; margin-top: 10px; padding: 15px; } 
 .join_layer .work .step6 .terms .privacy { margin-top: 0; } 
 .join_layer .work .step6 .terms .tbody { overflow-y:scroll; height:120px !important; margin-top:10px; padding:16px; border:1px solid #ddd; border-radius: 8px; display: none; } 
 .join_layer .work .step6 .terms .tbody.active { display: block; } 

 .join_layer .work .step6 .secure { position: relative; display: flex; justify-content : flex-start; align-items: center; } 
 .join_layer .work .step6 .secure>* { margin-right: 8px; } 
 .join_layer .work .step6 .secure>*:last-child { margin-right: 0px; } 
 .join_layer .work .step6 .secure .captcha_img { overflow:hidden; height: 38px; min-width: 114px; } 
 .join_layer .work .step6 .secure .captcha_img>div { height: 100%; } 
 .join_layer .work .step6 .secure .captcha_img>div>img { height: 100%; object-fit: contain; } 
 .join_layer .work .step6 .secure a.captcha_refresh { margin-right: 4px; min-width: 24px; min-height: 24px; background:url('/images/icon_refresh_2x.png') no-repeat center / contain; } 
 .join_layer .work .step6 .secure .captcha_btn { display: flex; justify-content : flex-start; align-items: center; } 
 .join_layer .work .step6 .secure .captcha_btn input { margin-right: 8px; max-width: 114px; } 
 .join_layer .work .step6 .secure .captcha_btn button { word-break: keep-all; height: 41px; border-radius: 4px; } 
 
 .join_layer .work .step6 .bb_line { border-bottom: 2px solid #222; position: relative; display: block; margin-bottom: 16px; } 
 
 .join_layer .work .step7 { padding: 24px 16px; } 
 .join_layer .work .step7 h4 { font-size: 18px; color: #222; } 
 .join_layer .work .step7 .s { margin-top: 8px; font-size: 12px; color: #858585; } 
 .join_layer .work .step7 h5 { font-size: 16px; font-weight: bold; color: #222; } 
 .join_layer .work .step7 .form { margin-top: 15px; } 
 .join_layer .work .step7 .form input { width: 100%; } 
 .join_layer .work .step7 .form .text { margin-right: 19px; font-size: 14px; } 
 .join_layer .work .step7 .form .ib { margin: 0 4px; color: #858585; } 
 .join_layer .work .step8 { padding: 24px 16px; } 
 .join_layer .work .step8 .complet_text { margin-top: 28px; text-align: center; } 
 .join_layer .work .step8 .tblue { color: #222; color:var(--theme-color); } 
 .join_layer .work .step8 .t { font-size:18px; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .join_layer .work .step8 .s { margin:16px 0 32px; font-size: 13px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; } 
 .join_layer .work .step8 .s span { vertical-align: top; } 

 .join_layer .privacy { margin-top: 50px; } 
 .join_layer .privacy h3 { margin-top:30px; font-size: 16px; font-weight:bold; text-align: left; } 
 .join_layer .privacy p,
 .join_layer .privacy dl { margin-top: 10px; } 
 .join_layer .privacy dt,
 .join_layer .privacy dd { line-height: 2; } 
 .join_layer .clause h3 { margin-top:30px; font-size: 16px; font-weight:bold; text-align: left; } 
 .join_layer .clause p,
 .join_layer .clause ol { margin-top: 10px; } 
 .join_layer .clause ol li { line-height: 2; } 


 /* 약관동의 모달 */
 .agreement-page.join_layer { margin-top: 48px; } 
 .agreement-page.join_layer { background-color: transparent; position: static; padding-bottom: 83px; height: auto; } 
 .agreement-page.join_layer .body { max-width: 588px; background-color: transparent; position: static; transform: none; min-height: auto; max-height: none; overflow: visible; width: 100%; box-shadow: none; } 
 .agreement-page.join_layer .body h3 { font-size: 18px; padding: 0; padding-bottom: 16px; border-bottom: 2px solid #222; } 
 .agreement-page.join_layer .work .step3 { padding: 0; } 

 /* 개인정보 3자 제공 동의 모달 */
 .third-party-modal.join_layer .work .step3 .terms .tbody { display: block; margin-top: 0; height: 402px !important; } 
 .third-party-modal.join_layer .work .btn-box { text-align: center; } 
 .third-party-modal.join_layer .work .btn-box button { max-width: 48%; width: 166px; color: #fff; font-weight: 700; font-size: 16px; text-align: center; border-radius: 8px; padding: 16px 0; display: inline-block; background-color: var(--theme-color); } 
 .third-party-modal.join_layer .work .btn-box button#not-agree { background-color: var(--theme-color); margin-left: 2%; background-color: rgba(0, 0, 0, .3); } 
 .third-party-modal.join_layer .work .step3 .terms { margin-top: 0; } 

 /* 개인정보 3자 제공 동의 */
 .third-party-page.join_layer .body h3 { font-size: 24px; border-bottom: 0; padding-bottom: 17px; } 
 .third-party-page.join_layer .work .step3 .terms .tbody { display: block; margin-top: 0; height: 402px !important; } 
 .third-party-page.join_layer .work .btn-box { text-align: center; } 
 .third-party-page.join_layer .work .btn-box button { max-width: 48%; width: 166px; color: #fff; font-weight: 700; font-size: 16px; text-align: center; border-radius: 8px; padding: 16px 0; display: inline-block; background-color: var(--theme-color); } 
 .third-party-page.join_layer .work .btn-box button#not-agree { background-color: var(--theme-color); margin-left: 2%; background-color: rgba(0, 0, 0, .3); } 
 .third-party-page.join_layer .work .step3 .terms { margin-top: 0; } 

 .reference { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, .58); text-align: center; margin: 30px 0 25px 0; } 
 .reference.info-red { color: #7C4754; } 
 .reference span.dot { position: relative; display: inline-block; padding-left: 11px; line-height: 1.5; } 
 .reference span::before { content: ""; position: absolute; top: 9px; bottom: 0; left: 0; background-color: var(--theme-color); width: 3px; height: 3px; border-radius: 50%; } /* 불릿 */
 .reference span.dot span:nth-child(2) { margin-left: 4px; } 
 .join_step6 .reference { margin: 16px 0; text-align: left; } 

 .join_layer .send.send-term { background: rgba(221, 221, 221, 1); margin-top: 16px; } 
 .join_layer .work .send.send-term.finished { background-color: var(--theme-color); } 

 /* 회원가입-정보입력 (추가된것) */
 .hp_mody.ad-sms { margin-bottom: 0 !important; } 
 .hp_mody.ad-sms label span { font-weight: 400; color: rgba(0, 0, 0, .58); } 
 .hp_mody.ad-sms > div { padding-left: 8px; padding-bottom: 12px; border-bottom: 1px solid rgb(0, 0, 0, 0.07); } 

 /* 아이디 찾기 */
 .join_layer .id_step1 { padding: 24px 16px; } 
 .join_layer .id_step1 h4 { font-size: 20px; text-align: center; } 
 .join_layer .id_step1 .s { font-size: 16px; } 
 .join_layer .id_step1 .form { } 
 .join_layer .id_step1 .form .i_radio span, .join_layer .pwd_step1 .form .i_radio span { margin-right:24px; } 
 .join_layer .id_step1 .form .i_radio span:last-child, .join_layer .pwd_step1 .form .i_radio span:last-child { margin-right:0; } 
 .join_layer .id_step1 .form input[type=text],
 .join_layer .id_step1 .form input[type=email],
 .join_layer .pwd_step1 .form input[type=text],
 .join_layer .pwd_step1 .form input[type=email] { width: 100%; } 
 .join_layer .id_step2 { padding: 24px 16px; } 
 .join_layer .id_step2 h4 { margin-top: 32px; font-size: 18px; text-align: center; } 
 .join_layer .id_step2 .s { margin-top: 4px; font-size: 18px; font-weight: bold; color: #222; color:var(--theme-color); text-align: center; } 
 .join_layer .id_step2 .btns { margin-top: 32px; } 
 .join_layer .id_step2 .boxwhite { margin-top:8px; background: #fff; color: rgba(0, 0, 0, 0.78); border: 1px solid #222; box-sizing: border-box; } 

 .join_layer .work .id_step3 { padding: 24px 16px; } 
 .join_layer .work .id_step3 .step_title { margin-bottom: 8px; } 
 .join_layer .work .id_step3 .center { border-top:none; } 
 .join_layer .work .id_step3 .member_overy { margin-top: 8px; } 

 .join_layer .pwd_step1, .join_layer .pwd_step2 { padding: 24px 16px; } 
 .join_layer .pwd_step2 .pResulthppwd, .join_layer .pwd_step2 .pResultemailpwd { margin-top: 32px; text-align: center; font-size: 18px; font-weight: bold; } 
 .join_layer .pwd_step2 .pResulthppwd .tblue, .join_layer .pwd_step2 .pResultemailpwd .tblue { margin-bottom: 4px; } 
 .join_layer .pwd_step2 .pResultemailpwd .s { margin: 16px 0 32px; font-size: 13px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; font-weight: normal; } 
 .join_layer .pwd_step2 .btns { margin-top: 32px; } 

 /* 회원가입 끝 */


 /* 이벤트 페이지 */
 .event-wrap { margin-top: 32px; line-height: initial; } 
 .event-wrap h2 { margin-bottom: 24px; font-weight: 700; font-size: 28px; text-align: center; } 

 /* 인풋 스타일 */
 .input-basic1 { padding: 8px 12px; } 
 input::placeholder { letter-spacing: -1px; } 
 .event-data-wrap input, .event-data-wrap select { display: block; background: transparent; font-weight: 700; color: rgba(0, 0, 0, .78); font-size: 14px; } 
 .event-data-wrap select { height: 40px; width: 100%; } 
 .event-data-wrap .arrow-default, .event-data-wrap .arrow-bold { position: relative; } 
 .event-data-wrap .phone-num input, .event-data-wrap .phone-num .arrow-default { width: 33.3%; margin-left: 16px; } 
 .event-data-wrap .arrow-default input, .event-data-wrap .arrow-bold select { width: 100%; } 
 .event-data-wrap .phone-num .arrow-default { margin-left: 0%; } 

 .event-data-wrap .arrow-default::after { content: ""; position: absolute; top: 0; bottom: 0; right: 13px; display: block; width: 11px; height: 7px; margin: auto 0; background: url(/images/ico_selectC_2x.png) no-repeat center / 11px 7px; z-index: -1; } 
 .event-data-wrap .arrow-bold::after { content: ""; position: absolute; top: 0; bottom: 0; right: 13px; display: block; width: 12px; height: 8px; margin: auto 0; background-image: url(/images/ico_select_2x.png); background-size: 12px 8px; z-index: -1; } 
 .event-data-wrap li.item4::after { display: none; } 


 /* 유의사항 */
 .event-guide { margin: 40px 0; } 
 .event-guide .text-wrap { padding: 16px; background: #F5F5F5; border: 1px solid #eee; box-sizing: border-box; border-radius: 12px; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .circle { position: relative; padding-left:22px } 
 .circle::before { display: inline-block; content: ''; position: absolute; top: 8px; left: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #222; } 

 /* 버튼 */
 .btn-wrap { margin-top: 14px; } 
 .btn-wrap .event-submit { display: block; width: 152px; height: 42px; margin: 0 auto; line-height:36px; font-weight: bold; font-size: 14px; color: #222; color: var(--theme-color); border: 2px solid #222; border: 2px solid var(--theme-color); box-sizing: border-box; border-radius: 20px; text-align: center; } 

 /* 페이징 스타일 */
 .paging-box { margin-top: 16px; } 
 .paging-box .paging-cont { position: relative; text-align: center; } 
 .paging-box .paging-cont > * { display: inline-block; } 

 .paging-box button { position:relative; width: 34px; height: 42px; background-repeat: no-repeat; background-position: center center; background-size: 7px 10px; margin-top: -4px; } 
 .paging-box button::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 7px; height: 10px; margin: auto; display: block; background-repeat: no-repeat; background-position: center center; background-size: 7px 10px; } /* 버튼 아이콘 */
 .paging-box button.first-page-btn::after { background-image: url(/images/icon_first_arrow_small.png); width: 13px; height: 10px; background-size: 13px 10px; } 
 .paging-box button.prev-page-btn::after { background-image: url(/images/icon_left_arrow_small.png); } 
 .paging-box button.next-page-btn::after { background-image: url(/images/icon_right_arrow_small.png); } 
 .paging-box button.last-page-btn::after { background-image: url(/images/icon_last_arrow_small.png); width: 13px; height: 10px; background-size: 13px 10px; } 

 .paging-box .page-num-list { position: relative; margin: 0 12px; } 
 .paging-box .page-num-list .page { position: relative; font-size: 16px; height: 46px; padding: 10px; } 
 .paging-box .page-num-list .page.active { color: var(--theme-color); font-weight: 700; } 
 .paging-box .page-num-list .slash { position: absolute; display: none; } 
 .paging-box .page-num-list .page.current, .paging-box .page-num-list .page.last { display: none; } 

 .event-wrap .line-bottom { width: 100%; height: 1px; background-color: #d8d8d8; } 

 .event-wrap .event-data-wrap li { margin-top: 24px; } 
 .event-wrap .event-data-wrap li.item1 { margin-top: 16px; } 
 .event-wrap .event-data-wrap li.item1 select { width: 100%; } 
 .event-wrap .event-data-wrap li.item2 select { width: 100%; background-color: #F5F5F5; } 
 .event-wrap .event-data-wrap li.item3 select { width: 100%; } 
 .event-wrap .event-data-wrap li.item4 { position: relative; } 
 .event-wrap .event-data-wrap li.item4 input { width: 100%; border-radius: 0; border: none; border-bottom: 1px solid #d8d8d8; } 
 .event-wrap .event-data-wrap li .search-btn { position: absolute; top: 20px; right: 0; width: 36px; height: 36px; border: 1px solid #222; border-radius: 8px; background: url(/images/ico_search3_2x.png) no-repeat center / 14px 14px; } 
 .event-wrap .event-data-wrap .legend { font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, .58); margin-bottom: 4px; } 

 .event-wrap .event-data-wrap .phone-num { display: flex; justify-content: space-between; } 
 .checkboxA { font-weight: 700; } 
 .checkboxA label span span { margin-left: 8px; font-weight: 400; } 
 .event-wrap .event-agree { margin-top: 16px; } 
 .event-wrap .event-agree .checkboxA { margin-left: 24px; } 
 .event-wrap .event-agree .checkboxA:first-child { margin-left: 0; } 

 .event-wrap .btn-wrap { margin-top: 32px; } 
 .event-wrap .event-no-info { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 196px; background-color: #F5F5F5; border: 1px solid #d8d8d8; text-align: center; margin-top: 24px; } 
 .event-wrap .event-no-info img { width: 40px; height: 48px; } 
 .event-wrap .event-no-info p { font-size: 15px; font-weight: 700; line-height: 24px; color: #000; margin-top: 12px; } 

 /* 이벤트 학교검색 팝업 */
 #search-school-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; } 
 #search-school-pop .inner { height: 100%; } 
 #search-school-pop .inner .inner-cont-area { height: 100%; } 
 #search-school-pop .event-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 600px; border-radius: 12px; background-color: #fff; padding: 28px 24px 42px 28px; max-height: 90%; overflow: auto; } 

 #search-school-pop .event-wrap h2 { text-align: left; margin-bottom: 12px; } 
 #search-school-pop .event-wrap .event-data-wrap { border-top: 1px solid #000; padding-top: 16px; } 

 #search-school-pop .event-wrap .event-data-wrap li.item1 { position: relative; } 
 #search-school-pop .event-wrap .event-data-wrap li.item1 input { width: 100%; border-radius: 0; border: none; border-bottom: 1px solid #d8d8d8; } 
 #search-school-pop .event-wrap .event-data-wrap .school-list { margin-top: 0; } 
 #search-school-pop .event-wrap .event-data-wrap .school-list .list-box { display: flex; align-items: center; padding: 24px 0; border-bottom: 1px solid #d8d8d8; font-size: 14px; } 
 #search-school-pop .event-wrap .event-data-wrap .school-list .list-box .name, #search-school-pop .event-wrap .event-data-wrap .school-list .list-box .place { font-weight: 700; } 
 #search-school-pop .event-wrap .event-data-wrap .school-list .list-box .name { color: rgba(0, 0, 0, .78); } 
 #search-school-pop .event-wrap .event-data-wrap .school-list .list-box .place { color: rgba(0, 0, 0, .38); margin-left: 4px; } 
 #search-school-pop .event-wrap .event-data-wrap .school-list .list-box .choice-btn { margin-left: auto; padding: 8px 16px; border: 1px solid #d8d8d8; border-radius: 8px; font-weight: 700; color: rgba(0, 0, 0, .58); } 

 #search-school-pop .event-wrap .close-btn { position: absolute; top: 32px; right: 3%; width: 32px; height: 32px; background: url(/images/event/ico_close_2x.png) no-repeat center / 18px 18px; } 


 /* 관리자 */
 .admin-contents .round-box { background: #fff; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 8px 16px; } 
 .admin-contents .round-box::after { display: block; content: ''; clear: both; } 
 .admin-contents i.dot { width: 3px; height: 3px; margin-right: 4px; background-color: #3471f6; border-radius: 50%; } 
 .admin-contents .btn { height: 28px; border-radius: 4px; font-size: 13px; } 
 .admin-contents .btn-default { background-color: #fff; border: 1px solid #dbdbdb; color: rgba(0, 0, 0, 0.58); } 
 .admin-contents .btn-submit { background-color: #3471F6; color: #fff; } 
 .admin-contents .row { display: flex; margin-bottom: 8px; } 
 .admin-contents .row:last-child { margin-bottom: 0px; } 
 .admin-contents .row.show { display: flex; } 
 .admin-contents .row.hide { display: none; } 
 .admin-contents .col { padding: 0 6px; } 
 .admin-contents .col:first-child { padding-left: 0; } 
 .admin-contents .col:last-child { padding-right: 0; } 
 .admin-contents .col-10 { width: 10%; } 
 .admin-contents .col-20 { width: 20%; } 
 .admin-contents .col-30 { width: 30%; } 
 .admin-contents .col-33 { width: 33.333%; } 
 .admin-contents .col-40 { width: 40%; } 
 .admin-contents .col-50 { width: 50%; } 
 .admin-contents .col-60 { width: 60%; } 
 .admin-contents .col-70 { width: 70%; } 
 .admin-contents .col-80 { width: 80%; } 
 .admin-contents .col-90 { width: 90%; } 
 .admin-contents .col-100 { width: 100%; } 
 .admin-contents .board-header { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; min-height: 32px; margin-bottom:4px; } 
 .admin-contents .board-header h3 { margin-bottom: 4px; } 
 .admin-contents .board-header .btn-wrap { display: flex; flex-wrap: wrap; align-items: center; -webkit-justify-content:right; justify-content: right; margin-top: 0; } 
 .admin-contents h3.cnt { margin-bottom:4px; font-weight: normal; color: rgba(0, 0, 0, 0.58); } 
 .admin-contents h3.cnt .num { margin-right: 4px; font-weight: bold; color: #3471F6; } 
 .admin-contents h3.cnt b { margin-right: 4px; } 
 .admin-contents .btn-wrap > * { margin-left: 8px; margin-bottom: 4px; } 
 .admin-contents .btn-wrap .btn-list { background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; } 
 .admin-contents .btn-wrap .btn-list li { float: left; } 
 .admin-contents .btn-wrap .btn-list li button { position: relative; height: 28px; padding: 5px 8px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .admin-contents .btn-wrap .btn-list li button:hover { color: #3471F6; } 
 .admin-contents .btn-wrap .btn-list li button::after { position: absolute; top: 9.5px; right: 0; display: inline-block; content:''; width: 1px; height: 8px; background-color: #ddd; } 
 .admin-contents .btn-wrap .btn-list li button span { vertical-align: middle; } 
 .admin-contents .btn-wrap .btn-list li:last-child button::after { display: none; } 
 .admin-contents .btn-wrap .btn-list i.excel { position: relative; top: -2px; margin-right: 4px; vertical-align: top; } 
 .admin-contents .btn-wrap .btn-submit { position: relative; font-weight: bold; } 
 .admin-contents .checkboxA input:checked + label::before { background-color: #3471f6; } 
 .admin-contents .row-box { margin-bottom: 16px; } 
 .admin-contents .row-box:last-child { margin-bottom: 0; } 
 .admin-contents .row-box .row-title { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; min-height: 30px; margin-bottom: 8px; } 
 .admin-contents .row-box .row-title h4 { font-size: 14px; } 
 .admin-contents i.required { position: relative; top:-2px; margin-left: 6px; } 
 .admin-contents .info-text { position: relative; display: block; padding-left: 7px; color: rgba(0, 0, 0, 0.58); font-size: 12px; } 
 .admin-contents .info-text::before { display: inline-block; content: ''; position: absolute; top: 9.5px; left: 0; width: 3px; height: 3px; background-color: #547BD0; border-radius: 50%; } 
 .admin-contents .fixed-table-container { position: relative; padding-top: 36px; height: 600px; } 
 .admin-contents .fixed-table-header-bg { border-top:1px solid #ddd; border-bottom:1px solid #eee; text-align:center; color: rgba(0, 0, 0, 0.58); background: #f5f5f5; height: 36px; position: absolute; top: 0; right: 0; left: 0; } 
 .admin-contents .fixed-table-wrapper { overflow-x: hidden; overflow-y: auto; height: 100%; } 
 .admin-contents table.fixed-table { width: 100%; border-collapse: collapse; table-layout: fixed; } 
 .admin-contents table.fixed-table th { padding: 0px; } 
 .admin-contents table.fixed-table td { border-bottom: 1px solid #ECECEC; height:35px; text-align:center; color: rgba(0, 0, 0, 0.58); line-height: 160%; } 
 .admin-contents table.fixed-table td img { max-width: 100%; height: auto; } 
 .admin-contents table.fixed-table td a { display: block; } 
 .admin-contents table.fixed-table td a:hover { text-decoration: underline; } 
 .admin-contents table.fixed-table td a i.toggle { margin-left: 6px; } 
 .admin-contents table.fixed-table td.tal { text-align: left; } 
 .admin-contents table.fixed-table .th-text { position: absolute; top: 0; width: inherit; line-height: 36px; font-weight: bold; } 
 .admin-contents table.fixed-table tr.open_toggle td { padding: 20px 0; text-align: center; } 
 .admin-contents table.fixed-table tr.active td { background: #E6F3EC; } 
 .admin-contents .list-table-container { padding-top: 0; } 
 .admin-contents .list-table-container thead tr { height: 36px; } 
 .admin-contents .list-table-container table thead th { position: sticky; top: 0; background: #F8F8F8; } 
 .admin-contents .list-table-container table thead th::before { position: absolute; top: 0; left: 0; display: inline-block; content:''; width: 100%; height: 1px; background-color: #07AF50; } 
 .admin-contents .list-table-container table thead th::after { position: absolute; bottom: 0; left: 0; display: inline-block; content:''; width: 100%; height: 1px; background-color: #eee; } 
 .admin-contents .regist_table table.fixed-table tr.open_toggle td:first-of-type { text-align: center; } 
 .admin-contents table.fixed-table tr .list { display: inline; padding: 0 2px 0 1px; font-weight: bold; color: #09AB4F; border-bottom:1px solid #09AB4F; } 
 .admin-contents table.fixed-table tr .list:hover { text-decoration: none; } 
 .admin-contents .btable tr { height: 35px; } 
 .admin-contents .btable tr > th { padding: 8px 0 8px 12px; background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: left; } 
 .admin-contents .btable tr > td { padding: 8px 0px 8px 8px; background-color: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } 
 .admin-contents .file-btn { position: relative; height: 28px; padding: 1px 8px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .admin-contents .file-btn:hover label span { color: #3471F6; } 
 .admin-contents .file-btn input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
 .admin-contents .file-btn label { display: inline-block; vertical-align: middle; cursor: pointer; } 
 .admin-contents .file-btn label span { } 
 .checkboxAdm input { display:none; } 
 .checkboxAdm label { display: inline-block; height:16px; margin-left: 8px; padding-left: 16px; vertical-align: middle; line-height: 16px; background: url("/images/checkbox_off_2x.png") no-repeat; background-size: 16px 16px; cursor: pointer; } 
 .checkboxAdm input:checked +label { background-image: url("/images/checkbox_on_2x.png"); } 
 .checkboxAdm input:disabled +label { background-image: url("/images/checkbox_disabled_2x.png"); } 
 .checkboxAdm input:first-child + label { margin-left: 0; } 
 .checkboxAdm label span { padding-left: 4px; } 


 /* 문자발송 sms */
 .send-sms-wrap { height: 100%; background-color: #F3F3F3; font-size: 13px; } 
 .send-sms-area { padding: 12px; } 
 .send-sms-contents .info-wrap { padding-bottom: 12px; } 
 .send-sms-contents .user-info { float: left; } 
 .send-sms-contents .user-info p { margin-right: 12px; } 
 .send-sms-contents .user-info .dot-tit { display: inline-block; vertical-align: middle; } 
 .send-sms-contents .dot-tit span { vertical-align: middle; } 
 .send-sms-contents .sms-info { float: right; } 
 .send-sms-contents .sms-info .sms-balance { display: inline-block; margin-right: 16px; font-weight: bold; font-size: 13px; vertical-align: middle; } 
 .send-sms-contents .sms-info .sms-balance span { padding-left: 18px; font-weight: normal; color: rgba(0, 0, 0, 0.58); background: url("/images/icon_point_2x.png") no-repeat center left; background-size: 14px 16px; } 
 .send-sms-contents .sms-info .sms-balance strong { margin: 0 4px; color: #e50a0a; } 
 .send-sms-contents .sms-set-cont { margin-bottom: 8px; } 
 .send-sms-contents .sms-set-cont::after { display: block; content: ''; clear: both; } 
 .send-sms-contents .sms-set-cont .checkboxAdm { vertical-align: middle; } 
 .send-sms-contents .sms-message-table .sms-set { float: right; } 
 .send-sms-contents .sms-message-table .sms-set .sms-byte { display: inline-block; margin-right: 8px; color: rgba(0, 0, 0, 0.58); vertical-align: middle; } 
 .send-sms-contents .sms-message-table .sms-set .sms-byte .nowByte { font-weight: bold; color: #3471F6; } 
 .send-sms-contents .sms-message-table .sms-set .sms-byte .infoByte::before { display: inline-block; content: '/'; margin: 0 2px; } 
 .send-sms-contents .sms-textfeld .smsTextarea { height: 304px; } 
 .send-sms-contents .page-error { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } 
 .send-sms-contents .page-error .error-cont { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } 
 .send-sms-contents .page-error .error-cont .title { line-height: 160%; } 
 .send-sms-contents .page-error button { height: 38px; border-radius: 8px; } 



 /* 추가 게시판 */
 /* 공통 */
 .container.n_board .contents { padding-top: 32px; } 
 .container.n_board .location { display:none; } 
 .container.n_board .contents { max-width: 1200px; margin:0 auto; } 
 .container.n_board .aside-inner-sm { max-width: 620px; margin-left:264px; } 
 .container.n_board .aside-inner-md { max-width: 926px; margin-left:264px; } 
 .container.n_board .contents-faq .aside-inner-sm { max-width: 926px; margin-left:264px; } 


 /* icon */
 .container.n_board .heartBtn { display: inline-block; line-height: 24px; } 
 .container.n_board .heartBtn i.heart { width: 24px; height: 24px; margin-right: 4px; vertical-align: top; background: url("/images/ico_heart_2x.png") no-repeat; background-size: 24px 24px; background-color: #D1D3D8; } 
 .container.n_board .heartBtn.active i.heart { background-color: #383838; background-color: var(--theme-color); } 
 .container.n_board .heartBtn span { display: inline-block; margin-left: 4px; line-height: 24px; font-weight: bold; color: #383838; color: var(--theme-color); } 
 .container.n_board .likeBtn { display: inline-block; } 
 .container.n_board .container.n_board .likeBtn { position: static; transform: none; width: auto; } 
 .container.n_board .likeBtn i.like { position: relative; width: 18px; height: 18px; margin-right: 4px; overflow: hidden; } 
 .container.n_board .likeBtn i.like::before { display: block; content: ''; position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; } 
 .container.n_board .likeBtn.active i.like::before { background-color: #383838; background-color: var(--theme-color); } 
 .container.n_board .likeBtn i.like::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url("/images/ico_like_2x.png") no-repeat center; background-size: 18px 18px; z-index: 1; } 
 .container.n_board .likeBtn span { display: inline-block; vertical-align: middle; font-weight: normal; } 
 .container.n_board .likeBtn b { display: inline-block; vertical-align: bottom; margin-left: 4px; font-weight: bold; color: rgba(0, 0, 0, 0.3); } 
 .container.n_board .likeBtn.active b { color: #383838; color: var(--theme-color); } 
 .container.n_board .commentBtn { display: inline-block; } 
 .container.n_board .commentBtn i.comment { width: 18px; height: 18px; margin-right: 4px; background: url("/images/ico_comment_2x.png") no-repeat center; background-size: 18px 18px; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; overflow: hidden; } 
 .container.n_board .commentBtn.active i.comment { background-color: #383838; background-color: var(--theme-color); } 
 .container.n_board .commentBtn span { display: inline-block; vertical-align: middle; font-weight: normal; } 
 .container.n_board .commentBtn b { display: inline-block; vertical-align: bottom; margin-left: 4px; font-weight: bold; color: rgba(0, 0, 0, 0.3); } 
 .container.n_board .commentBtn.active b { color: #383838; color: var(--theme-color); } 
 .container.n_board .inputBtn input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
 .container.n_board .inputBtn label { cursor: pointer; } 
 .container.n_board .inputBtn label span { display: inline-block; margin-left: 8px; color: rgba(0, 0, 0, 0.58); } 
 .container.n_board .moreBtn { width: 100%; height: 44px; line-height: 44px; margin-top: 16px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 8px; font-weight: bold; font-size: 16px; } 
 .container.n_board .moreBtn:hover { background-color: #f5f5f5; } 
 .container.n_board .moreBtn span { display: inline-block; padding-right: 32px; background: url("/images/ico_arrow_bottm_2x.png") no-repeat right center; background-size: 12px 8px } 
 .container.n_board .closeBtn-xs { width: 21px; height: 21px; background: url("/images/ico_close_sm_2x.png") no-repeat center; background-size: 11px 11px; } 
 .container.n_board .list-more { position: relative; } 
 .container.n_board .list-more .moreViewBtn { height: 44px; line-height: 44px; font-size: 16px; border-radius: 8px; transition: .2s ease; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
 .container.n_board .list-more .moreViewBtn:hover { background-color: #F5F5F5; } 
 .container.n_board .list-more .moreViewBtn::before { display:none; content:''; position: absolute; top:0; left: 0; width:100%; height:1px; background:#eee; } 
 .container.n_board .list-more .moreViewBtn span { display: inline-block; padding-right: 22px; background: url("/images/ico_arrow_bottm_2x.png") no-repeat right center; background-size: 12px 8px; } 

 i.file { width: 14px; height: 14px; background: url("/images/ico_file_2x.png") no-repeat center; background-size: 14px 14px; } 



 /* file */
 .fileList li { position: relative; display: inline-block; margin: 4px 6px 4px 0; padding: 8px 16px 8px 20px; background: #FFF; border: 1px solid #dbdbdb; border-radius: 20px; } 
 .fileList li:last-child { margin-right: 0; margin-bottom: 0px; } 
 .fileList li a { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .fileList li span { display: block; max-width: 220px; padding-left: 26px; padding-right: 2px; white-space: normal; line-height: 22px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
 .fileList .fileDownload { width: 16px; height: 16px; background: url("/images/ico_download_xs_2x.png") no-repeat center; background-size: 9px 9px; } 
 .fileList .fileDelete { display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url("/images/ico_close_xs_2x.png") no-repeat center; background-size: 8px 8px; vertical-align: middle; } 
 .file-img { background: url("/images/ico_file_img_lg_2x.png") no-repeat left center; background-size:20px 15px; } 
 .file-pdf { background: url("/images/ico_file_pdf_lg_2x.png") no-repeat left center; background-size:18px 21px; } 
 .file-zip { background: url("/images/ico_file_zip_lg_2x.png") no-repeat left center; background-size:20px 19px; } 
 .file-etc { background: url("/images/ico_file_etc_lg_2x.png") no-repeat left center; background-size:17px 20px; } 
 .fileList-xs li { position: relative; display: inline-block; margin-right: 12px; margin-top: 4px; padding: 1px 12px; background: #f9f9f9; border: 1px solid #eee; border-radius: 20px; } 
 .fileList-xs li:last-child { margin-right: 0; margin-bottom: 0px; } 
 .fileList-xs li a { display: inline-block; vertical-align: middle; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .fileList-xs li span { display: block; max-width: 180px; padding-left: 20px; padding-right: 2px; white-space: normal; line-height: 22px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
 .fileList-xs .file-img { background: url("/images/ico_file_img_xs_2x.png") no-repeat left center; background-size:16px 12px; } 
 .fileList-xs .file-pdf { background: url("/images/ico_file_pdf_xs_2x.png") no-repeat left center; background-size:14px 13px; } 
 .fileList-xs .file-zip { background: url("/images/ico_file_zip_xs_2x.png") no-repeat left center; background-size:15px 14px; } 
 .fileList-xs .file-etc { background: url("/images/ico_file_etc_xs_2x.png") no-repeat left center; background-size:11px 13px; } 
 .fileList-xs .fileDelete { display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url("/images/ico_close_xs_2x.png") no-repeat center; background-size: 8px 8px; } 
 .file-del { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 17px; height: 17px; background: url("/images/icon_close_round.png") no-repeat 0 0; vertical-align: middle; } 


 /* page title */
 .container.n_board .page-title-type1 { margin-bottom: 16px; } 
 .container.n_board .page-title-type1 h2 { } 
 .container.n_board .page-title-type1 p { font-weight: bold; font-size: 24px; line-height: 120%; color: #000; } 

 .container.n_board .page-title-type2 { margin-bottom: 32px; } 
 .container.n_board .page-title-type2 h2 { font-size: 34px; } 
 .container.n_board .page-title-type2 p { margin-top: 8px; font-weight: normal; color: rgba(0, 0, 0, 0.58); } 

 .container.n_board .page-title-type3 { margin-bottom: 12px; } 
 .container.n_board .page-title-type3 h2 { font-size: 18px; } 

 .container.n_board .board-header { display: flex; justify-content: space-between; align-items: flex-end; min-height: 32px; } 
 .container.n_board .board-header .board-type { margin-bottom: 0; } 
 .container.n_board .board-header .board-title { width: 100%; } 
 .container.n_board .board-header .board-type select { background-color: #f5f5f5; border: none; border-radius: 0; } 
 .container.n_board .board-header .writer { display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } 
 .container.n_board .board-header .board-metoo { display:flex; width:100%; justify-content: right; } 
 .container.n_board .board-header .writer .write-info + .board-metoo { width: auto; } 

 /* etc */
 .container.n_board .line1 { height: 1px; background-color: #000; margin-bottom: 16px; } 
 .container.n_board .line2 { height: 1px; background-color: #ddd; } 
 .container.n_board .line3 { height: 2px; background-color: #000; margin-bottom: 16px; } 
 .container.n_board .line4 { height: 2px; background-color: #ddd; } 


 /* aside */
 .inner-aside-wrap { position: relative; } 
 .n_aside { position:absolute; top: 150px; left:253px; width: 160px; z-index: 9; } 
 .n_aside.fixed { position: fixed; } 
 .n_aside > h2 { margin-bottom: 24px; font-weight: bold; font-size: 28px; line-height: 38px; color: #000; word-break: keep-all; word-wrap: break-word; } 
 .n_aside .aside-menu { overflow-x: hidden; padding-bottom: 6px; } 
 .n_aside .aside-menu::-webkit-scrollbar { width: 10px; height: 10px; } 
 .n_aside .aside-menu::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; } 
 .n_aside .aside-menu::-webkit-scrollbar-corner { display: none; } 
 .n_aside .aside-menu > div { margin-bottom: 16px; } 
 .n_aside .aside-menu > div:last-child { margin-bottom: 0; } 
 .n_aside .aside-menu > div > a { position: relative; display: block; padding: 4px 0; padding-top: 16px; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .n_aside .aside-menu > div > a.active { color: #383838; color: var(--theme-color); } 
 .n_aside .aside-menu > div > a.active .nlbLine { width: 100%; } 
 .n_aside .aside-menu .childMenuY { cursor: default; } 
 .n_aside .aside-menu .aside-depth3 { padding-top: 16px; margin-bottom: 16px; } 
 .n_aside .aside-menu > div > a + .aside-depth3 { padding-top: 15px; margin-bottom: 0px; } 
 .n_aside .aside-menu .aside-depth3 > div { margin-bottom: 7px; margin-left: 8px; } 
 .n_aside .aside-menu .aside-depth3 > div:last-child { margin-bottom:0; } 
 .n_aside .aside-menu .aside-depth3 > div > a { padding-left: 8px; color: rgba(0, 0, 0, 0.58); font-size:13px; padding-top: 0; padding-bottom: 0; font-weight: 400; } 
 .n_aside .aside-menu .aside-depth3 > div > a:hover { font-weight: 700; color: var(--theme-color); } 
 .aside-menu .aside-depth3 > div > a.active, .aside-menu .aside-depth3 > li > a:hover { color: #383838; color: var(--theme-color); font-weight: bold; } 
 .n_aside .aside-menu .aside-depth3 > div > a:before { display:inline-block; content:""; position: absolute; top: 50%; left: -7px; width:4px; height:4px; margin-top: -2px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); } 
 .n_aside .aside-menu .aside-depth3 > div > a.active:before, .aside-menu .aside-depth3 > div > a:hover:before { background-color: #383838; background-color: var(--theme-color); } 

 .n_aside .nlbLine { transition: width 0.5s; position: absolute; bottom: -4px; left: 0; display: block; width: 0; height: 4px; background-color: #383838; background-color: var(--theme-color); } 


 /* page 분류, 글쓰기 버튼 */
 .container.n_board .board-type { text-align: right; margin-bottom: 8px; } 
 .container.n_board .board-type select { height: 32px; padding: 5px 30px 5px 5px; background: url(/images/ico_arrow_bottm_sm_2x.png) no-repeat right 10px center / 10px 7px; border: 1px solid rgba(153, 153, 153, 1); padding-left: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; line-height: normal; color: rgba(0, 0, 0, 0.58); } 
 .container.n_board .board-type option { width: 80px; } 
 .container.n_board .write-box { text-align: right; margin-top: 24px; } 
 .container.n_board .write-box .write-btn { display: inline-block; text-align: center; font-size: 16px; font-weight: 800; width: 120px; height: 54px; line-height: 52px; } 
 .container.n_board .write-box .write-btn-2 { display: inline-block; height: 48px; line-height: 46px; padding: 0 24px 0 52px; font-size: 14px; font-weight: bold; color: #40454E; background:url("/images/ico_write_black_2x.png") no-repeat left 24px center; background-size: 19px 19px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 8px; transition: background-color 0.2s, color 0.2s, border-color 0.2s; } 
 .container.n_board .write-box .write-btn-2:hover { background-color:#f5f5f5; } 


 .container.n_board .board-element-wrap { display: flex; flex-direction: column; } 
 .container.n_board .board-element-wrap .write-box + .board-search-wrap { margin-top: 16px; } 
 .container.n_board .board-btn { margin-top: 8px; text-align: right; } 
 .container.n_board .board-btn button { height: 48px; margin-left: 6px; padding: 0 24px; font-size: 14px; font-weight: bold; color: #40454E; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 8px; } 
 .container.n_board .board-btn button:hover { background-color: #f5f5f5; } 
 .container.n_board .board-btn button i.ico { margin-right: 8px; } 
 .container.n_board .board-search-wrap { margin-top: -1px; padding: 8px; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } 
 .container.n_board .board-search-wrap .pagination-wrap { margin: 0; } 
 .container.n_board .board-search-wrap .board-search { margin-top: 8px; } 
 .container.n_board .board-search { display: flex; justify-content: center; align-items: center; } 
 .container.n_board .board-search select { height: 32px; margin-right: 6px; padding: 0 30px 0 12px; background-color: #fff; color: rgba(0, 0, 0, 0.78); background-position: center right 10px; background: #fff url("/images/ico_arrowA_2x.png") no-repeat center right 6px; background-size: 12px 8px; line-height: normal; } 
 .container.n_board .input-searchBox { position: relative; width: 320px; height: 32px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 4px; } 
 .container.n_board .input-searchBox input { width: 100%; height: 30px; padding-right: 60px; border: none; font-weight: normal; } 
 .container.n_board .input-searchBox button { position: absolute; top: 4px; right: 3px; width: 54px; height: 22px; line-height: 20px; background: #FFF; border: 1px solid #999CA2; border-radius: 4px; font-weight: bold; font-size: 12px; color: #40454E; } 


 /* pagination */
 /* .container.n_board .pagination-wrap { font-family: 'Noto Sans KR'; font-weight: normal; text-align: center; } 
 .container.n_board .paging button { width: 30px; height: 42px; background: url("/images/ico_pagination_2x.png") no-repeat; background-size: 120px 42px; } 
 .container.n_board .paging button span { display: inline-block; font-size: 0; text-indent: -999px; } 
 .container.n_board .paging .first-btn { background-position: 0 0; } 
 .container.n_board .paging .prev-btn { background-position: -30px 0; } 
 .container.n_board .paging .next-btn { background-position: -60px 0; } 
 .container.n_board .paging .last-btn { background-position: -90px 0; } 
 .container.n_board .paging .paging-num { display: inline-block; margin: 0 12px; vertical-align: middle; } 
 .container.n_board .paging .paging-num .page { display: inline-block; width: 30px; height: 46px; font-size: 16px; color: rgba(0, 0, 0, 0.58); cursor: pointer; } 
 .container.n_board .paging .paging-num .page.active, .paging .paging-num .page:hover { font-weight: bold; color: #383838; color: var(--theme-color); } 
 .container.n_board .paging .paging-num .now-num, .paging .paging-num .last-num { display: none; } */




 /* 테이블 게시판(커뮤니티) */
 .container.n_board .flag { display: inline-block; vertical-align: middle; } 
 .container.n_board .flag.new { width: 16px; height: 16px; margin-left: 4px; background: url("/images/ico_n_board_new_2x.png") no-repeat center; background-size: 6px 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; } 
 .container.n_board .flag.new2 { position: relative; width: 22px; height: 22px; margin-left: 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; font-style: normal; font-size: 11px; } 
 .container.n_board .flag.new2::after { display: block; content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: url("/images/ico_n_board_new_2x.png") no-repeat 0 0; background-size: 18px 18px; border-radius: 2px; } 
 .container.n_board .flag.notice { display: inline-flex; align-items: center; justify-content: center; height: 24px; line-height: 20px; padding: 0 3px 0 2px; border: 2px solid #383838; border: 2px solid var(--theme-color); font-weight: bold; font-size: 12px; text-align: center; color: #383838; color: var(--theme-color); border-radius: 4px; } 

 .htable-wrap { border-top: 1px solid #000; border-bottom: 1px solid #eee; } 
 .htable-wrap .thead { border-bottom: 1px solid #eee; } 
 .htable-wrap .thead > ul { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 47px; } 
 .htable-wrap .thead > ul > li { font-size: 13px; font-weight:bold; text-align: center; } 
 .htable-wrap .thead > ul > li.cell-no { width: 7%; } 
 .htable-wrap .thead > ul > li.cell-checkbox { width: 4%; } 
 .htable-wrap .thead > ul > li.cell-checkbox .checkboxA { margin-top:4px; } 
 .htable-wrap .thead > ul > li.cell-cate { width: 12%; } 
 .htable-wrap .thead > ul > li.cell-subject { flex-grow: 1; justify-content: center; width: auto; } 
 .htable-wrap .thead > ul > li.cell-name { width: 10%; } 
 .htable-wrap .thead > ul > li.cell-date { width: 10%; } 
 .htable-wrap .thead > ul > li.cell-view { width: 7%; } 
 .htable-wrap .thead > ul > li.cell-like { width: 7%; } 
 .htable-wrap .thead > ul > li.cell-url { width: 10%; } 
 .htable-wrap .thead > ul > li.cell-comment { padding-left:8px; text-align: left; } 

 .htable-wrap .tbody > ul { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 47px; border-bottom: 1px solid #eee; } 
 .htable-wrap .tbody > ul:last-child { border-bottom:none; } 
 .htable-wrap .tbody > ul > li { text-align: center; color: rgba(0, 0, 0, 0.58); } 
 .htable-wrap .tbody > ul > li.cell-no { flex-shrink: 0; width: 7%; color: rgba(0, 0, 0, 0.38); } 
 .htable-wrap .tbody > ul > li.cell-no .flag.notice { } 
 .htable-wrap .tbody > ul > li.cell-checkbox { flex-shrink: 0; width: 4%; } 
 .htable-wrap .tbody > ul > li.cell-checkbox .checkboxA { margin-top: 4px; } 
 .htable-wrap .tbody > ul > li.cell-cate { flex-shrink: 0; width: 12%; } 
 .htable-wrap .tbody > ul > li.cell-cate .cate { word-break: keep-all; } 
 .htable-wrap .tbody > ul > li.cell-cate .cate.none { display: block; margin: 0 auto; width:3px; height:3px; background: rgba(0, 0, 0, 0.58); border-radius: 50%; font-size: 0; } 
 .htable-wrap .tbody > ul > li.cell-subject { flex-grow: 1; overflow: hidden; text-align: left; } 
 .htable-wrap .tbody > ul > li.cell-subject > * { margin-right: 8px; } 
 .htable-wrap .tbody > ul > li.cell-subject > *:last-child { margin-right: 0; } 
 .htable-wrap .tbody > ul > li.cell-subject a { display: inline-block; padding-right: 2px; padding-left: 4px; margin-right: 4px; color: rgba(0, 0, 0, .58); overflow: hidden; height: 25px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; max-width: calc(100% - 66px); } 
 .htable-wrap .tbody > ul > li.cell-subject a:hover { text-decoration: underline; } 
 .htable-wrap .tbody > ul.bo-notice > li.cell-subject a { font-weight: 700; } 
 .htable-wrap .tbody > ul > li.cell-subject .cnt { margin-right: 0px; margin-left: 0; font-weight: 700; color: var(--theme-color); } 
 .htable-wrap .tbody > ul > li.cell-subject .flag.new { vertical-align: middle; background: var(--theme-color) url("/images/ico_n_board_new_2x.png") no-repeat center; background-size: 6px 8px; } 
 .htable-wrap .tbody > ul > li.cell-name { flex-shrink: 0; width: 10%; } 
 .htable-wrap .tbody > ul > li.cell-name span { } 
 .htable-wrap .tbody > ul > li.cell-date { flex-shrink: 0; width: 10%; } 
 .htable-wrap .tbody > ul > li.cell-view { flex-shrink: 0; width: 7%; } 
 .htable-wrap .tbody > ul > li.cell-view a { color: rgba(0, 0, 0, 0.38); text-decoration: underline; } 
 .htable-wrap .tbody > ul > li.cell-view a:hover { font-weight: bold; } 
 .htable-wrap .tbody > ul > li.cell-like { flex-shrink: 0; width: 7%; } 
 .htable-wrap .tbody > ul > li.cell-url { flex-shrink: 0; width: 10%; } 
 .htable-wrap .tbody > ul > li.cell-url button { height:24px; font-size: 12px; border: 1px solid #dbdbdb; background-color:#fff; } 
 .htable-wrap .tbody > ul > li.cell-url button:hover { color: rgba(0, 0, 0, 0.68); } 
 .htable-wrap .tbody > ul > li.cell-comment { flex-grow: 1; padding:16px 8px; text-align: left; } 
 .htable-wrap .tbody > ul > li.cell-comment .subject { font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .htable-wrap .tbody > ul > li.cell-comment .text { margin: 8px 0; white-space: pre-line; } 

 .htable-wrap .tbody > ul:hover::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #F9F9F9; z-index: -1; } 
 .htable-wrap .tbody > ul.bo-notice::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #383838; background-color: var(--theme-color); opacity: 0.07; z-index: -1; } 
 .htable-wrap .tbody > ul.bo-notice:hover::before { background-color: #383838; background-color: var(--theme-color); opacity: 0.17; } 
 .htable-wrap .tbody > ul.bo-notice > li.cell-view a:hover { color: #383838; color: var(--theme-color); } 



 /* 앨범형 게시판 */
 .board-gallery-type1 { display: flex; flex-wrap: wrap; margin-left: -14px; } 
 .board-gallery-type1::after { display: block; content: ''; clear: both; } 
 .board-gallery-type1 > li { float: left; width: 25%; padding-left: 14px; padding-bottom: 16px; } 
 .board-gallery-type1 .board-box { } 
 .board-gallery-type1 .board-box > a { } 
 .board-gallery-type1 .gall-thumb { width: 100%; height: 0; padding-bottom: 99%; background-color: #f5f5f5; border: 1px solid #dbdbdb; border-radius: 8px; overflow: hidden; } 
 .board-gallery-type1 .gall-thumb span { display: block; width: 100%; height: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
 .board-gallery-type1 .gall-thumb.no-img span { background-image: url("/images/common/no_img_2x.png"); background-size: 92px 113px; } 
 .board-gallery-type1 .gall-cont { position: relative; margin-top: 8px; margin-bottom: 16px; } 
 .board-gallery-type1 .gall-cont .notice { display:block; color: #383838; color: var(--theme-color); font-size:13px; font-weight: bold; vertical-align: middle; } 
 .board-gallery-type1 .gall-cont .subject { height: 44px; } 
 .board-gallery-type1 .gall-cont .subject i.new { width: 16px; height: 16px; margin-left: 4px; background: url("/images/ico_n_board_new_2x.png") no-repeat center; background-size: 6px 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; vertical-align: middle; } 
 .board-gallery-type1 .gall-cont .subject strong { display: inline; vertical-align: middle; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .board-gallery-type1 .gall-cont .cnt { font-weight: 700; font-size: 13px; vertical-align: middle; color: var(--theme-color); } 
 .board-gallery-type1 .gall-cont .name { margin-top: 8px; font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; } 
 .board-gallery-type1 .gall-cont .date { margin-top: 8px; font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; } 
 .board-gallery-type1 .gall-cont .view { position: absolute; bottom: 0; right: 0; font-size: 13px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; } 
 .board-gallery-type1 > li.bo-notice .subject strong { font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
 .board-gallery-type1 > li:hover .subject strong { text-decoration: underline; } 

 .board-gallery-type1 { margin-left: -11px; } 
 .board-gallery-type1 > li { padding-left: 10px; } 
 .board-gallery-type1 .gall-thumb { background-color: transparent; padding-bottom: 100%; } 

 .board-gallery-type1 .gall-thumb span { margin:20px; width: calc(100% - 40px); height: calc(100% - 40px); padding-bottom: calc(100% - 40px); border-radius: 8px; overflow: hidden; background-color: #f5f5f5; border: 1px solid #ddd; } 
 .board-gallery-type1 .gall-thumb.no-img span { background-image: url(/images/no_img2_2x.png); background-size: 64px 79px; } 
 .board-gallery-type1 .gall-cont .subject strong { font-size: 14px; color: rgba(0, 0, 0, 0.78); font-weight: 400; letter-spacing: -1px; line-height: 1; } 
 .board-gallery-type1 .gall-cont .date { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.38); } 


 /* 게시판 글 없음 */
 .img-no-post { width: 46px; height: 42px; } 
 .fail-masage-box { text-align: center; border-bottom: 1px solid #D8D8D8; padding: 40px 0 40px 0; } 
 .fail-masage-box img { display: inline-block; } 
 .fail-masage-box p { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; margin-top: 16px; font-weight: 400; color: rgba(0, 0, 0, 0.58); letter-spacing: -1px; } 


 /* 게시판 상세 */
 .board-view-wrap i.new { width: 16px; height: 16px; margin-left: 4px; background: url("/images/ico_n_board_new_2x.png") no-repeat center; background-size: 6px 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; vertical-align: middle; } 
 .board-view-wrap { margin-top: 16px; border-top: 2px solid #444; } 
 .board-view-wrap .board-header { display: flex; align-items: center; justify-content: space-between; padding: 32px 0; border-bottom: 1px solid #eee; } 
 .board-view-wrap .board-title .notice { margin-right: 6px; color: #383838; color: var(--theme-color); font-weight: bold; } 
 .board-view-wrap .board-title .classify { margin-right: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .board-view-wrap .board-title .date { font-weight: normal; font-size: 13px; color: rgba(0, 0, 0, 0.38); } 
 .board-view-wrap .board-title .subject { margin: 4px 0; line-height: 25px; } 
 .board-view-wrap .board-title .subject strong { display: inline; margin-right: 4px; font-size: 18px; } 
 .board-view-wrap .board-title .subject .cnt { font-size: 13px; font-weight: 700; color: var(--theme-color); } 
 .board-view-wrap .board-title .subject .new { margin-top: -2px; } 
 .board-view-wrap .board-title .write-info .name { display: inline-block; } 
 .board-view-wrap .board-title .write-info .center, .board-title .write-info .grade { color: rgba(0, 0, 0, 0.38); } 
 .board-header .board-metoo { flex-shrink: 0; } 
 .board-view-wrap .board-cont { padding-top: 24px; } 
 .board-view-wrap .board-cont .view-cont { padding: 16px; font-size: 16px; line-height: 180%; color: #1a1818; font-weight: normal; letter-spacing: -0.3px; } 
 .board-view-wrap .board-cont .view-cont a { color: #0782C1; text-decoration: underline; } 
 .board-view-wrap .board-cont .view-cont img { display: block; height: auto !important; margin-top: 10px; } 
 .board-view-wrap .board-cont .view-cont ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 20px; } 
 .board-view-wrap .board-cont .view-cont ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 20px; } 
 .board-view-wrap .board-cont .view-cont blockquote { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px; } 
 .board-view-wrap .board-cont .view-cont a, .board-cont .view-cont em, .board-cont .view-cont strong, .board-cont .view-cont i { display: inline-block; } 
 .board-view-wrap .board-info { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 14px; border-bottom: 1px solid #dbdbdb; } 
 .board-view-wrap .board-info .write-info .center { font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .board-view-wrap .board-info .write-info .grade { font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .board-view-wrap .board-info .write-info .date { display: block; margin-top: 4px; font-size: 13px; color: rgba(0, 0, 0, 0.38); } 
 .board-view-wrap .board-info .board-metoo { flex-shrink: 0; } 
 .board-view-wrap .board-cont .view-file { margin-bottom: 24px; } 
 .container.n_board .board-cont .view-file { padding-top: 0; border: none; } 
 .sub-cont .view-file { margin-top: 16px; } 
 .commentWriter { position: relative; margin-top: 24px; padding: 16px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 8px; } 
 .commentWriter .writer-info { margin-bottom: 8px; line-height: 27px; } 
 .commentWriter .closeBtn-xs { position: absolute; top: 16px; right: 16px; z-index: 1; } 
 .writer-info { position: relative; margin-bottom: 12px; line-height: 30px; } 
 .writer-info .name { display: inline-block; margin-right: 2px; font-size: 16px; } 
 .writer-info .center { margin-right: 2px; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .writer-info .grade { margin-right: 8px; font-size: 13px; color: rgba(0, 0, 0, 0.58); } 
 .writer-info .date { font-size: 12px; color: rgba(0, 0, 0, 0.38); font-weight: normal; } 
 .writer-info .cmt-tool { position: absolute; top: 0; right: 0; z-index: 1; } 
 .writer-box { display: flex; } 
 .writer-box textarea { height: 100px; font-size: 14px; caret-color: #383838; caret-color: var(--theme-color); } 
 .writer-box button { width: 100px; height: 100px; margin-left: 10px; background: #FFF; border: 1px solid #999CA2; border-radius: 8px; color: #000; } 
 .writer-attach { display: flex; justify-content: space-between; align-items: flex-end; } 
 .writer-attach .cmt-secret { flex-shrink: 0; flex-basis: 80px; margin-top: 6px; text-align: right; } 
 .file-input-wrap .inputBtn { flex-shrink: 0; width: 74px; margin: 6px 8px 0 0; } 

 /* 공지사항,홍보자료 등 에디터 */
 .board-view .view-cont a { color: #0782C1; text-decoration: underline; } 
 .board-view .view-cont img { display: block; height: auto !important; margin-top: 10px; } 
 .board-view .view-cont ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } 
 .board-view .view-cont ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } 
 .board-view .view-cont blockquote { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px; } 
 .board-view .view-cont a, .board-cont .view-cont em, .board-cont .view-cont strong, .board-cont .view-cont i { display: inline-block; } 
 .board-view .view-cont hr { margin: 0.5em 0; border: 0px; border-top: 1px solid #ccc; } 


 /* 게시글 작성 */
 .board-write-form > div:not(.editor-content) { margin-bottom: 12px; } 
 .board-w-option #board_notice_option { display: flex; align-items:center; flex-wrap: wrap; } 
 .board-w-option .notice-chk { display: inline-block; padding-right: 10px; } 
 .board-w-option .notice-chk::after { display: inline-block; content: ''; position: relative; top: -1px; width: 1px; height: 8px; margin-left: 10px; background-color: #dbdbdb; } 
 .board-w-option .notice-date { display: inline-block; } 
 .board-w-option .notice-date span { margin-right: 2px; color: rgba(0, 0, 0, 0.58); font-weight: normal; } 
 .board-w-option .notice-date input { display: inline-block; height: 32px; width: 110px; } 
 .board-w-option .board-flex .w-subject.flex-grow { flex-grow: 1; } 
 .board-w-option .board-flex input { font-weight: normal; color: rgba(0, 0, 0, 0.78); } 
 .board-w-option .board-flex input::placeholder { font-weight: normal; color: rgba(0, 0, 0, 0.38); } 
 .input-bar { display: inline-block; width: 8px; height: 1px; margin: 0 0 0 4px; background-color: rgba(0, 0, 0, 0.3); vertical-align: middle; } 
 .editor-content { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #eee; padding-top: 8px; } 
 .board-w-file { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid #dbdbdb; flex-wrap: wrap; } 
 .board-w-file > span { flex-shrink: 0; width: 113px; font-weight: bold; color: rgba(0, 0, 0, 0.58); } 
 .board-w-file .inputBtn { position: relative; padding-right: 81px; } 
 .board-w-file .inputBtn::after { display: inline-block; content: ''; width: 1px; height: 12px; position: absolute; top: 50%; right: 40px; margin-top: -6px; background-color: #c4c4c4; } 
 .board-w-file .inputBtn label { display: block; width: 120px; height: 40px; background: #FFF; border: 1px solid #40454E; border-radius: 8px; text-align: center; line-height: 38px; } 
 .board-w-file .fileList-wrap > p { color: rgba(0, 0, 0, 0.58); } 
 .board-w-file .fileList-wrap .fileList li:last-child { margin-right: 0px; margin-bottom: 16px; } 
 .board-w-btn { margin-top: 12px; text-align: right; } 
 .board-w-btn button { width: 97px; height: 46px; margin-left: 6px; border-radius: 8px; } 
 .board-flex { display:flex; justify-content: flex-start; align-items:center; } 
 .board-w-group .selectBoxA { padding: 0 25px 0 12px; background-position-x: 87%; overflow: hidden; width: 100px; text-overflow: ellipsis; line-height: normal; } 



 /* 달력 */
 .ui-datepicker .ui-widget-header .ui-icon { background-image: url(/images/icon_datepicker_2x.png); background-size:14px 10px; margin:0; transform: translate(-50%, -50%); font-size: 100%; } 
 .ui-datepicker-prev span { width:7px; height:10px; background-position: 0px 0px; } 
 .ui-datepicker-next span { width:7px; height:10px; background-position: -7px 0px; } 
 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } 
 .ui-datepicker td { line-height: 1.2; } 
 .ui-datepicker td span, .ui-datepicker td a { padding: 7px 3px 4px 2px !important; } 


 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -3.5px; margin-top: -5px; } /* 게시판 상세 댓글 */
 .board-comment-wrap { margin-top: 64px; } 
 .board-comment-wrap .fileList-xs li { margin-right: 4px; background-color: #fff; } 
 .comment-list-wrap { margin-top: 16px; } 
 .comment-list-wrap h4 { margin-bottom: 24px; padding-bottom: 16px; font-size: 16px; color: rgba(0, 0, 0, 0.58); border-bottom: 2px solid #40454E; } 
 .comment-list-wrap h4 span { margin: 0 4px; color: #383838; color: var(--theme-color); } 
 .comment-list-wrap .nodata { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 0; text-align: center; border-bottom: 1px solid #dbdbdb; } 
 .comment-list-wrap .nodata:first-of-type { border-top: 1px solid #222; } 
 .comment-list-wrap .nodata i.ico { width: 80px; height: 80px; } 
 .comment-list-wrap .nodata p { font-size: 14px; color: rgba(0, 0, 0, 0.58); word-break: keep-all; } 
 .comment-list-wrap .commentList > li { margin-bottom: 16px; } 
 .comment-list-wrap .commentList > li:last-child { margin-bottom: 0; } 
 .comment-list-wrap .nodata { padding-top:16px; } 
 .commentList-box { padding: 16px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 8px; } 
 .commentList-box > .writer-info { line-height: 32px; } 
 .commentBox { padding-bottom: 16px; } 
 .commentBox::before { display: block; content: ''; width: 100%; height: 2px; margin: 16px 0 21px; background-color: #40454E; } 
 .commentBox:first-child::before { display: none; } 
 .cmt-tool:hover .cmt-tool-box { display: block; } 
 .cmt-tool .cmt-tool-btn { display: block; width: 32px; height: 32px; background: #FFF; border: 1px solid #DDD; border-radius: 4px; } 
 .cmt-tool .cmt-tool-btn::after { display: block; content: ''; width: 30px; height: 30px; background: url("/images/ico_more_btn_2x.png") no-repeat center; background-size: 3px 13px; } 
 .cmt-tool .cmt-tool-box { display: none; position: absolute; top: -8px; right: 40px; width: 149px; padding: 20px 0; background: #FFF; border: 1px solid #EEE; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12); border-radius: 8px; } 
 .cmt-tool .cmt-tool-box::before { display: block; content: ''; position: absolute; top: 7px; right: -30px; width: 32px; height: 100%; z-index: -1; } 
 .cmt-tool .cmt-tool-box::after { display: block; content: ''; position: absolute; top: 16px; right: -16px; width: 16px; height: 14px; background: url("/images/ico_bubble_right_arrow_2x.png") no-repeat center; background-size: 16px 14px; } 
 .cmt-tool .cmt-tool-box li { padding-left: 32px; } 
 .cmt-tool .cmt-tool-box li a { display: block; padding: 0 10px; line-height: 29px; font-size: 12px; color: rgba(0, 0, 0, 0.58); } 
 .cmt-tool .cmt-tool-box li a:hover { font-weight: bold; text-decoration: underline; } 
 .cmt-text-box { margin-bottom: 12px; padding: 8px 0; font-size: 14px; color: rgba(0, 0, 0, 0.58); font-weight: normal; } 
 .cmt-text-box .lock { padding-left: 22px; background: url("/images/common/ico_lock_2x.png") no-repeat left center; background-size: 12px 16px; } 
 .cmt-text-box img { display: block; margin-top: 8px; height: auto !important; } 
 .cmt-etc-btn { margin-bottom: 4px; } 
 .cmt-etc-btn ul li { display: inline-block; margin-right: 28px; } 
 .cmt-etc-btn ul li:last-child { margin-right: 0; } 
 .cmt-etc-btn a { position: static; transform: none; width: auto; } 
 .cmt-fileList { margin-top: 8px; } 
 .cmtReplyList { margin-bottom:16px; padding: 0 16px; } 
 .cmtReplyList + .commentBox { margin-top: 32px; } 
 .cmtReplyList:last-child { margin-bottom: 0; } 
 .cmtReplyList:last-child .cmtReplyList-box { border-bottom: none; } 
 .cmtReplyList-box { position: relative; padding: 16px 16px 16px 32px; background-color: #F5F5F5; border-radius: 8px; } 
 .cmtReplyList-box::before { display: block; content: ''; position: absolute; top: 50%; left: 8px; width: 18px; height: 22px; margin-top: -9px; background: url("/images/common/ico_reply_2x.png") no-repeat center; background-size: 8px 12px; } 
 .board-user-btn { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 24px; border-top:1px solid #dbdbdb; } 
 .board-user-btn > div { margin-top: 16px; } 
 .board-user-btn .user-btn button { height: 32px; margin-left: 4px; padding: 0 16px; font-weight: bold; font-size: 13px; border-radius: 4px; } 
 .board-user-btn .user-btn button:first-child { margin-left: 0; } 
 .board-user-btn > .btn_board_list { display:none; } 
 .board-user-btn .btn_board_list { background: #40454E; color: #FFF; border: 1px solid #40454E; } 
 .board-prev-next { flex-shrink: 0; text-align: right; } 
 .board-prev-next button { position: relative; height: 32px; margin-left: 6px; padding: 0 16px; font-size: 13px; } 
 .board-prev-next .prevBtn + .nextBtn::before { display: inline-block; content: ''; position: absolute; top: 50%; left: -10px; width: 1px; height: 8px; margin-top: -4px; background-color: #c4c4c4; } 
 .board-prev-next .nextBtn { margin-left: 15px; } 
 .board-prev-next button:first-child { margin-left: 0; } 
 .board-prev-next button { border-radius: 4px; line-height: normal; } 



 /* modal */
 .modal_wrap { display: none; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } 
 .modal_wrap .modal_content { position: relative; display:inline-block; width: 93%; max-width: 684px; max-height: 90%; padding:48px; background:#fff; border: 1px solid #eee; box-sizing: border-box; vertical-align:middle; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); border-radius: 12px; text-align: left; overflow: auto; } 
 .modal_wrap::after { display:inline-block; content: ''; width:0; height:100%; vertical-align:middle; } 
 .modal_header { display: flex; -webkit-justify-content:space-between; justify-content: space-between; align-items: center; padding-bottom:16px; border-bottom: 2px solid #222; } 
 .modal_header h2 { font-size: 24px; line-height: 32px; } 
 .modal_header .modal_close { width: 18px; height: 18px; background: url("/images/ico_close_2x.png") no-repeat center; background-size: 18px 18px; font-size: 0; text-indent: -999px; cursor: pointer; } 
 .modal_body { padding: 16px 0; } 
 .modal_footer { padding-top: 32px; text-align: center; } 
 .modal_footer button { height: 38px; padding: 0 32px; } 
 .modal_wrap .modal_content::-webkit-scrollbar { width: 10px; height: 10px; } 
 .modal_wrap .modal_content::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; } 
 .modal_wrap .modal_content::-webkit-scrollbar-corner { display: none; } 



 /* 게시판 댓글 모달 */
 .modal_wrap.modal_writer { display: none; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } 
 .modal_writer .modal_content { position: absolute; display:inline-block; width: 93%; max-width: 684px; max-height: 90%; padding:48px; background:#fff; border: 1px solid #eee; box-sizing: border-box; vertical-align:middle; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); border-radius: 12px; text-align: left; overflow: auto; max-width: 636px; padding: 24px; top: 50%; left:50%; transform: translate(-50%, -50%); } 
 .modal_writer .modal_header { height: 48px; } 
 .modal_writer .writer-info { margin-bottom: 0; } 
 .modal_writer .writer-box { flex-direction: column; } 
 .modal_writer .writer-box textarea { height: 160px; } 
 .modal_writer .writer-box button { width: 100%; height: 54px; margin-top: 12px; margin-left: 0; } 
 .writer-attach { display: flex; justify-content: space-between; margin-top: 10px; } 
 .writer-attach .cmt-secret { flex-shrink: 0; flex-basis: 80px; margin-top: 6px; text-align: right; } 
 .modal_wrap.modal_writer .file-input-wrap { margin-top: 0; } 
 .file-input-wrap .inputBtn { flex-shrink: 0; width: 74px; margin: 6px 8px 0 0; cursor: pointer; } 
 .file-input-wrap .inputBtn input[type=file] { display: none; } 
 .file-input-wrap .inputBtn input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
 .file-input-wrap .inputBtn label { cursor: pointer; } 
 .file-input-wrap .inputBtn label span { display: inline-block; margin-left: 8px; color: rgba(0, 0, 0, 0.58); } 


 /* 학습관리 성적표 */
 .ttable { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells:show; word-break: keep-all; border-spacing: 2px; border-collapse: separate; text-align: center; overflow: hidden; } 
 .ttable.mo-table { display: none; } 
 .ttable th, .ttable td { vertical-align: middle; text-align: center; } 
 .ttable th { font-weight: 400; font-size: 12px; color: rgba(0, 0, 0, .78); } 
 .ttable td { padding: 16px; } 
 .ttable td.pre-line { word-break: pre-line; } 
 .ttable thead tr { position: relative; } 
 .ttable thead tr th { position: relative; height: 30px; border-top: 2px solid #383838; border-top: 2px solid var(--theme-color); border-bottom: 1px solid #ddd; color: #000; } 
 .ttable thead tr th::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #383838; background-color: var(--theme-color); opacity: 0.1; z-index: -1; } 
 .ttable tbody tr td { /*padding: 12px*/ border-bottom: 1px solid #ddd; font-size: 13px; } 
 .ttable tbody tr td a { font-weight: 700; text-decoration: underline; } 

 .test-result .chart_box.recent-grade .scroll-box { overflow-x: auto; } 
 .test-result .chart_box .chart_label { margin-top: 20px; } 
 .test-result .chart_box .chart_label span { display:inline-block; margin: 0 28px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); vertical-align: sub; } 
 .test-result .chart_box .chart_label span:before { display:inline-block; content:''; width:12px; height:12px; margin-right: 8px; background-color: rgba(0, 0, 0, 0.15); vertical-align: middle; } 
 .test-result .chart_box .chart_label .label_std:before { background-color: #383838; background-color: var(--theme-color); opacity: 0.7; } 
 .test-result .ttable.mo-table td:nth-child(1) { padding: 0; } 
 .test-result .ttable i.nodata { width: 48px; height: 44px; background: url(/images/ico_noTest_2x.png) no-repeat center / 48px 44px; display: block; margin: 0 auto; margin-bottom: 10px; margin-top: 14px; } 
 .test-result .ttable i.nodata + p { margin-bottom: 6px; } 
 .test-result .ttable.mo-table td:nth-child(1) i.nodata { margin-top: 18px; } 
 .test-result .ttable.mo-table td:nth-child(1) i.nodata + p { margin-bottom: 12px; } 


 .test-result .title { font-size: 16px; color: rgba(0, 0, 0, .78); margin-bottom: 6px; margin-top: 16px; } 
 .test-result .chart_box { position: relative; border: 1px solid #ddd; } 
 .test-result .chart_box::after { content: ""; position: absolute; width: calc(100% + 2px); height: 2px; left: -1px; top: -1px; background-color: #000; } /* 선 */
 .test-result .chart_box canvas { margin-top: 32px; } 
 .test-result .chart_box .chart_label.line.center { display: flex; justify-content: center; } 
 .test-result .chart_box .chart_label.line.center span { flex: none; } 
 .test-result .chart_box .chart_label.line.center span::before { margin-top: -2px; height: 2px; width: 16px; background-color: #9A9EA0; } 
 .test-result .chart_box .chart_label.line.center span.label_std::before { background-color: var(--theme-color); } 
 .test-result .chart_box .chart_label.line.center span.label_class::before { content: " "; background: repeating-linear-gradient(to right, var(--theme-color) 0, var(--theme-color) 3px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 6px); } 

 .test-result .chart_box .chart-item { position: relative; } 
 .test-result .chart_box .chart-item .y-label { position: absolute; top: -15px; left: 22px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 
 .test-result .chart_box .chart-item .x-label { position: absolute; top: 260px; right: -15px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 


 .n_aside + .container .inner-mart { margin-top:0; } 
 .n_aside + .container { padding-top: 32px; } 



 /* 221004 수정 */
 /* 개인정보 수정 */
 .form-list > li.mb-phone > div { display: flex; } 
 .form-list .phone-input { width: calc(100% - 95px); } 
 .form-list .mb-phone-apply .phone-input { width: calc(100% - 108px); } 
 .form-list .mb-phone-apply .phone-input.wide { width: calc(100% - 184px); } 
 .mb-confirm .input-text { width: calc(100% - 50px); } 
 .mb-child-school .btn-box button.btn, .mb-address .btn-box button.btn { transform: none; position: static; } 
 .mb-child-school .guide_text { font-size: 12px; margin-top: 8px; } 
 .mb-marketing > div { display:flex; flex-wrap: wrap; } 
 .mb-marketing > div > span { display:flex; flex:none; margin-left: 8px; margin-bottom: 4px; } 
 .mb-marketing > div > span:first-child { margin-left: 0; } 
 .mb-marketing > div > span label { margin-left: 8px; } 
 .mb-marketing > div > span label:first-of-type { margin-left: 0; } 




 /* 회원가입 */
 .l-flex-box { display: flex; align-items: center; margin-top: 16px; } 
 .l-flex-box:first-child { margin-top: 0; } 
 .l-flex-box .btn-box { flex: none; font-size: 12px; margin-left: 8px; } 
 .l-flex-box .btn-box .btn { padding: 10px 8px; margin-left: 2px; } 
 .l-flex-box .btn-box .btn:first-child { margin-left: 0; } 
 .l-flex-box input[type=text] { border:none; border-bottom: 1px solid #eee; border-radius: 0; text-overflow:ellipsis; width: 100%; } 

 i.search-dark { width: 14px; height: 14px; background: url(/images/ico_search_darkgrey_2x.png) no-repeat center; background-size: 14px 14px !important; } 
 /* modal2 */
 .modal-wrap2 { /* display: none; */line-height: normal; } 
 .modal-wrap2 .frm-input.underLine { box-shadow: none; border-bottom: 1px solid #ddd; } 
 .modal-wrap2 .modal-inner { padding: 28px 0 48px 0; max-height: 90%; overflow-y: auto; } 
 .modal-wrap2 .title-box { padding: 0 24px; } 
 .modal-wrap2 .title-box h3 { font-size: 24px; font-weight: 700; border-bottom: 1px solid #000; } 
 .modal-wrap2 .cont-box { margin-top: 16px; padding: 0 24px; } 
 .modal-wrap2 .frm-input.underLine::placeholder { font-size: 14px; letter-spacing: -1px; } 
 .modal-wrap2 .search-box { position: relative; width: 100%; } 
 .modal-wrap2 .search-box .search { position: relative; } 
 .modal-wrap2 .search-box .search select { color: rgba(0, 0, 0, 0.78); letter-spacing: -1px; font-weight: 700; padding: 0 8px; background: url(/images/front/ico_arrow_bottm_2x.png) no-repeat 90% center / 12px 8px; } 
 .modal-wrap2 .search-box .search-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; } 
 .modal-wrap2 .search-box input { height: 36px; border-bottom: 1px solid #ddd; } 
 .modal-wrap2 .count-box { margin-top: 16px; } 
 .modal-wrap2 .result-list { border-top: 1px solid #222; margin-top: 8px; } 
 .modal-wrap2 .result-list .list { border-bottom: 1px solid #d8d8d8; padding: 16px 0; display: flex; align-items: center; } 
 .modal-wrap2 .result-list .list .btn { font-size: 12px; color: rgba(0, 0, 0, 0.78); padding: 5px 5px; } 

 .modal-wrap2 .fieldset .field-box { display: flex; margin-top: 12px; font-size: 14px; } 
 .modal-wrap2 .fieldset .field-box:first-child { margin-top: 0; } 
 .modal-wrap2 .fieldset .field-box .name { width: 66px; color: rgba(0, 0, 0, 0.78); font-weight: 700; } 
 .modal-wrap2 .fieldset .field-box .value { color: rgba(0, 0, 0, 0.58); } 
 .modal-wrap2 .fieldset .field-box .txt-theme { color: var(--theme-color); font-weight: 700; } 
 .modal-wrap2 textarea { margin-top: 16px; min-height: 300px; } 
 .modal-wrap2 textarea::placeholder { letter-spacing: -1px; } 
 .modal-wrap2 .btn.save { width: 160px; padding: 19px 0; border-radius: 8px; background-color: var(--theme-color); color: #fff; margin: 0 auto; display: block; margin-top: 16px; } 


 .modal-wrap2 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; } 
 .modal-wrap2 .modal-inner { position: absolute; width: 600px; max-width: 90%; background-color: #fff; border-radius: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 .modal-wrap2 .title-box h3 { padding-bottom: 12px; } 
 .modal-wrap2 .count-box { font-size: 14px; color: rgba(0, 0, 0, 0.58); font-weight: 700; } 
 .modal-wrap2 .count-box .cnt { color: var(--theme-color); margin-left: 4px; } 
 .modal-wrap2 .modal-close { position: absolute; width: 32px; height: 32px; right: 24px; top: 28px; background: none; } 
 .modal-wrap2 .modal-close span.line { position: absolute; width: 20px; height: 2px; background-color: #000; left: 50%; top: 50%; } 
 .modal-wrap2 .modal-close span.line:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg); } 
 .modal-wrap2 .modal-close span.line:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); } 


 /* 학교검색 modal */
 .school-search.modal-wrap2 .result-list .list .left { padding-right: 6px; } 
 .school-search.modal-wrap2 .result-list .list p { font-size: 14px; font-weight: 700; } 
 .school-search.modal-wrap2 .result-list .list span { margin-top: 2px; font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.38); } 
 .school-search.modal-wrap2 .result-list .list .btn { margin-left: auto; width: 38px; padding: 4px 0; height: 27px; font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, 0.78); border-radius: 4px; flex: none; } 
 .school-search.modal-wrap2 .result-list .list .btn:hover { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); } 


 /* 페이징 스타일 */
 .pagination-wrap2 { font-family: 'Noto Sans KR'; font-weight: normal; text-align: center; background-color: #f9f9f9; border-bottom: 1px solid #eee; } 
 .pagination-wrap2 .paging button.first-btn { width: 30px; height: 46px; background: url(/images/ico_page2_arrow_prev_2x.png) no-repeat center; background-size: 15px 14px; opacity: 0.3; } 
 .pagination-wrap2 .paging button.prev-btn { width: 30px; height: 46px; background: url(/images/ico_page2_arrow_left_2x.png) no-repeat center; background-size: 9px 14px; } 
 .pagination-wrap2 .paging button.next-btn { width: 30px; height: 46px; background: url(/images/ico_page2_arrow_right_2x.png) no-repeat center; background-size: 9px 14px; } 
 .pagination-wrap2 .paging button.last-btn { width: 30px; height: 46px; background: url(/images/ico_page2_arrow_next_2x.png) no-repeat center; background-size: 15px 14px; opacity: 0.3; } 
 .pagination-wrap2 .paging button span { display: inline-block; font-size: 0; text-indent: -999px; } 
 .pagination-wrap2 .paging .paging-num { display: inline-block; margin: 0 12px; vertical-align: middle; } 
 .pagination-wrap2 .paging .paging-num .page { display: inline-block; width: 30px; font-size: 14px; color: rgba(0, 0, 0, 0.58); cursor: pointer; } 
 .pagination-wrap2 .paging .paging-num .page.active, .pagination-wrap2 .paging .paging-num .page:hover { font-weight: 700; color: #383838; color: var(--theme-color); } 
 .pagination-wrap2 .paging .paging-num .page.active { position: relative; } 
 .pagination-wrap2 .paging .paging-num .page.active::after { content: ""; position: absolute; bottom: 8px; width: 9px; height: 1px; background-color: var(--theme-color); display: block; left: 50%; transform: translateX(-50%); } /* 언더라인 */
 .pagination-wrap2 .paging .paging-num .now-num, .pagination-wrap2 .paging .paging-num .last-num { display: none; } 

 .pagination-wrap2 .paging .paging-num a.on, .pagination-wrap2 .paging .paging-num a:hover { top: 0; } 


 /* 추가 221125 */
 .paging2 .paging-num a.now-num, .paging2 .paging-num a.last-num { display: none; } 
 .paging2 .paging-num a:hover { border-bottom: none; } 


 /* 온라인 성적입력 리스트 */
 .online-test .sub-cont { border-top: 2px solid #222; } 
 .online-test .search-box { padding: 16px 0; display: block; border-bottom: 1px solid #d8d8d8; } 
 .online-test .search-box .search-cont { position: relative; } 
 .online-test .search-box input { width: 100%; /* background: url(/images/ico_search4_2x.png) no-repeat right 11px center / 17px 17px; */ padding-right: 38px; color: rgba(0, 0, 0, .8); caret-color: var(--theme-color); } 
 .online-test .search-box input::placeholder { color: rgba(0, 0, 0, .3); } 
 .online-test .search-box .search-btn { background: url(/images/ico_search4_2x.png) no-repeat right 11px center / 17px 17px; } 
 .online-test-list { } 
 .online-test-list .list { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, .07); display: flex; } 

 .online-test-list .list .title-box { width: calc(100% - 64px); padding-right: 16px; display: flex; flex-direction: column; justify-content: center; } 
 .online-test-list .list .title-box:last-child { width: 100%; padding-right: 0; } 
 .online-test-list .list .title-box .title { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; color: rgba(0, 0, 0, .78); font-size: 16px; } 
 .online-test-list .list .title-box .title:hover { text-decoration: underline; } 
 .online-test-list .list .title-box .test-info { font-size: 12px; color: rgba(0, 0, 0, .58); display: flex; flex-wrap: wrap; margin-top: 2px; } 
 .online-test-list .list .title-box .test-info span { margin-left: 19px; position: relative; display: block; } 
 .online-test-list .list .title-box .test-info span:first-child { margin-left: 0; } 
 .online-test-list .list .title-box .test-info span::after { content: ""; position: absolute; width: 3px; height: 3px; background-color: rgba(0, 0, 0, .3); border-radius: 50%; top: 0; bottom: 0; right: -12px; margin: auto 0; } 
 .online-test-list .list .title-box .test-info span:last-child::after { display: none; } 
 .online-test-list .list .title-box .test-info b { margin-left: 4px; } 
 .online-test-list .list .score-box { flex: none; width: 64px; } 
 .online-test-list .list .score-box p { display: flex; justify-content: center; align-items: center; width: 100%; height: 48px; background-color: #F5F5F5; border-radius: 8px; font-weight: 700; } 
 .online-test-list .list .score-box p.complete { color: #D23040; font-size: 16px; } 
 .online-test-list .list .score-box p.confirm { color: #999CA1; font-size: 13px; } 

 /* 온라인 테스트 추가 230623 { */
 .online-test-list .list:hover { background:#f7f7f7; } 
 .online-test-list .list .title-box .title b { font-size: 12px; font-weight: 700; line-height: 19px; letter-spacing: -1px; text-align: left; padding: 2px 4px; border-radius: 4px; margin-right: 5px; display: inline-block; background: #fff; } 
 .online-test-list .list .title-box .title .subject_online { color: var(--theme-color); border: 1px solid var(--theme-color); } 
 .online-test-list .list .title-box .title .subject_offline { color: #999CA1; border: 1px solid #999CA1; } 
 .online-test-list .list .title-box .title .subject_re_solve { color: #D23040; border: 1px solid #D23040; } 
 /* } 온라인 테스트 추가 230623 */


 /* 온라인 성적입력 답안입력 */
 .online-test-quest .qest-list-box { border-bottom: 1px solid #ddd; padding-bottom: 16px; } 
 .online-test-quest .sub-cont { border-top: 2px solid #222; } 
 .online-test-quest .title-box { padding: 16px 0; border-bottom: 1px solid #eee; } 
 .online-test-quest .title-box .label-box { display: flex; flex-wrap: wrap; } 
 .online-test-quest .title-box .label-box span { display: block; margin-left: 4px; padding: 0 4px; border: 1px solid; border-radius: 4px; font-weight: 700; font-size: 12px; } 
 .online-test-quest .title-box .label-box span:first-child { margin-left: 0; } 
 .online-test-quest .title-box .label-box span.sub { border-color: var(--theme-color); color: var(--theme-color); } 
 .online-test-quest .title-box .label-box span.sub-2 { border-color: #999CA1; color: #999CA1; } 
 .online-test-quest .title-box .label-box + strong { margin-top: 8px; display: block; } 
 .online-test-quest .title-box strong { font-size: 20px; color: rgba(0, 0, 0, .78); font-weight: 700; line-height: 1.4; } 

 .online-test-quest .title-box .test-info { font-size: 12px; color: rgba(0, 0, 0, .58); display: flex; flex-wrap: wrap; margin-top: 4px; } 
 .online-test-quest .title-box .test-info span { margin-left: 19px; position: relative; display: block; } 
 .online-test-quest .title-box .test-info span:first-child { margin-left: 0; } 
 .online-test-quest .test-date { padding: 16px 0; display: flex; border-bottom: 1px solid #eee; } 
 .online-test-quest .test-date .date { border: none; height: auto; padding: 0; width: 122px; /* width: auto; */font-size: 14px; color: rgba(0, 0, 0, .78); letter-spacing: -0.5px; } 
 .online-test-quest .test-date .datepicker { width: 40px; height: 32px; display: flex; font-size: 0; cursor: pointer; background: url(/images/ico_datapicker_2x.png) no-repeat center / 16px 16px; border-radius: 8px; border-color: #ddd; margin-left: 16px; transition: all 0.3s; } 
 .online-test-quest .test-date .datepicker:hover { background-color: #f5f5f5; } 

 .online-test-quest .qest-list-box { margin-top: 16px; } 
 .online-test-quest .qest-list-box h4.title { font-size: 18px; color: rgba(0, 0, 0, .78); font-weight: 700; } 
 .online-test-quest .qest-list-box table { margin-top: 14px; border-collapse: separate; border-spacing: 2px 0; } 
 .online-test-quest .qest-list-box table .r-wid { width: 21%; } 
 .online-test-quest .qest-list-box table .r-wid2 { width: 12%; } 
 .online-test-quest .qest-list-box table thead th { font-size: 12px; font-weight: 700; text-align: center; border-bottom: 2px solid #444; } 
 .online-test-quest .qest-list-box table td { text-align: center; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px; } 
 .online-test-quest .qest-list-box table td:first-child { font-weight: 700; } 
 .online-test-quest .qest-list-box table td .input-box input[type=text] { padding: 8px; border-radius: 8px; font-weight: 400; color: rgba(0, 0, 0, .58); max-width: 192px; } 
 .online-test-quest .qest-list-box table td .input-box input[type=checkbox], .online-test-quest .qest-list-box table td .input-box input[type=radio] { display: none; } 

 .online-test-quest .qest-list-box table td .input-box { display: flex; flex-wrap: wrap; justify-content: center; } 
 .online-test-quest .qest-list-box table td .input-box input[type=checkbox] + label, .online-test-quest .qest-list-box table td .input-box input[type=radio] + label { height: 23px; width: 18px; border-radius: 8px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, 0.3); margin-right: 26px; cursor: pointer; padding-right: 1px; transition: all 0.3s; padding-bottom: 1px; } 
 .online-test-quest .qest-list-box table td .input-box input[type=checkbox] + label:last-child, .online-test-quest .qest-list-box table td .input-box input[type=radio] + label:last-child { margin-right: 0; } 

 .online-test-quest .qest-list-box table td .input-box input[type=checkbox]:checked + label, .online-test-quest .qest-list-box table td .input-box input[type=radio]:checked + label { background-color: var(--theme-color); color: #fff; border-color: var(--theme-color); } 
 .online-test-quest .qest-list-box table td .input-box input[type=checkbox] + label:hover, .online-test-quest .qest-list-box table td .input-box input[type=radio] + label:hover { border-color: var(--theme-color); color: var(--theme-color); } 

 .online-test-quest .qest-list-box table td .input-box input[type=checkbox]:checked + label:hover, .online-test-quest .qest-list-box table td .input-box input[type=radio]:checked + label:hover { background-color: var(--theme-color); color: #fff; border-color: var(--theme-color); } 
 .online-test-quest .qest-list-box .save-btn { margin-top: 10px; } 
 .online-test-quest .go-list { width: 157px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 13px; letter-spacing: -1px; margin-top: 16px; margin-left: auto; } 
 .online { min-height: 728px; } 

 /* 온라인 성적입력 - 결과 */
 .answer-result { border-bottom: 1px solid #D8D8D8; height: 374px; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
 .answer-result .img-box { margin: 0 auto; width: 120px; height: 120px; } 
 .answer-result > * { margin-top: 8px; } 
 .answer-result > :first-child { margin-top: 0; } 
 .answer-result .title-txt { font-size: 18px; font-weight: 700; text-align: center; } 
 .answer-result .score-box { background-color: #EEF3F1; border-radius: 8px; width: 144px; height: 46px; display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 16px; font-weight: 700; margin-top: 8px; } 
 .answer-result .score-box p { color: #40454E; } 
 .answer-result .score-box span { color: var(--theme-color); margin-left: 8px; } 
 .answer-result .desc { font-size: 14px; text-align: center; display: block; } 

 .answer-result.complete { height: 292px; justify-content: flex-start; border-bottom: 1px solid #d8d8d8; margin-bottom: 16px; } 
 .answer-result.complete .img-box { background: url(/images/img_test_after_2x.png) no-repeat center / 57px 70px; margin-top: 16px; } 
 .answer-result.fail-1 .img-box { background: url(/images/img_test_auth_2x.png) no-repeat center / 50px 58px; width: 80px; height: 80px; } 
 .answer-result.fail-1 .img-box + .title-txt { margin-top: 16px; } 

 .answer-result.fail-2 .img-box { background: url(/images/no_child_2x.png) no-repeat center / 54px 48px; width: 80px; height: 80px; } 
 .answer-result.fail-2 .btn { height: 60px; width: 320px; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 18px; margin-top: 16px; } 
 .answer-result.fail-2 .desc, .test-result.fail-2 .title-txt { margin-top: 16px; } 

 .answer-result.fail-3 { } 
 .answer-result.fail-3 .img-box { background: url(/images/img_no_test_2x.png) no-repeat center / 53px 56px; width: 80px; height: 80px; margin-top: 16px; } 


 /* 수강예약 메인 */
 .search-box .search-btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url("/images/ico_search_2x.png") no-repeat center center / 14px 14px; font-size: 0; text-indent: -9999px; } 
 .selectBoxM { position: relative; display: block; height: 28px; line-height: 26px; padding: 0 32px 0 12px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; font-size: 14px; background: url("/images/ico_select_arrow_light_2x.png") no-repeat right 11px center / 12px 8px; color: rgba(0, 0, 0, .58); min-width: 80px; } 
 /* 모달 ui 변경 추가 */
 .modal-wrap.n-modal.basic { background-color: rgba(0,0,0,0.3); } 
 .modal-wrap.n-modal .modal-title h2 { color: rgba(0, 0, 0, 0.78); } 
 .modal-wrap.n-modal.basic .modal-close { background: none; width: 32px; height: 32px; right: 16px; top: 32px; } 
 .modal-wrap.n-modal.basic .modal-close .line { display: block; width: 20px; height: 2px; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } 
 .modal-wrap.n-modal.basic .modal-close .line.line1 { transform: rotate(45deg); } 
 .modal-wrap.n-modal.basic .modal-close .line.line2 { transform: rotate(-45deg); } 
 .modal-wrap.n-modal.basic .modal-content-box { max-height: 90%; overflow-y: auto; } 
 .modal-wrap.n-modal.basic pre { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; white-space: pre-line; margin-top: 24px; line-height: 1.7; } 


 .schedule-board-wrap .title-area { display: flex; justify-content: space-between; } 
 .schedule-board-wrap .title-box { display: flex; align-items: center; } 
 .schedule-board-wrap .title-box .title { font-size: 18px; color: rgba(0, 0, 0, .78); margin-right: 8px; } 
 .schedule-board-wrap .title-box .title:empty { display:none; } 
 .schedule-board-wrap .title-box .title.tc { color: var(--theme-color); } 
 .schedule-board-wrap .title-box .title + select { } 
 .schedule-board-wrap .search-box input[type=text] { height: 28px; border: none; border-bottom: 1px solid #d8d8d8; width: 160px; padding-right: 40px; border-radius: 0; } 
 .schedule-board-wrap .search-box .search-btn { height: 28px; width: 26px; } 
 .schedule-board-wrap .table-box { margin-top: 8px; } 

 .school-tab-box .tab-box { padding: 16px; padding-bottom: 12px; border: 1px solid #eee; border-radius: 8px; display: flex; flex-wrap: wrap; } 
 .school-tab-box .tab-box .tab { height: 37px; font-size: 13px; color: rgba(0, 0, 0, .38); border: 1px solid #d8d8d8; border-radius: 4px; display: flex; padding: 0 24px; align-items: center; margin-right: 4px; margin-bottom: 4px; transition: all 0.3s; font-weight: 700; } 
 .school-tab-box .tab-box .tab.active { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff; } 
 .schedule-board-wrap .board-box { margin-top: 44px; } 
 .schedule-board-wrap .board-box:first-child { margin-top: 0; } 

 .page-contrl-wrap { margin-bottom: 17px; } 
 .schedule-reserve .sub-cont { border-top: 2px solid #222; } 
 .page-move-box { padding: 8px 0; height:48px; position: relative; margin:8px 0; } 
 .page-move-box h4 { font-size: 20px; color: #000; text-align:center; margin-top:4px; } 
 .page-move-box .btn-box { display: flex; align-items: center; position: absolute; top: 0; } 
 .page-move-box .btn-box.left { left:0; } 
 .page-move-box .btn-box.right { right:0; } 
 .page-move-box .btn-box .btn { width: 48px; height: 48px; border: 1px solid #999; border-radius: 8px; flex: none; } 
 .page-move-box .btn-box.left .btn { background: url(/images/ico_contrl_prev_2x.png) no-repeat center / 9px 14px; margin-right: 12px; } 
 .page-move-box .btn-box.right .btn { background: url(/images/ico_contrl_next_2x.png) no-repeat center / 9px 14px; margin-left: 12px; } 
 .page-move-box .btn-box .name { font-size: 14px; color: rgba(0, 0, 0, .58); font-weight: 700; } 

 .depth2-tab-box .tab-box { display: flex; justify-content: center; margin-top: 10px; color: rgba(0, 0, 0, 0.78); border-bottom: none; margin-bottom: 0; flex-wrap:wrap; } 
 .depth2-tab-box .tab-box .tab { font-size: 16px; font-weight: 700; margin:0 24px; transition: all 0.3s; flex:none; margin-bottom:16px; } 
 .depth2-tab-box .tab-box .tab:hover { color: var(--theme-color); } 
 .depth2-tab-box .tab-box .tab span { display: block; padding-bottom: 7px; } 
 .depth2-tab-box .tab-box .tab:last-child { } 
 .depth2-tab-box .tab-box .tab.active { color: var(--theme-color); } 
 .depth2-tab-box .tab-box .tab.active span { border-bottom: 3px solid var(--theme-color); } 

 .school-tab-box .tab-box { margin-top: 26px; margin-bottom: 0; border: 1px solid #eee; border-radius: 8px; } 



 /* 테이블 */
 .sc-table .tal { text-align: left !important; } 
 .sc-table .tac { text-align: center !important; } 
 .sc-table .tar { text-align: right !important; } 
 .sc-table { border-top: 1px solid #000; border-bottom: 1px solid #eee; } 
 .sc-table thead tr th { border-bottom: 1px solid #d8d8d8; background-color: #fff; padding: 11px 8px; font-size: 13px; text-align: center; color: rgba(0, 0, 0, .78); } 
 .sc-table tbody tr:hover { background:#f7f7f7; } 
 .sc-table tbody tr td { border-bottom: 1px solid #eee; font-size: 13px; padding: 0 8px; text-align: center; position: relative; font-weight: 700; color: rgba(0, 0, 0, .58); height: 48px; } 
 .sc-table tbody tr td.time, .sc-table tbody tr td.date { font-weight: 400; } 
 .sc-table tbody tr td .null-dot { position:absolute; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.58); top:0; left:0; right:0; bottom:0; margin: auto; } 
 .sc-table tbody tr td .txt { position: relative; z-index: 3; display: inline-block; vertical-align: middle; font-size: 13px; } 
 .sc-table tbody tr td .txt:empty { display: none; } 
 .sc-table tbody tr td .title { font-weight: 700; color: rgba(0, 0, 0, .58); transition: all 0.2s; width: 100%; display: inline-block; vertical-align: middle; font-size: 13px; } 
 .sc-table tbody tr td .title:hover { color: var(--theme-color); } 
 .sc-table tbody tr td .title.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .sc-table tbody tr td .title.no-intro { text-decoration: none; cursor:default; } 
 .sc-table tbody tr td .title.no-intro:hover { text-decoration: none; color: rgba(0, 0, 0, .58); } 
 .sc-table tbody tr td .title .text { margin-right: 6px; } 
 .sc-table tbody tr td .title .t-view { font-weight: 500; color: var(--theme-color); word-break: keep-all; } 

 .sc-table thead tr th:hover .ico.sort.down-d, .sc-table thead tr th:hover .ico.down.sort { background: url(/images/ico_n_down_active_2x.png) no-repeat center / 7px 6px; } 
 .sc-table tbody tr td:last-child .btn, .sc-table tbody tr td:last-child .btn { position: relative; } 
 .sc-table tbody tr td.num { font-weight: 700; color: rgba(0, 0, 0, 0.58); } 
 .sc-table .btn { font-weight: 700; height: 37px; width: 77px; border-radius: 8px; display:flex; align-items: center; justify-content: center; position: relative; top: 0; bottom: 0; left:0; right: 0; margin: auto; border:none; z-index: 2; } 

 .sc-table .btn { background-color: #fff; color: var(--theme-color); border: 1px solid var(--theme-color); } 
 .sc-table .complete .btn { background-color: transparent; color: var(--theme-color); border: 1px solid transparent; cursor: default; } 
 .sc-table .btn.red { color: #D23040; border: 1px solid #D23040; } 

 /* 검색결과 없을 때 */
 .sc-table .no-sc-search { height: 200px; } 
 .sc-table .no-sc-search.row { display:flex; justify-content:center; align-items:center; flex-direction:column; } 
 .sc-table .no-result { content: ""; display:block; margin: 0 auto; background: url(/images/ico_emptyFolder_2x.png) no-repeat center / 46px 42px; width: 46px; height: 42px; } 
 .sc-table .no-result + p { margin-top:8px; font-weight:400; color:rgba(0,0,0,.58); font-size:13px; } 

 /* 모바일 테이블 */
 .table-box.only-mobile .sc-table { border-bottom: none; border-top: 1px solid #000; padding-top: 12px; } 
 .table-box.only-mobile .sc-table .row { padding: 12px 0; border-bottom: 1px solid #eee; } 
 .table-box.only-mobile .sc-table .top { display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; align-items: center; } 
 .table-box.only-mobile .sc-table .sub-box { display: flex; color: var(--theme-color); } 
 .table-box.only-mobile .sc-table .sub-box p { position: relative; margin-left: 9px; } 
 .table-box.only-mobile .sc-table .sub-box p:first-child { margin-left: 0; } 
 .table-box.only-mobile .sc-table .sub-box p::after { content: ""; position: absolute; top: 0; bottom: 0; left: -4px; display: block; width: 1px; height: 12px; margin: auto 0; background-color: #d8d8d8; } /* 구분선 */
 .table-box.only-mobile .sc-table .sub-box p:first-child::after { display: none; } 
 .table-box.only-mobile .sc-table .sub-box p:empty::after { display: none; } 
 .table-box.only-mobile .sc-table .date-box { color: rgba(0, 0, 0, .3); } 
 .table-box.only-mobile .sc-table .date-box:empty { display: none; } 
 .table-box.only-mobile .sc-table .date-box span { color: rgba(0, 0, 0, .58); margin-right: 4px; letter-spacing: 0; } 
 .table-box.only-mobile .sc-table .title-box { font-size: 16px; font-weight: 700; } 
 .table-box.only-mobile .sc-table .title-box a { color: rgba(0, 0, 0, .58); } 
 .table-box.only-mobile .sc-table .title-box .text { margin-right: 6px; } 
 .table-box.only-mobile .sc-table .title-box .t-view { font-size: 14px; font-weight: 500; color: var(--theme-color); word-break: keep-all; } 
 .table-box.only-mobile .sc-table .time-box { font-size: 14px; color: rgba(0, 0, 0, .58); } 
 .table-box.only-mobile .sc-table .time-box span, .table-box.only-mobile .sc-table .title-box a { margin-top: 4px; display: block; width: 100%; } 
 .table-box.only-mobile .sc-table .time-box span.ellipsis, .table-box.only-mobile .sc-table .title-box a.ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
 .table-box.only-mobile .sc-table .time-box span:empty { display: none; } 
 .table-box.only-mobile .sc-table .btn { margin: 0; margin-left: auto; font-size: 13px; margin-top: 8px; } 

 /* 시간표 수강예약 없음 */
 .no-schedule { height: 186px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-top: 1px solid #000; border-bottom: 1px solid #d8d8d8; } 
 .no-schedule p { font-size: 14px; color: rgba(0, 0, 0, .58); } 
 .no-schedule .img-box { background: url(/images/no_schedule_2x.png) no-repeat center / 63px 48px; width: 80px; height: 80px; } 


 /* 강의소개 modal */
 .lecture-intro-modal.n-modal.modal-wrap { } 
 .lecture-intro-modal.n-modal.modal-wrap .modal-content-box { max-width: 800px; } 
 .lecture-intro-modal.n-modal.modal-wrap .modal-title { margin-bottom: 12px; } 
 .lecture-intro-modal.modal-wrap.n-modal .modal-title::after { bottom: -12px; } 
 .lecture-intro-modal.modal-wrap.n-modal .lecture-name { font-size: 20px; color: rgba(0, 0, 0, .78); } 


 .lecture-intro-modal.modal-wrap.n-modal .editor-area { padding: 16px 0; font-size: 16px; line-height: 180%; color: rgba(0, 0, 0, 0.58); font-weight: normal; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area a { color: #0782C1; text-decoration: underline; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area img { display: block; height: auto !important; margin-top: 10px; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area blockquote { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area a, .lecture-intro-modal.modal-wrap.n-modal .editor-area em, .lecture-intro-modal.modal-wrap.n-modal .editor-area strong, .lecture-intro-modal.modal-wrap.n-modal .editor-area i { display: inline-block; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area em { font-style: italic; font-weight:initial; } 
 .lecture-intro-modal.modal-wrap.n-modal .editor-area strong * { font-weight:bold !important; } 


 /* 수강예약 로그인 modal */
 .reserve-login-modal.n-modal.modal-wrap .modal-cont { padding-top: 24px; } 
 .reserve-login-modal.n-modal.modal-wrap .info-txt-box { padding-bottom: 30px; } 
 .reserve-login-modal.n-modal.modal-wrap .info-txt-box h3 { font-size: 24px; color: rgba(0, 0, 0, .78); text-align: center; } 
 .reserve-login-modal.n-modal.modal-wrap .info-txt-box h3 span { color: var(--theme-color); margin-right: 8px; } 
 .reserve-login-modal.n-modal.modal-wrap .info-txt-box p { margin-top: 12px; font-size: 14px; font-weight: 700; color: rgba(0, 0, 0, .58); text-align: center; } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box { display: block; text-align: center; border-bottom: 1px solid #ddd; padding-top: 24px; border-top: 2px solid #000; } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box .btn { margin-left: 0; margin-top: 8px; font-size: 16px; } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box .btn:first-child { margin-top: 0; } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box .btn { background-color: #fff; color: rgba(0, 0, 0, .58); border: 1px solid #d8d8d8; letter-spacing: -1px; } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box .btn.btn-theme { background-color: var(--theme-color); color: #fff; border: 1px solid var(--theme-color); } 
 .reserve-login-modal.n-modal.modal-wrap .btn-box .join-btn { background-color: transparent; border: none; width: auto; font-size: 14px; margin-top: 0; display: inline-block; height: auto; padding: 0; margin: 24px 0; } 


 /* 수강 예약 화면 */
 .schedule-reserve .apply-wrap { padding-top: 25px; } 
 .schedule-reserve .apply-wrap .title-box { display: flex; align-items: center; flex-wrap: wrap; border-bottom : 2px solid #222; padding-bottom: 16px; margin-bottom: 16px; } 
 .schedule-reserve .apply-wrap .title-box h4.title { font-size: 20px; color: rgba(0, 0, 0, .78); flex: none; } 
 .schedule-reserve .apply-wrap .title-box .reference { margin: 0; margin-left: auto; text-align: left; font-size: 14px; color: #FF9800; position: relative; padding-left: 7px; } 
 .schedule-reserve .apply-wrap .title-box .reference::before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 3px; height: 3px; background-color: var(--theme-color); } 
 
 .schedule-reserve .apply-wrap .lec_title { display: flex; justify-content: flex-start; align-items: stretch; } 
 .schedule-reserve .apply-wrap .lec_title .title { flex-grow : 1; font-size: 28px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; text-align: left; } 
 .schedule-reserve .apply-wrap .lec_title.closing .sign { position: relative; display: flex; justify-content : center; align-items: center; min-width: 64px; height: 64px; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: center; color : #D23040; border: 2px solid #D23040; border-radius :50%; margin-left: 24px; } 
 .schedule-reserve .apply-wrap .lec_title.closing .sign::after { content: ''; position : absolute; top : 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius :50%; border: 1px solid #d23040; opacity: 0.4; } 
 
 .schedule-reserve .apply-wrap .lecture-info { margin-top: 24px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box { background-color: #f5f5f5; border: 1px solid #d8d8d8; border-radius: 8px; padding: 16px; margin-bottom: 16px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box .lecture-info-title { border-bottom: 1px solid #eee; padding-bottom: 8px; color: rgba(0, 0, 0, 0.78); font-size: 18px; line-height: 1.2; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box .lecture-info-title>* { margin-right: 4px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box .lecture-info-title span { border: 1px solid #999; border-radius: 4px; padding: 4px 8px; color: rgba(0, 0, 0, 0.78); font-size: 16px; line-height: 1.2; letter-spacing: -1px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box .lecture-info-title b { color: rgba(0, 0, 0, 0.78); font-size: 18px; line-height: 1.2; letter-spacing: -1px; } 
 .schedule-reserve .apply-wrap .lecture-info .round-box .lecture-info-title h4 { color: rgba(0, 0, 0, 0.38); font-size: 18px; line-height: 1.2; letter-spacing: -1px; } 
 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box { display: flex; justify-content: flex-start; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list { width: 50%; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list.title { position: relative; text-align: left; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list.title::after { content:''; position : absolute; top: 50%; left: 100%; display: block; width: 1px; height: 24px; transform: translateY(-50%); background-color: #D8D8D8; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .info-box { display: flex; justify-content: flex-start; align-items: center; width: 36%; height: 100%; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 { width: 64%; display: flex; justify-content: flex-start; align-items: flex-start; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 .list { width: 50%; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list p { font-weight: 400; color: rgba(0, 0, 0, .58); } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list .sub { font-size: 12px; line-height: 1.2; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .list .info { font-size: 16px; line-height: 1.6; font-weight: 700; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 p { text-align: center; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 .title p { text-align: left; } 
 .schedule-reserve .apply-wrap .lecture-info .lecture-info-box .infoBox2 .list.date .info { color: var(--theme-color); } 

 .schedule-reserve .apply-wrap .lec_intro { border: 1px solid #D8D8D8; padding: 16px; padding-bottom: 0; border-radius: 16px; margin-bottom: 32px; } 
 .schedule-reserve .apply-wrap .lec_intro .lec_intro_tit { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; cursor: pointer; } 
 .schedule-reserve .apply-wrap .lec_intro .lec_intro_tit>span { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
 .schedule-reserve .apply-wrap .lec_intro .lec_intro_tit>img { width: 18px; height: 10px; object-fit: contain; } 
 .schedule-reserve .apply-wrap .lec_intro .lec_intro_tit>img.open { transform: rotate(180deg); } 
 .schedule-reserve .apply-wrap .lec_intro .contents { border-top: 1px solid #d8d8d8; padding-bottom: 16px; } 
 .schedule-reserve .apply-wrap .lec_intro .contents img { width: 100%; height: auto !important; /*object-fit: contain; */ } 
 .schedule-reserve .apply-wrap .lec_intro .contents p { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; padding-top: 16px; } 



 .schedule-reserve .apply-wrap .user-info { display: flex; flex-wrap: wrap; } 
 .schedule-reserve .apply-wrap .user-info .list { width: calc(50% - 16px); margin-bottom: 32px; } 
 .schedule-reserve .apply-wrap .user-info .list.full { width: 100%; margin-bottom: 0; } 
 .schedule-reserve .apply-wrap .user-info .list:nth-child(even) { margin-left: 32px; } 
 .schedule-reserve .apply-wrap .user-info .list .sub { font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, .58); } 
 .schedule-reserve .apply-wrap .user-info .list .sub b { color: #D23040; } 
 .schedule-reserve .apply-wrap .user-info .list input::placeholder { color: rgba(0, 0, 0, 0.25); } 
 .schedule-reserve .apply-wrap .user-info .list input, .schedule-reserve .apply-wrap .user-info .list select { height: 40px; border-radius: 0; border: none; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07); width: 100%; font-size: 14px; padding: 0 8px; color: rgba(0, 0, 0, 0.78); } 
 .schedule-reserve .apply-wrap .user-info .list select { color: rgba(0, 0, 0, .78); font-weight: 700; background: url(/images/ico_select_2x.png) no-repeat right 13px center / 12px 8px; padding-right: 36px; } 
 .schedule-reserve .apply-wrap .user-info .list .phone-num-box { display: flex; } 
 .schedule-reserve .apply-wrap .user-info .list .phone-num-box input { margin-left: 16px; width: 33.33%; } 
 .schedule-reserve .apply-wrap .user-info .list .phone-num-box select { width: 33.33%; background: url(/images/ico_arrow_bottm2_2x.png) no-repeat right 13px center / 10px 6px; } 

 .terms-box { margin-top: 41px; position: relative; } 
 .terms-box .terms-toggle-btn { width: 20px; height: 20px; background: url(/images/ico_arrow_bottm2_2x.png) no-repeat center / 10px 6px; position: absolute; right: 0; top: 2px; z-index: 6; } 
 .terms-box .checkboxA { display: block; width: 100%; position: relative; padding-bottom: 16px; } 
 .terms-box .checkboxA label { color: rgba(0, 0, 0, .58); font-weight: 400; display: inline-block; } 
 .terms-box .checkboxA::before { content: ""; position: absolute; display: block; bottom: 0; width: calc(100% - 28px); right: 0; background-color: #eee; height: 1px; } 
 .terms-box .checkboxA label span { color: rgba(0, 0, 0, .78); margin-right: 4px; font-weight: 700; } 
 .terms-box .checkboxA input + label::before { top: 1px; } 
 .terms-box .txt-box { padding-left: 28px; font-size: 13px; color: rgba(0, 0, 0, .38); padding-top: 10px; position: relative; display: none; } 
 .schedule-reserve .apply-wrap .btn-box { margin: 0 auto; margin-top: 32px; } 
 .schedule-reserve .apply-wrap .btn-box .btn { margin-top: 16px; } 
 .schedule-reserve .apply-wrap .btn-box .btn:first-child { margin-top: 0; } 

 .terms-box.active .txt-box { display: block; } 
 .terms-box.active .terms-toggle-btn { transform: rotate(-180deg); } 

 .schedule_search .schedule-board-wrap .title-area .title-box>* { margin-right: 4px; } 
 .schedule_search .schedule-board-wrap .title-area .title-box span { border: 1px solid #999; border-radius: 4px; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; padding: 3px 6px; color: rgba(0, 0, 0 , 0.78); } 
 .schedule_search .schedule-board-wrap .title-area .title-box b { font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; color: rgba(0, 0, 0, .38); } 
 .schedule_search .schedule-board-wrap .title-area .title-box em { width: 4px; height: 4px; border-radius: 50%; background-color: rgba(0, 0, 0 , 0.78); } 
 
 .schedule_search_result { position: relative; display: flex; padding: 24px 0 8px; justify-content: center; flex-direction: column; } 
 .schedule_search_result p { text-align: center; margin-bottom: 16px; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
 .schedule_search_result p strong { color: var(--theme-color); font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; } 
 .schedule_search_result p span { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; } 
 .schedule_search_result p b { font-weight: 700; } 


 
 /* 230526 'QR 결제' 버튼 { */
 .theme-qr { background: var(--theme-color); color: #fff !important; border-radius: 8px; transition: all 0.3s; font-weight: 700; display:flex; justify-content:center; align-items: center; font-family: 'Noto Sans'; } 
 .theme-qr img { margin-right:4px; width:17px; height:16px; } 
 .btn.theme-qr { display:inline-block; } 
 .btn_flex { display:flex; justify-content: space-between; } 
 .btn_flex .btn { flex:1; width:50%; } 
 .btn_flex .btn.theme-qr { margin-left:10px; } 
 .btn.theme-qr img { margin-bottom:-2px; } 
 /* } 230526 'QR 결제' 버튼 */

 /* 230525 'QR 결제' 팝업 예외처리 { */
 .modal_wrap .modal_content.modal_qr { padding: 0; max-width:517px; } 
 .modal_qr .modal_header { padding: 15px 12px 8px 12px; border-bottom:1px solid #4D66CC; } 
 .modal_qr .modal_body { padding: 0 16px; } 

 .modal_content.modal_qr .modal_box { padding: 24px 32px; } 
 .modal_content.modal_qr .modal_box h2 { margin-bottom:16px; padding-bottom: 16px; border-bottom: 1px solid #222; font-size: 24px; font-weight: 700; line-height: 29px; letter-spacing: -1px; text-align: left; } 
 .modal_qr .modal_body span.modal_qr_notice { position:relative; display:block; font-family: Noto Sans; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; padding:8px 0; text-align: center; } 
 .modal_qr .modal_body img { position:relative; display:block; margin: 0 auto; width:200px; height:200px; } 
 .modal_qr .modal_body b.modal_qr_notice { position:relative; display:block; font-family: Noto Sans; font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: -1px; text-align: left; padding:8px 0 16px; text-align: center; } 
 .modal_qr .modal_body strong { position: relative; display: block; color : #fa2828; text-align: center; } 
 .modal_content.modal_qr .modal_box .btn_wrap { display:flex; justify-content: center; align-items:center; } 
 .modal_content.modal_qr .modal_box .btn_wrap .btn { font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -0.05em; text-align: left; padding: 13px 55px; height:inherit; background: var(--theme-color); color:#fff; } 
 .modal_qr .modal_footer { padding-bottom:42px; padding-top:0; } 
 .modal_content.modal_qr .modal_box .modal_close { position:absolute; top:28px; right:30px; display:block; background:url('/images/ico_close.png') no-repeat center; width:24px; height:24px; color:transparent; } 
 /* } 230525 'QR 결제' 팝업 예외처리 */

 /* 온라인 평가 230615 */

 .online_evaluation { position: relative; display: block; padding: 8px; height: 100%; } 

 /* begin :: 온라인 평가 헤더 */
 /* 온라인 평가 사용자 정보 */
 .oe_header { display: grid; grid-template-rows: repeat(2, minmax(37px, auto)); grid-template-columns: repeat(2, 1fr); height: 100px; border-radius: 8px; box-shadow: 0px 10px 10px 0px rgba(68, 68, 68, 0.1); margin-bottom: 16px; border: 1px solid #EEEEEE; background: #fff; } 
 .oe_header_top { position: relative; display: flex; justify-content: flex-start; align-items: center; grid-column: 1 / 3; grid-row: 1 / 2; padding : 12px 24px 12px; border-bottom: 1px solid #EEEEEE; } 
 .oe_header_name { margin-right: 16px; font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
 .oe_header_name strong { margin-right: 4px; } 
 .oe_header_tit { } 
 .oe_header_tit span { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; } 
 .oe_header_btn { position: absolute; top: 50%; right: 7px; transform: translate(-50%, -50%); } 
 .oe_header_btn img { display: block; width: 18px; height: 18px; } 

 /* 온라인 평가 타이머 */
 .oe_header_timeout { display: flex; justify-content: flex-start; align-items: center; grid-column: 1 / 2; grid-row: 2 / 3; padding : 12px 24px 12px; } 
 .oe_header_timeout_icon { background: url('/images/icon_online_timer_2x.png') no-repeat center / contain; width: 32px; height: 32px; margin-right: 8px; } 
 .oe_header_timer { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; margin-right: 8px; min-width:45px; } 
 .oe_header_timer.warning { color: #D23040; } 
 .oe_header_timeout_bar { position: relative; display: block; height: 4px; width: 64px; } 
 .oe_header_timeout_bar .anima_bar { position: absolute; top: 50%; transform: translateY(-50%); right:0; width: 100%; background: var(--theme-color); height: 100%; border-radius: 4px; } 
 .oe_header_timeout_bar .anima_bar.timeout { background: #D23040; } 
 .oe_header_timeout_bar progress { position:absolute; top:0; left:0; width:64px; height: 4px; transform: rotate( 180deg ); appearance: none; } 
 .oe_header_timeout_bar progress::-webkit-progress-bar { background:#eee; border-radius:4px; } 
 .oe_header_timeout_bar progress::-webkit-progress-value { border-radius:4px; background: var(--theme-color); } 
 .oe_header_timeout_bar progress.timeout::-webkit-progress-value { background: #D23040; } 

 /* 온라인 평가 옵션버튼 */
 .oe_header_option { position: relative; grid-column: 2 / 3; grid-row: 2 / 3; padding : 12px 24px 12px; } 
 .oe_header_scroll { display: flex; justify-content: flex-end; align-items: center; overflow: visible; min-width: 348px; } 
 .oe_header_option_list { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 0 8px; } 
 .oe_header_option_list::after { content:''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 1px; height: 16px; background-color: #D8D8D8; } 
 .oe_option_refresh { padding-right: 0 !important; } 
 .oe_option_refresh::after { display:none !important; } 
 .oe_header_option_list li { } 
 .oe_header_option_list li button { position: relative; margin: 0 8px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; overflow: hidden; } 

 .oe_header_option_list li button div.oe_move { background: url('/images/icon_online_move_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_pencil { background: url('/images/icon_online_pencil_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_eraser { background: url('/images/icon_online_eraser_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_curve { background: url('/images/icon_online_curve_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_red { width: 16px; height: 16px; border-radius: 50%; background-color: #ff0000; } 
 .oe_header_option_list li button div.oe_green { width: 16px; height: 16px; border-radius: 50%; background-color: #38AF71; } 
 .oe_header_option_list li button div.oe_black { width: 16px; height: 16px; border-radius: 50%; background-color: #383838; } 
 .oe_header_option_list li button div.oe_blue { width: 16px; height: 16px; border-radius: 50%; background-color: #004aff; } 
 .oe_header_option_list li button div.oe_colorpick { background: url('/images/icon_online_colorpick_2x.png') no-repeat center / contain; width: 16px; height: 16px; } 
 .oe_header_option_list li button div.oe_prev { background: url('/images/icon_online_prev_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_next { background: url('/images/icon_online_next_2x.png') no-repeat center / contain; width: 30px; height: 30px; } 
 .oe_header_option_list li button div.oe_refresh { background: url('/images/icon_online_refresh_2x.png') no-repeat center / contain; width: 30px; height: 30px; margin-right: 0; } 
 .oe_header_option_list li button.normal_btn.active { background-color: #eee; border:1px solid #d8d8d8; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; overflow: hidden; } 
 .oe_header_option_list li button.normal_btn.on div { opacity: 1; } 
 .oe_header_option_list li button.oe_color_btn { width: 24px; height: 24px; border-radius: 50%; } 
 .oe_header_option_list li button.oe_color_btn:hover { background: #d8d8d8; } 
 .oe_header_option_list li button.oe_color_btn.active { background: #d8d8d8; } 
 .oe_header_option_list li button.oe_color_btn div { border: 1px solid #ddd; box-sizing: content-box; } 
 .oe_header_option_list li button.btn_focus div { opacity: 1; } 
 .oe_header_option_list li button.btn_focus.disabled div { opacity: 0.4; } 
 .oe_header_option_list li button span { position: absolute; top: 23px; left: 22px; display: none; width: 100%; height: 100%; background: #000; transform: rotate(45deg); } 
 .oe_header_option_list li button.click span { display: block; } 
 
 /* end :: 온라인 평가 헤더 */
 /* begin :: 온라인 평가 문제 */

 .oe_body { display: grid; grid-template-rows: repeat(10, 1fr); grid-template-columns: repeat(11, 1fr); border-top: 2px solid #222; border-bottom: 2px solid #222; height:calc(100% - 116px); } 
 .oe_problem { position: relative; grid-column: 1 / 10; grid-row: 1 / 11; border-right: 2px solid #222; /*margin: 0 0 0 18px; padding: 0; */background: #fff; overflow: hidden; } 
 .oe_problem_list { /*position: relative; overflow: auto; */ width: 100%; height: 100%; } 
 .oe_problem_list::-webkit-scrollbar { display: none; } 
 .oe_problem_list li { /*position : absolute; top: 16px; */ width: 100%; height: auto; background:#fff; display: flex; justify-content: flex-start; align-items: flex-start; } 
 .oe_problem_list li.add_space { padding-top: 16px; padding-right: 16px; padding-left: 18px; } 
 .oe_problem .oe_problem_num { display: flex; justify-content: center; align-items: center; border-radius: 8px; background: #000; min-width: 64px; height: 64px; margin-right: 16px; } 
 .oe_problem .oe_problem_num span { font-family: Noto Sans; font-size: 20px; font-weight: 700; line-height: 1; letter-spacing: -1px; text-align: center; color: #fff; } 
 .oe_problem .oe_problem_content { position: relative; flex-grow: 1; max-width: 80%; } 
 .oe_problem .oe_problem_content img { /*max-width: 100%; */ } 
 .oe_problem .oe_problem_content .question_passage_text_wrap.on {margin-bottom: 8px;padding: 4px 6px;border: 1px solid #000;}
 .oe_problem .oe_problem_notice { position:fixed; bottom:5vw; left: 50%; transform:translateX(-50%); display: flex; justify-content: center; align-items: center; border: 2px solid #D23040; padding: 25px 104px; border-radius: 8px; background: #fff; z-index: 9; box-shadow: 0px 10px 10px 0px rgba(68, 68, 68,0.06); } 
 .oe_problem .oe_problem_notice .ic_oe_problem_notice { background: url('/images/icon_problem_notice_2x.png') no-repeat center / contain; width: 26px; height: 26px; } 
 .oe_problem .oe_problem_notice strong { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -1px; color: #D23040; word-break: keep-all; } 
 .oe_problem_notice.save { bottom: 6vw; padding: 6px 104px; border: 2px solid var(--theme-color); min-width: 160px; } 
 .oe_problem_notice.save strong { text-align: center; color: var(--theme-color); } 
 
 .exam_wrap { width: 100%; height: 100%; padding-left: 18px; overflow-y: auto; overflow-x: auto; } 
 .exam_wrap::-webkit-scrollbar { width: 15px; height:15px; } 
 .exam_wrap::-webkit-scrollbar-thumb { background-color: #d8d8d8; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 
 .exam_wrap::-webkit-scrollbar-track { background-color: #eee; border-radius: 10px; } 
 .exam_wrap .scr_space { display:none; position: absolute; background: #eee; z-index: 1; } 
 .exam_wrap .scr_space.x_space { height: 32px; } 
 .exam_wrap .scr_space.y_space { width: 32px; } 

 .exam_wrap .canvas_area { /*width: 100% !important; */ } 

 /* 온라인 평가 답안 */
 .oe_answer { grid-column: 10 / 12; grid-row: 1 / 10; min-width:240px; overflow: auto; } 
 .oe_answer::-webkit-scrollbar { display: none; } 
 .oe_answer_tit { border-bottom: 1px solid #9A9EA0; padding: 4px 0; text-align: center; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
 .oe_answer_tit span { } 

 /* 온라인 평가 마킹 */
 .oe_answer_marking::-webkit-scrollbar { display: none; } 
 .oe_answer_marking li a { position: relative; display: flex; justify-content: flex-start; align-items: center; -webkit-user-select: none; -webkit-user-drag: none; } 
 .oe_answer_marking_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1; } 
 .oe_answer_marking li.current a { } 
 .oe_answer_marking li.current a .oe_answer_marking_bg { background-color: var(--theme-color); opacity: 0.07; } 
/*  .oe_answer_marking li.current a div.oe_answer_num::before { content: ''; position: relative; width: 0px; height: 0px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 11px solid var(--theme-color); margin-right: 14px; transform: rotate(90deg); }  */

.btn_type_answer { display: flex; justify-content: center; align-items: center; width: 39px; height: 39px; min-height: initial !important; padding: 0 !important; border: 1px solid #d8d8d8; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px #0000001F; margin-left: 8px; }
.btn_type_answer:active { background: #F7F7F7; }
.btn_type_answer img { width: 24px; height: 24px; }
.oe_answer_input .answer_input_list { width: 100%; }
.oe_answer_input .answer_input_list li { display: flex; justify-content: center; margin-bottom: 4px; width: 100%; }
.oe_answer_marking li div.oe_answer_input input:read-only { text-align: center !important; background: #F7F7F7 !important; }
div.answer_input { width: calc(90% - 47px) !important; max-width: calc(90% - 47px) !important; min-height: 40px !important; border: 1px solid #d4d4d4 !important; border-radius: 8px; padding: 8px 10px !important; background: #fff; word-break: break-all; word-wrap: break-word; }
div.answer_input > div { padding:0 !important; height: fit-content !important; min-height: fit-content !important; border: 0 !important; }

 .oe_answer_marking li div { padding: 8px 0; border-bottom: 1px solid #EEEEEE; min-height:44px; } 
 .oe_answer_marking li div.oe_answer_num { min-width: 42px; display: flex; justify-content: flex-end; align-items: center; padding-right: 13px; margin-right: 2px; border-bottom: 0 !important; } 
 .oe_answer_marking li div.oe_answer_check { flex:1; display: flex; justify-content: space-around; align-items: center; } 
 .oe_answer_marking li div span { font-size: 13px; font-weight: 700; line-height: 21px; letter-spacing: -1px; color: rgba(0, 0, 0, 78%); } 

 .oe_answer_marking li div label span { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; margin-top: -2px; color: rgba(0, 0, 0, 0.3); } 
 .oe_answer_marking li div label.active span { color: #fff;; } 
 .oe_answer_marking li div.oe_answer_check input[type="radio"] { display: none; } 
 .oe_answer_marking li div.oe_answer_check input[type="radio"] + label { display: flex; justify-content: center; align-items: center; width: 18px; height: 25px; background: #fff; border-radius: 8px; text-align: center; color: rgba(0, 0, 0, 0.3); border: 1px solid #ddd; text-indent: -1px; cursor: pointer; } 
 .oe_answer_marking li div.oe_answer_check input[type="radio"]:checked + label { background: var(--theme-color); border: 1px solid var(--theme-color); } 
 .oe_answer_marking li div.oe_answer_check input[type="radio"]:checked + label span { color: #fff; } 
 .oe_answer_marking li div.oe_answer_check input[type="checkbox"] { display: none; } 
 .oe_answer_marking li div.oe_answer_check input[type="checkbox"] + label { position: relative; display: flex; justify-content: center; align-items: center; width: 18px; height: 25px; background: #fff; border-radius: 8px; text-align: center; color: rgba(0, 0, 0, 0.3); border: 1px solid #ddd; text-indent: -1px; cursor: pointer; overflow:hidden; } 
 .oe_answer_marking li div.oe_answer_check input[type="checkbox"] + label.cover:hover::before { content : ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color :var(--theme-color); opacity: 0.12; } 
 .oe_answer_marking li div.oe_answer_check input[type="checkbox"]:checked + label { background: var(--theme-color); border: 1px solid var(--theme-color); } 
 .oe_answer_marking li div.oe_answer_check input[type="checkbox"]:checked + label span { color: #fff; } 

 .oe_answer_marking li div.oe_answer_input input { width: 90%; border-radius: 8px; }
 .oe_answer_marking li div.oe_answer_input.w_btn input { width: calc(90% - 47px); }
 .oe_answer_marking li.oe_answer_short div { min-height:57px; } 
 .oe_answer_input { display: flex; justify-content: center; align-items: center; width: 100%; } 

 /* 온라인 평가 페이징 */

 .oe_paging { grid-column: 10 / 12; border-top: 1px solid #D8D8D8; background: #fff; display: flex; justify-content: center; flex-direction: column; min-height: 152px; filter: drop-shadow(0px -10px 10px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)); } 
 .oe_paging_fraction { display: flex; justify-content: center; align-items: center; padding: 9.5px 0; } 
 .oe_paging_fraction .current { font-family: Noto Sans; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); } 
 .oe_paging_fraction img { width: 13px; height: 13px; object-fit: contain; margin: 0 2px 0 3px; } 
 .oe_paging_fraction .all { font-family: Noto Sans; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.2); } 

 .oe_paging_pn { position: relative; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; } 
 /* .oe_paging_pn::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 100%; background: #fff; } */
 .oe_paging_prev { border-right: 1px solid #fff; } 
 .oe_paging_pn a { position: relative; width: 50%; background-color: rgba(0, 0, 0, 0.2); padding: 17px 0; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -1px; color: #fff; } 
 .oe_paging_pn div.cover { position: absolute; top: 0; left: 0; display:block; width: 100%; height: 100%; background: transparent; } 

 .oe_paging_pn span { position: relative; z-index: 9; } 
 .oe_paging_pn a:hover .cover { background-color: rgba(0, 0, 0, 0.08); } 
 .oe_paging_pn div.cover.click { background-color : rgba(0, 0, 0, 0.16) !important; } 
 
 .oe_paging_pn .oe_paging_prev.active { background-color: var(--theme-color); } 
 .oe_paging_pn .oe_paging_next.active { background-color: var(--theme-color); } 
 .oe_paging_pn .oe_paging_prev img, .oe_paging_pn .oe_paging_next img { width: 16px; height: 16px; object-fit: contain; } 

 .oe_paging_submit { display: flex; justify-content: center; align-items: center; } 
 .oe_paging_submit button { width: 50%; height: 100%; padding: 18px 0; display: flex; justify-content: center; align-items: center } 
 .oe_paging_submit .oe_save { position: relative; border-right: 1px solid #fff; background: #EEEFEC; } 
 .oe_paging_submit .oe_save:hover { background : #fff; } 
 .oe_paging_submit .oe_save:hover span { color : rgba(0, 0, 0, 0.78) !important; } 
 .oe_paging_submit .oe_save .cover { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: var(--theme-color); opacity: 0.16; } 
 .oe_paging_submit .oe_submit { background: rgba(0, 0, 0, 0.78); } 
 .oe_paging_submit .oe_submit:hover { background: #000; } 
 .oe_paging_submit .oe_submit.click { background : var(--theme-color); } 
 .oe_paging_submit .oe_submit:hover svg path { stroke : #fff; } 
 .oe_paging_submit .oe_submit.warning { background: #D23040; } 
 .oe_paging_submit button span { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
 .oe_paging_submit .oe_save span { margin-left: 4px; color: rgba(0, 0, 0 , 0.78); } 
 .oe_paging_submit .oe_submit span { margin-left: 4px; color: #fff; } 

 /* end :: 온라인 평가 문제 */
 .loader_pos { position: absolute; transform: translate(-50%, -50%) translateZ(0); top: 50%; left: 50%; z-index: 9; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; } 
 .loader { position: relative; display: block; color: var(--theme-color); font-size: 10px; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; animation: mulShdSpin 1.3s infinite linear; margin-bottom: 60px; } 
 .loader_pos strong { font-size: 18px; font-weight: 700; line-height: 1.6; color: #000; text-align: center; width: 100%; } 

 @keyframes mulShdSpin { 0%,
 100% { box-shadow: 0 -3em 0 0.2em,
 2em -2em 0 0em, 3em 0 0 -1em,
 2em 2em 0 -1em, 0 3em 0 -1em,
 -2em 2em 0 -1em, -3em 0 0 -1em,
 -2em -2em 0 0; } 
 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
 -2em 2em 0 -1em, -3em 0 0 -1em,
 -2em -2em 0 -1em; } 
 25% { box-shadow: 0 -3em 0 -0.5em,
 2em -2em 0 0, 3em 0 0 0.2em,
 2em 2em 0 0, 0 3em 0 -1em,
 -2em 2em 0 -1em, -3em 0 0 -1em,
 -2em -2em 0 -1em; } 
 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
 -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 
 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
 -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 
 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
 -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 
 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
 -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 
 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
 -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } 
 }

 /* 굴기 조절 ui */
 .oe_curve_pos { position: absolute; justify-content: space-between; align-items: center; top: 48px; left: -32%; height: 40px; border: 1px solid #D8D8D8; border-radius: 8px; padding: 10px 19px; background: #fff; z-index: 9; display: none; box-shadow: 0px 10px 10px 0px rgba(63,63,63,0.06); } 
 .oe_curve_pos span { width: 23px; font-size: 12px; font-weight: 700; line-height: 19px; letter-spacing: -1px; text-align: center; } 
 input[type=range] { -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.12); height: 4px; margin: 0 7px; border-radius: 4px; } 
 input[type=range]::-ms-track { background-color: var(--theme-color); } 
 input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: #ffffff; cursor: pointer; border: 3px solid var(--theme-color); height: 16px; width: 16px; border-radius: 50%; left: 0; } 
 .oe_curve_box { position: relative; display: block; flex-grow: 1; } 

 /* 230619 시작 전 */
 .online { position: relative; display: block; max-width: 1200px; padding: 0 80px; margin: 40px auto; background: #fff; border: 1px solid #D8D8D8; border-radius: 32px; box-shadow: 0 18px 18px #4444440F; } 
 .online_header { padding-top: 32px; } 
 .oh_pos { display: flex; justify-content: start; align-items: center; } 
 .oh_logo { display: flex; justify-content: flex-start; align-items: center; border: 3px solid var(--theme-color); border-radius: 0 30px 30px 0; padding: 3px 24px 3px 50px; width: 540px; }
 .oh_logo a { position: relative; width: 112px; height: 64px; } 
 .oh_logo a img { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } 
 .oh_logo p { font-weight: 700; }
 .oh_logo span { font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; padding-left: 34px; position: relative; display: block; /*padding-top: 28px; */ color: var(--theme-color); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - 83px); } 
 .oh_logo span::before { content: ''; position: absolute; bottom: 2px; left: 17px; display: block; width: 1px; height: 16px; background: #999999; } 

.oh_icon { position: absolute; left: 130px; display: flex; align-items: center; justify-content: center; padding-bottom: 6px; width: 64px; height: 64px; background: #fff; border-radius: 100px; }
.oh_icon .bg_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

 .oh_info { position: relative; display: flex; justify-content: center; align-items: center; width:calc(100% - 616px); border-radius: 6px; } 
 .oh_info hr { width: 100%; height: 3px; background: var(--theme-color); }
 .oh_info div { position: relative; display: flex; align-items: end; padding: 8px 16px; background: var(--theme-color); border-radius: 8px; } 
 .oh_info div span { font-family: Noto Sans; font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: -1px; text-align: center; color: #fff; } 
 .oh_info div strong { padding-left: 5px; width: 30px; color: #fff; } 
/*  .oh_info_time::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #222; }  */

 .online_body { min-height: 400px; } 
 .ob_info { position: relative; display: block; text-align: center; margin-top: 32px; margin-bottom: 40px; } 
 
 .ob_type_wrap {  }
 .ob_type_wrap p { padding-bottom: 16px; font-size: 14px; color: var(--theme-color); font-weight: 700; text-align: center; }

 .ob_info .ob_tit { position: relative; display: inline-block; font-size: 38px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; word-break: keep-all; word-wrap: break-word; width: 480px; margin-bottom: 16px; } 
 .online_body .ob_taker { margin-bottom: 60px; } 
 .online_body .ob_taker li { display: flex; justify-content: flex-start; align-items: center; max-width: 512px; padding: 8px 0; margin: 0 auto; border-radius: 8px; padding-right: 16px; }
 .online_body .ob_taker li:last-child { padding-bottom: 24px; border-bottom: 1px solid #eee; } 
 .online_body .ob_taker li span { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: #00000094; border-right: 1px solid #d8d8d8; min-width: 70px; text-align: left; padding-left: 8px; } 
 .online_body .ob_taker li strong { flex-grow: 1; margin-left: 32px; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
 .online_test_start { display: block; text-align: center; padding-bottom: 48px; } 
 .online_test_start a { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 21px 56px; background: var(--theme-color); border-radius: 50px; margin: 0px 3px 8px; } 
 .online_test_start a.disabled { background: rgba(0, 0, 0, 0.3); } 
 .online_test_start a:last-child { margin-bottom:0px; } 
 .online_test_start a span { font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; color: #fff; text-align: center; } 

 .online_footer { display: flex; justify-content: flex-start; align-items: flex-start; } 
 .of_caution { min-width: 280px; display: flex; justify-content: flex-start; align-items: center; padding-top: 24px; padding-left: 16px; border-top: 1px solid var(--theme-color); } 
 .of_caution span { margin-top: -7px; font-size: 14px; font-weight: 700; line-height: 1.6; } 
 .of_caution svg { display: block; background:url('/images/icon_online_caution_2x.png') no-repeat top / contain; width: 28px; height: 29px; margin-right: 6px; } 
 .of_caution_list { flex-grow: 1; padding-top: 16px; border-top: 1px solid #D8D8D8; } 
 .of_caution_list li { display:flex; justify-content: flex-start; align-items: start; font-weight: 400; line-height: 22px; letter-spacing: -0.05em; text-align: left; margin-bottom: 8px; margin-left: 24px; } 
 .of_caution_list li:last-child { margin-bottom: 60px; } 
 .of_caution_list li::before { content: ''; width: 3px; height: 3px; background-color: var(--theme-color); margin-right: 6px; margin-top: 10px; } 

 /* 온라인 평가 종료 */
 .ob_tit_end { padding-top: 32px; } 
 .ob_tit_end i { background: url(/images/good_hand_2x.png) no-repeat center; width: 24px; height: 29px; margin-left: 4px; display: inline-block; background-size: contain !important; } 
 .ob_info_end { border-bottom: 2px solid #222; } 
 .ob_notice { position: relative; display: block; width: 100%; margin-bottom: 60px; margin-top: 32px; position: relative; display: block; overflow: hidden; } 
 .ob_score { position: relative; display: block; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: #40454E; padding: 20px 0; background: rgba(56, 175, 113, 0.07); border-radius: 8px; max-width:142px; width: 100%; text-align: center; margin: 0 auto; } 
 .ob_score_pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.07; } 
 .ob_score b { display: inline-block; color: var(--theme-color); margin-left: 10px; } 
 .ob_text { } 
 .ob_text span { position: relative; display: block; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; white-space: pre-line; color: rgba(0, 0, 0, 0.78); } 
 .ob_timer { display: inline-block; font-family: Noto Sans; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); border-bottom: 2px solid #222; padding: 16px 24px; margin-bottom: 80px; } 
 .ob_timer b { display: inline-block; color: var(--theme-color); margin-left: 10px; } 
 .online_test_result { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 96px; width: 100%; } 
 .online_test_result a { background: rgba(0, 0, 0, 0.78); border-radius: 8px; height: 56px; max-width: 320px; width: 90%; border-radius: 8px; display: flex; justify-content: center; align-items: center; } 
 .online_test_result a.active { background: var(--theme-color); margin-bottom: 8px; } 
 .online_test_result a span { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #fff; } 

 .add_canvas_size { justify-content: center; align-items: center; padding-bottom: 16px; } 
 .add_canvas_size span { display: flex; justify-content: center; align-items: center; margin-right: 4px; border: 1px dashed #999999; border-radius: 0 0 80px 80px; width: 100%; height: 100%; padding: 8px 0; } 
 .add_canvas_size span:hover { background-color: #FFFFFF !important; } 
 .add_canvas_size span p { color : rgba(0, 0, 0, 0.58); font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
 .add_canvas_size span div { width: 24px; height: 24px; } 
 .add_canvas_size span img { position: relative; display: block; width: 100%; height: 100%; object-fit :contain; } 
 .add_canvas_size span.click_ev { box-shadow: 0px 3px 6px 6px rgba(66, 66, 66, 0.04) } 
 
 @media only screen and (max-width:1024px) { /* 페이징 스타일 */
 .paging-box .inner { padding: 0; } 
 .paging-box button.first-page-btn, .paging-box button.last-page-btn { display: none; } 
 .paging-box button.prev-page-btn, .paging-box button.next-page-btn { position: absolute; top: 0; bottom: 0; margin: auto 0; } 
 .paging-box button.prev-page-btn::after, .paging-box button.next-page-btn::after { width: 11px; height: 18px; background-size: 11px 18px; } 
 .paging-box button.prev-page-btn::after { background-image: url(/images/icon_left_arrow_big.png); } 
 .paging-box button.next-page-btn::after { background-image: url(/images/icon_right_arrow_big.png); } 
 .paging-box button.prev-page-btn { left: -8px; } 
 .paging-box button.next-page-btn { right: -8px; } 

 .paging-box .page-num-list .page { display: none; } 
 .paging-box .page-num-list .page.current, .paging-box .page-num-list .page.last { display: inline-block; } 
 .paging-box .page-num-list .page.active { color: var(--theme-color); font-weight: 700; } 
 .paging-box .page-num-list .current.page::after { content: "/"; position: relative; left: 11px; color: rgba(0, 0, 0, .58); font-weight: 400; } 

 #search-school-pop .event-wrap { width: 95%; } 
 }

 @media screen and (max-height: 826px){
 .gate-logo { padding-top: 4vh; } 
 .brand-slogan { margin-top: 5vh; } 
 .gate-list-wrap { margin-top: 8vh; } 
 }
 
 @media (hover: hover){
 .oe_header_option_list li button.normal_btn:not(.disabled):hover { background-color: #F7F7F7; border:1px solid #d8d8d8; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; overflow: hidden; opacity: 1; } 
 }

 /* 대시보드 */
 .dashboard .dashboard_box .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } 
 .dashboard .dashboard_box .title .left { display: flex; justify-content: flex-start; align-items: center; } 
 .dashboard .dashboard_box .title .left::before { content: ''; margin-right: 8px; position: relative; display: inline-block; width: 4px; height: 24px; border-radius: 2px; background-color: var(--theme-color); } 
 .dashboard .dashboard_box .title .left span { position: relative; display: block; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; margin-right: 8px; white-space: nowrap; } 
 .dashboard .dashboard_box .title .left select { width: 96px; margin-right: 4px; height: 32px; line-height: 1.2; background: url(/images/ico_arrow_gray_2x.png) no-repeat 70px 4px / 20px 20px; } 
 .dashboard .dashboard_box .title .right { display: flex; justify-content: flex-start; } 
 .dashboard .dashboard_box .title .right button { height: 32px; background-color: #fff; margin-left: 4px; padding: 5px 8px; border-radius: 4px; font-weight: 700; white-space: nowrap; } 
 .dashboard .dashboard_box .title .right button.btn_theme { background-color: var(--theme-color); color: #fff; } 
 .dashboard .dashboard_box .title .right button.btn_theme_line { background-color: #fff; border: 2px solid var(--theme-color); color: var(--theme-color); } 
 .dashboard .dashboard_box .title .right p { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 .dashboard .dashboard_box .title .right p::before { content: ''; position: relative; display: inline-block; background-color: var(--theme-color); min-width: 3px; min-height: 3px; margin-right: 4px; } 
 .dashboard .dashboard_box .title a.arr_btn { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; padding: 0 7px; border-radius: 4px; border: 1px solid #d8d8d8; transition: all 0.3s ease-in-out; } 
 .dashboard .dashboard_box .title a.arr_btn i.arrow { background: url(/images/ico_arrow_right_md.png) no-repeat center / contain; width: 8px; height: 13px; } 
 .dashboard .dashboard_box .title a.arr_btn:hover { background-color: #f7f7f7; } 

 .dashboard .sub_title { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -0.05em; margin-bottom: 4px; } 
 .dashboard .dashboard_box .slide_box { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 12px 0; border: 1px solid #d8d8d8; border-right: 0; border-left: 0; overflow: hidden; } 
 .dashboard .dashboard_box .slide_box .swiper { flex: 1; height: 46px; overflow: hidden; } 
 .dashboard .dashboard_box .slide_box .swiper .swiper-slide>span { font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, .38); } 

 .dashboard .dashboard_box .slide_box .icon { position: relative; display: block; border-radius: 4px; background-color: #F1F4F1; padding: 8px; width: 44px; height: 44px; margin-right: 14px; } 
 .dashboard .dashboard_box .slide_box .icon>div { display: flex; justify-content: center; align-items: center; background-color: var(--theme-color); border-radius: 4px; width: 100%; height: 100%; } 

 .dashboard .dashboard_box .slide_box .icon>div::after { content: ''; position: relative; display: block; width: 16px; height: 16px; } 
 .dashboard .dashboard_box .slide_box.notice .icon>div::after { background: url('/images/ic_dash_notice_2x.png') no-repeat center / contain; } 
 .dashboard .dashboard_box .slide_box.reserve .icon>div::after { background: url('/images/ic_dash_reserv_2x.png') no-repeat center / contain; } 
 .dashboard .dashboard_box .slide_box .no_title { display: flex; justify-content: flex-start; } 
 .dashboard .dashboard_box .slide_box .no_title strong { font-size: 14px; font-weight: 700; line-height: 1.8; letter-spacing: -1px; color: var(--theme-color); margin-right: 4px; min-width: 33px; } 
 .dashboard .dashboard_box .slide_box .no_title p { font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

 .dashboard .dashboard_box .slide_box .swiper_btn { display: flex; flex-direction: column; align-items: center; height: 28px; justify-content: space-between; margin-right: 4px; } 
 .dashboard .dashboard_box .slide_box .swiper_btn a { width: 19px; height: 13px; } 
 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_prev { background: url(/images/ic_dashboard_btn_prev_2x.png) no-repeat center/ contain; } 
 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_next { background: url(/images/ic_dashboard_btn_next_2x.png) no-repeat center/ contain; } 

 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_prev:hover { background: url(/images/ic_dashboard_btn_prev_hover_2x.png) no-repeat center/ contain; } 
 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_next:hover { background: url(/images/ic_dashboard_btn_next_hover_2x.png) no-repeat center/ contain; } 

 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_prev:active { background: url(/images/ic_dashboard_btn_prev_active_2x.png) no-repeat center/ contain; } 
 .dashboard .dashboard_box .slide_box .swiper_btn a.swiper_btn_next:active { background: url(/images/ic_dashboard_btn_next_active_2x.png) no-repeat center/ contain; } 

 .dashboard .dashboard_box { margin-bottom: 32px; } 
 .dashboard .dashboard_box .ttable { border-collapse: collapse; } 
 .dashboard .dashboard_box .ttable tbody tr td { position: relative; } 
 .dashboard .dashboard_box .ttable thead tr th { height: 27px; } 
 .dashboard .dashboard_box .ttable thead tr th::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.07; z-index: -1; } 
 .dashboard .dashboard_box .ttable tbody tr td.bg::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0.07; z-index: -1; } 
 .dashboard .dashboard_box .ttable tr * { border-right: 2px solid #fff; padding: 4px 0; text-align: center; } 
 .dashboard .dashboard_box .ttable.default tr td { padding: 16px 12px; } 
 .dashboard .dashboard_box .ttable tr *:last-child { border-right: 0; } 
 .dashboard .dashboard_box .ttable tr input { height: 38px; border-right: 1px solid #ddd !important; color: rgba(0, 0, 0 , 0.78); font-weight: 400; } 
 .dashboard .dashboard_box .ttable tr.correct input { width: calc(100% - 24px); } 
 .dashboard .dashboard_box .ttable tr input[readonly] { width: 28px; border: none !important; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0 , 0.78); } 
 .dashboard .dashboard_box .ttable tbody tr.res td { padding: 13px 4px; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0 , 0.78); } 
 .dashboard .dashboard_box .ttable tbody tr.res td b { font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 

 .dashboard .dashboard_box .ttable tbody tr td.up::after { content: ''; position: relative; display: inline-block; width: 16px; height: 16px; background: url(/images/ic_up_2x.png) no-repeat center / contain; top: 3px; left: 1px; } 
 .dashboard .dashboard_box .ttable tbody tr td.down::after { content: ''; position: relative; display: inline-block; width: 16px; height: 16px; background: url(/images/ic_down_2x.png) no-repeat center / contain; top: 3px; left: 1px; } 
 /* .dashboard .dashboard_box .ttable tbody tr td.no::after { content: ''; top: -4px; left: 4px; position: relative; display: inline-block; width: 6px; height: 1px; background: rgba(0, 0, 0 , 0.78); padding: 0; } */

 .dashboard .dashboard_box .ttable tbody tr.correct td::after { display: none !important; } 

 .dashboard .dashboard_box .ttable tr input[readonly].up::after { content: ''; position: absolute; display: block; width: 16px; height: 16px; background: url(/images/ic_up_2x.png) no-repeat center / contain; top: 3px; left: 1px; } 
 .dashboard .dashboard_box .ttable tr input[readonly].down::after { content: ''; position: absolute; display: block; width: 16px; height: 16px; background: url(/images/ic_down_2x.png) no-repeat center / contain; top: 3px; left: 1px; } 

 .dashboard .dashboard_box .ttable tr input.up::after { display: none; } 
 .dashboard .dashboard_box .ttable tr input.down::after { display: none; } 

 .dashboard .dashboard_box .w_table thead tr th { font-size: 14px; color: rgba(0, 0, 0 , 0.78); border-top: 2px solid #000; padding: 6px 0; padding-left: 8px; padding-right: 8px; text-align: left; } 
 .dashboard .dashboard_box .w_table tbody tr td { padding: 6px 0; padding-left: 8px; border-bottom: 1px solid #D8D8D8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
 .dashboard .dashboard_box .w_table tbody tr td a.textbook { text-decoration: underline; } 
 .dashboard .dashboard_box .w_table tbody tr td a.textbook:hover { color: var(--theme-color); text-decoration: underline; } 

 .dashboard .profile { margin-bottom: 16px; } 
 /* .dashboard .profile .profile-img::after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 74px; height: 74px; background: url(/images/profile_basic.png) no-repeat center; mix-blend-mode: color-burn; } */
 .dashboard .profile-img-box { margin-right: 16px; } 
 .dashboard .profile-img-box .profile-no-img::before { opacity: 0.8; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 .dashboard .profile { display: flex; justify-content: center; align-items: center; } 
 .dashboard .profile .text { display: flex; justify-content: center; align-items: center; } 
 .dashboard .profile .text span { position: relative; display: block; margin-right: 4px; white-space: nowrap; } 
 .dashboard .profile .text span.name { font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
 .dashboard .profile .text span.grade { border: 1px solid #d8d8d8; color: rgba(0, 0, 0, .38); font-size: 16px; font-weight: 700; line-height: 1; letter-spacing: -1px; text-align: center; padding: 4px 6px; border-radius: 4px; } 
 .dashboard .profile .text span.id { font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, .38); width: 100%; } 

 .dashboard .info { padding: 24px; border: 1px solid #d8d8d8; border-radius: 16px; box-shadow: 0 6px 10px 2px rgba(66, 66, 66, 0.07); } 
 .dashboard .info .target { display: flex; justify-content: space-between; align-items: normal; } 
 .dashboard .info .target a.box { min-height: 150px; position: relative; flex: 1; border: 1px solid #D8D8D8; border-radius: 8px; background-color: #f7f7f7; padding: 24px 32px; margin-right: 8px; overflow: hidden; transition: all 0.3s ease-in-out; } 
 .dashboard .info .target a.box:hover { border: 1px solid var(--theme-color); box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, .07); } 
 .dashboard .info .target a.box:hover:after { opacity: 0.02; } 
 .dashboard .info .target a.box:hover svg { right: 2px; } 
 .dashboard .info .target a.box svg { content: ''; position: absolute; bottom: -148px; right: -143px; width: 142px; height: 195px; z-index: 9; transition: all 0.3s cubic-bezier(0.5, 0.0, 0.5, 1); } 
 .dashboard .info .target a.box::after { content: ''; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: var(--theme-color); opacity: 0; } 
 .dashboard .info .target a.box div { z-index: 9; } 
 
 .dashboard .info .target a.box .tit { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 2px; } 
 .dashboard .info .target a.box .tit span { font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: var(--theme-color); margin-right: 4px; } 
 .dashboard .info .target a.box .tit i { position: relative; display: block; width: 20px; height: 20px; background-color: var(--theme-color); border-radius: 4px; margin-top: 2px; } 
 .dashboard .info .target a.box .tit i::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/images/ic_gear_2x.png) no-repeat center / contain; width: 16px; height: 16px; } 
 .dashboard .info .target a.box:last-child { margin-right: 0; } 
 .dashboard .info .target a.box .res { position: relative; display: block; } 
 .dashboard .info .target a.box .res span { position: relative; display: block; } 
 .dashboard .info .target a.box .res span.sch_name { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; margin-bottom: 8px; } 
 .dashboard .info .target a.box .res span.major { font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; max-width: 60%; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:45px; } 
 .dashboard .info .target a.box .res span.area { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; } 

 .dashboard .info .target a.box.univ .img::after { content: ''; position: absolute; top: 20%; right: 26px; height: 107px; width: 123px; background: url(/images/pro_univ_img.png) no-repeat center / contain; z-index: 9; } 
 .dashboard .info .target a.box.high .img::after { content: ''; position: absolute; top: 27%; right: 22px; height: 106px; width: 120px; background: url(/images/pro_high_img.png) no-repeat center / contain; z-index: 9; } 
 .dashboard .info .target a.box.univ .img::before { content: ''; position: absolute; top: 27%; right: 19px; height: 106px; width: 120px; background: url(/images/pro_univ_shadow.png) no-repeat center / contain; } 
 .dashboard .info .target a.box.high .img::before { content: ''; position: absolute; top: 27%; right: 30px; height: 106px; width: 120px; background: url(/images/pro_high_shadow.png) no-repeat center / contain; } 
 
 .dash_board_list { display: flex; justify-content: space-between; } 
 .dash_board_list .dashboard_box { width: calc(50% - 12px); } 

 .dashboard .tab_list_main { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; } 
 .dashboard .tab_list_main li a { position: relative; display: block; margin: 0 24px; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; padding: 8px 0; } 
 .dashboard .tab_list_main li a.active { color: var(--theme-color); } 
 .dashboard .tab_list_main li a.active::after { content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 3px; background-color: var(--theme-color); } 
 .dashboard .tab_list_sub { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; } 

 .dashboard .tab_list_sub li a { position: relative; display: block; border: 1px solid #ddd; border-radius: 8px; padding: 8px 16px; font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; margin-right: 8px; } 
 .dashboard .tab_list_sub li a.active { background-color: var(--theme-color); border: 1px solid var(--theme-color); color: #fff; } 
 
 .dashboard .table_box_list { display: flex; justify-content: space-between; } 
 .dashboard .table_box_list .table-box { width: calc(50% - 8px); } 

 .dashboard .tooltip { position: relative; display: block; } 
 .dashboard .tooltip .tooltip_box { position: absolute; bottom: 32px; left: -13px; display: none; border-radius: 8px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); min-width: 220px; padding: 8px; z-index: 9; font-style: normal; } 
 .dashboard .tooltip .tooltip_box::after { content: ''; position: absolute; bottom: -16px; left: 11px; display: block; background: url(/images/tooltip_img.png) no-repeat center / contain; width: 26px; height: 26px; } 
 .dashboard .tooltip .tooltip_box p { font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -0.05em; text-align: left; } 
 .dashboard .tooltip:hover .tooltip_box { display: block; } 

 .dashboard .btn_wrap { position: relative; display: block; } 
 .dashboard .btn_wrap a { position: relative; display: flex; justify-content: center; align-items: center; border-radius: 8px; width: 100%; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; padding: 16px 0; border: 1px solid #000000; margin-bottom: 8px; } 
 .dashboard .tab_content { overflow-x: auto; } 

 .weak_list .cate { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 16px; margin-bottom: 16px; } 
 .weak_list .cate b { display:flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; margin: 0 16px; } 
 .weak_list b::before { content: ''; position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; } 
 .weak_list b.go::before { background-color: #2664DC; } 
 .weak_list b.attend::before { background-color: #31C3A0; } 
 .weak_list b.absent::before { background-color: #FF9800; } 

 .weak_list .list { position: relative; display: block; border: 1px solid #D8D8D8; border-radius: 8px; overflow: hidden; } 
 .weak_list .list::after { content: ''; position: relative; display: block; background-color: #f7f7f7; padding-bottom: 15px; } 
 .weak_list .list li { position: relative; display: flex; justify-content: space-around; align-items: center; padding: 5px 0; border-bottom: 1px solid #D8D8D8; } 
 .weak_list .list li:first-child { padding-top: 12px; background-color: #F7F7F7; padding-bottom: 4px; } 
 .weak_list .list li:first-child span { font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
 .weak_list .list li .dot b:last-child::before { margin-right: 0; } 
 .weak_list .list li .dot { margin-left: -26px; width: 25px; } 
 .weak_list .list li span.day { position: relative; display: inline-block; width: 36PX; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: var(--theme-color); margin-left: -32px; } 
 .weak_list .list li span.weak { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-left: 8px; } 
 .weak_list .list li span.date { font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
 .weak_list .list li.today span.weak { margin-left: 0; } 

 .weak_list .list li:nth-child(7) span.weak { color: #2664DC; } 
 .weak_list .list li:nth-child(8) span.weak { color: #D23040; } 
 .weak_list .list li.today::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; background-color: var(--theme-color); opacity: 0.07; } 
 .weak_list .list b::before { width: 4px; height: 4px; top: -4px; } 

 .dashboard_box .tab_list { position: relative; display: block; } 
 .dashboard_box .tab_list .list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
 .dashboard_box .tab_list .list li { margin-right: 4px; margin-bottom: 4px; } 
 .dashboard_box .tab_list .list li a { position: relative; display: block; border: 1px solid #d8d8d8; border-radius: 4px; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, .38); padding: 8px 24px; } 
 .dashboard_box .tab_list .list li a.active { border: 1px solid var(--theme-color); background-color: var(--theme-color); color: #fff; } 
 .dashboard_box .chart-item .y-label { position: absolute; top: -15px; left: 17px; font-size: 12px; color: rgba(0, 0, 0, 0.38); } 

 .dashboard_box .chart { position: relative; display: block; padding-top: 8px; padding-bottom: 24px; } 
 .dashboard_box .chart canvas { position: relative; display: block; margin: 0 auto; } 

 .dashboard_box .chart_box { height: 224px; } 
 .dashboard_box .chart .txt-box { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); } 
 .dashboard .graph { border: 1px solid #d8d8d8; border-top: 2px solid #000; margin-bottom: 8px; min-width: 850px; } 
 
 .dashboard_box .num { font-size: 16px; width: 100%; display: block; text-align: center; transition: all 0.3s; /* opacity: 0; */ height: 24px; display: block; font-weight: 900; } 
 .dashboard_box .num-box { position: relative; height: 24px; overflow: hidden; display: flex; } 
 .dashboard_box .num-box::after { content: '%'; display: inline-block; font-weight: 700; vertical-align: middle; margin-top: 1px; color: rgba(0,0,0,.78); } /* 퍼센트 */
 .dashboard_box .num-box p { font-size: 16px; visibility: hidden; transition-duration: 0.8s; } 
 .dashboard_box .num-box .num-frame { height: 100%; height: 32px; display: flex; flex-direction: column; width: 11px; position: relative; } 
 .dashboard_box .num-box .num-frame .cnt { position: absolute; left: 0; top: 3px; transition: all 0.3s; } 
 .dashboard_box .num-box .num-frame .cnt .num { color: rgba(0,0,0,.78); } 
 .dashboard_box .num-box .num-frame.item1 .cnt { opacity: 0; transition-duration: 1s; } 
 .dashboard_box .num-box .num-frame.item2 .cnt { transition-duration: 1s; } 

 /* active 상태 */
 .dashboard_box .num-box p.pass { opacity: 1; visibility: visible; } 
 .dashboard_box .num-box .num-frame .cnt.pass { opacity: 1; } 
 .dashboard_box .num-box .num-frame.item1 .cnt.pass .num { opacity: 1; } 
 .dashboard_box .num-box p.pass { opacity: 1; visibility: visible; } 
 .dashboard_box .num-box .num-frame .cnt.pass .num { opacity: 1; } 

 /* svg 원 */
 .dashboard_box .txt-box { width: 230px; } 
 .dashboard_box .txt-box p { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: center; letter-spacing: -0.1; margin-bottom: 8px; } 
 .dashboard_box .per-box { width: 328px; height: 328px; position: relative; } 
 .dashboard_box .per-box .svg-box { position: absolute; } 
 .dashboard_box .per-box .txt-box { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
 .dashboard_box .per-box .txt-box p { font-weight: 700; font-size: 18px; margin-top: 0; } 

 .dashboard_box .num { font-size: 36px; height: 32px; color: rgba(0,0,0,.78); } 
 .dashboard_box .num-box { height: 31px; margin-left: 12px; display: flex; justify-content: center; } 
 .dashboard_box .num-box::after { font-size: 14px; margin-top: 8px; } 
 .dashboard_box .num-box .num-frame { width: 22px; } 
 .dashboard_box .num-box .num-frame.item1 .cnt { opacity: 1; } 
 .dashboard_box .num-box .num-frame.item0 .cnt { transform: translateY(calc(-32px*0)); } 
 .dashboard_box .num-box .num-frame.item1 .cnt { transform: translateY(calc(-32px*0)); } 
 .dashboard_box .num-box .num-frame.item2 .cnt { transform: translateY(calc(-32px*0)); } 

 .modal-dash.modal-wrap { left: 50%; transform: translateX(-50%); width: 100%; background: rgba(0, 0, 0, 0.7); } 
 .modal-dash.modal-wrap .modal-content-box { max-width: 684px; } 
 .modal-dash.modal-wrap .count-box { margin-top: 16px; } 
 .modal-dash.modal-wrap .count-box .cnt { color: var(--theme-color); margin-left: 4px; font-weight: 700; } 
 .modal-dash.modal-wrap .result-list { border-top: 1px solid #222; margin-top: 8px; } 
 .modal-dash.modal-wrap .result-list .list { border-bottom: 1px solid #d8d8d8; padding: 16px 0; display: flex; align-items: center; } 
 .modal-dash.modal-wrap .result-list .list .btn { font-size: 12px; color: rgba(0, 0, 0, 0.78); padding: 5px 5px; border-radius: 4px; } 

 .modal-dash.modal-wrap .search-wrap { display: flex; flex-wrap: wrap; } 
 .modal-dash.modal-wrap .search-box { display: flex; flex-wrap: wrap; width: 100%; } 
 .modal-dash.modal-wrap .search-box>* { flex: 1; margin-left: 9px; } 
 .modal-dash.modal-wrap .search-box>*:first-child { margin-left: 0; } 
 .modal-dash.modal-wrap .search-box input { height: 40px; border: none; border-bottom: 1px solid #D8D8D8; box-shadow: none; } 
 .modal-dash.modal-wrap .search-box select { background-position-x: 93%; } 
 .modal-dash.modal-wrap .search-wrap .btn { width: 100%; margin-top: 16px; padding: 12px 0; font-size: 14px; font-weight: 700; color: rgba(0, 0, 0, 0.78); border-radius: 8px; border: 1px solid #444; margin-left: 0; } 
 .modal-dash.modal-wrap .search-box .search select { box-shadow: none; border: none; border-bottom: 1px solid #d8d8d8; color: rgba(0, 0, 0, 0.78); letter-spacing: -1px; font-weight: 700; padding: 0 8px; background: url(/images/ico_arrow_bottm_2x.png) no-repeat 90% center / 12px 8px; } 
 .modal-dash.modal-wrap.high .search-box .search select { display: none; } 

 .modal-dash.modal-wrap .search-box.sb-high { display: none; } 
 .modal-dash.modal-wrap.high .search-box { display: none; } 
 .modal-dash.modal-wrap.high .search-box.sb-high { display: block; } 
 .modal-dash.modal-wrap.high .search-box.sb-high .search { width: 100%; } 

 .modal-dash.modal-wrap .result-list .list { align-items: flex-start; font-weight: 700; color: rgba(0, 0, 0, 0.78); } 
 .modal-dash.modal-wrap .result-list .list .right { align-items: center; display: flex; width: 100%; } 
 .modal-dash.modal-wrap .result-list .list .right .school span { font-weight: 400; color: rgba(0, 0, 0, 0.38); font-size: 12px; text-align: left; display: block; } 
 .modal-dash.modal-wrap .result-list .list .right .btn { margin-left: auto; min-width: 32px; white-space: nowrap; } 
 .modal-dash.modal-wrap .result-list .list .right .btn:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff; } 
 .modal-dash.modal-wrap .result-list .list .right .btn:disabled { background-color: var(--theme-color); color: #fff; } 
 .modal-dash.modal-wrap .result-list .list .right .btn:disabled:hover { background-color: #f7f7f7; color: rgba(0, 0, 0, 0.58); cursor: default; border-color: #dbdbdb; } 
 .modal-dash.modal-wrap .result-list .list .right .school p { text-align:left; margin-right:10px; } 

 .modal-dash.modal-wrap .paging2 span .page { top: -2px; font-family: Noto Sans; font-size: 14px; font-weight: 400; line-height: 1.4; color: rgba(0, 0, 0, .58); } 
 .modal-dash.modal-wrap .paging2 span .page.active { color: var(--theme-color); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } 
 .modal-dash.modal-wrap .paging2 .paging-num a.on, .modal-dash.modal-wrap .paging2 .paging-num a:hover { color: var(--theme-color); -webkit-text-stroke: 0; } 
 .modal-dash.modal-wrap .modal-close { top: 66px; right: 48px; } 

 .modal-dash.modal-wrap .w_table thead tr th { border-top: 0px solid #000; padding: 6px 0; padding-left: 8px; padding-right: 8px; text-align: left; } 
 .modal-dash.modal-wrap .w_table tbody tr td { padding: 6px 0; padding-left: 8px; border-bottom: 1px solid #D8D8D8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
 .modal-dash.modal-wrap .w_table tbody tr td:hover { color: rgba(0, 0, 0, 0.78); } 

 .modal-dash.modal-wrap.modal-tb .modal-cont { padding-top: 0px; } 
 .modal-dash.modal-wrap .modal-cont { overflow: hidden; } 
 .modal-dash.modal-wrap .table-box { overflow: auto; width: 100%; } 
 .modal-dash.modal-wrap .w_table { min-width: 100% !important; margin-right: 0 !important; } 

/* 무료체험신청 */
 mark { color: inherit; background-color: transparent; } 
.mark { position: relative; } 
.mark span { position: relative; z-index: 1; } 
.action .mark i { display: block; position: absolute; left: 0; bottom: 2px; width: 0; height: 17px; background: linear-gradient(to right, #05dac8 0%,#3db0f1 100%); animation: textSpan .3s 1s ease forwards; } 
@keyframes textSpan { 
 0% { width: 0; } 
 100% { width: 100%; } 
 }
 .exp_header { position: relative; padding: 33px 0; text-align: center; box-shadow: 0 12px 23px rgba(0, 0, 0, .1); background-color: #fff; } 
.exp_header .exp_header_inner { position: relative; max-width: 1232px; margin: 0 auto; padding: 0 16px; } 
.exp_header .logoutBtn { position: absolute; top: 50%; right: 16px; margin-top: -25px; padding-left: 22px; width: 103px; height: 50px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 8px; font-weight: 800; font-size: 13px; color: rgba(0, 0, 0, 0.58); font-family: NanumSquareRound, 'Sans-serif'; transition: background-color 0.2s, color 0.2s, border-color 0.2s; } 
.exp_header .logoutBtn:hover { background-color: #f5f5f5; } 
.exp_header .logoutBtn::before { display: inline-block; content: ''; position: absolute; top: 50%; left: 16px; margin-top: -9px; width: 18px; height: 18px; background: url("../images/ico_login_2x.png") no-repeat center; background-size: 18px 18px; } 
.exp_con { width: 590px; margin: 0 auto; padding: 40px 0 60px; font-family: 'NanumSquareRound'; line-height: 1.42857143; } 
.exp_con .con_tab { position: relative; text-align: center; } 
.exp_con .con_tab ul li { display: inline-block; width: 80px; height: 80px; margin:0px 38px; padding-top: 18px; font-size: 13px; color: rgba(0,0,0,0.38); border: 1px solid #ddd; border-radius: 50%; } 
.exp_con .con_tab ul li b { display: block; font-size: 24px; color: rgba(0,0,0,0.78); line-height: 28px; } 
.exp_con .con_tab ul li.active { color: #fff; background-color: #1e5df8; } 
.exp_con .con_tab ul li.active b { color: #05dcca; } 
.exp_con .con_tab .line { position: absolute; left: 50%; top: 40px; width: 80px; height: 1px; background-color: #ddd; transform:translate(-50%, 0); } 
.exp_con h2 { margin-top: 20px; font-size: 44px; font-weight: 800; text-align: center; } 
.exp_con .setp3 h2 { margin-top: 5px; } 
.exp_con .t { margin-top: 25px; color: rgba(0,0,0,0.48); text-align: center; line-height: 1.7; } 
.exp_con .t strong { font-weight:800; color: rgba(0,0,0,0.78); } 
.exp_con .t strong.blue { color: rgba(30,93,248,0.78); } 
.exp_con .consult { display: block; width: 190px; margin: 13px auto 0; padding: 8px 0; font-size: 15px; text-align: center; border: 1px solid #eee; background-color: #f5f5f5; border-radius: 19px; } 
.exp_con .consult span { color: #1e5df8; } 
.exp_con .action .mark i { height: 22px; } 
.exp_con .exp_list li { position: relative; margin-top: 16px; } 
.exp_con .exp_list li:first-child { margin-top: 30px; } 
.exp_con .exp_list li .box { padding: 16px; border: 2px solid #ddd; border-radius: 10px; box-shadow: none; } 
.exp_con .exp_list li .box.auth { margin: 20px -132px 0 0; background-color: #f5f5f5; } 
.exp_con .exp_list li select,
.exp_con .exp_list li input[type=text],
.exp_con .exp_list li input[type=tel],
.exp_con .exp_list li input[type=email],
.exp_con .exp_list li input[type=password] { width: 100%; font-size: 16px; vertical-align: middle; border: none; font-family: 'NanumSquareRound'; } 
.exp_con .exp_list li input[type=text] { padding-left: 0; }
.exp_con .exp_list li input[type=email]::placeholder,
.exp_con .exp_list li input[type=text]::placeholder { color: rgba(0,0,0,0.38); letter-spacing: -0.5px; } 
.exp_con .exp_list li select { margin-left: -4px; } 
.exp_con .exp_list li select[disabled] { background: transparent; }
.exp_con .exp_list li .box >label { font-size: 13px; } 
.exp_con .exp_list li .box >label i.required { margin-left: 12px; } 
.exp_con .exp_list li .box >div { display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 8px; } 
.exp_con .exp_list li .box >div p {font-size: 13px; font-weight: 400; line-height: 1.2; color: rgba(0, 0, 0, 0.58);}
.exp_con .exp_list li .box >div label { margin-right: 24px; color: rgba(0,0,0,0.38); vertical-align: middle; } 
.exp_con .exp_list li .box >div.radio { margin-top: 10px; } 
.exp_con .exp_list li .box .w_shot { width: 70px;  } 
.exp_con .exp_list li .box select.w_shot { height: 22px; padding-left: 4px; font-size: 16px; font-weight: 700; line-height: 1.2; color: rgba(0, 0, 0, 0.58); background: url(/images/ico_arrowA_2x.png) no-repeat 54px 6px / 8px 5px; }
.exp_con .exp_list li .box .w_shot2 { width: 135px; } 
.exp_con .exp_list li .exp_search { position: absolute; right: 0; top: 0; width: 120px; height: 86px; font-size: 18px; font-weight: 800; color: #fff; background-color: #333; border-radius: 8px; } 
.exp_con .exp_list li .exp_search.blur { background-color: rgba(51, 51, 51, .78); } 
.exp_con .exp_list li .text { margin-top: 8px; font-weight: normal; font-size: 13px; color: rgba(0, 0, 0, 0.38); } 
.exp_con .exp_list li .bb_line { margin: 0 8px; border-bottom: 2px solid #ddd !important; } 
.exp_con .exp_list li.space { padding-right: 132px; } 
.exp_con .exp_list li.bad .box { border-color: #ff0000; background-color: #ffe5e5; } 
.exp_con .exp_list li.bad select,
.exp_con .exp_list li.bad input[type=text],
.exp_con .exp_list li.bad input[type=tel],
.exp_con .exp_list li.bad input[type=email],
.exp_con .exp_list li.bad input[type=password] { font-weight: 800; color: #ff0000; } 
.exp_con .exp_list li.bad .text { display: block !important; color: #ff0000; } 
.exp_con .exp_list li.bad .box >label { color: #ff0000; } 
.exp_con .exp_list li.bad input[type=text]::placeholder { color: rgba(255,0,0,0.3); } 
.exp_con .exp_list li.bad .http { background-color: rgba(255,0,0,0.1); } 
.exp_con .exp_list li.good .text { display: block !important; color: #13b077; } 
.exp_con .exp_list li.disabled .box { border-color: #D8D8D8; background-color: #F8F8FA; } 
.exp_con .exp_list li.disabled .box >label { color: rgba(0, 0, 0, 0.3); } 
.exp_con .exp_list li.disabled select, .exp_con .exp_list li.disabled input[type=text], .exp_con .exp_list li.disabled input[type=tel], .exp_con .exp_list li.disabled input[type=email], .exp_con .exp_list li.disabled input[type=password] { font-weight: 800; color: rgba(0, 0, 0, 0.3); } 
.exp_con .exp_list li.disabled select { background: url(/images/ico_arrowA_2x.png) no-repeat 99% 6px / 12px 8px; }

.exp_con .btn { margin-top: 40px; text-align: center; } 
.exp_con .btn button { width: 245px; padding: 17px 0; font-size: 18px; font-weight: 800; color: rgba(0,0,0,0.38); letter-spacing: -1px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 30px; transition: all .2s ease; } 
.exp_con .btn button:hover { color: #fff; background:linear-gradient(to right, #05dac8 0%,#3db0f1 100%); } 
.exp_con .check { margin-top: 24px; letter-spacing: 0; } 
.exp_con .check input { margin: -3px 10px 0 0; vertical-align: middle; } 
.exp_con .check a { color: #1e5df8; text-decoration: underline; vertical-align: middle; } 
.exp_con .product { font-size: 44px; color: #a3a3a3; text-align: center; } 
.exp_con .bold { margin-top: 35px; font-size: 20px; text-align: center; line-height: 1.4; } 
.exp_con .btb { margin-top: 24px; font-size: 13px; color:rgba(0,0,0,0.58); font-weight: normal; text-align: center; } 
.exp_con .btns { margin-top: 50px; text-align: center; } 
.exp_con .btns a { display: inline-block; width: 245px; height: 60px; margin: 0 5px; padding-top: 17px; font-size: 18px; letter-spacing: -1px; border-radius: 30px; transition: all .2s ease; } 
.exp_con .btns a.bg { color: #fff; background: linear-gradient(to right, #05dac8 0%,#3db0f1 100%); } 
.exp_con .btns a.round { color: #000; border: 2px solid #000; } 

.exp_con .http { margin: 15px -13px -10px !important; padding: 18px 13px; font-size: 16px; background-color: #f5f5f5; border-radius: 0 0 10px 10px } 
.spinner { position: fixed !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%); } 

.exp_con .file_input_form { margin-top: 40px; } 
.exp_con .file_input_form > div { margin-bottom: 24px; } 
.exp_con .file_input_form > div:last-child { margin-bottom: 0; } 
.file_input_wrap { margin-bottom: 24px; padding-top: 24px; border-top: 1px solid #40454E; } 
.file_input_wrap:last-child { margin-bottom: 0; } 
.file_input_wrap > p { margin-bottom: 24px; font-size: 16px; color: rgba(0, 0, 0, 0.78); } 
.file_input_wrap > p i { margin-left: 12px; } 
.file_input_area { display: flex; } 
.file_input_area .file_input_btn { flex-shrink: 0; flex-basis: 120px; } 
.file_input_area .file_list_wrap { flex-grow: 1; padding-left: 24px; } 
.file_input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
.file_input + label { cursor: pointer; } 
.file_input + label { display: inline-block; width: 120px; height: 120px; padding-top: 34px; background: #FFF; border: 1px solid #D8D8D8; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.12), 0px 0px 1px rgba(68, 68, 68, 0.31); border-radius: 8px; text-align: center; overflow: hidden; transition: 0.2s; } 
.file_input + label:hover { background: #F5F5F5; } 
.file_input + label span { display: block; margin-top: 8px; color: rgba(0, 0, 0, 0.58); } 
.file_input_list li { position: relative; display: flex; align-items: center; margin-bottom: 10px; } 
.file_input_list li:last-child { margin-bottom: 20px; } 
.file_input_list li:last-child::after { display: block; content: ''; position: absolute; bottom: -11px; left: 0; width: 100%; height: 1px; background-color: #dbdbdb; } 
.file_input_list li span { margin-right: 4px; padding: 0px 12px; line-height: 24px; font-weight: bold; color: rgba(0, 0, 0, 0.58); font-size: 13px; border: 1px solid #D8D8D8; border-radius: 8px; } 
.file_input_list li .file_delete { width: 26px; height: 26px; border: 1px solid #D8D8D8; border-radius: 8px; background: url("../images/icon_close_2x.png") no-repeat center; background-size: 10px 11px; transition: 0.2s; } 
.file_input_list li .file_delete:hover { background-color: #F5F5F5; } 
.file_list_wrap .file_guide { padding-left: 28px; font-weight: normal; color: rgba(0, 0, 0, 0.58); background: url("../images/icon_info_2.png") no-repeat left top; background-size: 18px 19px; } 
.file_list_wrap .file_guide p { margin-bottom: 16px; } 
.file_list_wrap .file_guide p:last-child { margin-bottom: 0; } 

.exp_con input[type=file], .exp_con input[type=text], .exp_con input[type=password], .exp_con input[type=tel], .exp_con input[type=email] { height: 22px; font-size: 100%; border: 1px solid #d4d4d4; background-color: transparent; box-sizing: border-box; outline: none; -webkit-appearance: none; } 

.mpay_banner { margin-top: 26px; } 
.mpay_banner img { max-width: 590px; width: 100%; } 
.mpay_btn { position: relative; display: flex; justify-content: center; align-items: center; max-width: 240px; width: 100%; height: 60px; margin: 0 auto; line-height: 60px; background: #1E5DF8; border-radius: 30px; text-align: center; font-size: 16px; font-weight: 800; color: #FFF !important; font-family: 'NanumSquareRound'; margin: 16px auto; } 
.mpay_btn i { margin-right: 6px; } 
.step3 .btns { position: relative; margin-top: 32px; } 
.step3 .btns::before { display: block; content: ''; position: absolute; top: -16px; left: 0; width: 100%; height: 1px; background-color: #D8D8D8; } 
.step3 .btns a { max-width: 240px; width: 100%; padding-top: 18px; border: 2px solid #40454E; font-size: 16px; color: #40454E; } 

.business_registration { display: flex; justify-content: flex-start; align-items: flex-start; }
.business_registration input { display: none; }
.business_registration label { min-width: 120px; min-height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 24px !important; padding: 12px 16px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 3.5px 10.5px rgba(68, 68, 68, 0.1); }
.business_registration label i { position: relative; display: block; width: 24px; height: 22px; background: url('/images/ico_file_search_2x.png') no-repeat center / contain; margin-bottom: 6px; }
.business_registration label.camera i { background: url('/images/ico_camera_2x.png') no-repeat center / contain; }
.business_registration label span { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 1.4; color: rgba(0, 0, 0, 0.58); white-space: nowrap; }
.business_registration .info_text { display: flex; justify-content: flex-start; }

.busi_reg_box { border-top: 2px solid #40454E; margin-top: 24px; }
.busi_reg_box .tit {display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 800; line-height: 1.4; letter-spacing: -1px; text-align: left; margin: 26px 0 25px; }

.business_registration .file_list li { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 6px; }
.business_registration .file_list li a { border: 1px solid #d8d8d8; padding: 4px 12px; border-radius: 8px; margin-right: 8px; display: flex; justify-content: flex-start; align-items: center; max-width: calc(100% - 36px); }
.business_registration .file_list li a span { position: relative; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }	
.business_registration .file_list li button { border: 1px solid #d8d8d8; border-radius: 8px; width: 29px; height: 29px; padding: 4px; display: flex; justify-content: center; align-items :center; }
.business_registration .file_list li button i {width: 18px; height: 18px; background: url('/images/icon_del_2x.png') no-repeat center / contain; }
.business_registration .file_list li:first-child { margin-top: 16px !important;}
.busi_box.mo {max-width: 50%;}
.busi_box {max-width: 75%;}


/* modal popup */
.modal_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.3); z-index: 999; }
.modal_wrap.exam_modal_wrap .modal_content { max-width: 640px; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); display: inline-block; width: 80%; max-height: 90%; padding: 32px; background: #fff; border: 1px solid #eee; box-sizing: border-box; vertical-align: middle; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); border-radius: 12px; text-align: left; }

.modal_wrap.exam_modal_wrap .modal_content { bottom: 300px; }

.modal_wrap.exam_modal_wrap .modal_content.modal-es { max-width: 320px; }
.modal_wrap.exam_modal_wrap .modal_content.modal-ts { max-width: 450px; }
.modal_wrap.exam_modal_wrap .modal_content.modal-b { max-width: 780px; }
.modal_wrap.exam_modal_wrap .modal_content.modal-eb { max-width: 1000px; }
.modal_wrap.exam_modal_wrap::after { display: inline-block; content: ''; width: 0; height: 100%; vertical-align: middle; }
.modal_wrap.exam_modal_wrap .modal_header { display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; margin-bottom: 4px; padding-bottom: 16px; border-bottom: 2px solid #000; }
.modal_wrap.exam_modal_wrap .title-box { display: flex; flex-wrap: wrap; align-items: center; }
.modal_wrap.exam_modal_wrap .modal_header h2 { margin: 0; font-size: 24px; line-height: 160%; }
.modal_wrap.exam_modal_wrap .modal_header .modal_close { width: 16px; height: 16px; background: url("/images/ico_close_2x.png") no-repeat center; background-size: 16px 16px; font-size: 0; text-indent: -999px; cursor: pointer; flex: none; }
.modal_wrap.exam_modal_wrap .modal_header .modal_close.top { align-self: flex-start; margin-top: 5px; }
.modal_wrap.exam_modal_wrap .modal_header_btn { display: flex; justify-content: flex-start; align-items: center; }
.modal_wrap.exam_modal_wrap .modal_header_btn>* { margin-left: 16px; }
.modal_wrap.exam_modal_wrap .modal_header_btn>.btn_wrap { display: flex; justify-content: flex-start; align-items: center; }
.modal_wrap.exam_modal_wrap .modal_footer { padding-top: 32px; text-align: center; }
.modal_wrap.exam_modal_wrap .modal_footer button { height: 38px; padding: 0 32px; }
.modal_wrap.exam_modal_wrap .modal_body { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 182px); padding-bottom: 3px; }
.modal_wrap.exam_modal_wrap .modal_body.overflowV { overflow: visible; }
.modal_wrap.exam_modal_wrap .modal_body.modal_free { overflow: visible; }
.modal_wrap.exam_modal_wrap .modal_body.modal_sms { max-height: calc(100vh - 89px); }
.modal_wrap.exam_modal_wrap .modal_body::-webkit-scrollbar { width: 10px; height: 10px; }
.modal_wrap.exam_modal_wrap .modal_body::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; }
.modal_wrap.exam_modal_wrap .modal_body::-webkit-scrollbar-corner { display: none; }
.modal_wrap.exam_modal_wrap button { cursor: pointer; }
.modal_wrap.exam_modal_wrap .btn_exam_modal { height: 39px; line-height: 39px; padding: 0 24px; font-size: 18px; border: 0; }
.modal_wrap.exam_modal_wrap textarea { width: 100%; padding: 16px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 8px; font-size: 13px; color: #000000C7; font-family: "Noto Sans KR"; resize: none; }
.modal_wrap.exam_modal_wrap textarea::placeholder { color: #0000004D; }

@media screen and (max-width: 600px) {
    .modal_wrap.exam_modal_wrap .modal_content { padding: 16px; width: 93%; }
    .modal_wrap.exam_modal_wrap .modal_header h2 { font-size: 16px; }
    .modal_wrap.exam_modal_wrap .btn_exam_modal { font-size: 14px; }
    .modal_wrap.exam_modal_wrap .btn_exam_modal { padding: 0 12px; }
}


/* 241129 헤더 GNB 리뉴얼 */
.header-member-wrap.tnb_admin::before { display: none !important; }
.header-notice { margin-left: 0; }
.selectBox .select span::after,
.header-member-wrap .childSelect::after { content: ''; display: inline-block; width: 24px; height: 24px; border: 1px solid #999; border-radius: 4px; position: absolute; right: 12px; top: 50%; margin-top: 0; transform: translateY(-50%); background: url('/images/ico_arrow_bottm_blk_2x.png') no-repeat center; background-size: 12px 8px; pointer-events: none; }
.header-member-wrap .childSelect select { background: none; }
.header-member:hover span::after,
.header-member-wrap:hover .childSelect:hover::after { background-image: url('/images/ico_arrow_bottm_wht_2x.png'); background-position: no-repeat; background-position: center; background-size: 12px 8px; background-color: var(--theme-color); border-color: var(--theme-color); }
.header-member:active span::after,
.header-member-wrap:active .childSelect:hover::after { background-color: #00000061 !important; border-color: #999 !important; }
.header-non-member li a:hover { color: var(--theme-color); }

/* 241129 마케팅 강사 템플릿 */
.cont { margin: 0 auto; width: 95%; max-width: 1200px; }
.stn_hero { position: relative; }
.stn_hero .cont { position: relative; }

.tch_menu_left { position: absolute; top: 80px; left: calc(50vw - 616px); width: 256px; background: #fff; padding: 15px 15px 40px 15px; border-radius: 8px; z-index: 1 ; }
.tch_menu_left a { display: block; text-decoration: none; color: #000; }
.tch_menu_left ul li { list-style: none; }
.tch_desc { display: flex; justify-content: space-between; align-items: center; }
.url_profile { display: block; margin-top: 20px; width: 100%; height: 36px; border-radius: 4px; background: var(--theme-color); line-height: 36px; color: #fff !important; text-align: center; font-size: 13px; transition: opacity 0.3s; }
.url_profile:hover { opacity: 0.85; }
.btn_back { display: block; width: 56px; height: 56px; background: url('/images/ico_back_blk.png') center no-repeat; background-size: 100%; }
.tch_info p { font-size: 14px; }
.tch_info p strong { font-size: 21px; }
.lst_menu_wrap { padding-top: 16px; }
.lst_menu_wrap li { border-bottom: 1px solid #ddd;; }
.lst_menu_wrap li:last-of-type { border: 0; }
.lst_menu_wrap li a { padding: 10px 0; font-size: 13px; }
.lst_sns_wrap { display: flex; flex-wrap: wrap; gap: 26px; padding-top: 16px; }
.lst_sns_wrap li a { display: block; width: 24px; height: 24px; }
.lst_sns_wrap li.sns_insta a { background: url('/images/ico_insta_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li.sns_blog a { background: url('/images/ico_blog_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li.sns_cafe a { background: url('/images/ico_cafe_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li.sns_band a { background: url('/images/ico_band_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li.sns_facebook a { background: url('/images/ico_facebook_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li.sns_youtube a { background: url('/images/ico_youtube_blk.png') center no-repeat; background-size: 100%; }
.lst_sns_wrap li a img { width: 100%; height: auto; }
.lst_sns_wrap.hidden { display: none; }

.tch_menu_left.type_dark * { color: #fff !important; }
@media screen and (min-width: 1025px) {
    .stn_hero { margin-bottom: 0 !important; }
    .tch_menu_left.type_dark { background: transparent; border: 1px solid #C0C1C2; backdrop-filter: blur(3px); }
    .tch_menu_left.type_dark .lst_menu_wrap li { border-color: #C0C1C2; }
    .tch_menu_left.type_dark .btn_back { background: url('/images/ico_back_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_insta a { background: url('/images/ico_insta_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_blog a { background: url('/images/ico_blog_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_cafe a { background: url('/images/ico_cafe_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_band a { background: url('/images/ico_band_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_facebook a { background: url('/images/ico_facebook_wht.png') center no-repeat; background-size: 100%; }
    .tch_menu_left.type_dark .lst_sns_wrap li.sns_youtube a { background: url('/images/ico_youtube_wht.png') center no-repeat; background-size: 100%; }
}
@media screen and (max-width: 1200px) {
    .tch_menu_left { left: 20px; }
}

.marketing_teacher {  }
.marketing_teacher .inner { max-width: 100% !important; }
.marketing_teacher .sub-cont-title { max-width: 1200px !important; margin: 0 auto !important; margin-bottom: 16px !important; }
.marketing_teacher .tab-box { max-width: 1200px !important; margin-bottom: 0 !important; }
.marketing_teacher .teacher-detail-wrap img { display: inline-block; vertical-align: middle; }
.marketing_teacher .teacher-detail-wrap { margin-bottom: 0 !important; border: 0 !important; }
.marketing_teacher .board-btns { max-width: 1200px !important; border-top: 0 !important; margin: 0 auto !important; }
@media screen and (max-width: 1024px ) {
    .marketing_teacher .inner { padding: 0 !important; }
    .marketing_teacher .sub-cont-title { padding: 0 16px !important; }
    .marketing_teacher .board-btns .right-btns { right: 16px !important; }

    .tch_menu_left.type_dark { backdrop-filter: unset; }
    .tch_menu_left.type_dark .lst_menu_wrap li a { color: #000 !important; }
    .tch_menu_left { position: unset; width: unset; padding: 0; background: transparent; }
    .btn_back { display: none !important; }
    .tch_menu_top { position: absolute; top: 80px; left: 24px; width: 100%; max-width: 200px; z-index: 1; }
    .lst_menu_wrap, .lst_sns_wrap { position: absolute; left: 0; background: #fff; z-index: 1; }
    .lst_menu_wrap { overflow-x: scroll; display: flex; gap: 12px; padding-top: 0 !important; width: 100%; justify-content: start; border-top: 1px solid #C0C1C2; top: 200px; }
    .lst_menu_wrap::-webkit-scrollbar { display: none; }
    .lst_menu_wrap li { position:relative; border: 0; }
    .lst_menu_wrap li:not(:last-of-type)::after { content: ''; display: block; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); width: 1px; height: 14px; background: #C0C1C2; }
    .lst_menu_wrap li a { width: 112px; text-align: center; }
    .lst_sns_wrap { width: 100%; padding: 9px 0 !important; border-top: 1px solid #C0C1C2; border-bottom: 1px solid #C0C1C2; justify-content: center; top: 242px; }
}



/* myON 결제링크상품 */
.book-mall-cont { padding-top: 100px; padding-bottom: 100px; max-width: 588px; width: calc(100% - 32px); margin: 0 auto; }
.book-mall-cont h2 { padding-bottom: 12px; font-size: 24px; line-height: 36px; font-weight: 700; }
.book-mall-cont .desc-txt { padding-bottom: 32px; font-size: 14px; font-weight: 700; line-height: 22px; color: #00000094; border-bottom:2px solid #000; }
.book-mall-cont .round-box { max-width: 280px; margin: 16px auto; padding: 24px 24px 32px 24px; border: 1px solid #D8D8D8; border-radius: 8px; box-shadow: 0 10px 10px #4444440F; }
.book-mall-cont .thumb-img-wrap { margin: 0 auto; max-width: 200px; }
.book-mall-cont .thumb-img-wrap img { width: 100%; height: auto; border-radius: 4px; }
.book-mall-cont .thumb_none { max-width: 112px; margin: 0 auto; padding: 4px; border: 1px solid #D8D8D8; border-radius: 4px; }
.book-mall-cont .thumb_none p { position: relative; padding: 20px 6px 114px 6px; border: 1px solid #EEEEEE; border-radius: 4px; margin: 0; font-size: 12px; font-weight: 700; color: #00000094; text-align: left; }
.book-mall-cont .thumb_none p::after { content: ''; position: relative; margin-left: -6px; display: block; width: calc(100% + 12px); height: 1px; background: #eee; transform: translateY(70px); }
.book-mall-cont .book-name { margin-top: 16px; font-size: 16px; font-weight: 700; line-height: 1.2; }
.book-mall-cont button { border:0; }

/* ai 오답노트 */
/* app ui */
.ui-type-application .sub-aside-cont-area { margin-left: auto; margin-right: auto; }
.ui-type-application .bte_self_chk_wrap { position: fixed; bottom: 0; }
.ui-type-application .btn_ai_tutor_typeB { right: calc(0% + (50vw - 460px)); }

.btn_chk_exam { background: #fff; border: 1px solid #EEEEEE; box-shadow: 0 4px 4px #00000014; height: 56px; width: 64px; border-radius: 8px; font-weight: 700; font-size: 12px; padding: 4px; word-break: keep-all; letter-spacing: -1px; }
.btn_chk_exam * { font-size: 12px !important; }
.ai_note_list { border-top: 1px solid #eeeeee; }
.btn_ainote { border: 1px solid #D8D8D8; padding: 6px 8px 6px 17px; background: #fff; border-radius: 50px; font-weight: 700; }
.btn_ainote:hover { box-shadow: 0 10px 10px #4444440F; }
.btn_ainote:active { box-shadow: unset; background: #F7F7F7; }
.btn_ainote::after { content: ''; display: block; margin-left: 8px; width: 20px; height: 20px; border-radius: 20px; background-image: url(/images/icon_arrow_right_white_2x.png); background-repeat: no-repeat; background-color: var(--theme-color); background-size: 16px 16px; background-position: 70% center; }
.wip_chk.btn_ainote::after { background-color: #FF9800; }
.ai_note_list p span { max-width: calc(100% - 130px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai_note_header { height: 40px; }
.lst_ai_note { position: relative; }
.lst_ai_note .thead { gap: 4px; }
.lst_ai_note .thead p { padding: 3px; border-top: 2px solid var(--theme-color); text-align: center; font-weight: 700; }
.lst_ai_note .thead p:nth-child(1) { width: 120px; }
.lst_ai_note .thead p:nth-child(2) { width: calc(100% - 552px); }
.lst_ai_note .thead p:nth-child(3) { width: 96px; }
.lst_ai_note .thead p:nth-child(4) { width: 180px; }
.lst_ai_note .thead p:nth-child(5) { width: 140px; }
.lst_ai_note .tbody li { position: relative; gap: 4px; height: 80px; border: 1px solid #D8D8D8; border-radius: 8px; overflow: hidden; }
.lst_ai_note .tbody li:hover { background: #F7F7F7; }
.lst_ai_note .tbody li.lst_clinic:hover { background: unset; }
.lst_ai_note .tbody li.lst_clinic:hover::before { opacity: 0.1; }
.lst_ai_note .tbody li.lst_clinic::before { content: ""; position: absolute; inset: 0; background-color: var(--theme-color); opacity: 0.07; z-index: -1; }
.lst_ai_note .tbody li.lst_clinic::after { content: ""; position: absolute; inset: 0; background-color: #00000008; z-index: -1; }
.lst_ai_note .tbody li > p { display:flex; justify-content: center; align-items: center; height: 100%; }
.lst_ai_note .tbody li > p:nth-child(1) { width: 120px; }
.lst_ai_note .tbody li > p:nth-child(2) { width: calc(100% - 552px); padding: 12px; }
.lst_ai_note .tbody li > p:nth-child(3) { width: 96px; }
.lst_ai_note .tbody li > p:nth-child(4) { width: 180px; }
.lst_ai_note .tbody li > p:nth-child(5) { width: 140px; }
.lst_ai_note .tbody li > p:nth-child(2) span { width: 100%; text-align: left; font-weight: 700; color: #00000094; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lst_ai_note .tbody li > p:nth-child(4) span { font-size: 24px; color: #00000033; }
.lst_ai_note .tbody li > p:nth-child(4) span b.num_ai { font-weight: 700; font-size: 20px; }
.lst_ai_note .tbody li.wip > p:nth-child(4) span b.num_ai.checked { color: var(--theme-color); }
.lst_ai_note .tbody li.requested > p:nth-child(4) span b.num_ai.checked { color: #00000033; }
.lst_ai_note .tbody li.done > p:nth-child(4) span b.num_ai.checked { color: #00000094; }
.lst_ai_note .tbody li > p:nth-child(4) span b.num_ai.total { color: #00000094; }

.lst_ai_note .tbody li .ai_list_box { height: 100%; }
.lst_ai_note .tbody li .ai_list_box > p { display:flex; justify-content: center; align-items: center; height: 100%; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(1) { width: 120px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(2) { width: calc(100% - 552px); padding: 12px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(3) { width: 96px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) { width: 180px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(5) { width: 140px; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(2) span { width: 100%; text-align: left; font-weight: 700; color: #00000094; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) span { font-size: 24px; color: #00000033; width: 90px; text-align: center; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) span b.num_ai { font-weight: 700; font-size: 20px; }
.lst_ai_note .tbody li.wip .ai_list_box > p:nth-child(4) span b.num_ai.checked { color: var(--theme-color); }
.lst_ai_note .tbody li.requested .ai_list_box > p:nth-child(4) span b.num_ai.checked { color: #00000033; }
.lst_ai_note .tbody li.done .ai_list_box > p:nth-child(4) span b.num_ai.checked { color: #00000094; }
.lst_ai_note .tbody li .ai_list_box > p:nth-child(4) span b.num_ai.total { color: #00000094; }

.bdg_clinic::before { content:'C'; display: inline-block; width: 16px; height: 16px; border-radius: 20px; background-color: var(--theme-color); color: #fff !important; text-align: center; line-height: 16px; font-size: 12px; margin-right: 4px; }
.bdg_new { display: inline-block; width: 18px; height: 18px; border-radius: 20px; text-align: center; line-height: 18px; background-color: var(--theme-color); color: #fff !important; font-size: 10px !important; vertical-align: middle; transform: translateY(-2px); }
.ai_status { font-size: 12px; width: 68px; line-height: 20px; border-radius: 32px; font-weight: 700; text-align: center }
.wip .ai_status { border: 1px solid var(--theme-color); background: var(--theme-color); color: #fff; }
.requested .ai_status { border: 1px solid var(--theme-color); color: var(--theme-color); background: #fff; }
.done .ai_status { border: 1px solid #D1D3D8; background: #D1D3D8; color: #fff; }
.wip_chk.ai_status { border: 1px solid #FF9800; background: #FF9800; color: #fff; }
.toast_ai_note { opacity:0; pointer-events: none; position: absolute; top: 230px; left: 50%; transform: translate(-50%, -50%); padding: 8px 24px; width: fit-content; border: 1px solid #D8D8D8; background: #fff; border-radius: 50px; box-shadow: 0 10px 10px #4444440F; z-index: 5; }
.toast_ai_note.active { animation: toastAi 2s forwards; }
@keyframes toastAi {
	0% { opacity:0; top: 230px; }
	20% { opacity:1; top: 210px; }
	80% { opacity:1; top: 210px; }
	100% { opacity:0; top: 230px; }
}
.toast_ai_note p { font-weight: 700; color: #000000C7; }
.toast_ai_note img { width: 28px; height: auto; }
.num_ai_desc { display: none; font-size: 14px; color: #000000C7; font-weight: 700; transform: translateY(-3px); }

.btn_back_round { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #000000C7; border-radius: 50px; }
.btn_open_typeRound { width: 24px; height :24px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 40px; box-shadow: 0 10px 10px #4444440F; background: url("/images/ico_select_arrow_light_2x.png") no-repeat center / 12px 8px; }

.check_ai_note_header { background: #fff; border: 1px solid #D8D8D8; box-shadow: 0 10px 10px #4444440F; border-radius: 8px; }
.check_ai_note_header .hd_top { padding: 12px 24px; }
.check_ai_note_header .hd_top p { width: calc(100% - 48px); text-align: center; font-size: 16px; font-weight: 700; }
.check_ai_note_header .hd_bottom { padding: 8px 16px; border-top: 1px solid #EEEEEE; max-height: 96px; overflow-y: auto; }
.check_ai_note_board { background: #F7F7F7; border: 1px solid #D8D8D8; border-radius: 8px; box-shadow: 0 10px 10px #4444440F; }

.num_list_typeA { flex-wrap: wrap; gap: 4px; }
.num_list_typeA li { position: relative; display: inline; }
.num_list_typeA li.edit::after { content:''; position: absolute; top:-3px; right: -2px; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #fff; background: #D23040;  }
.num_list_typeA li a { position: relative; display: inline-block; background: #fff; border: 1px solid #DDDDDD; border-radius: 50px; height: 24px; min-width: 40px; line-height: 22px; padding: 0px 8px; text-align: center; }
.num_list_typeA li a:hover { background: #0000001A; border-color: #0000001A; font-weight: 700; }
.num_list_typeA li a:active { background: #fff; border-color: #222222; }
.num_list_typeA li.active a { background: #00000061; border-color: #00000061; color: #fff; font-weight: 700; }
.num_list_typeA li.correct.active a { background: #222222; border-color: #222222; color: #fff; font-weight: 700; }
.num_list_typeA li.correct a:after { content:''; position: absolute; left: 50%; top: 50%; width: 34px; height: 18px; border: 2px solid #D23040; border-radius: 50px; transform: translate(-50%, -50%); opacity: 0.4; }

.num_list_typeA li.incorrect a { color: #D23040; }
.num_list_typeA li.incorrect a:hover { background: #D230401A; border-color: #D230401A; font-weight: 700; }
.num_list_typeA li.incorrect a:active { background: #fff; border-color: #D23040; /* box-shadow: 0 0 0 1px #D23040 inset; */ }
.num_list_typeA li.incorrect.active a { background: #D23040; border-color: #D23040; color: #fff; font-weight: 700; }
.num_list_typeA li.incorrect a:after { content:''; position: absolute; left: 50%; top: 50%; width: 2px; height: 18px; background: #D23040; transform: translate(-50%, -50%) rotate(45deg); opacity: 0.4; }
.num_list_typeA li.incorrect.active a:after { background: #fff;  opacity: 0.65;}
.num_list_typeA li.correct.active a:after { border-color: #fff;  opacity: 0.65;}
.num_list_typeA li.sort_incorrect a { padding-left: 16px !important; padding-right: 16px !important; border-color: #DDDDDD !important; background: #F7F7F7; font-weight: 400 !important; color: rgba(0, 0, 0, 0.78) !important; }
.num_list_typeA li.sort_incorrect a:hover { background: #fff; box-shadow: 0 10px 10px #4444440F; }
.num_list_typeA li.sort_incorrect a:active { background: #EEEEEE; box-shadow: unset; }

.ai_note_answer_wrap { gap: 16px; }
.answer_type { width: 56px; line-height: 34px; height: 34px; text-align: center; border-radius: 8px; font-weight: 700; color: #fff; }
.answer_type.incorrect, .answer_type.correct, .answer_type.wip, .answer_type.edit { position: relative; width: 56px; height: 56px; text-align: center; border-radius: 8px; font-weight: 700; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #D8D8D8; color: #000000C7; line-height: 1; word-break: keep-all; }
.answer_type.wip { padding: 4px; }
.answer_type.edit { height: 32px; color: #D23040; }
.answer_type.edit::after { content:''; position: absolute; top:-3px; right: -2px; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #fff; background: #D23040; }
/* .answer_type.incorrect { background: #D23040; }
.answer_type.correct { background: #31C3A0; } */
.answer_type.incorrect::after { content:''; position: absolute; left: 50%; top: 50%; width: 3px; height: 42px; background: #D23040; transform: translate(-50%, -50%) rotate(45deg); opacity: 0.4; }
.answer_type.correct::after { content:''; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; border: 3px solid #D23040; border-radius: 50px; transform: translate(-50%, -50%); opacity: 0.4; }
.ai_note_answer_desc { padding: 16px; max-width: calc(100% - 72px); border: 1px solid #D8D8D8; background: #fff !important; border-radius: 8px; }
.ai_note_answer_type { display: flex; flex-direction: column; gap: 8px; }

.bte_self_chk_wrap { position: absolute; bottom: -136px; transform: translateX(238px); width: fit-content; padding: 8px; border-radius: 16px 16px 0 0; align-items: center; gap: 17px; border: 1px solid #D8D8D8; background: #F5F5F5CC; backdrop-filter : blur(12px); z-index: 5; }
.bte_self_chk_wrap.dv_tablet { position: fixed; bottom: 0; }
.bte_self_chk_wrap > p { position: relative; padding: 0 24px; font-size: 14px; color: #000000C7; line-height: 1.2; font-weight: 700; text-align: center; }
.bte_self_chk_wrap > p::after { content:''; display: block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: #D8D8D8; }
.bte_self_chk_wrap > div { gap: 4px; }
.bte_self_chk_wrap button { position: relative; background: #fff; width: 160px; height: 56px; border: 1px solid transparent; box-shadow: 0 4px 4px #00000014; border-radius: 8px; font-size: 16px; color: #000000C7; font-weight: 700; }
.bte_self_chk_wrap button:hover { box-shadow: 0 4px 12px #0000001F;  }
.bte_self_chk_wrap button:active { box-shadow: unset; background: #F7F7F7; border: 1px solid #999; }
.bte_self_chk_wrap button.correct::after { content:''; position: absolute; left: 50%; top: 50%; width: 88px; height: 36px; border: 2px solid #D23040; border-radius: 50px; transform: translate(-50%, -50%); opacity: 0.4; }
.bte_self_chk_wrap button.incorrect::after { content:''; position: absolute; left: 50%; top: 50%; width: 2px; height: 60px; background: #D23040; transform: translate(-50%, -50%) rotate(45deg); opacity: 0.4; }

.answer_type.default { line-height: unset; background: #222; }
.ai_note_chk_incorrect { border-top: 1px solid #D8D8D8; }
.ai_note_chk_incorrect ul { width: 632px; gap: 8px; flex-wrap: wrap; }
.ai_note_chk_incorrect ul li { position: relative; padding: 6px; border: 1px solid #D8D8D8; border-radius: 8px; background-color: #fff; }
.ai_note_chk_incorrect ul li input { border: 0 !important; height: 26px; }
.ai_note_chk_incorrect ul li input:disabled { color: #ddd; }
.ai_note_chk_incorrect ul li:hover .ai_tooltip_box { display: block; }
.ai_tooltip_box { position: absolute; top: -48px; left: 50%; transform: translateX(-50%); display: none; border-radius: 8px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); width: max-content; padding: 8px; z-index: 9; font-style: normal; }
.ai_tooltip_box::after { content: ''; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); display: block; background: url(/images/tooltip_img.png) no-repeat center / contain; width: 26px; height: 26px;}
.ai_btn_wrap { border-radius: 0 0 8px 8px; overflow: hidden; }
.ai_btn_wrap li { flex: auto; height: 56px; }
.ai_btn_wrap li a { position: relative; display: inline-block; width: 100%; height: 100%; }
.ai_btn_wrap li a span { position:relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-weight: 700; text-align: center; z-index:1; }
.ai_btn_wrap li a:before { transition: background 0.3s; }
.ai_btn_wrap li a:hover::before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0, 0, 0, 0.1); z-index: 0; }
.ai_btn_wrap li a:active::before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0, 0, 0, 0.2); z-index: 0; }
.ai_btn_wrap li a.ai_btn_prev { background: rgba(0, 0, 0, 0.2); border-radius: 0 0 0 8px; overflow: hidden; }
.ai_btn_wrap li a.ai_btn_next { background: var(--theme-color); border-radius: 0 0 8px 0; overflow: hidden; }
.ai_btn_wrap li a.ai_btn_save { background: #EEEFEC; overflow: hidden; }
.ai_btn_wrap li a.ai_btn_save span { color: #000000C7 !important; }

.chart_ai_note .check_ai_note_board { padding: 32px 32px 48px 32px; background: #fff; text-align: center; }
.chart_ai_note .check_ai_note_board .char_ai_tit { font-size: 24px; font-weight:700; }
.chart_ai_note .check_ai_note_board .char_ai_txt { font-size: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.58); }

.ai_tab_cnt.tab_cnt { display: none; }
.ai_tab_cnt.tab_cnt.active { display: block; }

.ai-tab-box.school-tab-box { position: relative; } 
.ai-tab-box.school-tab-box .toggle-btn { width: 32px; height: 32px; position: absolute; right: 18px; top: 11px; border-radius: 50%; background: #fff url(/images/ico_toggle_bottom_2x.png) no-repeat center 11px / 14px 9px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.06); } 
.ai-tab-box.school-tab-box .tab-box { flex-wrap: wrap; padding: 8px; display: flex; overflow-y: auto; margin-top: 10px; max-height: 92px; } 
.ai-tab-box.school-tab-box .tab-box .tab { flex: none; padding: 0 16px; margin-bottom: 4px; } 

 /* 탭 토글 활성화 */
.ai-tab-box.school-tab-box.active .tab-box { display: block; overflow-x: hidden; padding-bottom: 4px; padding-right: 46px; max-height: unset; } 
.ai-tab-box.school-tab-box.active .tab-box .tab { margin-bottom: 4px; float: left; } 
.ai-tab-box.school-tab-box.active .toggle-btn { background: #fff url(/images/ico_toggle_top_2x.png) no-repeat center 10px / 14px 9px; } 
.ai-tab-box.schedule-board-wrap .board-box { margin-top: 32px; } 

.btn_cate_ai_note.done { color: rgba(0, 0, 0, 0.3); background: rgba(247, 247, 247, 1); }
.btn_cate_ai_note.done b { transition: color 0.3s; }
.btn_cate_ai_note.done.active b { color: #fff !important; }
.btn_cate_ai_note::hover { bod-shadow: rgba(68, 68, 68, 0.06); }
.btn_cate_ai_note::hover { bod-shadow: rgba(68, 68, 68, 0.06); }

.lst_ai_note_test.lst_ai_note .tbody li { border: unset; gap: unset; height: unset; border-radius: 0; }
.lst_ai_note_test.lst_ai_note .tbody li .ai_list_box { position: relative; gap: 4px; width: 100%; height: 80px; border: 1px solid #D8D8D8; border-radius: 8px; overflow: hidden; z-index: 1; background: #fff; }
.lst_ai_note_test.lst_ai_note .tbody li.lst_clinic::before, .lst_ai_note_test.lst_ai_note .tbody li.lst_clinic::after { display: none; }
.lst_ai_note_test.lst_ai_note .tbody li.lst_clinic { position: relative; margin-bottom: 58px !important; background: #fff; overflow:visible; }
.lst_ai_note_test .lst_clinic_box { position: absolute; transform: translateY(-26px); padding: 34px 16px 8px; width: 100%; border : 1px solid rgba(216, 216, 216, 1); background: rgba(247, 247, 247, 1); border-radius: 0 0 8px 8px; z-index:0; }
.lst_ai_note_test.lst_ai_note .tbody li.lst_clinic .ai_list_box { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05); }
.lst_ai_note_test .lst_clinic_box .btn_ainote { padding: 3px 8px; }
.lst_ai_note_test .lst_clinic_box .btn_ainote::after { display: none !important; }
.lst_ai_note_test.lst_ai_note .bdg_clinic { padding: 2px 10px 3px 5px; border-radius: 30px; background: var(--theme-color); font-size: 12px; color: #fff; }
.lst_ai_note_test.lst_ai_note .bdg_clinic::before { background: rgba(0, 0, 0, 0.58); }
.check_answer { padding: 0px 8px; background: #fff; border: 1px solid rgba(216, 216, 216, 1); border-radius: 20px; font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, 0.58); }
.check_answer b:first-child { padding-left: 8px; }
.check_answer.requested b:first-child { color: rgba(0, 0, 0, 0.2); }
.check_answer.wip b:first-child { color: var(--theme-color); }
.check_answer.done b:first-child { color: rgba(0, 0, 0, 0.58); }

.btn_ai_tutor {  }
.btn_ai_tutor_typeB { position: fixed; right: calc(0% + (50vw - 590px)); bottom: 6%; z-index: 10; }
.btn_ai_tutor_typeB.dv_tablet { right: calc(0% + (50vw - 460px)); }
.btn_ai_tutor span { display: none; padding: 8px; background-color: #fff; border-radius: 8px; color: rgba(0, 0, 0, 0.58); border: 1px solid rgba(216, 216, 216, 1); font-size: 14px; text-align: center; position: absolute; z-index: 3; width: max-content; right: 0; top: -50px; }
.btn_ai_tutor:hover span { display: inline-block; }
.btn_ai_tutor p { display: inline-block; padding: 2px 12px; border-radius: 20px; background: var(--theme-color); color: #fff; font-size: 12px; font-weight: 700; position: relative; transform: translateY(-12px); z-index: 3; }
.btn_ai_tutor div { position: relative; width: 88px; height: 88px; border-radius: 100px; background: #fff; border: 1px solid rgba(216, 216, 216, 1); box-shadow: 0 18px 18px rgba(68, 68, 68, 0.06); }
.btn_ai_tutor div::before { content:''; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; background: var(--theme-color); border-radius: 100px; transform: translate(-50%, -50%); z-index: 1; opacity: 0.1; }
.btn_ai_tutor div::after { content:''; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; background-repeat: no-repeat; background-size: 54px 70px; background-position: center 14px; border-radius: 100px; transform: translate(-50%, -50%); z-index: 2; }
.btn_ai_tutor_typeA div::after { background-image: url("/images/img_aitutor_typeA_2x.png"); }
.btn_ai_tutor_typeB div::after { background-image: url("/images/img_aitutor_typeB_2x.png"); }

.ai_tutor_modal { display: none; }
.ai_tutor_modal.active { display: block; padding: 16px; max-width: 478px; border: 1px solid rgba(216, 216, 216, 1); border-radius: 16px; background: rgba(247, 247, 247, 1); position: fixed; right: calc(0% + (50vw - 592px)); bottom: calc(6% + 120px); z-index: 10; }
.ai_modal_scroll { max-height: 400px; overflow-y: auto; scroll-behavior: smooth; }
.ai_modal_scroll::-webkit-scrollbar { -webkit-appearance: none; }
.ai_modal_scroll::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #e5e5e5; border: 4px solid transparent; border-radius: 10px; cursor: pointer; }
.ai_modal_scroll::-webkit-scrollbar-thumb:hover { background-color: #d7d7d7; }
.ai_modal_scroll::-webkit-scrollbar-track { background-color: #f7f7f7; }

.ai_tutor_modal .ai_tutor_human { display: inline-block; }
.ai_tutor_modal .ai_tutor_human div { position: relative; width: 88px; height: 88px; border-radius: 100px; background: #fff; border: 1px solid rgba(216, 216, 216, 1); box-shadow: 0 18px 18px rgba(68, 68, 68, 0.06); }
.ai_tutor_modal .ai_tutor_human div::before { content:''; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; background: var(--theme-color); border-radius: 100px; transform: translate(-50%, -50%); z-index: 1; opacity: 0.1; }
.ai_tutor_modal .ai_tutor_human div::after { content:''; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; background-repeat: no-repeat; background-size: 54px 70px; background-position: center 14px; border-radius: 100px; transform: translate(-50%, -50%); z-index: 2; }
.ai_tutor_modal_typeA.ai_tutor_modal .ai_tutor_human div::after { background-image: url("/images/img_aitutor_typeA_2x.png"); }
.ai_tutor_modal_typeB.ai_tutor_modal .ai_tutor_human div::after { background-image: url("/images/img_aitutor_typeB_2x.png"); }
.ai_tutor_modal .ai_tutor_human p { display: inline-block; padding: 2px 12px; border-radius: 20px; background: var(--theme-color); color: #fff; font-size: 12px; font-weight: 700; line-height: 16px; position: relative; transform: translateY(-12px); z-index: 3; }
.bubble_box { padding: 16px; border-radius: 8px; }
.bubble_ai { background: rgba(238, 238, 238, 1); }
.bubble_user { position:relative; overflow: hidden; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); word-wrap: break-word; word-break: keep-all; }
.bubble_user::before { content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background: var(--theme-color); opacity: 0.1; z-index: -1; }
.ai_tutor_modal .ico_info { line-height: 20px; padding: 0 4px; border-radius: 4px; border: 1px solid rgba(216, 216, 216, 1); }

.ai_tutor_btn_wrap button { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid rgba(216, 216, 216, 1); border-radius: 4px; }
.ai_input_wrap { display: flex; width: 100%; justify-content: space-between; align-items: end; background: #fff; padding: 3px; border: 1px solid rgba(216, 216, 216, 1); border-radius: 8px; }
.ai_input_wrap textarea { border: 0; height: 22px; min-height: 22px; max-height: 110px; line-height: 22px; margin-bottom: 4px; padding: 0 8px; width: calc(100% - 70px); font-weight: 400; color: rgba(0, 0, 0, 0.58); }
.ai_input_wrap textarea::-webkit-scrollbar { display: none; }
.ai_input_wrap .ai_note_chatbot_textarea { border: 0; height: 22px; min-height: 22px; max-height: 110px; line-height: 22px; margin-bottom: 4px; padding: 0 8px; width: calc(100% - 70px); font-weight: 400; color: rgba(0, 0, 0, 0.58); overflow-y: auto; }
.ai_input_wrap .ai_note_chatbot_textarea::-webkit-scrollbar { display: none; }
.ai_input_wrap .ai_tutor_btn_wrap button { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_send { background: #686868; border: 1px solid #686868; }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_send:hover { background: var(--theme-color); border-color: var(--theme-color); }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_send:disabled { background: rgba(221, 221, 221, 1); border-color: rgba(221, 221, 221, 1); cursor: default; }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_math { background: #fff; border: 1px solid rgba(216, 216, 216, 1); }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_math:not(:disabled):hover { background: var(--theme-color); border-color: var(--theme-color); }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_math:not(:disabled):hover i { filter: brightness(0) invert(1); }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_math:disabled { cursor: default; }
.ai_input_wrap .ai_tutor_btn_wrap button.btn_math:disabled i { opacity: 0.3; }

.btn_ai_tutor_typeA { position: fixed; bottom: 10%; z-index: 3; }
.btn_ai_tutor_typeA.btn_ai_tutor span { left: 0; right: unset; transform: unset; }
.ai_tutor_modal_typeA.ai_tutor_modal.active { right: unset; }
.btn_ai_tutor_close { position: absolute; left: 0; bottom: -96px; width: 80px; height: 80px; background: #fff; border-radius: 100px; border: 1px solid rgba(238, 238, 238, 1); box-shadow: 0 18px 18px rgba(68, 68, 68, 0.06); }
.ai_tutor_modal_typeB .btn_ai_tutor_close { left: unset; right: 0; }
.btn_ai_tutor.active { display: none; }

.modal-ai-note-desc ul li { border: 1px solid rgba(221, 221, 221, 1); border-radius: 16px; }
.modal-ai-note-desc ul li > p { font-size: 18px; font-weight: 700; }
.modal-ai-note-desc ul li > div { border-left: 1px solid rgba(221, 221, 221, 1); }
.modal-ai-note-desc .modal-close { top: 48px !important; }
.modal-ai-note-desc ul li img { vertical-align: top; }

i.ico_none_clinic { display:inline-block; vertical-align: middle; width: 246px; height: 178px; background: url(/images/img_clinic_none.png) no-repeat center / 100%; }
.atch_homework_wrap.ai_note_atch * { color: rgba(0, 0, 0, 0.58); }
.atch_homework_wrap.ai_note_atch ul li { display: flex; height: 348px; }
.atch_homework_wrap.ai_note_atch ul li .hwk_li_left { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 50%; border-radius: 8px; background: #fff; border: 1px solid rgba(216, 216, 216, 1); z-index: 2; box-shadow: 8px 0 4px rgba(0, 0, 0, 0.07); overflow: hidden; }
.atch_homework_wrap.ai_note_atch ul li .hwk_li_right { position: relative; margin-left: -16px; padding: 0 16px 0 32px; border-radius: 8px; border: 1px solid rgba(216, 216, 216, 1); width: calc(50% + 16px); background: rgba(238, 239, 236, 1); z-index: 1; }
.atch_homework_wrap.ai_note_atch .hwk_li_header { display: flex; justify-content: center; align-items: center;height: 68px; padding: 16px 16px 12px 16px; border-bottom: 1px solid rgba(238, 238, 238, 1); }
.atch_homework_wrap.ai_note_atch .hwk_li_header p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.atch_homework_wrap.ai_note_atch .hwk_li_cont { padding: 8px 16px; }
.atch_homework_wrap.ai_note_atch .hwk_li_status { position: relative; display: flex; gap: 2px; }
.atch_homework_wrap.ai_note_atch .hwk_li_status::before { content:''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(0, 0, 0, 0.07); }
.atch_homework_wrap.ai_note_atch .hwk_li_status > div { position: relative; width: calc(33.33% - 1.33px); text-align: center; }
.atch_homework_wrap.ai_note_atch .hwk_li_status > div::after { content:''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; }
.atch_homework_wrap.ai_note_atch .hwk_li_status > div > p { color: transparent; user-select: none; }

.atch_homework_wrap.ai_note_atch .lst_state_notSubmit .hwk_li_status > div:nth-child(1) p { display: block; color: rgba(210, 48, 64, 1); }
.atch_homework_wrap.ai_note_atch .lst_state_submitWip .hwk_li_status > div:nth-child(2) p { display: block; color: rgba(255, 152, 0, 1); }
.atch_homework_wrap.ai_note_atch .lst_state_done .hwk_li_status > div:nth-child(3) p { display: block; color: rgba(38, 100, 220, 1); }

.atch_homework_wrap.ai_note_atch .lst_state_notSubmit .hwk_li_status > div:first-child::after { background: rgba(210, 48, 64, 1); }
.atch_homework_wrap.ai_note_atch .lst_state_submitWip .hwk_li_status > div:nth-child(-n+2)::after { background: rgba(255, 152, 0, 1); }
.atch_homework_wrap.ai_note_atch .lst_state_done .hwk_li_status > div::after { background: rgba(38, 100, 220, 1); }

.ico_ai_status { display:inline-block; margin-bottom: 2px; vertical-align: middle; width: 8px; height: 8px; background: url(/images/img_dot_gray.png) no-repeat center / 100%; }
.lst_state_notSubmit .hwk_li_status > div:nth-child(1) .ico_ai_status { display:inline-block; vertical-align: middle; width: 8px; height: 8px; background: url(/images/img_dot_red.png) no-repeat center / 100%; }
.lst_state_submitWip .hwk_li_status > div:nth-child(2) .ico_ai_status { display:inline-block; vertical-align: middle; width: 8px; height: 8px; background: url(/images/img_dot_orange.png) no-repeat center / 100%; }
.lst_state_done .hwk_li_status > div:nth-child(3) .ico_ai_status { display:inline-block; vertical-align: middle; width: 8px; height: 8px; background: url(/images/img_dot_blue.png) no-repeat center / 100%; }

.ai_hwk_exam_cnt { position: relative; border: 1px solid rgba(216, 216, 216, 1); border-radius: 4px; margin: 0 auto; padding: 10px 38px; width: fit-content; }
.ai_hwk_exam_cnt::before { content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 104px; height: 72px; border: 1px solid rgba(238, 238, 238, 1); border-radius: 4px; }
.ai_hwk_exam_cnt::after { content:''; position: absolute; top: 50%; left: -7px; width: 21px; height: 10px; background: url(/images/img_note_bg.png) no-repeat center / 100% }
.ai_hwk_exam_cnt p:nth-child(1) { font-size: 13px; line-height: 21px; }
.ai_hwk_exam_cnt p:nth-child(2) { font-size: 28px; line-height: 38px; font-weight: 700; color: rgba(0, 0, 0, 0.78); }

.ai_hwk_exam_desc > div p { font-size: 12px; }
.ai_hwk_exam_desc > div p.fc-theme { font-size: 20px; }
.ai_hwk_exam_desc > div { position: relative; width: 64px; }
.ai_hwk_exam_desc > div:nth-child(-n+2)::after { content:''; position: absolute; right: -15px; top: 0; width: 1px; height: 100%; background: rgba(216, 216, 216, 1); }

.ai_hwk_exam_btn { gap: 8px; }
.ai_hwk_exam_btn button { position: relative; height: 38px !important; font-size: 14px !important; }
.ai_hwk_exam_btn button:not(:disabled):hover { box-shadow: 0 10px 10px rgba(68, 68, 68, 0.06); }
.ai_hwk_exam_btn button.btn-theme-full { color: #fff; background-image: url(/images/icon_arrow_right_white_2x.png); background-repeat: no-repeat; background-position: calc(100% - 16px) center; background-size: 18px 18px; }
.ai_hwk_exam_btn button.btn-theme { border-width: 2px; }
.ai_hwk_exam_btn button.btn-theme:hover { background: unset; color: unset; }
.ai_hwk_exam_btn button.btn-theme:disabled { border: 2px solid rgba(0, 0, 0, 0.3); background: rgba(247, 247, 247, 1); cursor: default; }
.ai_hwk_exam_btn button.default:disabled { border: 1px solid rgba(216, 216, 216, 1); background: #fff; cursor: default; }
.ai_hwk_exam_btn button.default:disabled::after { content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); display: block; width: 20px; height: 20px; border-radius: 50px; background-image: url(/images/ico_check_2x.png); background-repeat: no-repeat; background-size: 12px 11px; background-color: #383838; background-color: var(--theme-color); background-position: center; }
.ai_hwk_exam_btn button.btn-theme span:first-child { display: inline-block; background: var(--theme-color); color: #fff; font-size: 9px; width: 16px; height: 16px; text-align: center; border-radius: 2px; margin-right: 4px; vertical-align: middle; }
.ai_hwk_exam_btn button.btn-theme:disabled span:first-child { background: rgba(0, 0, 0, 0.3); }

.css-arrow { position: absolute !important; top: 50%; right: 16px; transform: translateY(-50%); width: 8px; height: 13px; }
.css-arrow::before, .css-arrow::after { content: ''; position: absolute; width: 2px; height: 7px; background-color: var(--theme-color); }
.css-arrow::before { transform: rotate(-45deg); top: 1px; left: 1px; }
.css-arrow::after { transform: rotate(45deg); bottom: 1px; left: 1px; }
.ai_hwk_exam_btn button.btn-theme:disabled .css-arrow::before, .ai_hwk_exam_btn button.btn-theme:disabled .css-arrow::after { background: rgba(0, 0, 0, 0.3); }

.hwk_li_right ul { width: 100%; overflow-y: auto; height: 100%; }
.hwk_li_right ul::-webkit-scrollbar { -webkit-appearance: none; display: none; }
.hwk_li_right ul li { margin-bottom: 8px; padding: 16px; width: 100%; height: 110px !important; border: 1px solid rgba(216, 216, 216, 1); border-radius: 8px; background: #fff; }
.hwk_li_right ul li:first-child { margin-top: 16px; }
.hwk_li_right ul li:last-child { margin-bottom: 16px; }

.hwk_li_right * { font-size: 12px; }
.hwk_li_right ul li { display: block !important; }
.hwk_li_right ul li > div:nth-child(2) > div:nth-child(1) > div { width: 50%; }
.hwk_li_right ul li > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) { border-right: 1px solid rgba(216, 216, 216, 1); }
.hwk_li_right ul li > div:nth-child(2) { gap: 15px; height: 48px; }
.hwk_li_right ul li > div:nth-child(2) > div { width: calc(50% - 7.5px); }
.hwk_li_right .hwk_ai_num { font-size: 20px; font-weight: 700; }

.hwk_li_right button:not(:disabled):hover { box-shadow: 0 10px 10px rgba(68, 68, 68, 0.06); }
.hwk_li_right button.btn-theme-full { font-size: 14px; }
.hwk_li_right button.btn-theme { padding: 2px !important; border-width: 2px; }
.hwk_li_right button.btn-theme:hover { background: unset; color: unset; }
.hwk_li_right button.btn-theme:disabled { border: 2px solid rgba(0, 0, 0, 0.3); background: rgba(247, 247, 247, 1); pointer-events: none; }
.hwk_li_right button.btn-theme span:first-child { display: inline-block; background: var(--theme-color); color: #fff; font-size: 9px; width: 15px; height: 15px; text-align: center; border-radius: 2px; margin-right: 1px; vertical-align: middle; }
.hwk_li_right button.btn-theme:disabled span:first-child { background: rgba(0, 0, 0, 0.3); }

.ai_note_exam_description * { font-size: 13px; }
.ai_note_exam_description { gap: 16px; padding: 16px 16px 0 16px; }
.ai_note_exam_description .desc_tit { position: relative; width: 56px; line-height: 24px; }
.ai_note_exam_description p.desc_tit::after { content:''; position: absolute; top: 50%; right: -18px; display: block; width: 1px; height: 8px; background: #D8D8D8; transform: translateY(-50%); }
.ai_note_exam_description .desc_cont { max-width: calc(100% - 72px); }
.btn_ane_desc { gap: 8px; padding-left: 18px; }
.btn_ane_desc button:hover { text-decoration: underline; }
.btn_ane_desc button i { display: inline-block; margin-left: 4px; width: 10px; height: 10px; background: url(/images/ico_arrow_bottm.png) no-repeat center / 100%; }
.cnt_ane_desc { display: none; margin-top: 8px; padding: 16px; width: 100%; background: #fff; border: 1px solid #D8D8D8; border-radius:8px; }
.cnt_ane_desc > div p { display: inline; }
.cnt_ane_desc_num { position: relative; }
.cnt_ane_desc_num::after { content:''; display:block; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 1px; height: 8px; background: #D8D8D8; }
.cnt_ane_desc_list span { padding-right: 16px; background: url('/images/ico_triangle_round_2x.png') no-repeat right 3px center / 6px 6px; }
.cnt_ane_desc_list span:last-child { background: unset; }

.ai_note_exam_description.active .cnt_ane_desc { display: flex; flex-direction: column; gap: 12px; }
.ai_note_exam_description.active .btn_ane_desc button i { transform: rotate(180deg); }






/* 온라인평가 제출완료 모달 추가 */
.online_exam_submit_done { padding-top: 40px; }
.online_exam_submit_tit { font-size: 28px; font-weight: 700; line-height: 1.6; }
.online_exam_submit_txt { font-size: 18px; color: #00000094; line-height: 1.6; }
.online_exam_submit_box { margin: 24px auto; padding: 24px 16px; max-width: 400px; border: 1px solid #eee; border-radius: 16px; box-shadow: 0 8px 8px #4444440F; }
.vdo_online_done { margin: 0 auto; width: 165px; height: 176px; overflow: hidden; }
.vdo_online_done video { margin-top: -1px; width: 100%; }
.online_exam_submit_time { font-size: 16px; font-weight: 700; }
.online_exam_submit_time span { position:relative; padding-left: 18px; }
.online_exam_submit_time span::before { content:''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 2px; height: 12px; background: #D8D8D8; }
.online_exam_submit_btn_wrap { gap: 8px; justify-content: center; }
.online_exam_submit_btn_wrap button { display: flex; justify-content: center; align-items: center; padding: 4px; max-width: 160px; }
.online_exam_submit_btn_wrap button img { width: 16px; height: 16px; }
.bdg_required { margin-left: 4px; padding: 3px 4px; border-radius: 4px; font-size: 12px; color: #fff; background: #D23040; line-height: 1; }
.online_exam_submit_done .dashboard_box .num-box { margin-left: 0; }
.online_exam_submit_done .dashboard_box .num-box::after { display: none; }
.online_exam_submit_box .lottie_wrap { margin: 0 auto; width: 200px; height: 240px; }

.btn-submit { background: #40454E; color: #fff; }
@media screen and (max-width: 1024px) {
    .online_exam_submit_btn_wrap { flex-direction: column; align-items: center; }
}