@charset "utf-8";/* 공통 구조
**********************************************/
html { overflow-x: hidden; }
body { position: relative; min-height: 100%; overflow-x: hidden; }

.only-pc { display: block; }
.only-mobile { display: none; }

#main.container { padding-bottom: 367px; }
.container { min-height: 500px; }

.inner { position: relative; max-width: 1232px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }
.inner-xs { max-width: 600px; }
.inner-sm { max-width: 620px; }
.inner-md { max-width: 828px; }
.inner-lg { max-width: 1100px; }
.inner-xl { max-width: 1134px; }
.inner-xxl { max-width: 1200px; }

.full { width: 100%; }
.half { width: 50%; }

/* 텍스트 */
.fc-theme { color: #383838 !important; color: var(--theme-color) !important; }
.fc-orange { color: #DC7B09 !important; }
.fc-blue { color: #3366E2 !important; }
.fc-red { color: #E22134 !important; }
.fwb { font-weight: bold; }


/* 정렬 */
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.tar { text-align:right !important; }


/* component */
.selectBox-wrap::after { display: block; content: ''; clear: both; }
.selectBox-wrap > .selectBox:last-child { margin-right: 0; }
.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; }
.selectBoxA { padding: 0 24px 0 8px; border: 1px solid #D8D8D8; border-radius: 4px; background: url("/images/common/ico_arrowA_2x.png") no-repeat center right 6px; background-size: 12px 8px; color: rgba(0, 0, 0, 0.58); }
.selectBoxB { position: relative; display: block; height: 40px; padding: 0 12px; border:none; border-bottom: 1px solid #D8D8D8; border-radius: 0; font-weight: bold; font-size: 14px; background: url("/images/common/ico_arrow_bottm.png") no-repeat right 19px center; }
select { cursor: pointer; }
.checkboxA { position: relative; display: inline-block; height: 20px; }
.checkboxA input { display:none; }
.checkboxA input + label::before { content:''; position: absolute; left: 0; top: 0; display: inline-block; width: 20px; height: 20px; cursor: pointer; border-radius: 4px; background-image: url('/images/common/ico_checkbox_default_2x.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: 0 0; background-color: #fff; }
.checkboxA input:disabled + label::before { background-color: #f9f9f9; }
.checkboxA input:checked + label::before { background-image: url('/images/common/ico_check_2x.png'); background-size:13px 10px; background-color: #383838; background-color: var(--theme-color); background-position: center; }
.checkboxA label { position: relative; display: block; min-width: 20px; line-height: 20px; cursor: pointer; }
.checkboxA label span { margin-left: 28px; color: rgba(0, 0, 0, 0.58); font-weight: normal; }
.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/common/ico_radio_default_2x.png'); background-size: 20px; background-repeat: no-repeat; background-color: #fff; }
.radioA input:disabled + label::before { background-color: #f9f9f9; }
.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 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); }
.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; }
input.datepicker { width:110px; padding: 0 8px; background: url("/images/common/ico_date_2x.png") no-repeat right 10px center; background-size: 14px 15px; color: rgba(0, 0, 0, 0.58); font-weight: normal; letter-spacing: -1px; }
.ui-datepicker .ui-widget-header .ui-icon { background-image: url("/images/common/icon_datepicker_2x.png"); background-size:14px 10px; }
.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 .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -3.5px; margin-top: -5px; }
.nodata { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 0; text-align: center; border-bottom: 1px solid #dbdbdb; }
.nodata:first-of-type { border-top: 1px solid #222; }
.nodata i.ico { width: 80px; height: 80px; }
.nodata p { font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.58); word-break: keep-all; }

.swiper-button-prev:after, .swiper-button-next:after {display: none;}

/* button */
button:disabled { background-color: #e6e6e6 !important; color: rgba(0, 0, 0, 0.2) !important; cursor: default;}
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 0px 4px; border-radius: 4px; font-weight: bold; letter-spacing: -1px; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.btn i.ico { margin-right: 4px; }
.btn i.ico.next { margin: 0 0 0 4px; }
.btn.default { background-color: #fff; border: 1px solid #dbdbdb; }
.btn.default:hover { background-color: #f5f5f5; }
.btn.submit { background-color: #383838; background-color: var(--theme-color); color: #FFF; }
.btn-theme { color: #fff !important; background-color: #383838; background-color: var(--theme-color); border:2px solid #383838; border: 2px solid var(--theme-color); }
.btn-white { border: 1px solid #222; color: rgba(0, 0, 0, 0.78); }
.btn-white:hover { background-color: #f5f5f5; }
.btn-dark { color: #fff !important; background-color: #484848; border:2px solid #484848; }
.btn-box-theme { color: #383838 !important; color: var(--theme-color) !important; border:1px solid #383838; border: 1px solid var(--theme-color); }
.btn-box-dark { color: rgba(0, 0, 0, 0.78) !important; border:1px solid #222; }
.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; }
.heartBtn { display: inline-block; line-height: 24px; }
.heartBtn i.heart { width: 24px; height: 24px; margin-right: 4px; vertical-align: top; background: url("/images/common/ico_heart_2x.png") no-repeat; background-size: 24px 24px; background-color: #D1D3D8; }
.heartBtn.active i.heart { background-color: #383838; background-color: var(--theme-color); }
.heartBtn span { display: inline-block; margin-left: 4px; line-height: 24px; font-weight: bold; color: #383838; color: var(--theme-color); }
.likeBtn { display: inline-block; }
.likeBtn i.like { position: relative; width: 18px; height: 18px; margin-right: 4px; overflow: hidden; }
.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%; }
.likeBtn.active i.like::before { background-color: #383838; background-color: var(--theme-color); }
.likeBtn i.like::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url("/images/common/ico_like_2x.png") no-repeat center; background-size: 18px 18px; z-index: 1; }
.likeBtn span { display: inline-block; vertical-align: middle; font-weight: normal; }
.likeBtn b { display: inline-block; vertical-align: bottom; margin-left: 4px; font-weight: bold; color: rgba(0, 0, 0, 0.3); }
.likeBtn.active b { color: #383838; color: var(--theme-color); }
.commentBtn { display: inline-block; }
.commentBtn i.comment { width: 18px; height: 18px; margin-right: 4px; background: url("/images/common/ico_comment_2x.png") no-repeat center; background-size: 18px 18px; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; overflow: hidden; }
.commentBtn.active i.comment { background-color: #383838; background-color: var(--theme-color); }
.commentBtn span { display: inline-block; vertical-align: middle; font-weight: normal; }
.commentBtn b { display: inline-block; vertical-align: bottom; margin-left: 4px; font-weight: bold; color: rgba(0, 0, 0, 0.3); }
.commentBtn.active b { color: #383838; color: var(--theme-color); }
.inputBtn input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputBtn label { cursor: pointer; }
.inputBtn label span { display: inline-block; margin-left: 8px; color: rgba(0, 0, 0, 0.58); }
.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; }
.moreBtn:hover { background-color: #f5f5f5; }
.moreBtn span { display: inline-block; padding-right: 32px; background: url("/images/common/ico_arrow_bottm_2x.png") no-repeat right center; background-size: 12px 8px }
.closeBtn-xs { width: 21px; height: 21px; background: url("/images/common/ico_close_sm_2x.png") no-repeat center; background-size: 11px 11px; }
.list-more { position: relative; }
.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); }
.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/common/ico_arrow_bottm_2x.png") no-repeat right center; background-size: 12px 8px; }

/* button temp */
.gray-round-btn { border: 2px solid #40444e; color: #40444e; border-radius: 50px; font-size: 16px; font-weight: 800; }
.light-gray-round-btn { border: 2px solid #40444e; color: #40444e; border-radius: 50px; opacity: .3; font-size: 16px; font-weight: 800; }
.white-round-btn { border-radius: 50px; color: #fff; border: 2px solid #fff }


/*
 table-type1 : only pc
 m-table-type1 : only mobile
*/
.table-type1 { text-align: left; }
.table-type1 .col { }
.table-type1 .row { font-size: 14px; font-weight: 300; padding: 16px; border-bottom: 1px solid #ddd; line-height: 22px; }
.table-type1 .row.blank { border-bottom: none; }
.table-type1 thead .row { border-bottom: 1px solid #444; padding: 16px; }
.table-type1 thead .row { font-weight: 800; }
.table-type1 thead .col .row:first-child { font-size: 26px; padding-left: 0; }
.table-type1 tbody { border-bottom: 1px solid #ddd; }
.table-type1 tbody :nth-child(2) { font-weight: 800; }

.m-table-type1 { text-align: left; }
.m-table-type1 .col { }
.wid80 { width: 80px; }
.m-table-type1 .row { font-size: 14px; font-weight: 300; padding: 16px; border-bottom: 1px solid #ddd; line-height: 22px; }
.m-table-type1 .row.blank { border-bottom: none; }
.m-table-type1 thead .row { border-bottom: 1px solid #444; padding: 16px; }
.m-table-type1 thead .row { font-weight: 800; }
.m-table-type1 thead .col .row:first-child { font-size: 26px; padding-left: 0; }
.m-table-type1 tbody { border-bottom: 1px solid #ddd; }
.m-table-type1 tbody :nth-child(2) { font-weight: 300; }
.m-table-type1 tbody :nth-child(1) { font-weight: 800; }
.m-table-type1 tbody .col.blank .row { border-bottom: 1px solid #444; padding: 20px; }
.m-table-type1 tbody :nth-child(6n+1) :nth-child(2) { font-weight: 800; }


/* icon */
i.ico { display: inline-block; vertical-align: middle; background-size: 100% 100% !important; }
i.split { display: inline-block; vertical-align: middle; }
i.member { width: 18px; height: 18px; background: url("/images/common/ico_member_2x.png") no-repeat; }
i.member-mobify { width: 18px; height: 18px; background: url("/images/common/ico_member_modify_2x.png") no-repeat; }
i.login { width: 18px; height: 18px; background: url("/images/common/ico_login_2x.png") no-repeat; }
i.logout { width: 18px; height: 18px; background: url("/images/common/ico_logout_2x.png") no-repeat; }
i.rightArrow-round { width: 16px; height: 16px; background: url("/images/common/ico_rightArrow_round.png") no-repeat; }
i.close-round { width: 16px; height: 16px; background: url("/images/common/ico_close_round.png") no-repeat; }
i.language { width: 21px; height: 21px; background: url("/images/common/ico_language_2x.png") no-repeat; }
i.blog { width: 36px; height: 36px; background: url("/images/common/ico_sns_blog_2x.png") no-repeat; }
i.facebook { width: 36px; height: 36px; background: url("/images/common/ico_sns_facebook_2x.png") no-repeat 0 0; }
i.insta { width: 36px; height: 36px; background: url("/images/common/ico_sns_insta_2x.png") no-repeat 0 0; }
i.band { width: 36px; height: 36px; background: url("/images/common/ico_sns_band_2x.png") no-repeat 0 0; }
i.cafe { width: 36px; height: 36px; background: url("/images/common/ico_sns_cafe_2x.png") no-repeat 0 0; }
i.lock { width: 12px; height: 16px; background: url("/images/common/ico_lock_2x.png") no-repeat center; background-size: 12px 16px; display: none; }
i.lockOpen { width: 16px; height: 16px; background: url("/images/common/ico_lock_open_2x.png") no-repeat center; background-size: 16px 16px; }
i.prev { width: 5px; height: 8px; background: url("/images/common/ico_arrow_left_xs_2x.png") no-repeat; background-size: 5px 8px; }
i.next { width: 5px; height: 8px; background: url("/images/common/ico_arrow_right_xs_2x.png") no-repeat; background-size: 5px 8px; }
i.file { width: 14px; height: 14px; background: url("/images/common/ico_file_2x.png") no-repeat center; background-size: 14px 14px; }
i.new { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("/images/common/ico_new_2x.png") no-repeat center; background-size: 8px 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; font-size: 0; text-indent: -999px; }
i.filter { width:32px; height:32px; background:url("/images/common/ico_filter.png") no-repeat 0 0; }
i.booking { width: 28px; height: 22px; background: url("/images/common/ico_booking.png") no-repeat 0 0; background-size: 28px 22px; }
i.booking2 { width: 27px; height: 22px; background: url("/images/common/ico_booking_2x.png") no-repeat 0 0; background-size: 27px 22px; }
i.youtube { width: 28px; height: 21px; background: url("/images/common/ico_youtube_2x.png") no-repeat 0 0; background-size: 28px 21px; }
i.emptyFolder { width: 46px; height: 42px; background: url("/images/common/ico_emptyFolder_2x.png") no-repeat center; background-size: 46px 42px !important; }
i.setting { width: 44px; height: 44px; background: url("/images/common/ico_setting_2x.png") no-repeat center; background-size: 44px 44px !important; }
i.commentNone { width: 45px; height: 41px; background: url("/images/common/ico_comment_none_2x.png") no-repeat center; background-size: 45px 41px !important; }
i.deleteFile { width: 34px; height: 41px; background: url("/images/common/ico_deleteFile_2x.png") no-repeat center; background-size: 34px 41px !important; }
i.private { width: 16px; height: 16px; background: url("/images/common/ico_private_2x.png") no-repeat center; }
i.private span { display: none;}

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


.form-type1 { font-weight: 300; }
.form-type1 input[type="text"], .form-type1 textarea , .form-type1 select { width: 100%; padding: 13px 16px; font-size: 16px; height: initial; border: 1px solid #ddd; border-radius: 4px; transition: all 0.3s; }
.form-type1 textarea { height: 192px; }
.form-type1 textarea::placeholder { font-weight: 700; }
.form-type1 select { position: relative; background: url(/images/common/ico_arrow_bottm_2x.png) no-repeat 93% center / 12px 8px; }
.form-type1 input:focus, .form-type1 textarea:focus { border-color: var(--theme-color); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .08); caret-color: var(--theme-color); }
.form-type1 .legend { position: relative; font-weight: 800; font-size: 13px; color: #000; padding-left: 34px; margin-bottom: 8px; }
.form-type1 .legend::after { content: ""; position: absolute; top: 0; left: 8px; bottom: 0; display: block; width: 16px; height: 16px; margin: auto 0; background-image: url(/images/common/ico_blet_check_2x.png); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; background-color: var(--theme-color); } /* 불릿 */
.form-type1 .phone-box { display: flex; justify-content: center; }
.form-type1 .phone-box .num { position: relative; margin-left: 28px; width: 33.3%; }
.form-type1 .phone-box .num:first-child { margin-left: 0; }
.form-type1 .phone-box .num::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(100% + 10px); display: block; width: 8px; height: 2px; margin: auto 0; border-radius: 1px; background-color: rgba(0, 0, 0, 0.38); } /* 하이픈 */
.form-type1 .phone-box .num:last-child::after { display: none; }
.form-type1 .chk-box a { margin-left: 8px; font-weight: 600; color: var(--theme-color); }
/* form label */
.chk-box input { display: none; }
.theme-chk { position: relative; display: flex; align-items: center; }
.theme-chk::before { content: ""; width: 20px; height: 20px; display: block; background: url(/images/common/ico_checkbox_default_2x.png) no-repeat center / 20px 20px; border-radius: 4px; }
.chk-box input:checked + .theme-chk::before { background-image: url(/images/common/ico_check_2x.png); background-color: var(--theme-color); background-size: 13px 10px; background-position: 4px 5px; }


/* 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/common/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/common/ico_close_xs_2x.png") no-repeat center; background-size: 8px 8px; vertical-align: middle; }
.file-img { background: url("/images/common/ico_file_img_lg_2x.png") no-repeat left center; background-size:20px 15px; }
.file-pdf { background: url("/images/common/ico_file_pdf_lg_2x.png") no-repeat left center; background-size:18px 21px; }
.file-zip { background: url("/images/common/ico_file_zip_lg_2x.png") no-repeat left center; background-size:20px 19px; }
.file-etc { background: url("/images/common/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/common/ico_file_img_xs_2x.png") no-repeat left center; background-size:16px 12px; }
.fileList-xs .file-pdf { background: url("/images/common/ico_file_pdf_xs_2x.png") no-repeat left center; background-size:14px 13px; }
.fileList-xs .file-zip { background: url("/images/common/ico_file_zip_xs_2x.png") no-repeat left center; background-size:15px 14px; }
.fileList-xs .file-etc { background: url("/images/common/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/common/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/common/icon_close_round.png") no-repeat 0 0; vertical-align: middle; }


/* etc */
.line1 { height: 1px; background-color: #000; }
.line2 { height: 1px; background-color: #ddd; }
.line3 { height: 2px; background-color: #000; }
.line4 { height: 2px; background-color: #ddd; }
.subject .cnt { margin-right: 2px; color: #383838; color: var(--theme-color); font-size: 13px; letter-spacing: -1px; font-weight: bold; }
.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: 140px; 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/common/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; }
.data-none { padding: 16px 0; text-align: center; color: rgba(0, 0, 0, 0.58); }
.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/common/ico_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; margin-bottom: 16px; }
.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; }
.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); }
.spinner { top:50% !important; left:50% !important; }


/* util header */
.util_header { position: relative; z-index: 99; }
.util_header .header-wrap { height: 80px; width: 100%; border-bottom: 1px solid #ddd; background-color: #fff; transition: all 0.3s; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 18px 18px 0px rgba(68, 68, 68, 0.059); }
.util_header .header-wrap .header-inner { display: flex; justify-content: center; align-items: center; padding: 0 16px; height: 100%; }
.util_header .logo a { display: block; line-height: normal; }
.util_header .logo img { display: inline-block; max-width: 168px; max-height: 64px; vertical-align: middle; }
.util_header .logo .campus { display: inline-block; vertical-align: middle; }
.util_header .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; }


/* util footer */
.util_footer { position: relative; width: 100%; border-top: 11px solid #F5F5F5; background-color: #fff; z-index: 9; }
.util_footer::before { position: absolute; top: -12px; left: 0; display: block; content: ''; width: 100%; height: 1px; background: #D8D8D8; }
.util_footer .footer-inner { max-width: 1232px; margin: 0 auto; padding: 0 16px; }
.util_footer .footer-wrap { display: flex; justify-content: space-between; padding: 67px 0 89px; }
.util_footer .ft-addres-copy h2 { margin-bottom: 10px; font-weight: bold; font-size: 18px; line-height: 120%; color: rgba(0, 0, 0, 0.78); }
.util_footer .ft-addres-copy .address { margin-bottom: 10px; color: rgba(0, 0, 0, 0.58); }
.util_footer .ft-addres-copy .copy { color: rgba(0, 0, 0, 0.58); }
.util_footer .address li { display: flex; padding-left: 19px; line-height: 24px; font-weight: normal; }
.util_footer .address li.addr { background: url("/images/common/ico_location_grey_2x.png") no-repeat left top 3px; background-size:11px 16px; }
.util_footer .address li.tell { background: url("/images/common/ico_call_grey_2x.png") no-repeat left top 3px; background-size:11px 16px; }
.util_footer .address li.business { background: url("/images/common/ico_info_grey_2x.png") no-repeat left top 4px; background-size:10px 16px; }
.util_footer .address li span { position: relative; margin-right: 8px; }
.util_footer .address li span::after { display: inline-block; content: ''; width: 2px; height: 12px; margin-left: 8px; background-color: #dbdbdb; vertical-align: middle; }
.util_footer .address li span:last-child::after { display: none; }



/* header top 라이브 배너 */
.top-live-bnr { height: 52px; background-color: #383838; background-color: var(--theme-color); font-family: 'Noto Sans KR'; }
.top-live-bnr .liveBnr-inner { position: relative; display: flex; align-items: center; justify-content: center; height: 52px; }
.top-live-bnr .liveBnr-inner .liveAni { position: relative; top: 7px; width: 21px; height: 24px; }
.top-live-bnr .liveBnr-inner .liveAni .bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 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: 0 8px 0 20px; font-weight: bold; font-size: 13px; color: #FFF; letter-spacing: -1px; }
.top-live-bnr .liveBnr-inner a { font-weight: bold; font-size: 13px; color: #FFF; letter-spacing: -1px; }
.top-live-bnr .liveBnr-inner a span { margin-right: 6px; opacity: 0.7; display: inline-block; }
.top-live-bnr .liveBnr-inner a i { vertical-align: sub; display: inline-block; }
.top-live-bnr .liveBnr-inner button { width: 16px; height: 16px; margin-left: 40px; }
.top-live-bnr .liveBnr-inner button i { vertical-align: initial; }


/* 메인 팝업 */
.main-layer-pop { position: absolute; top: 145px; left: 50%; transform: translateX(-50%); width: 320px; height: 463px; z-index: 100; background-color: #f5f5f5; border-radius: 8px; border: 1px solid #ddd; overflow: hidden; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 18px 18px 0px rgba(68, 68, 68, 0.06); display: none; }
.main-layer-pop .pop-swiper-pc { position: relative; width: 100%; height: 426px; overflow: hidden; }
.main-layer-pop .swiper-control { position: absolute; bottom: 32px; left: 32px; z-index: 101; }
.main-layer-pop .swiper-control .swiper-pagination { position: static; text-align: left; padding: 2px 8px 4px 8px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; width: inherit; display: inline-block; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; }
.swiper-pagination .swiper-pagination-current { font-weight: 700; font-size: 13px; }
.main-layer-pop .swiper-control .swiper-button-wrap { display: flex; padding: 4px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; margin-top: 2px; }
.main-layer-pop .swiper-control .swiper-button-wrap .swiper-button { width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 4px; }
.main-layer-pop .swiper-control .swiper-button-wrap .swiper-button-prev1 { background: url(/images/common/ico_arrow_left_white_2x.png) no-repeat center / 8px 12px; }
.main-layer-pop .swiper-control .swiper-button-wrap .swiper-button-next1 { background: url(/images/common/ico_arrow_right_white_2x.png) no-repeat center / 8px 12px; margin-left: 4px; }
.main-layer-pop .swiper-wrapper .swiper-slide { display: flex; justify-content: center; align-items: center; }
.main-layer-pop .swiper-wrapper .swiper-slide img { width: 92px; height: 113px; }
.main-layer-pop .cookie { display: flex; background-color: #fff; height: 37px; border-top: 1px solid #D8D8D8; align-items: center; padding: 0 16px; font-size: 12px; }
.main-layer-pop .cookie label { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.7; }
.main-layer-pop .cookie label::before { margin-right: 8px; }
.main-layer-pop .cookie .btn-close { margin-left: auto; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; width: 40px; height: 37px; margin-right: -10px; }




/* 메인 배너 */
.main-banner { width:100%; margin-bottom: 24px; border-radius: 8px; overflow: hidden; }
.main-banner > div { position: relative; }
.main-banner .main-swiper, .main-banner .swiper-wrapper { height: auto; }
.main-banner .swiper-slide img { width: 100%; height: auto; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 8px; object-fit: cover; overflow: hidden; }
.main-banner .swiper-slide a { display: block; }
.main-banner .main-swiper-pc img { max-height: 160px; }
.main-banner .swiper-control { position: absolute; bottom: 0px; 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-banner .swiper-button-wrap { margin: 15px 20px; }
.main-banner .swiper-button { position: relative; top: auto; left: auto; right: auto; display: inline-block; width: 9px; height: 15px; cursor: pointer; }
.main-banner .swiper-button::after { display: none; }
.main-banner .swiper-button-next1 { background: url("/images/common/ico_next.png") no-repeat 0 0; margin-left: 24px; }
.main-banner .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-banner .swiper-button-prev1 { background: url("/images/common/ico_prev.png") no-repeat 0 0; }
.main-banner .swiper-move-wrap { position: relative; width: 32px; height: 32px; margin-top: 8px; background: #fff; }
.main-banner .swiper-move { position: relative; display: none; width: 32px; height: 32px; font-size: 0; text-indent: -999px; cursor: pointer; }
.main-banner .swiper-move.on { display: block; }
.main-banner .swiper-button-play { background: url("/images/common/ico_play.png") no-repeat 0 0; }
.main-banner .swiper-button-pause { background: url("/images/common/ico_pause.png") no-repeat 0 0; }
.main-banner .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; font-family: 'Noto Sans KR'; font-weight: normal; }
.main-banner .swiper-pagination .swiper-pagination-current { font-weight: bold; }
.main-banner .swiper-pagination .swiper-pagination-total { color: rgba(0, 0, 0, 0.3); }
.main-banner .inner { overflow: hidden; }



/* 메인 라이브 강의 */
.main-live-lecture { margin-bottom: 29px; font-family: 'Noto Sans KR'; }
.main-live-lecture .live_lecure { position: relative; width: 100%; 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: #000; 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/common/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: #000; 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; 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/common/ico_file_black_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); font-family: 'Noto Sans KR'; font-weight: normal; }
.main-live-lecture .live_lecure .live_list > li .file_wrap:hover { z-index: 99; }
.main-live-lecture .live_lecure .now_live .now_live_list { height: 100px; }
.main-live-lecture .live_lecure .now_live .now_live_list > li { margin-right: 16px !important; background-color: #000; 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/common/ico_file_white_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.swiper-container { padding-bottom: 34px; overflow: hidden; }
.main-live-lecture .live_lecure .now_live .swiper-pagination { display: none; top: 96px; }
.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; margin-left: 8px; }
.main-live-lecture .live_lecure .now_live .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }
.main-live-lecture .live_lecure .now_live .swiper-pagination .swiper-pagination-bullet-active { background: #000; 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; font-weight: normal; 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; }



/* 로그인 */
.login-wrapper { text-align: center; }
.memeber-login { max-width: 600px; margin: 48px auto 0; padding: 28px 24px; font-family: 'Noto Sans KR'; }
.memeber-login h1 { padding-bottom: 12px; font-weight: bold; font-size: 24px; line-height: 140%; text-align: center; border-bottom: 1px solid #000; }
.memeber-login button { border-radius: 8px; font-family: 'Noto Sans KR'; }
.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); }



/* 에러 페이지 */
.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; }


/* 게시판 데이터 없을 때 */
.img-no-qna { width: 44px; height: 40px; }
.img-no-post { width: 46px; height: 42px; }
.img-no-post-auth { width: 34px; height: 41px; }
.img-no-setting { width: 44px; height: 44px; }
.img-only-member { width: 40px; height: 40px; }
.img-no-coment { width: 45px; height: 41px; }

.fail-masage-box { text-align: center; border-bottom: 1px solid #D8D8D8; padding: 60px 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; }


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

.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/common/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 { 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/common/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; }



/* side banner */
.quick-menu { position: absolute; top: 209px; right: 50%; margin-right:-766px; width: 128px; text-align: center; z-index: 100; }
.quick-list > li { position: relative; margin-bottom: 4px; }
.quick-list > li:last-child { margin-bottom: 0; }
.quick-list > li > a { display: block; padding: 12px 0 6px; border-radius: 8px; 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: 1px solid #D8D8D8; border-radius: 8px; }
.quick-list > li > a:hover { background-color: #f5f5f5; }
.quick-list i { display: block; margin: 0 auto 5px; }
.quick-list .quick-piggymom span { display: block; font-weight: bold; font-size: 13px; }
.quick-list .quick-piggymom span:last-child { color: rgba(0, 0, 0, 0.38); }
.quick-piggymom a i { width: 29px; height: 22px; background: url("/images/common/ico_quick_youtube_2x.png") no-repeat center; background-size:29px 22px; }
.quick-cumpus a i { width:23px; height:22px; background: url("/images/common/ico_quick_campus_2x.png") no-repeat center; background-size:23px 22px; }
.quick-reservation a i { width: 26px; height: 21px; background: url("/images/common/ico_quick_booking_2x.png") no-repeat center; background-size:26px 21px; }
.quick-bookmall a i { width: 18px; height: 23px; background: url("/images/common/ico_quick_mall_2x.png") no-repeat center; background-size:18px 23px; }
.quick-mypage a i { width: 28px; height: 28px; background: url("/images/common/ico_mirae_mypage_2x.png") no-repeat center; background-size:28px 28px; }
.quick-talk i { width: 24px; height: 24px; background: url("/images/common/ico_quick_talk_2x.png") no-repeat center; background-size:24px 24px; }
.quick-pay i { width: 24px; height: 16px; background: url("/images/common/ico_quick_pay_2x.png") no-repeat center; background-size:24px 16px; }
.quick-scholarship a i { width: 22px; height: 22px; background: url("/images/common/ico_quick_scholarship_2x.png") no-repeat center; background-size:22px 22px; }
.quick-reservation span, .quick-bookmall span, .quick-talk span, .quick-scholarship span { font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.58); }
.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; border: 1px solid #D8D8D8; border-radius: 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/common/ico_pageTop.png") no-repeat right center; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.58); }
.quick-list > .quick-banner-last { margin-bottom: 16px; }
.quick-list > .quick-banner-last::after { display:block; content:''; position: absolute; bottom: -9px; left: 32px; width:64px; height:1px; background:#eee; }
.quick-list > .quick_banner a { display: table; padding:0; }
.quick-list > .quick_banner img { display: table-row; width: 128px; height: auto; }
/* 퀵메뉴 스크롤 이벤트 */
.quick-menu.scrolldown { position: fixed; top: 32px; }
.quick-menu.scrollup { position: fixed; top: 112px; }


.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/common/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; }
 }



/* mswitch homepage css
**********************************************/
/* 미래탐구 공통 시간표 221018 추가 */
.header-brand { width: 100%; height: 80px; border-bottom: 1px solid #dbdbdb; background-color: #fff; }
.header-brand.fixed { position: fixed; top: 0; left: 0; 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-brand .header-inner { display: flex; align-items: center; }
.header-brand img.logo-mirae { width: 95px; }
.header-brand .tab-box { margin-left: 64px; }
.header-brand .tab-box .tab-list { height: 79px; line-height: 79px; }
.header-brand .tab-box .tab-list li { margin-right:32px; }
.header-brand .tab-box .tab-list li:last-child { margin-right:0; }
.header-brand .tab-box .tab-list li a { padding: 0 16px; font-weight: bold; font-size: 18px; color: rgba(0, 0, 0, 0.78); }
.brand-page { padding-top: 24px; }
.mirea-brand-banner { position: relative; width: 100%; height: 169px; margin-bottom:16px; background: linear-gradient(90deg, #2FA58C 0%, #43A046 100%); border-radius: 12px; }
.mirea-brand-banner .text { padding: 28px 0 0 48px; font-family: 'S-CoreDream-6Bold'; color: #FFF; }
.mirea-brand-banner .text h3 { margin-top: 8px; font-size: 40px; line-height: 40px; }
.mirea-brand-banner i.infographic { position: absolute; top: 21px; right: 35px; width: 282px; height: 148px; background: url("/images/mirae/mirae_infographic_2x.png") no-repeat 0 0; background-size: 282px 148px; }
.mirea-brand-banner + .sub-cont { margin-top: 32px; }
.search-input-wrap { position: relative; max-width: 840px; width: 100%; margin-top: 12px; padding-left: 48px; }
.search-input-wrap input { width: 100%; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.38); border-radius: 0; background-color: transparent; font-weight: bold; font-size: 15px; color: #FFF; caret-color: #157739; }
.search-input-wrap input::placeholder { font-weight: bold; font-size: 15px; color: rgba(255, 255, 255, 0.58); }
.search-input-wrap button { position: absolute; top: 1px; right: 0; width: 38px; height: 38px; background: url("/images/mirae/icon_search_white_2x.png") no-repeat center; background-size: 20px 20px; }

.search-result-wrap { margin: 16px 0; padding: 16px 0 24px; border-top: 1px solid #38AF71; border-bottom: 1px solid #dbdbdb; text-align: center; }
.search-result-wrap .result-text span { font-weight: bold; font-size: 20px; line-height: 120%; }
.search-result-wrap .result-text .word { margin-right: 4px; color: #38AF71; }
.search-result-wrap .num { margin-top: 16px; font-weight: bold; font-size: 13px; line-height: 140%; }
.search-result-wrap .num em { color: #38AF71; font-weight: bold; }



.ul-table .tbody li { display: flex; align-items: center; height: 70px; border-bottom: 1px solid #eee; transition: background-color 0.1s; }
.ul-table .tbody li:hover { background-color: #EEF3F1; }
.ul-table .tbody li .col { font-size: 16px; margin-right: 16px; text-align: center; }
.ul-table .tbody li .col:last-child { margin-right: 0; }
.ul-table .tbody li .col.r-loc { flex-shrink: 0; width: 80px; font-weight: 400; color: rgba(0, 0, 0, 0.38); }
.ul-table .tbody li .col.r-type { flex-shrink: 0; width: 160px; font-weight: 400; color: rgba(0, 0, 0, 0.38); }
.ul-table .tbody li .col.r-link { flex-grow: 1; overflow: hidden; text-align: left; }
.ul-table .tbody li .col.r-date { flex-shrink: 0; width: 178px; font-size: 12px; color: rgba(0, 0, 0, 0.38); letter-spacing: 0; }
.ul-table .tbody li .subject { display: flex; align-items: center; }
.ul-table .tbody li .subject span { flex-shrink: 0; display: inline-block; height: 23px; margin-right: 4px; padding: 0 4px; font-weight: bold; font-size: 12px; background-color: #fff; border: 1px solid #999CA2; border-radius: 4px; color: #999CA2; text-align: center; }
.ul-table .tbody li .subject .sub-1 { border-color: var(--theme-color); color: var(--theme-color); }
.ul-table .tbody li .subject strong { max-width: 80%; margin-left: 12px; padding-right: 4px; font-weight: bold; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ul-table .tbody li .subject i.new { flex-shrink: 0; margin-left: 4px; background-color: #33AE71; vertical-align: text-bottom; }
.ul-table .tbody li.data-none { justify-content: center; }
.ul-table .tbody li.data-none:hover { background-color: #fff; }




/* 강사 리스트 */
.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 #000; 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 { margin-bottom: 8px; font-size: 20px; font-weight: bold; }
.teacher-list li .title { 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; }
.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/common/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 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: -262px; 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/common/ico_arrow_left_md.png") no-repeat center; }
.teacher-detail-top .pagination .next span { background: url("/images/common/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/common/ico_arrow_left_md.png") no-repeat center; }
.teacher-detail-top-type2 .pagination .next span { background: url("/images/common/ico_arrow_right_md.png") no-repeat center; }


/* 동영상 강의 */
.sub-lecture-list .tab-box { margin-top: 20px; }
.groupSelect select { height: 40px; }
.lecture-list { margin-left: -24px; margin-bottom: 16px; }
.lecture-list::after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
.lecture-list .likeBtn { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; }
.lecture-list .likeBtn .like-bg { display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.lecture-list .likeBtn .like-icon { position: relative; top: -2px; display: block; z-index: 2; }
.lecture-list .likeBtn .like-icon svg { vertical-align: middle; }
.lecture-list .likeBtn.on .like-bg svg { fill: #000; fill: var(--theme-color); opacity: 0.2; }
.lecture-list .likeBtn.on .like-bg svg rect { stroke: #000; stroke: var(--theme-color); }
.lecture-list .likeBtn.on .like-icon svg { fill: #000; fill: var(--theme-color); }
.lecture-list .likeBtn.on .like-icon svg path { stroke: #000; stroke: var(--theme-color); }
.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/common/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%; max-width: calc(100% - 45px); }
.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); }
.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; height: 40px; }
.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-contents-wrap { padding: 16px 16px 20px; }
.qna-contents-box .qna-write-info { position: relative; }
.qna-txt, .answer-txt { font-weight: 400; line-height: 1.5; }
.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/common/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: 162px; height: 34px; background: url("/images/common/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: -3px; left: 50%; transform: translateX(-50%); z-index: 2; }
.qna-answer .answer-icon { position: absolute; top: -8px; left: 4px; }
.qna-vote .icon, .qna-answer .icon { position: relative; display: inline-block; width: 16px; height: 16px; vertical-align: middle; top:0; }
.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 { display: inline-block; font-weight: bold; color: rgba(0, 0, 0, 0.78); vertical-align: middle; }
.qna-vote strong, .qna-answer strong { margin-left: 4px; font-weight: bold; color: #383838; color: var(--theme-color); display: inline-block; vertical-align: middle; }

.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/common/icon_answer.png") no-repeat left center; }
.answer-header strong { margin-left: 4px; display: inline-block; }
.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); }
.answer-list .answer-txt + .qna-vote { margin-top: 8px; }

.lecture-info + .likeBtn { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; }
.lecture-info + .likeBtn .like-bg { display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.lecture-info + .likeBtn .like-icon { position: relative; top:3px; display: block; z-index: 2; }
.lecture-info + .likeBtn.on .like-bg svg { fill: #383838; fill: var(--theme-color); opacity: 0.2; }
.lecture-info + .likeBtn.on .like-bg svg rect { stroke: #383838; stroke: var(--theme-color); }
.lecture-info + .likeBtn.on .like-icon svg { fill: #383838; fill: var(--theme-color); }
.lecture-info + .likeBtn.on .like-icon svg path { stroke: #383838; stroke: 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/common/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; }


/* 과제 */
.sub-assignment-list .selectBox { float: right; width: 260px; }
.assignment-opt { height: 40px; margin-bottom: 18px; }
.assignment-opt .assignment-tab { display: inline-block; margin-top: 1px; }
.assignment-list { border-top: 1px solid #D8D8D8; }
.assignment-list li { position: relative; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); }
.assignment-list li a { display: block; padding: 16px 67px 16px 0; }
.assignment-list .subject h3 { display: block; margin-bottom: 4px; font-weight: bold; font-size: 16px; }
.assignment-list .subject span { font-size: 16px; color: rgba(0, 0, 0, 0.78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 800; max-width: calc(100% - 96px); display: inline-block; vertical-align: middle; }
.assignment-list .subject > span { display: block; font-size: 12px; color: rgba(0, 0, 0, 0.38); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.assignment-list .subject i.new { margin-left: 8px }
.assignment-list li a:hover .subject h3 span { text-decoration: underline; }
.assignment-list .d-day { position: absolute; right: 0; 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 i.new { margin-left: 8px; }
.assignment-view .assignment-cont { font-weight: 400; line-height: 1.5; }
.sub-assignment-detail .assignment-title .date { font-weight: bold; font-size: 12px; color: #000; color: var(--theme-color); }
.sub-assignment-submission .assignment-title h3 { margin-bottom: 12px; }
.sub-assignment-submission textarea { width: 100%; min-height: 308px; }
.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 { margin-bottom: 25px; }
.sub-assignment-submission-detail .assignment-title strong { font-size: 12px; }
.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.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; }
.assignment-view #btn_homework_reg { margin-top: 32px; }

.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: 12px; color: #E22134; }


/* 출결 */
.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/common/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/common/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; }
.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: #000; 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; }
.payment-timeEdu .text span { color: var(--theme-color); }
.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: #000; color: var(--theme-color); border: 2px solid #000; 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: #000; 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); }


/* 마이페이지 */
.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; 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/common/ico_notice_type1_2x.png") no-repeat 7px 7.5px; background-size:14px 14px; }
.notice-type2 .notice-icon { background: url("/images/common/ico_notice_type2_2x.png") no-repeat center; background-size:13px 13px; }
.notice-type3 .notice-icon { background: url("/images/common/ico_notice_type3_2x.png") no-repeat center; background-size:13.5px 12.5px; }
.notice-type4 .notice-icon { background: url("/images/common/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/common/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; vertical-align: middle; 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 { margin-bottom: 16px; }
.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); }
.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/common/ico_triangle_round_2x.png") no-repeat right center; background-size:9.5px 10px; }
.mb-marketing .sub-chk { display: inline-block; }

.form-list > li > div { position: relative; }
.form-list b { display: block; margin-bottom: 8px; 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: 30.5%; margin-right: 2%; }
.form-list .mb-phone-apply .phone-input .phone-write { width: calc(33% - 8px);}
.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/common/ico_arrow_bottm2_2x.png") no-repeat 0 0; background-size:10px 6.5px; }
.form-list .mb-terms .checkboxA { width: 100%; }
.form-list .mb-terms .checkboxA input + label::before { top: 3px; }
.form-list .mb-terms .checkboxA label { float: left; height: auto; }
.form-list .mb-terms .checkboxA label span { font-size: 14px; vertical-align: text-bottom; color: rgba(0, 0, 0, .78); }
.form-list .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; }
.form-list .mb-terms .checkboxA .right { float: right; }
.form-list .mb-terms .checkboxA .right .btn-open { width: 20px; height: 20px; background: url(/images/common/ico_open_default.png) no-repeat center / 10px 7px; margin-top: 4px; }
.form-list .mb-terms .checkboxA .right .btn-open.active { background-image: url(/images/common/ico_open_active.png); }
.form-list .mb-terms .terms input { width: 22px; height: 22px; border: 1px solid #c2c2c2; }
.form-list .mb-terms .terms label { font-size: 16px; color: #222; }
.form-list .mb-terms .terms textarea { width: 100%; height: 225px; margin-top: 10px; padding: 15px; }
.form-list .mb-terms .terms .privacy { margin-top: 0; }
.form-list .mb-terms .terms .tbody { overflow-y:scroll; height:120px !important; margin-top:10px; padding:16px; border:1px solid #ddd; border-radius: 8px; display: none; }
.form-list .mb-terms .terms .tbody.active { display: block; }
 
/* 시간표 */
.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; text-overflow: initial; }
.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; }
.sub-schedule-list .board-list li .subject strong { vertical-align: middle; display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 65%; }
.view-title { position: relative; margin-top: 32px; padding-bottom: 32px; border-bottom: 1px solid #eee; }
.view-title::after { display: block; content: ''; clear: both; }
.view-title .post-type { color: var(--theme-color); font-size: 14px; font-weight: bold; }
.view-title .subject { font-weight: bold; font-size: 16px; display: flex; margin-top: 4px; }
.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; }
.view-title .subject i.new { margin-left:4px; margin-top: -1px; }
.view-title .date { font-size: 13px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; }
.view-title .post-type + .date { margin-left: 10px; }

.view-title-type2 { position: relative; margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #eee; }
.view-title-type2::after { display: block; content: ''; clear: both; }
.view-title-type2 .subject { width: calc(100% - 80px); font-weight: bold; font-size: 16px; }
.view-title-type2 .subject .post-type { display: inline-block; margin-right: 8px; color: #383838; color: var(--theme-color); }
.view-title-type2 .subject strong { display: inline; color: rgba(0, 0, 0, 0.78); }
.view-title-type2 .subject i.new { margin-left:4px; }
.view-title-type2 .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-top: -12px; font-size: 12px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; }

.file-img-list li { display:block; margin-bottom:8px; }
.file-img-list li img { height:auto !important; }
.view-cont { margin: 16px 0 30px; font-weight: 300; font-size: 16px; line-height: 180%; letter-spacing: -0.3px; font-weight: normal; color : #1a1818; }
.view-cont img { display:block; height:auto !important; margin-bottom: 8px; }
.board-list-box, .promotion-list-box { border-top: 2px solid #222; clear: both; }
.board-list li { position: relative; border-bottom: 1px solid #eee; }
.board-list li::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; width: 48px; height: 48px; background: url("/images/common/ico_page_arrow_default_2x.png") no-repeat; background-size: 48px 48px; }
.board-list li:hover::after { background-image: url(/images/common/ico_page_arrow_hover_2x.png); background-color: var(--theme-color); }
.board-list li:hover { background-color: #F9F9F9; }
.board-list li a { position: relative; display: block; padding-bottom: 32px; padding-left:32px; padding-top:32px; }
.board-list li a:hover strong { }
.board-list li a::after { display: block; content: ''; clear: both; }
.board-list li .subject { font-weight: bold; font-size: 16px; line-height: 120%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; }
.board-list li .subject span { color: #000; color: var(--theme-color); margin-right: 8px; }
.board-list li .subject strong { color: rgba(0, 0, 0, 0.78); vertical-align: middle; display: inline-block; font-size: 18px; }
.board-list li .subject strong + i.new { margin-left: 4px; vertical-align: middle; margin-top: 2px; }
.board-list li .post-type { color: var(--theme-color); font-weight: bold; font-size: 14px; }
.board-list li .date { font-size: 13px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; }
.board-list li .post-type + .date { margin-left: 10px; }
.board-btns { position: relative; padding-top: 16px; border-top: 1px solid #D8D8D8; }
.board-btns button { padding: 12px 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: 13.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/common/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/common/ico_arrow_right_sm_2x.png") no-repeat right center; background-size:4.5px 8px; }
.board-btns .list { position: absolute; top: 16px; right: 0; }

/* 고객센터 */
.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; overflow: hidden; }
.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/common/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/common/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; }

/* 홍보자료 */
.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; vertical-align: middle; }
.board-list-gallery .subject i.new { margin-left:4px; }


/* 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); }


/* 브랜드 소개 */
.map-list { background: #FFF; border: 1px solid #D8D8D8; border-radius: 12px; }
.map-list .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; }
.map-info::before { display: inline-block; content: ''; position: absolute; top: -2px; left: 16px; width: 1px; height: 80px; 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); }
.map-info .address li { padding-left:0; }
.map-info .address li span { padding-left: 19px; }
.map-info .address li span.addr { background: url("/images/common/ico_location_grey_2x.png") no-repeat left center; background-size:11px 16px; }
.map-info .address li span.tell { background: url("/images/common/ico_call_grey_2x.png") no-repeat left center; background-size:11px 16px; }
.map-info .address li span.business { background: url("/images/common/ico_info_grey_2x.png") no-repeat left center; background-size:10px 16px; }
.map-info-top .site { position: absolute; top: 5px; right: 0; display: inline-block; width: 72px; height: 80px; border: 1px solid #EEE; border-radius: 8px; }
.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/common/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/common/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; }

/*학원찾기*/
.sub-academy-search .sub-cont-title { margin-top: 32px; }


/* 지도 */
.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; }
.main-map .map-wrap { margin-top: 16px; }
.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/common/ico_map_view1.png") no-repeat center; background-color: #5698F7; }
.map-control .btns .map_btn2 { background:url("/images/common/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; }

/* location */
.location { line-height: 53px; border-bottom: 1px solid #ddd; }
.location .location-box { display: flex; align-items: center; }
.location .loc-home { position: relative; display: inline-block; width: 16px; height: 16px; background: url("/images/common/ico_location_home_2x.png") no-repeat; background-size: 16px 16px; margin-top: -1px; vertical-align: middle; font-size: 0; }
.location .loc-nav { padding-left: 19px; color: rgba(0, 0, 0, 0.38); }
.location .loc-nav::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 19px; vertical-align: middle; background: url("/images/common/ico_location_arrow_2x.png") no-repeat center; background-size: 5px 9px; }
.location .loc-nav.active { color: rgba(0, 0, 0, 0.78); }



/* contents */
.tab { margin-bottom: 32px; }
.service-tab .tab { margin-bottom: 64px; }

/* page 분류, 글쓰기 버튼 */
.board-type { text-align: right; margin-bottom: 8px; }
.board-type select { height: 32px; padding: 5px 30px 5px 5px; background: url(/images/common/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; }
.board-type option { width: 80px; }
.write-box { text-align: right; margin-top: 24px; }
.write-box .write-btn { display: inline-block; text-align: center; font-size: 16px; font-weight: 800; width: 120px; height: 54px; line-height: 52px; }
.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/common/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; }
.write-box .write-btn-2:hover { background-color:#f5f5f5; }

/* 게시글 작성의 분류박스 */
.board-w-option .board-type { display: inline-block; margin: 0; margin-left: 8px; }
.board-w-option .board-type select { height: initial; border: 1px solid #d4d4d4; border-radius: 4px; margin-bottom: -1px; /*font-family: 'NanumSquareRound', sans-serif; */ height: 32px; }


/* tab style */
.tab-type1 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: auto; display: flex; } /* Firefox */
.tab-type1::-webkit-scrollbar { display: none; }
.tab-type1 > li { margin-right: 4px; margin-bottom: 4px; flex: none; }
.tab-type1 > li:last-child { margin-right: 0; }
.tab-type1 > li > a { display: block; height: 46px; line-height: 46px; padding: 0 20px; font-size: 16px; }
.tab-type1 > li > a.active { background-color: #383838; background-color: var(--theme-color); border-radius: 40px; color: #fff; }

.tab-type2 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: auto; display: flex; } /* Firefox */
.tab-type2::-webkit-scrollbar { display: none; }
.tab-type2 > li { margin-right: 4px; margin-bottom: 4px; flex: none; }
.tab-type2 > li:last-child { margin-right: 0; }
.tab-type2 > li > a { display: block; height: 46px; line-height: 46px; padding: 0 20px; font-size: 16px; }
.tab-type2 > li > a.active { background-color: #ECEEF6; border-radius: 40px; color: rgba(0, 0, 0, 0.78); }

.tab-type3 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: auto; display: flex; } /* Firefox */
.tab-type3::-webkit-scrollbar { display: none; }
.tab-type3 > li { margin-right: 4px; margin-bottom: 4px; flex: none; }
.tab-type3 > li:last-child { margin-right: 0; }
.tab-type3 > li > a { display: block; height: 46px; padding:12px 28px; font-size: 14px; color: rgba(0, 0, 0, 0.38); border: 1px solid #DDD; border-radius: 8px; }
.tab-type3 > li > a.active, .tab-type3 > li > a:hover { background-color: #383838; background-color: var(--theme-color); color: #fff; -webkit-text-stroke: 0.2px white; border: 1px solid #383838; border: 1px solid var(--theme-color); }


/* 리스트형 게시판 type1 : 기본 */
.board-list-type1 { }
.board-list-type1 > li { border-bottom: 1px solid #eee; }
.board-list-type1 .board-box { }
.board-list-type1 .board-box > a { position: relative; display: block; padding: 32px; }
.board-list-type1 .board-box > a::after { display: block; content: ''; position: absolute; top: 50%; right: 32px; width: 48px; height: 48px; margin-top: -24px; background: url("/images/common/ico_page_arrow_default_2x.png") no-repeat; background-size: 48px 48px; }
.board-list-type1 .notice, .board-list-type1 .type { color: #383838; color: var(--theme-color); display: inline-block; }
.board-list-type1 .notice + .date, .board-list-type1 .type + .date { margin-left: 8px; display: inline-block; }
.board-list-type1 .date { font-size: 13px; color: rgba(0, 0, 0, 0.38); }
.board-wrap.fap .board-list-type1 .date { display:none }
.board-list-type1 .subject { margin-top: 4px; display: flex; align-items: center; }
.board-list-type1 .subject > * { margin-right: 8px; }
.board-list-type1 .subject strong { font-weight: normal; /* min-width: 92%; */ }
.board-list-type1 > li.bo-notice .subject strong { font-weight: bold; }
.board-list-type1 > li:hover { background: #F9F9F9; }
.board-list-type1 > li:hover .board-box > a::after { background-image: url("/images/common/ico_page_arrow_hover_2x.png"); background-color: #383838; background-color: var(--theme-color); }
.board-list-type1 > li:hover .subject strong { font-weight: bold; }

/* 리스트형 게시판 type1 : 토글방식 */
.board-list-type1.toggle .board-box > * { position: relative; display: block; padding: 32px; }
.board-list-type1.toggle .board-box > a::after { display: block; content: ''; position: absolute; top: 50%; right: 32px; width: 48px; height: 48px; margin-top: -24px; background: url("/images/common/ico_page_arrowB_default_2x.png") no-repeat; background-size: 48px 48px; }
.board-list-type1.toggle .board-box > .a-box { display: flex; height: 0; padding: 0 32px; overflow: hidden; background-color: #fff; transition: all 0.3s; font-weight: 300; line-height: 22px; color: rgba(0, 0, 0, 0.58); transition: all 0.3s; }
.board-list-type1.toggle .board-box > .a-box .a { margin-right: 16px; font-weight: 800; }
.board-list-type1 > li:hover .board-box > a::after { background-image: url("/images/common/ico_page_arrow_hover_2x.png"); background-color: var(--theme-color); }

.board-list-type1.toggle > li:hover .board-box > a::after { background-color: transparent; background-image: url("/images/common/ico_page_arrowB_default_2x.png"); }
.board-list-type1.toggle > li .board-box.active > .q-box .subject strong { font-weight: 800; }
.board-list-type1.toggle .subject { margin-top: 10px; font-size: 18px; align-items: start; }
.board-list-type1.toggle .subject strong { overflow: visible; text-overflow: initial; white-space: normal; min-width: auto; max-width: 92%; line-height: 1.5; }
.board-list-type1.toggle > li:hover .subject strong { font-weight: 300; }
.board-list-type1.toggle .q, .board-list-type1.toggle .a { font-size: 18px; color: #C1C3CF; }
.board-list-type1.toggle > li .board-box.active > .a-box { height: auto; padding: 32px; border-top: 1px solid #ddd; }
.board-list-type1.toggle > li .board-box.active > a::after { background-image: url("/images/common/ico_page_arrowT_active_2x.png"); }
.board-list-type1.toggle > li .board-box.active > a { background-color: #F9F9F9; }
.board-list-type1.toggle > li:hover .board-box > a::after { }

/* 리스트형 게시판 type2 : 공지사항 */
.board-list-type2 { }
.board-list-type2 li { border-bottom: 1px solid #eee; }
.board-list-type2 li a { position: relative; display: block; padding: 24px 0 23px; }
.board-list-type2 li a:hover strong { text-decoration: underline; }
.board-list-type2 li a::after { display: block; content: ''; clear: both; }
.board-list-type2 li .subject { padding-right: 80px; font-weight: bold; font-size: 16px; line-height: 120%; }
.board-list-type2 li .subject span { color: #383838; color: var(--theme-color); margin-right: 8px; vertical-align: middle; }
.board-list-type2 li .subject span + strong { max-width: 80%; padding-right: 2px; }
.board-list-type2 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-type2 li .subject i.new { margin-left:4px; }
.board-list-type2 li .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: rgba(0, 0, 0, 0.38); letter-spacing: -1px; }

/* 리스트형 게시판 type3 : 시간표 */
.board-list-type3 { }
.board-list-type3 li { border-bottom: 1px solid #eee; }
.board-list-type3 li a { position: relative; display: block; padding: 24px 0 23px; }
.board-list-type3 li a:hover strong { text-decoration: underline; }
.board-list-type3 li a::after { display: block; content: ''; clear: both; }
.board-list-type3 li .subject { padding-right: 80px; font-weight: bold; font-size: 16px; line-height: 120%; }
.board-list-type3 li .subject { padding-right:0; }
.board-list-type3 li .subject .sub { display: inline-block; padding: 1px 3px; border-radius: 4px; font-size: 12px; color: #383838; color: var(--theme-color); }
.board-list-type3 li .subject .sub-1 { margin-right:4px; border: 1px solid #383838; border: 1px solid var(--theme-color); }
.board-list-type3 li .subject .sub-2 { margin-right:8px; color: #999CA2; border: 1px solid #999CA2; }
.board-list-type3 li .subject span + strong { max-width: 80%; padding-right: 2px; }
.board-list-type3 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-type3 li .subject i.new { margin-left:4px; }
.board-list-type3 li .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: rgba(0, 0, 0, 0.38); }


/* 테이블 게시판(커뮤니티) */
.flag { display: inline-block; vertical-align: middle; }
.flag.new { width: 16px; height: 16px; margin-left: 4px; background: url("/images/common/ico_new_2x.png") no-repeat center; background-size: 6px 8px; background-color: #383838; background-color: var(--theme-color); border-radius: 4px; }
.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; }
.flag.new2::after { display: block; content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: url("/images/common/ico_new_2x.png") no-repeat 0 0; background-size: 18px 18px; border-radius: 2px; }
.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 { padding-right: 2px; padding-left: 4px; }
.htable-wrap .tbody > ul > li.cell-subject .cnt { }
.htable-wrap .tbody > ul > li.cell-subject .flag.new { }
.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); }

.cell-subject { display: flex; align-items: center; }
.cell-subject > * { margin-right: 8px; vertical-align: middle; }
.cell-subject > *:last-child { margin-right: 0; }
.cell-subject .flag.notice { flex-shrink: 0; }
.cell-subject .cate { flex-shrink: 0; }
.cell-subject .subject { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.58); }
.cell-subject .subject:hover { text-decoration: underline; }
.cell-subject .cnt { flex-shrink: 0; font-weight: bold; color: #383838; color: var(--theme-color); }
.cell-subject .lock { flex-shrink: 0; }
.cell-subject .flag.new { flex-shrink: 0; margin-left: 0; }
.cell-subject .reply { flex-shrink: 0; display: inline-block; width: 18px; height: 22px; background: url("/images/ico_reply_2x.png") no-repeat center; background-size: 8px 12px; vertical-align: top; font-size: 0; text-indent: -999px; }
.cell-subject .wr-reply { position: relative; flex-shrink: 0; width: 60px; }
.cell-subject .wr-reply::after { display: inline-block; content: ''; position: absolute; top: 50%; right: 0; width: 14px; height: 1px; background-color: #dbdbdb; }


.board-element-wrap { display: flex; flex-direction: column; }
.board-element-wrap .write-box + .board-search-wrap { margin-top: 16px; }
.board-btn { margin-top: 8px; text-align: right; }
.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; }
.board-btn button:hover { background-color: #f5f5f5; }
.board-btn button i.ico { margin-right: 8px; }
.board-search-wrap { margin-top: -1px; padding: 8px; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.board-search-wrap .pagination-wrap { margin: 0; }
.board-search-wrap .board-search { margin-top: 8px; }
.board-search { display: flex; justify-content: center; align-items: center; }
.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; }
.input-searchBox { position: relative; width: 320px; height: 32px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 4px; }
.input-searchBox input { width: 100%; height: 30px; padding-right: 60px; border: none; font-weight: normal; }
.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; }



/* 갤러리형 게시판 type1 */
.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 strong { display: inline; vertical-align: middle; font-weight: bold; color: rgba(0, 0, 0, 0.58); }
.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-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-title .notice { margin-right: 6px; color: #383838; color: var(--theme-color); font-weight: bold; }
.board-title .notice::before { content:"["; }
.board-title .notice::after { content:"]"; }

.board-title .classify { margin-right: 6px; font-weight: bold; color: rgba(0, 0, 0, 0.58); }
.board-title .date { font-weight: normal; font-size: 13px; color: rgba(0, 0, 0, 0.38); }
.board-title .subject { margin: 4px 0; line-height: 25px; }
.board-title .subject strong { display: inline; margin-right: 4px; font-size: 18px; }
.board-title .subject .new { margin-top: -4px; margin-left: 0; }
.board-title .write-info .name { display: inline-block; }
.board-title .write-info .center, .board-title .write-info .grade { color: rgba(0, 0, 0, 0.38); }
.board-header .board-title { width:100%; }
.board-header .board-metoo { flex-shrink: 0; }
.board-header .writer { display:flex; justify-content: space-between; align-items: center; }
.board-cont { padding-top: 24px; }
.board-cont .view-cont { padding: 16px; font-size: 16px; line-height: 180%; letter-spacing: -0.3px; color: #1a1818; font-weight: normal; }
.board-cont .view-cont a { color: #0782C1; text-decoration: underline; }
.board-cont .view-cont img { display: block; height: auto !important; margin-top: 10px; }
.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-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-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-cont .view-cont a, .board-cont .view-cont em, .board-cont .view-cont strong, .board-cont .view-cont i { display: inline-block; }
.board-cont .view-cont * { letter-spacing: -0.3px; }
.board-info { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 14px; border-bottom: 1px solid #dbdbdb; }
.board-info .write-info .center { font-size: 12px; color: rgba(0, 0, 0, 0.58); }
.board-info .write-info .grade { font-size: 12px; color: rgba(0, 0, 0, 0.58); }
.board-info .write-info .date { display: block; margin-top: 4px; font-size: 13px; color: rgba(0, 0, 0, 0.38); }
.board-info .board-metoo { flex-shrink: 0; }
.board-header .board-metoo { display:flex; width:100%; justify-content: right; }
.board-header .writer .write-info + .board-metoo { width: auto; }


.board-cont .view-file { margin-bottom: 24px; }
.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; margin-top: 10px; }
.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-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 .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/common/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/common/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: 15px; color: #383838; font-weight: normal; line-height: 1.8; letter-spacing: -0.3px;}
.cmt-text-box * {letter-spacing: -0.3px;}
.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-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; line-height: 32px; margin-left: 4px; padding: 0 16px; font-weight: bold; font-size: 13px; }
.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; line-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; }


/* 게시판 댓글 모달 */
.modal_writer .modal_content { max-width: 636px; padding: 24px; }
.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; }


/* 게시글 작성 */
.board-write-form { padding-top: 12px; border-top: 1px solid #000; }
.board-w-group { margin-bottom: 8px; }
.board-w-group select { height: 32px; margin-right: 2px; margin-bottom: 4px; }
.board-w-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.board-w-title .w-subject { flex-grow: 1; }
.board-w-title .w-subject input { font-weight: normal; color: rgba(0, 0, 0, 0.78); }
.board-w-title .w-secret { flex-shrink: 0; flex-basis: 80px; text-align: right; }
.board-w-title .w-secret .checkboxA label span { font-weight: bold; }
.board-w-option { margin-bottom: 12px; }
.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-chk .checkboxA label span { font-weight: bold; }
.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; }
.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);}
.editor-content { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #eee; }
.board-w-file { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid #dbdbdb; }
.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; }
.cke_editor_contents { width: auto !important; }



/* 탭 */
.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: 16px; }
.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-radius: 18px; background-color: #fff; }
.tab-btn li a.on, .tab-btn li a:hover { color: #fff; background-color: rgba(0, 0, 0, 0.78); }

.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); }

.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); }


/* 서브 페이지 */
.sub-cont { position: relative; }
.sub-cont-title { margin-bottom: 16px; font-weight: bold; font-size: 24px; line-height: 120%; color: #000; }
.page-view-wrap { margin-top: 16px; }

/* 고객센터-온라인상담 */
.qest-form .fields { margin-top: 50px; }
.qest-form .fields .input-box { margin-top: 18px; }
.qest-form .fields .input-box:first-child { margin-top: 0; }
.qest-form .chk-box { margin-top: 9px; }
.qest-form .chk-box .theme-chk::before { margin-right: 8px; }
.qest-form .btn-box { margin-top: 46px; display: flex; justify-content: center; }
.qest-form .btn-box button { transition: all 0.3s; font-size: 16px; color: rgba(0, 0, 0, 0.38); background-color: #f5f5f5; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 8px 8px 0px rgba(68, 68, 68, 0.12); border-radius: 50px; font-weight: 800; }
.qest-form .btn-box button.submit { width: 240px; padding: 19px; cursor: default; }

.qest-form .btn-box button.submit.finished { color: var(--theme-color); border: 2px solid var(--theme-color); border-radius: 50px; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.12); background-color: #fff; cursor: pointer; }


/* 하단 배너 */
.bn-links .bn-links-box { position: relative; padding: 32px; height: 185px; margin-bottom: -70px; margin-top: 190px; background: linear-gradient(90deg, #63D7C7 0%, #5FAEEB 100%); border-radius: 16px; }
.bn-links .bn-logo { display: inline-block; height: 25px; background: rgba(30, 93, 248, 1); color: #fff; padding: 0 8px; border-radius: 4px; font-size: 12px; line-height: 25px; margin-bottom: 14px; }
.bn-links span { display: block; }
.bn-links .title, .bn-links .desc { font-weight: 800; color: #fff; text-align: left; font-size: 22px; word-break: keep-all; }
.bn-links .title br { display: none; }
.bn-links .desc { margin-top: 4px; }
.bn-links .btn-box { position: absolute; top: 50%; right: 32px; display: flex; justify-content: center; transform: translateY(-50%); }
.bn-links .btn-box a { width: 160px; text-align: center; padding: 16px 0; font-size: 16px; }
.bn-links .btn-box .qest-link-btn { margin-left: 12px; }


/* mswitch modal */
.modal-wrap { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }
.modal-wrap::after { display:inline-block; content: ''; width:0; height:100%; vertical-align:middle; }
.modal-wrap .modal-content-box { 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; z-index: 9; cursor:default; }
.modal-wrap .modal-title { position: relative; display: block; height: 46px; margin-bottom: 16px; }
.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: 46px; }
.modal-close { position: absolute; top: 16px; right: 0; display: block; width: 18px; height: 18px; background: url("/images/common/ico_close_2x.png") no-repeat center; background-size: 18px 18px; }
.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: none !important; 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; }
.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: #000; stroke: var(--theme-color); }
.modal-notice-pop svg path { fill: #000; 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: #000; color: var(--theme-color); }

.modal-child-regist .modal-content-box { max-width: 600px; padding: 0; }
.modal-child-regist .modal-content-box .modal-title { flex-shrink: 0; padding: 28px 24px 32px; }
.modal-child-regist .modal-content-box .modal-cont { flex-grow: 1; width: 100%; min-height: 2em; overflow: auto; padding-left: 24px; padding-right: 24px; }
.modal-child-regist .modal-content-box .modal-bottom { flex-shrink: 0; padding-top: 32px; padding: 24px 24px 28px 24px; }
.modal-child-regist .modal-content-box .line { display: block; content: ''; width: 100%; height: 1px; background-color: #ddd; }
.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 { display: inline; 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-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 #000; 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-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-inquiry .modal-content-box { max-width: 684px; }
.modal-inquiry .inquiry-question { padding: 2px 0 20px; border-bottom: 2px solid #eee; }
.modal-inquiry .inquiry-question .text { font-weight: 400; line-height: 22px; }
.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: #000; 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); font-weight: 400; }
.modal-inquiry .inquiry-question .date, .modal-inquiry .inquiry-answer .text { font-weight: 400; line-height: 22px; }
.modal-inquiry .inquiry-answer { padding: 20px 0; border-bottom: 2px solid #eee; }
.modal-inquiry .inquiry-answer .writer strong { font-size: 12px; font-weight: 800; }

/*자녀등록 모달*/
.modal-child-regist .modal-wrap .modal-title::after { width: calc(100% - 48px); left:0; right:0; margin: 0 auto; bottom: -20px; }

/* 자녀바로등록 모달 */
.direct_child.child-list-box { position: relative; display:block; margin: 0 auto; max-width: 620px; }
.direct_child .modal-close { position: relative;}
.direct_child .modal-title { height: inherit; }
.direct_child .modal-title h2 { line-height: 1.2; font-size: 16px; }
.direct_child .modal-title::after { display: none;}
.direct_child .modal-content-box { padding: 48px; padding-right: 38px; }
.direct_child .modal-content-box .modal-cont {padding: 0;}
.direct_child .modal-content-box .modal-title { display: flex; justify-content: space-between; align-items: center; padding: 0; padding-bottom: 17px; margin-bottom: 16px; border-bottom: 2px solid #222222; }
.direct_child .modal-content-box .modal-title .modal-close {top: inherit; right: inherit;}
.direct_child .modal-content-box .modal-bottom { padding: 0; }
.direct_child .modal-content-box .line {display: none;}
.direct_child .guidance-text { display: flex; justify-content: flex-start; align-items: center; }
.direct_child .guidance-text span { padding-left: 10px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; }
.direct_child .child-search-type {border-bottom : 0; margin-bottom: 0; padding-bottom: 0;}
.direct_child .child-search-type > div {display: block !important;}
.direct_child .form-list .phone-input.full { width: 100% !important; }
.direct_child .form-list .phone-input>* {width: calc(33.333% - 10.666px);}
.direct_child .form-list b { position: relative; display:flex; justify-content: flex-start; align-items: end; }
.direct_child .checkboxA label span a { font-weight: 700; color: rgba(0, 0, 0, 0.78); text-decoration: underline;}


/*동영상 강의*/
.modal-qna-question .btn { padding: 4px 12px; border-radius: 8px }
.modal-qna-question .file-input-wrap { margin-top: 12px; flex-direction: column; align-items: left }
.file-input-wrap .file-txt { display: block; margin-top: 12px; font-size: 12px; font-weight: 400; }
.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 p { display: inline-block; }
.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/common/icon_input-file_2x.png"); }
.file-input-etc label span { background: url("/images/common/icon_input-file_2x.png") no-repeat center / 36px 37px; }


/* 에러 페이지 */
.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: var(--theme-color); border: 1px solid var(--theme-color); transition: inherit; }
.error-cont .btn.btn-theme:hover { background-color: var(--theme-color); }
.page-error svg circle { stroke: var(--theme-color); }
.page-error svg path { fill: var(--theme-color); }


/* 약관동의 모달 */
.agreement-modal.join_layer .body { border-radius: 12px; max-height: 84%; overflow-y: auto; min-height: initial; max-width: 684px; width: 100%; }
.agreement-modal.join_layer .work .step3 { padding: 0 48px 48px 48px; }
.agreement-modal.join_layer .body h3 { border-bottom: none; font-size: 24px; color: #000; padding: 48px 48px 18px 48px; }
.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: 50%; 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: 10px; background-color: rgba(0, 0, 0, .3); }
.third-party-modal.join_layer .work .step3 .terms { margin-top: 0; }
.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-pop .send { margin-top: 16px; }

.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/common/ico_open_default.png) no-repeat center / 10px 7px; margin-top: 4px; }
.join_layer .checkboxA .right .btn-open.active { background-image: url(/images/common/ico_open_active.png); }
.join_layer .checkboxA label span { font-size: 14px; vertical-align: text-bottom; color: rgba(0, 0, 0, .78); font-weight: 700; }
.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 { font-weight: 700; }
.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; }

.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 h3 { padding: 25px 16px; font-size: 14px; background: #fff; border-bottom: 1px solid #D8D8D8; }
.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 .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 .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; }
.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; }
.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 .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; }





/* 피기맘 장학금 */
.award-area { width: 100%; }
.award-area .award-list-wrap { width: calc(100% - 280px); }
.award-area .award-inner { padding: 24px; }
.award-area .title h2 { font-size: 24px; }
.award-area .title h2 img { width: 120px; vertical-align: middle; }
.award-area .title h2 span { display: inline; vertical-align: middle; }
.award-area .title > span { display: block; margin-top: 12px; }
.award-area .cont-wrap { margin-top: 32px; }
.award-area .cont-wrap .pagenumber { margin-top: 20px; }
.award-area .board-top { position: relative; margin-bottom: 10px; }
.award-area .board-top .board-total { display: inline-block; }
.award-area .board-top .board-total strong { display: inline-block; color:#3483b4; }
.award-area .board-top .board-search { float: right; text-align: right; }
.award-area .board-top .board-search .search-input { position: relative; }
.award-area .board-top .board-search .search-input input { display: inline-block; width: 180px; height: 32px; font-size: 12px; }
.award-area .board-top .board-search .search-input button { display: inline-block; width: 32px; height: 32px; background:url("/images/common/ico_search_white_2x.png") no-repeat center; background-size:17px 17px; background-color: #428cb9; border-radius: 4px; vertical-align: bottom; }

.award-area .award-search-wrap { position: fixed; top: 0; right: 0; width: 280px; height: 100%; border-left: 1px solid #ddd; background: #fff; overflow-y: auto; }
.award-wrap input[type=text]::placeholder { color: rgba(0, 0, 0, 0.38); text-align: left; font-size: 12px; font-weight: normal; }
.award-area .sch-bg { display: none; }
.award-search-wrap .title { position: relative; padding:24px 12px; }
.award-search-wrap .title h3 { display: inline-block; }
.award-search-wrap .title .filter-reset { position: absolute; top: 50%; right: 12px; margin-top: -13.5px; padding: 5px 25px 5px 7px; font-size: 11px; border: 1px solid #428cb9; color: #3483b4; border-radius: 30px; font-weight: bold; background: url("/images/common/ico_tmcer_refresh_2x.png") no-repeat right 7px top 6px; background-size:15px 15px; }
.award-search-wrap .title .sch-close { display: none; position: absolute; top: 50%; right: 12px; width: 20px; height: 20px; margin-top: -9px; background: url("/images/common/btn_close_2x.png") no-repeat 0 0; background-size: 20px 20px; }
.award-area .filter-box { border-top: 1px solid #ddd; }
.award-area .filter-box .filter-title { position: relative; padding: 12px; cursor: pointer; }
.award-area .filter-box .filter-title span { display: block; font-size: 14px; font-weight: bold; }
.award-area .filter-box .filter-title button { position: absolute; top: 50%; right: 0; margin-top: -6px; margin-right: 12px; }
.award-area .filter-tgl { width: 12px; height: 12px; background: url("/images/common/ico_plus_minus.png") no-repeat; }
.award-area .filter-tgl.on { background-position: 0 -12px; }
.award-area .filter-cont { display: none; padding: 8px 12px 12px; }
.award-area .filter-cont > ul > li { margin-bottom: 6px; }
.award-area .filter-cont > ul > li:last-child { margin-bottom: 0; }
.award-search-wrap .sch-btn-wrap { padding: 24px 12px; border-top: 1px solid #ddd; }
.award-search-wrap .sch-btn-wrap .btn { display: block; width: 100%; height: 36px; margin-bottom: 8px; border-radius: 4px; font-size: 13px; font-weight: bold; border: 1px solid #3483b4; color: #3483b4; }
.award-search-wrap .sch-btn-wrap .btn_-favorit { }
.award-search-wrap .sch-btn-wrap .btn-sch-save { margin-bottom: 0px; background: #3483b4; color: #fff; }
.award-wrap .favorite { margin-left: 4px; vertical-align: top }
.award-area .contents .cont-wrap .more-wrap { margin-top: 16px; }
.award-area .contents .cont-wrap .more-wrap .btn-more { width: 100%; height: 38px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 8px; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.58); }
.award-area .contents .cont-wrap .more-wrap .btn-more:hover { background: #F5F5F5; }
.award-header .sch-toggle { position: absolute; top: 17px; right: 10px; width: 20px; height: 20px; background: url("/images/common/ico_tmcer_filter_2x.png") no-repeat 0 0; background-size:18px 20px; }
.award-detail-cont .title { position: relative; padding-bottom: 24px; border-bottom: 1px solid #e3e3e3; }
.award-detail-cont .award-header .page-back { position: absolute; top: 7px; left: 0px; }
.award-detail-cont .award-header h1 { margin-top: 5px; text-align: center; font-size: 16px; }
.award-wrap .board-view .board-subject { position: relative; margin-bottom: 16px; padding-bottom: 24px; border-bottom: 1px solid #e3e3e3; }
.award-wrap .board-view .board-subject h3 { position: relative; display: inline-block; font-size: 18px; line-height:22px; }
.award-wrap .board-view .board-subject .favorite { position: absolute; bottom: 3px; }
.award-wrap .board-view .board-subject p { margin-top: 8px; }
.award-wrap .board-view .board-subject .btn-close { position: absolute; top: 0; right: 0; width: 26px; height: 26px; background: url("/images/common/btn_close2.png") no-repeat 0 0; background-size: contain; }
.award-summary { padding: 24px; margin-bottom: 24px; background: #f9f9f9; border: 1px solid #ddd; border-top: 2px solid #4B80B0; }
.award-detail h4 { margin-bottom: 16px; font-size: 16px; }
.award-wrap ul.list > li { position: relative; display: flex; margin-top: 8px; padding-left: 8px; line-height: 20px; }
.award-wrap ul.list > li::before { display: inline-block; content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #428cb9; }
.award-wrap ul.list > li strong { flex-shrink: 0; }
.award-wrap ul.list > li span { flex-grow: 1; padding-left: 6px; white-space: pre-line; }
.award-wrap .board-btn { margin-top: 48px; padding-top: 16px; border-top: 1px solid #ddd; }
.award-wrap .board-btn .btn { float: right; height: 45px; padding: 0 24px; border: 1px solid #D8D8D8; border-radius: 8px; color: rgba(0, 0, 0, 0.58); }
.award-wrap input { height: 28px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; }
.award-area i { font-style: normal; vertical-align: middle; }
.award-area .date-term input.datepicker { width: 110px; background: url("/images/front/icon_date.png") no-repeat right 8px center; }
.award-area .date-term i { display: inline-block; margin: 0 4px; vertical-align: middle; }
.award-area .favorite { display: inline-block; width: 16px; height: 15px; background: url("/images/common/ico_tmcer_star_2x.png") no-repeat 0 0; background-size:16px 30px; }
.award-area .favorite.on { background-position: 0 -15px; }
.award-area .page-back { display: inline-block; width: 40px; height: 40px; background: url("/images/common/arrow_left_black_2x.png") no-repeat center; background-size:11px 17px; }
.award-wrap .checkboxA input:checked + label::before { background-color: #3483b4; }
.award-list-wrap .htable-wrap .thead > ul > li.cell-center { flex-shrink: 0; width: 25%; }
.award-list-wrap .htable-wrap .thead > ul > li.cell-kind { flex-shrink: 0; width: 12%; }
.award-list-wrap .htable-wrap .thead > ul > li.cell-date { flex-shrink: 0; width: 20%; }
.award-list-wrap .htable-wrap .tbody > ul > li.cell-center { flex-shrink: 0; width: 25%; }
.award-list-wrap .htable-wrap .tbody > ul > li.cell-kind { flex-shrink: 0; width: 12%; }
.award-list-wrap .htable-wrap .tbody > ul > li.cell-date { flex-shrink: 0; width: 20%; }
.award-detail-cont .btn-wrap { margin-top: 32px; text-align: center; }
.award-detail-cont .btn-wrap .btn { padding: 16px 32px; background: #3283B4; color: #fff; border-radius: 8px; }


/* 221005 수정 */
/* 개인정보 수정 */
.form-list > li.mb-phone > div { display: flex; }
.form-list .phone-input { width: calc(100% - 95px); }
.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; align-items: center; }
.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; }

.mb-marketing > div.mb-marketing-custom { display: block; }
.mb-marketing > div.mb-marketing-custom::after { content: ''; position: absolute; top: 50%; left: calc(50% + 14px); transform: translate(-50%, -50%); width: calc(100% - 28px); height: 1px; background-color: #eee; }
.mb-marketing > div.mb-marketing-custom>span {padding: 18px 0;}
.mb-marketing > div.mb-marketing-custom>span:last-child { margin-left: 28px; display: flex; justify-content: flex-start; align-items: center; }
.mb-marketing > div.mb-marketing-custom>span:last-child>div { width: 50%; }
.mb-marketing > div.mb-marketing-custom>span label span>strong {color: rgba(0, 0, 0, 0.38); font-weight: 700;}

/* 240306 수정 */
/* 계정연동 서비스 추가 */
.mb-account-link {}
.mb-account-link>div { padding: 10px 16px; border: 1px solid #ddd; border-radius: 8px; padding-right: 8px; }
.account-link { position: relative; display: block; width: 100%; max-height: 158px; overflow-y: auto; padding-right: 8px; }
.account-link li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.account-link li strong { min-width: 120px; max-width: 120px; margin-right: 16px; font-size: 14px; font-weight: 400; line-height: 1.2; color: rgba(0, 0, 0, 0.78); }
.account-link li a { font-size: 14px; font-weight: 400; line-height: 1.2; color: rgba(0, 0, 0, 0.38); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 8px; }
.account-link li:hover a { color :rgba(0, 0, 0, 0.78); text-decoration: underline; }
.account-link li button { position: relative !important; transform: none !important; top: initial !important; right: initial !important; border: 1px solid #ddd; color: #eee; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 1.2; color: #999; white-space: nowrap; }
.account-link li button:hover { border: 1px solid var(--theme-color); color: var(--theme-color);}
.account-link li:last-child { margin-bottom: 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; }

/* icon */
i.search-dark { width: 14px; height: 14px; background: url(/images/common/ico_search_darkgrey_2x.png) no-repeat center; background-size: 14px 14px !important; }


/* modal2 */
.modal-wrap2 { /* display: none; */line-height: normal; letter-spacing: -1px; }
.modal-wrap2 .frm-input.underLine { box-shadow: none; border: none; border-radius: 0; 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; width: 100%; }
.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/common/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: 0 0 2px 0; height: 28px; font-size: 12px; font-weight: 700; color: rgba(0, 0, 0, 0.78); border-radius: 4px; }
.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/common/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/common/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/common/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/common/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; }

/* 글쓰기 */
.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: 14px; }
.board-w-btn { margin-top: 12px; text-align: right; }
.board-w-btn button { width: 97px; height: 46px; margin-left: 6px; border-radius: 8px; }








/* 20230206 이후 추가 */

i.move { width: 19px; height: 19px; background: url("/images/common/ico_move_sign_2x.png") no-repeat center; background-size: 19px 19px !important; background-color: #ddd; border-radius: 50%; border: 1px solid #ddd; }


/* 온라인 테스트 */
.no-test-box { display: flex; justify-content: center; align-items: center; flex-direction: column; color: rgba(0, 0, 0, .38); }
.img-no-test { width: 62px; height: 72px; background: url(/images/common/no_test_2x.png) no-repeat center / 62px 72px; }
.no-test-box span { margin-top: 16px; }


/* 지도형 학원찾기 */
.sub-map-academy-search .brand-sort { padding-bottom: 16px; border-bottom: 1px solid #ddd; margin-bottom: 0; }
.sub-map-academy-search .brand-sort .search-box { width: calc(100% - 176px); margin-right: 0; }
.sub-map-academy-search .academy-search-top h2 { line-height: normal; font-weight: 400; }
.sub-map-academy-search .academy-search-top h2 .cnt { font-weight: 700; }

.sub-map-academy-search .academy-list-wrap { display: flex; padding-bottom: 16px; border-bottom: 1px solid #ddd; margin-bottom: 16px; position: relative; }
/* .sub-map-academy-search .academy-list-wrap::after { content: ""; position: absolute; left: 0; bottom: -16px; width: 100%; height: 1px; background-color: #ddd; display: block; } *//* 선 */
.sub-map-academy-search .academy-list-wrap .cont-box { width: 50%; height: 585px; }
.sub-map-academy-search .academy-list-wrap .cont-box.academy-map-box .map-cont { display: flex; justify-content: center; align-items:center; height: 584px; }
.sub-map-academy-search .academy-map-box { padding-top: 16px; }
.sub-map-academy-search .academy-map-box .round-box { border-radius: 16px; border: 1px solid #ddd; overflow: hidden; }
.sub-map-academy-search .academy-list-box { overflow-y: auto; padding: 16px 0; padding-bottom: 0px; margin-bottom: 0; width: 100%; height: 100%; }
.sub-map-academy-search .academy-list-box-wrap { position: relative; border-bottom: 1px solid #ddd; }
.sub-map-academy-search .academy-list-box-wrap .map-scroll-box::before { content: ""; position: absolute; left: 0; display: block; width: 100%; height: 32px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); bottom: 0; } /* 하단 그라데이션 */
.sub-map-academy-search .academy-list-box::-webkit-scrollbar { width: 10px; height: 10px; }
.sub-map-academy-search .academy-list-box::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; }
.sub-map-academy-search .academy-list-box::-webkit-scrollbar-corner { display: none; }
.sub-map-academy-search .academy-map-box + .cont-box { margin-left: 8px; margin-top:16px; border-top:1px solid #ddd; }

.sub-map-academy-search .map-list { margin-bottom: 8px; }
.sub-map-academy-search .map-list.active { border: 1px solid var(--theme-color); box-shadow: 0px 4px 12px rgba(68, 68, 68, 0.12), 0px 0px 1px rgba(68, 68, 68, 0.21); }
.sub-map-academy-search .map-list.active .comp-info h2 { color: var(--theme-color); }
.sub-map-academy-search .map-list .map-wrap { padding-top: 16px; padding-bottom: 16px; }
.sub-map-academy-search .map-info-top { display: flex; align-items: center; }
.sub-map-academy-search .map-info { width: 100%; padding-right: 84px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; }
.sub-map-academy-search .comp-info { min-height: 83px; /*max-height: 83px; */ display: flex; flex-direction: column; justify-content: center; max-width: 115px; flex: none; }
.sub-map-academy-search .comp-info h2 { font-size: 18px; font-weight: 700; line-height: 25px; color: rgba(0, 0, 0, 0.78); }
.sub-map-academy-search .comp-info .tell { padding-top: 16px; font-size: 13px; position: relative; color: rgba(0, 0, 0, 0.58); }
.sub-map-academy-search .comp-info .tell::before { content: ""; position: absolute; display: block; top: 8px; left: 0; width: 16px; height: 1px; background-color: #ddd; }
.sub-map-academy-search .comp-info .tell span { padding-left: 17px; background: url("/images/common/ico_call_grey_2x.png") no-repeat left center; background-size:11px 16px; }

.sub-map-academy-search .map-info { margin-top: 0; }
.sub-map-academy-search .map-info .address li span.business { margin-right: 0; font-size: 12px; letter-spacing: -1px; color: rgba(0, 0, 0, .38); }
.busi-num-box .address li span.cam-num { letter-spacing: -1px; margin-left: 4px; color: rgba(0, 0, 0, .38); }
.sub-map-academy-search .map-info .address li span.addr { background-position: left center; margin-right: 0; font-size: 13px; background-position-y: 2px; }
.sub-map-academy-search .busi-num-box { padding-top: 1px; margin-top: 4px; }
.sub-map-academy-search .map-info:last-child { width: 100%; padding-right: 0; }

.sub-map-academy-search .fail-masage-box { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }





/* pagination 230425 */
.lec-popup-pagination-wrap { margin-top: 24px; margin-bottom: 24px; font-family: 'Noto Sans KR'; font-weight: normal; text-align: center; }
.lec-popup-pagination-wrap .paging { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; }
.lec-popup-pagination-wrap .paging button.prev-btn { width: 32px; height: 32px; background: url("/images/skin/tickl/ico_frac_arrow_left_2x.png") no-repeat; background-size: contain; background-position: -0px 0; }
.lec-popup-pagination-wrap .paging button.next-btn { width: 32px; height: 32px; background: url("/images/skin/tickl/ico_frac_arrow_right_2x.png") no-repeat; background-size: contain; background-position: -0px 0; }
.lec-popup-pagination-wrap .paging button span { display: inline-block; font-size: 0; text-indent: -999px; }
.lec-popup-pagination-wrap .paging .paging-num { display: inline-block; margin: 0 12px; vertical-align: middle; }
.lec-popup-pagination-wrap .paging .paging-num .page { display: inline-block; width: 30px; height: 46px; line-height: 46px; font-size: 16px; color: rgba(0, 0, 0, 0.58); cursor: pointer; }
.lec-popup-pagination-wrap .paging .paging-num .page.active,
.lec-popup-pagination-wrap .paging .paging-num .page:hover { font-weight: bold; color: #383838; color: var(--theme-color); }
.lec-popup-pagination-wrap .paging .paging-num .now-num,
.lec-popup-pagination-wrap .paging .paging-num .last-num { display: none; }
.lec-tab { display: block; }

/* 강의 목록 230421 */
.lec-wrap .lec-tit { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #222; padding-bottom: 12px; margin-bottom: 12px; }
.lec-wrap .lec-tit .lec-tit-text { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 700; line-height: 1.8; color: rgba(0, 0, 0, 0.78); letter-spacing: -0.05px; }
.lec-wrap .lec-tit .lec-tit-text .empha { color: #188D98 !important; }
.lec-tit .lec-select { width: 90px; background: url(/images/common/ico_arrow_bottm2_2x.png) no-repeat 93% center / 10px 5px; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, .58); padding-left: 6px; }
.lec-list>li { display: flex; justify-content: space-between; align-items: center; border: 1px solid #d8d8d8; padding: 16px 23px 16px 36px; border-radius: 12px; margin-bottom: 12px; }
.lec-wrap .lec-list>li:last-child { margin-bottom: 0; }
.lec-list>li .lec-left { display: flex; justify-content: flex-start; align-items: center; flex-grow: 1; width:100%; }
.lec-list>li .lec-like { width: 18px; height: 18px; overflow: hidden; }
.lec-list>li .lec-like .lec-like-star { width: 100%; height: 36px; background: url('/images/skin/tickl/lec_star_2x.png'); background-repeat: no-repeat !important; background-size: contain !important; background-position: 0px 0px !important; }
.lec-list>li .lec-like.active .lec-like-star { background-position: 0px -18px !important; }
.lec-list>li .lec-left .lec-pre { border-radius: 8px; overflow: hidden; margin-right: 16px; min-width: 186px;}
.lec-list>li .lec-left .lec-pre img { width: 100%; height: 105px;}
.lec-list>li .lec-left .lec-text .lec-text-box { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 4px; }
.lec-list>li .lec-left .lec-text .lec-text-box .lec-text-cate { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 700; line-height: 1.6; color: #188D98; }
.lec-list>li .lec-left .lec-text .lec-text-box .lec-text-subject { font-size: 14px; font-weight: 700; line-height: 1.6; margin-right: 8px; color: #188D98; }
.lec-list>li .lec-left .lec-text .lec-text-box .lec-text-subject .empha { color : #9A9EA0; line-height: 1.6; font-size: 14; font-weight: 700; display: inline-block; }
.lec-list>li .lec-left .lec-text .lec-text-box .lec-text-cate .factor { font-size: 12px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, .58); border: 1px solid #d8d8d8; padding: 1px 8px; border-radius: 40px; margin-right: 4px; }
.lec-list>li .lec-left .lec-text .lec-text-tit { font-size: 16px; font-weight: 700; line-height: 1.2; color: rgba(0, 0, 0, 0.78); margin-bottom: 4px; }
.lec-list>li .lec-left .lec-text .lec-text-name { display: flex; justify-content: flex-start; align-items: center; font-size: 12px; font-weight: 700; line-height: 1.6; color: #188D98; margin-bottom: 4px; }
.lec-list>li .lec-left .lec-text .lec-text-name .empha { font-size: inherit; font-weight: 400; color: inherit; line-height: inherit; margin-right: 2px; }
.lec-list>li .lec-left .lec-text .lec-text-tag { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.lec-list>li .lec-left .lec-text .lec-text-tag .factor,
.lec-list>li .lec-left .lec-text .lec-text-tag i { font-size: 12px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, 0.38); }
.lec-list>li .lec-left .lec-text .lec-text-tag .factor { margin-right: 10px; }
.lec-list>li .lec-left .lec-text .lec-text-tag i { font-style: normal; margin-right: 1px; }

/* 230424 팝업 첨부파일 */
.popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: 600px; padding: 24px 16px; background: #fff; z-index: 999999; }
.popup.active { display: block; }
.download-popup-close { position: absolute; top: 13px; right: 13px; display: block; width: 16px; height: 16px; }
.download-popup-title { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: rgba(0, 0, 0, 0.78); text-align: center; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #444; }
.download-popup-attachment { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.attachment { display: flex; justify-content: flex-start; align-items: center; border: 1px solid #D8D8D8; padding: 8px 16px; margin-right: 10px; margin-bottom: 10px; border-radius: 50px; display: none; }
.attachment-img { width: 24px; height: 24px; margin-right: 4px; }
.attachment .attachment-text { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.58); margin-right: 4px; }
.attachment-close { background: url('/images/common/attachment_delete_2x.png') no-repeat center center/contain; width: 16px; height: 16px; }
.attachment-pre-img { margin-bottom: 24px; padding-bottom: 24px; margin-top: 18px; border-bottom: 1px solid #ddd; }
.download-attachment-btn-pos { text-align: center; }
.download-attachment-btn { display: inline-block; text-align: center; background: #47C2CB; padding: 16px 24px; border-radius: 40px; font-size: 18px; font-weight: 700; color: #fff; }

/* # 태그 오류 */
.lec-list>li .lec-left .lec-text .lec-text-tag .factor { position: relative; display: block; margin-right: 10px; padding-left: 7px; }
.lec-list>li .lec-left .lec-text .lec-text-tag .factor:before { content:'#'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 12px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, 0.38); }
.lec-list>li .lec-left .lec-text .lec-text-tag i { display: none; font-style: normal; margin-right: 1px; }

/* 강의 페이지 230424 */
.lec-search { margin-top: 19px; max-width: 1232px; padding: 0 16px; margin: 0 auto; }
.lec-search .lec-search-pos { padding: 40px 196px; border: 1px solid #ddd; border-radius: 16px; box-shadow: 0 10px 20px rgba(68, 68, 68, 0.04); margin-top: 19px; }
.lec-search .lec-search-pos .lec-search-box { display: flex; align-items: center; margin-top: 19px; margin-bottom: 24px; width: 800px; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; border: 4px solid #47c2cb; border-radius: 40px; margin-right: 14px; flex-grow: 1; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos .lec-search-img { width: 48px; height: 48px; background: url(/images/skin/tickl/ico_search_lec_2x.png) no-repeat center center/contain; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos .lec-search-input { border: 0; padding: 0; font-style: normal; font-weight: 700; font-size: 20px; line-height: 1.6; color: rgba(0, 0, 0, .78); width: 62%; margin-left: -9%; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos .lec-search-input::placeholder { font-weight: 400; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos .lec-search-btn { width: 84px; height: 48px; border-radius: 24px; margin-left: -19px; background: #47c2cb; color: #fff; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; }
.lec-search .lec-search-pos .lec-search-box .lec-search-box-pos .lec-search-btn:hover { background: #188D98; }
.lec-search .lec-search-pos .lec-search-box .lec-search-detail-btn { display: flex; justify-content: center; align-items: center; border: 4px solid #47c2cb; border-radius: 60px; padding: 16px 16px; background: #F2F9FA; }
.lec-search .lec-search-pos .lec-search-box .lec-search-detail-btn span { font-size: 20px; font-weight: 700; line-height: 2; letter-spacing: -1px; color: #47C2CB; margin-right: 10px; }
.lec-search-detail-btn-img { width: 32px; height: 32px; background: url(/images/skin/tickl/lec_search_detail_2x.png) no-repeat center center/contain; }
.lec-search .lec-search-pos .lec-search-box .lec-search-detail-btn.active { background: #47c2cb; }
.lec-search .lec-search-pos .lec-search-box .lec-search-detail-btn.active span { color: #fff; }
.lec-search .lec-search-pos .lec-search-box .lec-search-detail-btn.active .lec-search-detail-btn-img { background: url(/images/skin/tickl/lec_search_detail_active_2x.png) no-repeat center center/contain; }
.lec-search .lec-search-pos .lec-search-cate { display: none; width: 100%; }
.lec-search .lec-search-pos .lec-search-cate.active { display: block; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-select-box { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-select-box select:last-child { margin-right: 0; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-select-box>select { border: 1px solid #ddd; padding: 10px; padding-right: 104px; margin-right: 10px; border-radius: 8px; background: url(/images/common/select_arrow_lec_2x.png) no-repeat 93% center / 24px 24px; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-fac { display: flex; justify-content: flex-start; align-items: center; background: #47C2CB; border-radius: 100px; padding: 10px 8px 10px 16px; margin-right: 8px; margin-bottom:8px; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-fac .factor { font-size: 14px; font-weight: 700; line-height: 1; color: #fff; margin-right: 4px; margin-top: -2px; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-fac .lec-tag-close { width: 24px; height: 24px; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-reset { border: 2px solid #444; border-radius: 100px; padding: 8px 6px 8px 14px; display: flex; justify-content: flex-start; align-items: center; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-reset>span { font-size: 14px; font-weight: 700; line-height: 1; color: rgba(0, 0, 0, 0.78); margin-right: 4px; }
.lec-search .lec-search-pos .lec-search-cate .lec-search-tag .lec-search-tag-reset>img { width: 24px; height: 24px; }
.lec-popup { position: fixed; display: flex; width: 100%; height: 100%; background: #fff; z-index: 9; }
.lec-popup .lec-popup-video { flex-grow: 1; display: flex; flex-direction: column; border-right : 1px solid #ddd; }
.lec-popup .lec-popup-video .lec-popup-video-top { display: flex; justify-content: space-between; align-items: center; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit { display: flex; justify-content: flex-start; align-items: center; flex:1; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-web-flex { display: flex; justify-content: flex-start; align-items: center; flex:1; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-tit-text { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: rgba(0, 0, 0, .78); padding: 24px 14px 24px 28px; max-width:90%; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-like { width: 36px; height: 36px; overflow: hidden; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-like-star { background: url('/images/skin/tickl/lec_star_2x.png'); background-repeat: no-repeat !important; background-size: contain !important; background-position: 0px 0px !important; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-like.active .lec-popup-like-star { background: url('/images/skin/tickl/lec_star_2x.png'); background-repeat: no-repeat !important; background-size: contain !important; background-position: 0px -35px !important; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-video-tit .lec-popup-like .lec-popup-like-star { width: 36px; height: 71px; }
.lec-popup .lec-popup-video .lec-popup-video-top .lec-popup-viewbtn { background: #47C2CB; border-radius: 40px; padding: 8px 16px; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: #fff; margin-right: 16px; }
.lec-video-frame { flex-grow: 1; display: flex; justify-content: center; align-items: center; background:#000; }
.lec-video-frame>img { width: 100%; object-fit: contain; }
.lec-popup .lec-popup-video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.lec-popup .lec-popup-list { width: 400px; height: 100%; overflow-y: scroll; min-width: 400px; }
.lec-popup-list .lec-popup-list-scroll { padding: 0 13px 0 16px; }
.lec-popup .lec-popup-list .lec-popup-list-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #444; padding-top: 16px; padding-bottom: 12px; margin-bottom: 12px; }
.lec-popup .lec-popup-list .lec-popup-list-top .lec-text-name { display: flex; justify-content: flex-start; align-items: center; font-size: 24px; font-weight: 1.6; font-weight: 400; color: #188D98; }
.lec-popup .lec-popup-list .lec-popup-list-top .lec-text-name .empha { display: inline-block; font-size: 24px; font-weight: 1.6; font-weight: 400; color: #188D98; margin-right: 2px; }
.lec-popup .lec-popup-list .lec-popup-list-top .lec-popup-close { position: relative; display: block; width: 48px; height: 48px; box-shadow: 0px 1px 1px rgba(68, 68, 68, 0.2), 0px 0px 1px rgba(38, 62, 43, 0.21); border-radius: 8px; }
.lec-popup .lec-popup-list .lec-popup-list-top .lec-popup-close .lec-popup-closeImg { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); width: 16px; height: 16px; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox { padding-bottom: 17px; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox .lec-popup-list-cate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 4px; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox .lec-popup-list-cate .lec-text-subject { font-size: 14px; font-weight: 700; line-height: 1.6; margin-right: 8px; color: #188D98; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox .lec-popup-list-cate .lec-text-subject .empha { font-size: inherit; font-weight: inherit; line-height: 1.6; color: #9A9EA0; margin-right: 2px; display: inline-block; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox .lec-popup-list-cate .factor { padding: 1px 10px 2px 10px; border: 1px solid #d8d8d8; font-size: 12px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, .58); margin-right: 4px; border-radius: 40px; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-secBox .lec-popup-list-title { font-size: 16px; font-weight: 700; line-height: 1.2; color: rgba(0, 0, 0, .78); }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-sec-tit { position: relative; display: flex; font-size: 18px; font-weight: 700; line-height: 1.4; color: rgba(0, 0, 0, .78); padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #000; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-sec-tit .empha { font-size: inherit; font-weight: inherit; line-height: inherit; color: #188D98; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-tag-box { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: baseline; border: 1px solid #ddd; padding: 16px; border-radius: 8px; margin-bottom: 26px; min-height: 76px; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-tag-box .lec-popup-list-tag { font-size: 12px; font-weight: 700; line-height: 1.6; color: #188d98; margin-right: 10px; word-break: break-all; }
.lec-popup-list .lec-popup-list-sec .lec-popup-list-tag-box .lec-popup-list-tag i { display: inline-block; font-style: normal; }
.lec-popup-list .lec-popup-list-sec .lec-list li { padding: 16px 11px 16px 24px; }
.lec-popup-list .lec-popup-list-sec .lec-list li .lec-left { width: 92%; }
.lec-popup-list .lec-popup-list-sec .lec-list li .lec-left .lec-text { width: 100%; }
.lec-popup-list .lec-popup-list-sec .lec-list li .lec-left .lec-text .lec-text-tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.popup_close { display: none; }
.lec-popup-mo { display: none; }
.lec-popup-web { display: block; }
.lec-popup-web.lec-popup-web-flex { display: flex; align-items: center; justify-content: space-between; width: 100%; }

/* 230424 팝업 첨부파일 */
.popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: 600px; padding: 24px 16px; background: #fff; z-index: 999999; }
.popup.active { display: block; }
.download-popup-close { position: absolute; top: 13px; right: 13px; display: block; width: 16px; height: 16px; }
.download-popup-title { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: rgba(0, 0, 0, 0.78); text-align: center; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #444; }
.download-popup-attachment { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.attachment { display: flex; justify-content: flex-start; align-items: center; border: 1px solid #D8D8D8; padding: 8px 16px; margin-right: 10px; margin-bottom: 10px; border-radius: 50px; display: none; }
.attachment-img { width: 24px; height: 24px; margin-right: 4px; }
.attachment .attachment-text { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.58); margin-right: 4px; }
.attachment-close { background: url('/images/common/attachment_delete_2x.png') no-repeat center center/contain; width: 16px; height: 16px; }
.attachment-pre-img { margin-bottom: 24px; padding-bottom: 24px; margin-top: 18px; border-bottom: 1px solid #ddd; }
.download-attachment-btn-pos { text-align: center; }
.download-attachment-btn { display: inline-block; text-align: center; background: #47C2CB; padding: 16px 24px; border-radius: 40px; font-size: 18px; font-weight: 700; color: #fff; }

/* 230504 video popup */
.no-video { position: relative; display: flex; height: auto; justify-content: center; align-items: center; flex-direction: column; height: 100%; background: #000; }
.no-video img {object-fit:contain;}


/* 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;}
.theme-qr img {display: inline-block;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 strong {position: relative; display: block;color : #fa2828; text-align: center;}
.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_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; width: 18px; height: 18px; background: url("/images/common/ico_close_2x.png") no-repeat center; background-size: 18px 18px; color:transparent; }
/* }230525 'QR 결제' 팝업 예외처리 */


/* 240311 학습시작일 선택 모달 { */

.modal_examination_date .guidance-text { display: flex; padding: 16px 20px; background: #F5F5F5; color: rgba(0, 0, 0, 0.58); }
.modal_examination_date .guidance-text img { max-height: 64px; max-width: 64px; margin-right: 10px; }
.modal_examination_date .guidance-text ul li { font-size: 16px; font-weight: 400; line-height: 1.6; color: rgba(0, 0, 0, .58); display: flex; justify-content: flex-start; align-items: flex-start; word-break: keep-all; }
.modal_examination_date .guidance-text ul li::before { content: ''; position: relative; min-width: 4px; min-height: 4px; background-color: rgba(0, 0, 0, .58); border-radius: 50%; margin-right: 6px; margin-top: 10px; }

/* }240311 학습시작일 선택 모달 */


 /* 231108 온라인 수강신청 안내페이지 */
 .online { position: relative; display: block; max-width: 1024px; padding: 0 16px; margin: 0 auto; } 
 .online_header { margin-top: 80px; padding-top: 16px; border-top: 2px solid #222; } 
 .oh_pos { display: flex; justify-content: space-between; align-items: center; } 
 .oh_pos.flex_re { flex-direction: row-reverse; padding-top: 16px; } 
 .oh_logo { display: flex; justify-content: flex-start; align-items: center; } 
 .oh_logo a { position: relative; width: 112px; height: 64px; } 
 .oh_logo a img { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } 
 .oh_logo span { font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-left: 34px; position: relative; display: block; padding-top: 20px; } 
 .oh_logo span::before { content: ''; position: absolute; bottom: 2px; left: -17px; display: block; width: 2px; height: 16px; background: #222; } 

 .oh_info { position: relative; display: flex; justify-content: center; align-items: center; border: 1px solid #222; border-radius: 6px; } 
 .oh_info div { position: relative; display: flex; flex-direction: column; align-items: center; padding: 16px 24px; } 
 .oh_info div span { font-family: Noto Sans; font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: -1px; text-align: center; color: var(--theme-color); } 
 .oh_info div strong { } 
 .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: 16px; margin-bottom: 40px; } 
 .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; 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: 10px 0; margin: 0 auto; border: 2px solid #222; margin-bottom: 8px; border-radius: 8px; padding-right: 16px; } 
 .online_body .ob_taker li span { font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; color: rgba(0, 0, 0, 0.78); border-right: 1px solid #222; min-width: 100px; text-align: center; } 
 .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; } 
 .online_test_start { display: block; text-align: center; padding-bottom: 48px; } 
 .online_test_start a { position: relative; display: inline-block; padding: 30px 56px; background: var(--theme-color); border-radius: 8px; 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; border-bottom: 1px solid #45546B; } 
 .of_caution { min-width: 280px; display: flex; justify-content: flex-start; align-items: center; padding-top: 24px; border-top: 1px solid #45546B; } 
 .of_caution span { margin-top: -7px; font-size: 14px; font-weight: 700; line-height: 1.6; } 
 .of_caution svg { width: 28px; height: 29px; margin-right: 6px; } 
 .of_caution_list { flex-grow: 1; padding-top: 27.5px; 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; color: rgba(0,0,0,.58); } 
 .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; } 

 .oh_back { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
 letter-spacing: -1px; } 
 .oh_back div { width: 72px; height: 72px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 10px 10px 0px rgba(63, 63, 63, 0.12); border: 1px solid #999999; border-radius: 100%; margin-right: 16px; } 
 .oh_back:hover div { background-color: var(--theme-color); border: 1px solid var(--theme-color); } 
 .oh_back:hover div path { stroke: #fff; } 

 .online_notice { display: flex; justify-content: flex-start; flex-direction: column; } 
 .online_notice h4 { margin-bottom: 16px; padding-top: 32px; font-size: 38px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
 .online_notice span { margin-bottom: 32px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
 .online_notice .on_box { display: block; max-width: 444px; width: 100%; margin: 0 auto; margin-bottom: 32px; display: flex; justify-content: space-between; align-items: baseline; border: 1px solid #222; padding: 48px 40px; border-radius: 8px; } 
 .online_notice .on_box span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, .58); } 
 .online_notice .on_box b { font-size: 22px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; text-align: right; } 
 .online_notice .on_btn { padding: 30.5px 0; position: relative; display: block; margin: 0 auto; margin-bottom: 96px; width: 100%; max-width: 271px; border-radius: 8px;font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #fff; background-color: var(--theme-color); } 

 
 /* 비밀번호 리셋 */
#container { padding-top: 100px; } 

.pw_reset { position: relative; display: block; margin: 0 auto; max-width: 588px; padding: 0 16px; margin-top: -40px; } 
.pw_reset_notice { box-shadow: 0px 10px 10px 0px rgba(63, 63, 63, 0.07); display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #d8d8d8; padding: 24px 20px; border-radius: 8px; margin-bottom: 16px; } 
.pw_reset_notice svg { margin-bottom: 24px; } 
.pw_reset_notice strong { margin-bottom: 16px; font-size: 16px; font-weight: 700; line-height: 1.6px; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.78); } 
.pw_reset_notice p { white-space: pre-line; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
.pw_reset_inputbox { padding-bottom: 50px; } 
.pw_reset_inputbox>div>span { position: relative; display: block; border-bottom: 2px solid #222222; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; padding-bottom: 16px; color: rgba(0, 0, 0, 0.78); } 

.pw_reset .mb-info { padding: 16px 0; } 
.pw_reset .form-list b { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-bottom: 4px; } 
.pw_reset .form-list .input-text { background-color: #f7f7f7; box-shadow: 0px 1px 0px 0px rgba(63, 63, 63, 0.07); color: rgba(0, 0, 0, 0.38); height: 40px !important; font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; padding-left: 8px; } 
.pw_reset .mb-info .info-list > li { margin-bottom: 16px; } 
.pw_reset .form-list .phone-input .phone-write select { padding-left: 8px; height: 40px !important; background-color: #f7f7f7; box-shadow: 0px 1px 0px 0px rgba(63, 63, 63, 0.07); color: rgba(0, 0, 0, 0.38); } 

.pw_reset .mb-info .info-list button { white-space: nowrap; border-radius: 8px; position: relative; top: initial; right: initial; transform: initial; padding: 10px 16px !important; font-size: 12px !important; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; min-width: 96px; margin-top: 0; } 
.pw_reset .mb-phone button { background-color: rgba(0, 0, 0, 0.78) !important; color: #fff; } 
.pw_reset .form-list .phone-input .phone-write:last-child, .form-list .phone-input .phone-write { margin-right: 16px; } 
.pw_reset .form-list .phone-input .phone-write { width: calc(33.3% - 16px); } 

.pw_reset .form-list > li > div { display: flex; } 
.pw_reset .mb-confirm > div > input { margin-right: 16px; width: calc(100% - 16px); background-color: transparent !important; box-shadow: none !important; border-bottom: 1px solid #ddd; } 
.pw_reset .mb-confirm > div > input::placeholder { color: rgba(0, 0, 0, 0.3); font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
.pw_reset .mb-confirm > div > button { color: rgba(0, 0, 0, 0.58); } 
.pw_reset .mb-confirm > div > span { margin-right: 16px; width: calc(100% - 16px); background-color: transparent !important; box-shadow: none !important; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 700; line-height: 40px; letter-spacing: -1px; text-align: left; color: #D23040; padding-left: 8px; } 

.pw_reset .mb-pwd .input-text { background-color: transparent; } 
.pw_reset .pw_reset_inputbox button.apply { width: 100%; background-color: var(--theme-color); border: none; color: #fff; padding: 16px !important; font-size: 16px !important; line-height: 1.2; } 
/* 비밀번호 리셋 */

/* 계정 확인 메뉴 */
.reserv-dates-calendar { padding: 16px 0; } 
.sub-account-list { position: relative; max-width: 1232px; margin: 0 auto; padding: 0 16px; } 
.sub-account-list h3 { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; padding-bottom: 16px; } 
.sub-account-list>.sub-account-table { width: 100%; overflow: auto; } 
.sub-account-list>.sub-account-table>.scroll { width: 100%; } 
.sub-account-list .thead { display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.sub-account-list ul>li { flex-grow: 1; flex: 1; margin-right: 4px; font-size: 13px; line-height: 1.4; } 
.sub-account-list ul>li:last-child { margin-right: 0; } 
.sub-account-list ul>li.num { max-width: 50px; min-width: 40px; } 
.sub-account-list ul>li.goods { max-width: 30%; min-width: 200px; } 
.sub-account-list ul>li.remain { max-width: 5%; min-width: 49px; } 
.sub-account-list ul>li.name { max-width: 5%; min-width: 49px; } 
.sub-account-list ul>li.date { max-width: 11%; min-width: 71px; } 
.sub-account-list ul>li.date button { display: flex; justify-content: space-between; align-items: center; color: #000; width: 100%; color: #000; font-weight: 600; border: 1px solid #ddd; border-radius: 4px; padding: 4px; letter-spacing: -1px; } 
.sub-account-list ul>li.date i { width: 24px; height: 24px; background: url(/images/common/sub_account_date_2x.png) no-repeat right center; background-size: 24px 24px; } 

.sub-account-list ul>li.school { max-width: 9%; min-width: 90px; } 
.sub-account-list ul>li.account { max-width: 11%; } 
.sub-account-list ul>li.site { max-width: 13%; } 

.sub-account-list .thead li { display: flex; justify-content: center; align-items: center; border-top: 2px solid var(--theme-color); border-top: 2px solid #005aa0; min-height: 32px; padding: 8px; font-weight: 700; color: #000; border-bottom: 1px solid #ddd; white-space:nowrap; } 
.sub-account-list .tbody { display: flex; justify-content: space-between; align-items: stretch; } 
.sub-account-list .tbody li { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; word-break: break-all; text-align: center; min-height: 32px; padding: 8px; font-weight: 400; color: rgba(0, 0, 0, 0.58); border-bottom: 1px solid #ddd; } 
.sub-account-list .tbody li.goods { justify-content: left; text-align: left; } 
.sub-account-list .tbody li.account { padding-bottom: 4px; } 
.sub-account-list .tbody li.site { flex-direction: column; padding-bottom: 6px; } 
.sub-account-list .tbody li a { position: relative; display: block; font-size: 13px; font-weight: 700; line-height: 1.4; color: rgba(0, 0, 0, .58); width: 100%; margin-bottom: 2px; color: var(--theme-color); text-decoration: underline; } 
.sub-account-list .tbody li.account button { border: 1px solid #eee; border-radius: 4px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1.4; color: rgba(0, 0, 0, .58); background-color: #fff; margin-right: 3px; margin-bottom: 4px; box-shadow: 0 0px 2px rgba(63, 63, 63,0.12); } 
.sub-account-list .tbody li.account button:hover { color: var(--theme-color); border: 1px solid var(--theme-color); } 
.sub-account-list .tbody li.account button:last-child { margin-right: 0; } 
.sub-account-list .tbody li.site a { width: inherit; } 

.sub_tit_mo { display: none; }

.go_homepage { position: relative; display: block; margin-bottom: 16px; }
.go_homepage a { padding: 11px 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;}



/* myON 결제링크상품 */
.book-mall-cont { 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 { font-size: 16px; font-weight: 700; line-height: 1.2; }
.book-mall-cont button { border:0; }