/*table common*/
table,
td,
tr,
th { border-spacing: 0; margin: 0; padding: 0; } 
caption { width: 0; font-size: 0; text-indent: -9999px; overflow: hidden; height: 0; } 

.table_normal { position: relative; width: 100%; table-layout: fixed; border-top: none; border-bottom: 1px solid #d7d7d7; border-spacing: 0px; } 
.table_normal thead tr th { background-color: #f3f3f3; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #000; padding: 10px 0; text-align: center; font-size: 15px; font-weight: 500; } 
.table_normal .borderL-N { border-left: none; } 
.table_normal .borderL { border-left: 1px solid #d7d7d7 !important; } 
.table_normal thead tr th>div { position: relative; } 
.table_normal thead tr td.gc>div { position: relative; } 
.table_normal thead tr th.borderB { border-bottom: 1px solid #d7d7d7; } 
.table_normal thead tr td { padding: 14px 20px; } 
.table_normal tfoot tr th { border-top: 1px solid #D7D7D7; color: #000; padding: 10px 0px; text-align: center; font-size: 15px } 
.table_normal tbody tr th { border-bottom: 1px solid #D7D7D7; color: #000; padding: 15px; font-size: 15px; font-weight: 500; } 
.table_normal tbody tr th.grayBg { background-color: #f3f3f3; }

.table_normal tbody tr td { color: #555; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 15px 16px; font-size: 15px; font-weight: 400; } 
.table_normal thead tr th:first-child, .table_normal tbody tr td:first-child { border-left: none; } 
.table_normal tbody tr td pre { white-space: pre-wrap; font-family: "Noto Sans KR", sans-serif; } 
.table_normal tbody tr td.borderL { border-left: 1px solid #d7d7d7; } 
.table_normal tbody tr td.subject a { font-size: 15px; color: #000; transition: 0.3s all ease; } 
.table_normal tbody tr td.subject a:hover { color: #00479D; } 
.table_normal tbody tr td.subject strong { font-size: 15px; font-weight: 500; color: #000; } 
.table_normal tbody tr td.subject p { font-size: 15px; color: #000; } 
.table_normal tbody tr.notice td { background-color: #FFF7EF; } 
.table_normal tbody tr:hover td.subject a { color: #00479D; } 
.table_normal tbody tr:hover td.subject a:hover,
.table_normal tbody tr td.subject a:hover p { color: #00479D; } 
.table_normal tbody tr:hover td.subject a .txt_gray { color: #00479D; } 

.table_normal tbody tr td input[type="file"] { width: 100%; padding: 0; } 
.table_normal tbody tr td input.fullInput[type="text"] { width: 99%; padding: 0 5px; } 
.table_normal tbody tr td input.textInput75[type="text"] { width: 75%; padding: 0 5px; } 
.table_normal tbody tr td input.textInput50[type="text"] { width: 50%; padding: 0 5px; } 
.table_normal tbody tr td input.textInput25[type="text"] { width: 25%; padding: 0 5px; } 

.table_normal thead tr th.lightblueBg,
.table_normal thead tr td.lightblueBg,
.table_normal tfoot tr th.lightblueBg,
.table_normal tfoot tr td.lightblueBg,
.table_normal tbody tr th.lightblueBg,
.table_normal tbody tr td.lightblueBg { background-color: #F2F9FE; } 

.table_normal thead tr th.lightgrayBg,
.table_normal thead tr td.lightgrayBg,
.table_normal tfoot tr th.lightgrayBg,
.table_normal tfoot tr td.lightgrayBg,
.table_normal tbody tr th.lightgrayBg,
.table_normal tbody tr td.lightgrayBg { background-color: #f3f3f3; } 

.table_normal tbody tr th.borderTnone { border-top: none; } 
.table_normal tbody tr td.txt_blue { color: #00479D; } 
.table_normal tbody tr td.txt_red { color: #EE3520; } 
.table_normal tbody tr td.bold { font-weight: 500; } 
.table_normal tbody tr td.textSize14,
.table_normal tbody tr td .textSize14 { font-size: 14px; } 
.table_normal tbody tr td.textSize15,
.table_normal tbody tr td .textSize15 { font-size: 15px; } 
.table_normal tbody tr td.textSize16,
.table_normal tbody tr td .textSize16 { font-size: 16px; } 
.table_normal tbody tr td.textBoxIn { padding: 0px; } 
.table_normal tbody tr td.pad0 { padding: 0px; } 
.table_normal tbody tr td.pad0 button { margin-left: 0; margin-right: 0; } 
.table_normal tbody tr td.pad15 { padding: 14px 15px; } 
.table_normal .notice .fa-volume-low { color: #FF5722; } 

.starBg { position: relative; } 
.starBg:after { content: '*'; position: absolute; color: #F62A09; margin: -2px 0 0 1px; } 

/*board-write (테이블 상세)*/
.table_normal.board-read { table-layout: auto; border-top: 1px solid #000; } 
.table_normal.board-read>tbody>tr>td { border-left: none; } 
.table_normal.board-read tbody tr td.textBoxIn { padding: 0px; } 
.table_normal.board-write { table-layout: auto; border-top: 1px solid #000; } 
.table_normal.board-write .board__file, .table_normal.board-read .board__file { padding: 0; border:none; } 
.table_normal.board-write>tbody>tr>td { padding: 8px 16px; border-left: none; } 
.table_normal.board-read.tbBlue>tbody>tr>td { border-top: 1px solid #d7d7d7; } 
.editer-area .subtitle { color: #000; padding: 15px; font-size: 15px; font-weight: 500; } 

/*게시물 이전다음 영역*/
.tableNextButtonBox { display: flex; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #000; height: 90px; margin-bottom: 50px; background-color: #fff; } 
.tableNextButtonBoxL { width: 50%; position: relative; height: 87px; z-index: 1; transition: all .3s; } 
.tableNextButtonBoxL:before { display: block; content: ''; width: 0%; height: 100%; background-color: #E8F2FF; position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .3s; } 
.tableNextButtonBoxL:after { content: ""; border-right: 1px dashed #d7d7d7; position: absolute; right: 0px; top: 0px; height: 87px; } 

.tableNextButtonBox a .fa-solid { position: absolute; top: 29%; bottom: 50%; font-size: 35px; color: #000; width: 15px; opacity: 0.3; transition: 0.3s all ease; } 
.tableNextButtonBoxL a .prevIcon { left: 20px; } 
.tableNextButtonBoxR a .nextIcon { right:30px; } 
.tableNextButtonBoxL a,
.tableNextButtonBoxR a { display: block; } 

.tableNextButtonBoxL strong { margin: 20px 0px 4px 0px; font-size: 16px; display: block; color: #666; font-weight: 500; } 
.tableNextButtonBoxL .text { padding-right: 30px; font-size: 15px; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #555; } 
.tableNextButtonBoxR { width: 50%; position: relative; height: 87px; z-index: 1; } 
.tableNextButtonBoxR:before { display: block; content: ''; width: 0%; height: 100%; background-color: #E8F2FF; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all .3s; } 

.tableNextButtonBoxR img { position: absolute; font-size: 60px; color: #000; width: 15px; opacity: 0.3; transition: 0.3s all ease; } 
.tableNextButtonBoxR img.nextImg { right: 24px; top: 32px; } 
.tableNextButtonBoxR strong { margin: 20px 0px 4px 0px; text-align: right; font-size: 16px; display: block; color: #666; font-weight: 500; } 
.tableNextButtonBoxR .text { padding-left: 30px; text-align: right; font-size: 16px; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #555; } 

.tableNextButtonBoxL:hover:before,
.tableNextButtonBoxR:hover:before { width: 100%; } 
.tableNextButtonBoxL:hover .text,
.tableNextButtonBoxR:hover .text { color: #00479D; } 
.tableNextButtonBoxL:hover strong,
.tableNextButtonBoxR:hover strong { color: #00479D; } 
.tableNextButtonBoxL:hover .fa-solid,
.tableNextButtonBoxR:hover .fa-solid { color: #00479D; opacity: 0.6; } 

.prevButtonIn { position: relative; margin-left: 65px; padding-left: 20px; } 
.prevButtonIn:before { content: ''; position: absolute; top: 13px; left: 0px; border-left: 1px solid #e1e1e1; width: 1px; height: 20px; } 
.nextButtonIn { position: relative; margin-right: 65px; padding-right: 20px; } 
.nextButtonIn:before { content: ''; position: absolute; top: 13px; right: 0px; border-left: 1px solid #e1e1e1; width: 1px; height: 20px; } 

/* 작성 페이지 */
.board-write { border-top: 1px solid #000; } 
.board-cell { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid #d7d7d7; } 
.board-cell.vertical { flex-direction: column; align-items: flex-start; } 
.board-cell.secret { border-top: none !important; border-bottom: none !important; } 
.board-cell.secret input[type="checkbox"].wv-check+label>span { vertical-align: text-bottom; } 

/* 썸네일뷰 리스트 */
.listTableItem { margin-bottom: 20px; border: 1px solid #E0E0E0; border-radius: 15px; transition: .3s all ease; } 
.listTableItem:hover { background-color: #F4F8FF;} 
.listTableItem>a { display: flex; flex-wrap: wrap; align-items: center; } 
.listTableItem .listThumb { position: relative; width: 300px; overflow: hidden; background: #f2f2f2; } 
.listTableItem .listThumb.small { width: 150px; } 
.listTableItem .listThumb img { position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 100%; object-fit:cover; transform: translateY(-50%); width: 100%; height: 100%; } 
.listTableItem .listInfo { position: relative; flex: 1; padding: 16px; } 
.listTableItem .list-top {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 5px;}
.listTableItem .list-tag {display: flex;gap: 6px;}
.listTableItem .list-tag span {font-size: 13px;display: inline-flex;background-color: #F8F9FA;border: 1px solid #DBDBDB;border-radius: 20px;padding: 3px 10px;}
.listTableItem .listInfoSubT { display: flex; align-items: center; } 
.listInfoSubT .title { font-size: 15px; } 
.listInfoSubT .tag { width: auto; margin-left: 7px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } 
.listTableItem .listInfoT { border-bottom: 1px dotted #DBDBDB; padding-bottom: 15px; margin-bottom: 10px;} 
.listTableItem .listInfoT p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 500; font-size: 22px; color: #000; } 
.listTableItem .member { position: absolute; top: -3px; right: 0; } 

.member { text-align: right; margin: 0 0 10px 0; } 
.member strong { font-size: 24px; color: #01A78A; } 
.member span { font-size: 20px; color: #666; } 
.listTableItem .listInfoIn { display: flex; align-items: center; } 
.listInfoInWrap { flex: 5; margin-top: 15px; } 
.listInfoInWrap ul { display: flex; flex-wrap: wrap; } 
.listInfoInWrap ul li { display: flex; flex-wrap: wrap; margin: 5px 0; font-size: 16px; } 
.listInfoInWrap ul:nth-child(1) li:first-child { margin-right: 100px; } 
.listInfoInWrap ul:nth-child(2) { flex-direction: column; } 
.listInfoInWrap ul li strong { margin-right: 15px; color: #000; } 
.listTableItem .listInfoIn button { flex: 1; padding: 12px 0; } 
.listTableItem .listInfoIn button br { display: none; } 
.listTableItem .content-text {margin-top: 10px;padding: 10px 0 0;min-height: 55px;line-height: 1.7;border-top: 1px solid #ddd;} 
.listTableItem .empty { justify-content: center; } 

.listTableItem .listThumb.video::before { position: absolute; top: 50%; left: 50%; z-index: 2; content: ""; width: 50px; height: 50px; transform: translate(-50%, -50%); background: url("../images/ic_play.svg") no-repeat center / 100%; } 
.listTableItem .listThumb.video::after { content: ''; display: inline-block; width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); } 

.member-only-mark {display: inline-flex; margin: 5px 0 5px 10px; max-width: 82px; vertical-align: middle;}
.member-only-mark img {width: 100%; object-fit: contain;}

/* faq */
.faq_normal { display: inline-block; width: 100%; overflow: visible; border-top: 1px solid #BDC9D5; border-bottom: none;overflow-y: auto; } 
.faq_normal a { display: block; border-bottom: none; position: relative; padding: 21px 28px; position: relative; font-size: 16px; color: #333; font-weight: bold; transition: all 0.3s ease; } 
.faq_normal a .txt { display: inline-block; margin-left: 64px; margin-right: 30px; font-weight: 400; font-size: 18px; color: #2A2D33; padding-right: 30px; } 
.faq_normal a.on .txt { font-weight: 500; } 
.faq_normal a span { transition: 0.3s all ease; } 
.faq_normal a .icon { position: absolute; right: 20px; top: 33px; margin-top: -8px; transition: all .3s ease; font-size: 23px; font-weight: 600; color: #555; transform: rotate(180deg); } 
.faq_normal a.on .icon { transform: rotate(0deg); } 
.faq_normal a .faq_q { width: 36px; height: 36px; line-height: 34px; font-weight: 500; border-radius: 50%; background-color: #00479D; display: inline-block; text-align: center; color: white; position: absolute; top: 50%; left: 28px; margin-top: -18px; } 
.faq_normal>ul>li { border-bottom: 1px solid #BDC9D5; } 
.faq_content { display: none; padding: 24px 28px; overflow: hidden; background-color: #F2F9FE; border-bottom: none; font-size: 14px; position: relative } 
.faq_content .faq_a { float: left; width: 36px; height: 36px; line-height: 34px; border-radius: 50%; background-color: #555; text-align: center; color: white; font-weight: 500; font-size: 16px; } 
.faq_content .txt { margin-left: 64px; font-size: 16px; color: #555; } 
.faq_normal a .txt .faqTag { margin-right: 8px; font-weight: 400; color: #00479D; } 
.faq_normal a.on .txt .faqTag { font-weight: 500; } 

/* round box */
.round-box12 { border: 1px solid #DEDEDE; border-radius: 12px; } 

/* 콘텐츠 아이템 */
.content-thumbnail-item { font-size: 16px; background: #ffffff; transition: 0.3s; } 
.content-thumbnail-item + .content-thumbnail-item { margin-top: 20px; } 
.content-thumbnail-item .content-inner { display: block; padding: 21px; } 
.content-thumbnail-item.hover:hover { background: #F4F8FF; } 
.content-thumbnail-item .top-area { display: flex; align-items: center; } 
.content-thumbnail-item .thumbnail-img { position: relative; width: 313px; margin-right: 3%; flex-shrink: 0; overflow: hidden; border-radius: 8px; background: #DEDEDE; } 
.thumbnail-img.video::before { position: absolute; top: 50%; left: 50%; z-index: 2; content: ""; width: 66px; height: 66px; transform: translate(-50%, -50%); background: url("../images/ic_play.svg") no-repeat center / 100%; } 
.thumbnail-img.video::after { content: ''; display: inline-block; width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); } 
.content-thumbnail-item .thumbnail-img .img-wrap { position: relative; height: 0; padding-bottom: 67.09%; } 
.content-thumbnail-item .thumbnail-img img { position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transform: translateY(-50%); } 
.content-thumbnail-item .info-group { flex-grow: 1; } 
.content-thumbnail-item .text-category { margin-bottom: 8px; padding-top: 8px; font-weight: 500; } 
.content-thumbnail-item .title-group { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 25px; border-bottom: 1px dotted #BFBFBF; } 
.content-thumbnail-item .content-title { font-size: 22px; font-weight: 500; margin-right: 20px; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.content-thumbnail-item .info-text-group { padding-top: 20px; } 

.info-text-group { font-size: 16px; } 
.info-text-group dl { display: flex; align-items: flex-start; margin: 0; } 
.info-text-group .col-group dl+dl { margin-top: 10px; } 
.info-text-group .col-group dl+dl.col { flex-direction: column; } 
.info-text-group .row-group { display: flex; flex-wrap: wrap; } 
.info-text-group .row-group dl { margin: 5px 40px 5px 0; word-break: keep-all; align-items: center; } 
.info-text-group .row-group dl:last-child { margin-right: 0; } 
.info-text-group .info-list dt { flex-shrink: 0; padding-right: 7px; color: #767676; } 
.info-text-group .info-list dt span { word-break: break-all; } 
.content-thumbnail-item .info-list .like-icon { color: #a1a1a1; } 
.info-text-group .info-list dd { margin: 0; word-break: keep-all; color: #121212; } 
.content-thumbnail-item .content-text { margin-top: 30px; padding: 20px 10px 0; line-height: 1.7; border-top: 1px solid #DEDEDE; } 

.selectToggle .on a { color:#000; font-weight: 500; } 

/* 공통 테이블 형식 리스트 */
.primary-table__list { border-top: 1px solid #121212; } 
.primary-table__list .table__list { display: flex; align-items: center; text-align: center; border-bottom: 1px solid #DEDEDE; } 
.primary-table__list .table__item { padding: 27px 14px; min-width: 12%; } 
.primary-table__list .table__item.writer { max-width: 20%; min-width: 20%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.primary-table__list .table__item:not(.title-text) { flex-shrink: 0; } 
.primary-table__list .title-text { flex-grow:1; text-align: left; } 
.primary-table__list .title-text.new::before { content: 'N'; position: relative; top: -1px; background-color: #466DEF; color: #fff; display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; margin-right: 3px; } 
.primary-table__list .title-text a { color: #000; font-weight: 500; } 
.primary-table__list .title-text a:hover { color:#466DEF; } 
.primary-table__list .empty__item { padding: 28px 0; justify-content: center; } 
.primary-table__list .date { font-size: 15px; color: #767676; } 
.primary-table__list .private .title-text::before { content: "\f023"; font-family: "Font Awesome 6 Free"; font-weight: 600; margin-right: 5px; color: #466DEF; } 
.primary-table__list .private-after .title-text::after { content: "\f023"; font-family: "Font Awesome 6 Free"; font-weight: 600; margin-left: 10px; color: #466DEF; } 
.board-list .table__list { justify-content: space-between; } 
.board-list .title { width: 70%; text-align: left; padding: 20px; } 
.board-list .date { padding: 20px; } 
.board-list .empty__item { justify-content: center; } 

/*공지사항 리스트 유형*/
.noticIcon { width: 15px; } 
.primary-table__list.notice .table__item.num { min-width: 5%; } 
.primary-table__list .table__item.status { min-width: 112px; } 
.primary-table__list .table__item.comment { min-width: 112px; } 

/* 게시물 상세 */
.board__head { border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; } 
.board__title { margin: 30px 0 20px 0; font-size: 25px; font-weight: 500; color: #000; } 
.board__info { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 20px; font-size: 15px; color: #767676; } 
.board__info-date { display: flex; gap: 30px; align-items: center;} 
.board__info strong { color: #000; } 
.board__file { display: flex; flex-direction: column; gap: 10px; padding: 24px 0; border-top: 1px solid #EDEDED; } 
.board__file-items { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } 
.board__file-item .file-name { font-size: 15px; color: #000; } 
.board__file-item .file-icon { display: inline-flex; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; align-items: center; justify-content: center; color: #466DEF; font-size: 15px; background-color: #e3ecfc; } 
.board__file-items .file-view { border: 1px solid #EDEDED; border-radius: 20px; font-size: 13px; padding: 2px 10px; display: flex; align-items: center; gap: 5px; } 
.board__file-items .file-view i { color: #466DEF; } 
.board__file-items .file-view span { color: #767676; } 
.board__file-item.file-down:hover .file-name { color: #466DEF } 
.board__file-items .file-view span:hover { color: #000; } 
.board__body { min-height: 300px; padding: 30px 0; font-size: 16px; } 
.board__body img { max-width: 100%; } 

.qna .board__body { margin: 40px 0; padding: 20px; border: 1px solid #DEDEDE; } 

/* 게시물 답변 */
.board-comment { padding: 40px 0 0; } 
.board-comment .board__body { background: #F8F9FA; } 
.board-comment .board__head .conT6 { padding: 20px 0; } 

/* 댓글/코멘트 영역 */
.comment-box { border: 1px solid #EDEDED; border-radius: 15px; margin-bottom: 20px; } 
.comment-box .top-area { position: relative; padding: 20px; background-color: #F4F8FF; border-radius: 15px 15px 0 0; } 
.comment-box .top-area::before { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 20px; transform: translateY(100%); background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0) 100%); } 
.comment-num { display: flex; align-items: center; margin-bottom: 20px; } 
.comment-num p { font-size: 20px; color: #000; font-weight: 500; } 
.comment-num span { margin-left: 8px; font-size: 15px; color: #466DEF; } 
.comment-write { display: flex; position: relative; } 
.comment-write textarea { overflow: hidden; height: 45px; min-height: 45px; max-height: 200px; padding: 11px 38px 11px 15px; font-size: 14px; border: 1px solid #466DEF; border-radius: 25px; } 
.comment-write textarea.scrollBar { overflow: auto; } 
.comment-write textarea::placeholder { font-size: 16px; } 
.comment-write button { position: absolute; right: 0px; bottom: 0px; background: none; min-width: 55px; min-height: 47px; color: #466DEF; } 
.comment-list { padding: 0 25px; } 
.comment-list-wrap { max-height: 695px; overflow-y: scroll; } 
.comment-item { padding: 20px 0; } 
.comment-item + .comment-item { border-top: 1px solid #EDEDED; } 
.comment-item .item-text { display: flex; flex-wrap: wrap; margin-bottom: 11px; } 
.comment-item .user-name { margin-right: 10px; font-size: 15px; font-weight: 500; color: #121212; } 
.comment-item .time { font-size: 14px; color: #ACACAC; } 
.comment-item .time::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background: #ACACAC; } 
.comment-item .text { color: #121212; } 
.comment-item button { padding: 0; margin-top: 12px; background: transparent; font-size: 14px; color: #466DEF; font-weight: 500; } 
.comment-item button + button { margin-left: 30px; } 
.comment-item button > i { margin-right: 5px; } 
.comment-box .delete--btn { color: #8b8b8b; } 
.comment-box .delete--btn:hover { color: rgb(255, 64, 30); } 
.comment-list-wrap::-webkit-scrollbar { width: 3px; } 
.comment-list-wrap::-webkit-scrollbar-thumb { max-height: 80%; background: #d5dfff; } 
.comment-list-wrap::-webkit-scrollbar-track { background: transparent; } 

/* 답글 영역 */
.reply-wrap { margin-top: 20px; border-top: 1px solid #EDEDED; } 
.reply-wrap.hidden { margin-top: 0px; } 
.reply-wrap .comment-item { padding: 20px 0 0; } 
.reply-wrap .comment-list { padding: 0; } 

/* 답글 작성 영역 */
.comment-write.reply { position: relative; align-items: center; gap: 10px; margin-top: 10px; } 
.comment-write.reply.hidden { display: none; } 
.comment-write.reply button { margin: 0; border:none; } 
.comment-write.reply textarea { padding-right: 50px; } 
.reply-wrap .comment-cont { padding-left: 20px; } 

/* ===== 검색영역 ===== */
.searchBox { position: relative; margin-bottom:60px; padding:0 16px; background-color:#F5F5F5; } 
.searchBox .formGroup { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin:0 auto; padding: 33px 0 33px 0; overflow:hidden; } 
.searchBox .formGroup.onlyInput { max-width:612px; } 
.searchBox .formGroup.onlySelect { flex-wrap: nowrap; } 
.searchBox .formGroup.selectDoubleInput { max-width:890px; } 
.searchBox .formGroup.checkInput { max-width:800px; } 
.searchBox .formGroup.radioInput { max-width:950px; } 
.searchBox .formGroup.titleSelect { max-width: 1024px; display: flex; align-items: center; justify-content: space-between; } 
.searchBox .titleSelect .searchSelect { position: relative; top: 0; width: calc(100% - 156px); margin:0; background-position-x: 99%; } 
.searchBox .formGroup.titleSelect strong { font-size:18px; } 
.searchBox .formGroup label { vertical-align:middle; border-radius:3px; text-align:center; font-size:12px; color:#333; font-weight:500; } 
.searchBox .formGroup label.skip { position: absolute; font-size: 0; width: 0; min-width:0px; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden; } 
.searchBox .searchSelect { min-width: 120px; height:52px; border:1px solid #D7D7D7; font-size:16px; font-weight: 500; color:#000; /* background: url(../../user/images/ic_selectBSArrow.png) #fff no-repeat; background-size: 10px; */ padding: 0 20px 0 5px; background-position: calc(100% - 10px) 50%; cursor:pointer; transition: 0.3s all ease; } 
.searchBox .classSelect { position:relative; top:0; left:0; width:467px; height:52px; padding-left:5px; border:1px solid #D7D7D7; font-size:16px; font-weight: 500; color:#000; /*background: url(../../user/images/ic_selectBSArrow.png) #fff no-repeat 98% 50%; background-size: 10px; */cursor:pointer; transition: 0.3s all ease; } 
.searchBox .searchInput { position: relative; flex: 1; display: flex; min-width: 300px; max-width: 600px; } 
.searchBox .formGroup.onlyInput .searchInput { width: 560px; margin-left:0px; } 
.searchBox .formGroup.selectDoubleInput .searchSelect { position: relative; float: left; top: 0; } 
.searchBox .formGroup.selectDoubleInput .searchInput { float: left; width:460px; margin-left:0px; } 
.searchBox .searchInput input[type='text'] { width:100%; height:52px; border:1px solid #D7D7D7; font-size:15px; text-indent: 10px; font-weight: 500; color:#666; border-radius:0px; } 
.searchBox .searchInput input::placeholder { font-size:16px; font-weight:500; } 
.searchBox .searchInput input:-ms-input-placeholder { font-size:16px; font-weight:500; } 
.searchBox .searchInput input::-webkit-input-placeholder { font-size:16px; font-weight:500; } 
.searchBox .searchInput input:-moz-placeholder { font-size:16px; font-weight:500; } 
.searchBox .searchBtn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 52px; height: 52px; background-color: #00479D; border: 1px solid #00479D; cursor:pointer; color:#fff; } 
.searchBox .searchBtn .searchIcon { position: relative; top: 1px; font-size: 21px; color: #fff; } 
.searchBox .searchBtn .icon-search { font-size:30px; } 
.formGroup .formT { margin: 0 0 16px 0; font-size: 18px; font-weight: 500; color: #000; } 
.searchBox .btn--add {height: 52px;border: 1px solid #00479D;font-size: 15px;text-indent: 10px;font-weight: 500;color: #fff;border-radius: 0px;background-color: #00479D;display: flex;align-items: center;gap: 30px;padding-right: 15px;}
.searchBox .btn--add img {width: 22px;margin-left: 8px;}

/* 상세검색 영역 ­*/
.searchBoxDetial { margin-bottom: 15px; } 
.searchBoxDetial .basicSelect { width:105px; height:36px; margin:0; font-size:16px; font-weight:500; color:#000; background-position: 92% 50%; } 

.searchTitle { position: relative; height: 52px; line-height: 52px; background-color: #D0D7E1; } 
.searchTitle a { display: block; padding: 0 24px; font-size: 18px; font-weight: 500; color: #000; } 
.searchTitle .txt { } 
.searchTitle a .icon { position: absolute; right: 24px; top: 50%; margin-top: -8px; transition: all .3s ease; font-size: 14px; font-weight: 600; } 
.searchTitle a.on .icon { transform: rotate(180deg); } 

.searchInfo { display: block; background-color: rgb(247, 248, 249); } 
.searchInfo .formGroup { padding: 24px 0; overflow: hidden; } 
.searchInfo .formItem { float: left; border-left: 2px dotted #B7C4D1; } 
.searchInfo .formItem:first-child { border-left:none; } 
.searchInfo .formItemIn { padding: 0 24px; } 
.formItem3 .formItem { width: 33.3%; } 
.formGroup .formT { margin: 0 0 16px 0; font-size: 18px; font-weight: 500; color: #000; } 
.searchInfo .searchBtn { width: 100%; background-color: #EBEEF1; border: none; font-size: 15px; color: #555; transition: 0.3s all ease; } 
.searchBoxDetial .searchBtn img { position: relative; top: -1px; width: 15px; margin-right: 8px; } 
.selectable ul { margin-top: -8px; } 
.selectable ul li { display: inline-block; position: relative; } 
.selectable ul li a { display: block; padding: 0 12px 0 25px; font-size: 15px; color: #666; transition: 0.3s all ease; } 
.selectable ul li a:hover, .selectable ul li a:focus { color:#00479D; } 
.selectable ul li.on a { color:#00479D; } 
.selectable ul li a:before { content:''; position:absolute; top:3px; left:0; width:16px; height:16px; background:url('../../user/images/ic_chksOff.png') no-repeat; background-size: contain; transition: 0.3s all ease; } 
.selectable ul li.on a:before { content:''; position:absolute; top:3px; left:0; width:16px; height:16px; background:url('../../user/images/ic_chksOn.png') no-repeat; background-size: contain; } 
.selectInputDT { padding-top:24px; } 
.selectInputDT ul { } 
.selectInputDT ul li { position: relative; margin-top:8px; } 
.selectInputDT ul li:first-child { margin-top:0px; } 
.selectInputDT ul li label { display: inline-block; position: absolute; top: 6px; min-width: 53px; margin-right: 19px; font-size: 15px; } 
.dtIn { margin-left: 66px; } 
.selectInputDT ul li select { width:100%; height: 34px; padding-left: 10px; border: 1px solid #D7D7D7; font-size: 15px; border-radius: 4px; background: url(../../user/images/ic_selectArrow.png) #fff no-repeat 95% 50%; background-size: 10px; cursor: pointer; } 
.selectInputDT ul li input[type='text'] { width:100%; height: 34px; font-size: 15px; color: #666; text-indent: 4px; border: 1px solid #D7D7D7; border-radius: 4px; } 
.searchBox.searchDetail { position: relative; height:auto; } 
.searchDetailBtn { position: absolute; z-index: 9; bottom: 0; left: 50%; display: flex; align-items: center; justify-content: space-between; min-width: 194px; transform: translate(-50%, 50%); border-radius: 50px; background-color: #fff; border: 1px solid #B7B7B7; font-size: 16px; text-align: left; padding: 8px 20px; color: #000; font-weight: 500; } 
.searchDetailBtn:after { display:inline-block; content:''; width: 15px; height: 20px; background:url('../../user/images/ic_search.svg') #fff no-repeat; background-position: 90%; transition: .3s all ease; } 
.searchDetailBtn.on:after { transform: rotate(180deg); } 
.searchBox.searchDetail .formGroup { padding:30px 0 } 
.searchBox.searchDetail .searchSelect { top:30px; } 
.searchBox.searchDetail .searchBtn { top:30px; } 

/* .searchDetailCont { margin: 0 50px; overflow: hidden; max-height: 0; transition: 0.5s ease-out; } */
/* .searchDetailCont.on { max-height: 500px; } */
.searchDetailCont { display: none; } 
.searchDetail-inner { border-top: 1px solid #ddd; padding: 30px 0 40px; } 
.searchDetailCont .formItem { position: relative; display: flex; flex-wrap: wrap; justify-content: center; } 
.searchDetailCont .formItem + .formItem { margin-top: 20px; } 
.searchDetailCont .formTitle { width: 17%; text-align: right; padding-right: 20px; font-size: 16px; color: #00479D; font-weight: 500; } 
.searchDetailCont .formCont { width: 55%; text-align: left; } 
.searchBox.searchDetail .searchDetailCont .searchSelect { position: relative; top: 0; width: 200px; } 
.searchDetailCont .basicSelect, .searchDetailCont input[type="text"] { min-width: unset; width: 93%; } 
.searchDetailCont .chkBox { margin-right: 10px; } 
.searchDetailCont input[type="text"] + .chkBox { margin-top: 10px; } 
.searchDetailCont .formCont .chkBox { display: inline-flex; } 

/* 검색 필터 */
.right-layout {position: relative;flex: 1;}
.side-layout {overflow: hidden; padding: 0 0 10px 0;}
.side-layout_wrap {display: flex;align-items: flex-start;width: 100%; transition: 400ms cubic-bezier(.2,0,.38,.9);}
.side-layout_wrap.filter-hide {transform: translateX(-305px);width: calc(100% + 305px);}
.btn--filter {height: 52px;border: 1px solid #D7D7D7;font-size: 15px;text-indent: 10px;font-weight: 500;color: #666;border-radius: 0px;background-color: #fff;display: flex;align-items: center;gap: 30px;padding-right: 15px;}
.search-filter {display: flex; flex-direction: column; width: 245px;margin-right: 60px; transition: 400ms cubic-bezier(.2,0,.38,.9); padding: 24px 0 0 20px;border: 1px solid #DBDBDB;background-color: #fff; border-radius: 12px;overflow: hidden;box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);}
.side-layout_wrap .popup_bg {display: none; z-index: 3;}
.filter-control {display: flex;gap: 10px;}
.filter-control button.btn--filter-close {border-radius: 6px 0 0 6px;}
.filter-head {display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;}
.filter-head > p {font-size: 20px;color: #000;}
.filter-body {padding-right: 20px;}
.filter-body li .filter-cont {display: none;}
.filter-body li.on .filter-cont {display: flex;}
.filter-body li:last-child .filter-cont {padding-bottom: 0;}
.filter-body li {border-top: 1px solid #DBDBDB;padding: 20px 0;}
.filter-body li > a {position: relative;display: flex;font-size: 18px;color: #000;justify-content: space-between;align-items: center;}
.filter-body li > a i {position: relative;transition: .3s all ease;transform:rotate(180deg);font-size: 15px;}
.filter-body li.on > a i {transform:rotate(0deg);transform-origin: center;position: absolute;right: 0;}
.filter-cont {display: flex;flex-direction: column;gap: 5px; padding-top: 20px;}
.fa-star {color: #F9A825;}
.fa-circle-exclamation {color: #D94040;}
.btn--filter-close__mb {display: none;background-color: #fff;border: none;color: #ACACAC;padding: 5px 22px 5px 10px;font-size: 22px;}

/* ==== input ==== */
.formGroup { position: relative; } 
.basicSelect { min-width:200px; height:34px; padding-left:5px; padding-right: 20px; border:1px solid #D7D7D7; font-size:14px; font-weight: 400; color:#555; /*background: url(../images/ic_selectBSArrow.png) #fff no-repeat 95% 50%; background-size: 8px; */ cursor:pointer; background-position: calc(100% - 10px) 50%; text-overflow: ellipsis; } 
.smallSel { position: relative; top: 2px; width:auto; min-width: 50px; padding-right: 15px; /* background: url(../images/ic_selectBSArrow.png) #fff no-repeat 90% 50%; background-size: 8px; */ } 
input[type="text"].smallInp, input[type="email"].smallInp, input[type="tel"].smallInp, input[type="password"].smallInp { width:72px; } 
input[type="text"].bigInp, input[type="email"].bigInp, input[type="tel"].bigInp, input[type="password"].bigInp { width:327px; } 
input[type="text"].smallInp.last, input[type="email"].smallInp.last, input[type="tel"].smallInp.last, input[type="password"].smallInp.last { margin-right:2px; } 
input[type="text"].fullW, input[type="password"].fullW { width:100%; margin:0; } 
input[type="email"].fullW { width:100%; margin:0; } 
input[type='text'].inputL, input[type='password'].inputL { height:48px; border: 1px solid #D7D7D7; } 
.labelT { font-size:15px; color:#555; } 
.formGroup .labelT { position: absolute; top: 7px; } 
.inpSubTxt { display:block; margin:3px 0; font-size:13px; } 
.inpSubTxt.inline { display:inline-block; margin-left:0px; } 
li.formGroup { margin-top:8px; } 
li:first-child.formGroup { margin-top:0; } 
.withLabel { margin-left:70px; } 
.inputBtn .buttonML { vertical-align: bottom; } 
.inputBox { margin:0 70px; padding-bottom: 28px; border-bottom: 2px dotted #D7D7D7; } 
.inputBox:first-child { margin-top: 0px; } 
.inputBoxIn { margin-top: 8px; } 
.centerInBox { height: 48px; margin-bottom:20px; } 
.centerChkBox { height: 48px; margin-bottom:20px; text-align: left; } 
.chkTextBox { margin-bottom: 20px; text-align: left; } 
/*readOnly*/
input[type="text"].readOnly, input[type="email"].readOnly, input[type="tel"].readOnly, input[type="password"].readOnly { border-color: #d7d7d7; background-color: #eee; color:#aaa; } 
input.readOnly::placeholder { color:#aaa; } 
input.readOnly:-ms-input-placeholder { color: #aaa; } 
input.readOnly::-webkit-input-placeholder { color: #aaa; } 
input.readOnly:-moz-placeholder { color: #aaa; } 

/* input date */
.input-date-wrap .input-date { position: relative; display: inline-block; width: 44%; height: 36px; } 
.input-date-wrap .wave { margin: 10px; vertical-align: middle; } 
.input-date-wrap input[type="date"] {position: relative; display: flex; min-width: 120px; width: 100%; height: 100%; padding: 0 10px; text-indent: 0; text-align: left; color: #121212; background: #ffffff; } 
.input-date-wrap input[type='date']::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer; } 
.input-date-wrap input[type='date']::before { position: absolute; top: 50%; left: 1px; content: attr(data-placeholder); transform: translateY(-50%); display: flex; align-items: center;padding: 0 0 0 10px; background: #ffffff; color: #888888; box-sizing: border-box; } 
.input-date-wrap input[type='date']:focus::before,
.input-date-wrap input[type='date']:valid::before { display: none; } 
.input-date-wrap input[type="date"]::-webkit-inner-spin-button { display: none; appearance: none; } 
.input-date-wrap input[type="date"]::after { position: relative; z-index: 1; content: "\f133"; font-family: "Font Awesome 5 Free"; color: #121212; } 

/* ==== 로그인 ====*/
.columnCont { display: flex; flex-wrap: wrap; gap: 20px; width:100%; min-height: auto; overflow: hidden; justify-content: space-between; } 
.loginBox { max-width:1140px; padding-bottom:80px; } 
.loginBox .columnIn { flex: 1; width: 550px; padding: 15px 0; min-height: 470px; background-color: #fbfbfb; } 
.loginBox .centerChkBox { height: 76px; } 
.columnT { margin:0; padding:64px 0 28px 0; font-size: 24px; color: #000; font-weight: 300; } 
.columnT strong { font-weight: 500; } 
.loginBox button.fullW { position: relative; } 
.loginBox .socialLogin .inputBox { max-width: 300px; margin: 0 auto; } 
.loginBox .socialLogin .buttonXL { height: 40px; } 
.loginBox .chkBox input[type="checkbox"]+label:before { top: 0px; width: 18px; height: 18px; margin-right: 8px; background-size: 17px; } 
.loginBox input[type="checkbox"].wv-check:checked + label:before { top:0; background-size: 17px; } 
.inputBoxBt { margin: 24px 70px 0; } 
.inputBoxBt.al-sb { display: flex; justify-content: space-between; } 
.snsLoginBox .inputBoxIn { display: flex; align-items: center; justify-content: space-around; height: 100%; } 
.snsLoginBox .inputBoxIn span { font-size:15px; } 
.snsLoginBox .inputBoxIn .snsTitle { width: calc(100% - 50px); font-size: 16px; } 
.snsLoginBox .snsLogin { position: relative; display: flex; padding: 0; width: 100%; align-items: center; justify-content: center; margin:0; } 
.socialLogin .snsBg { left: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; } 
.socialLogin img { position: relative; left: -3px; width: 16px; } 

/* ==== 아이디/비번 찾기 ==== */
.findLoginBox { max-width:1140px; padding-bottom:80px; } 
.findLoginBox .columnT { padding-top: 0; } 
.findLoginBox .columnIn { flex:1; padding: 70px; background-color:#fbfbfb; } 
.findLoginBox .inputBox { margin:0; padding-bottom: 0; border:none; } 
.findLoginBox .txtBox p { margin-bottom:40px; width: 96%; margin-left: auto; margin-right: auto; word-break: keep-all; font-size:15px; } 
.findLoginBox .rightCont .txtBox p { margin-bottom:68px; } 
.findLoginBox .inputWrap { display: flex; flex-direction: column; gap: 5px; margin-bottom: 20px; } 
.findLoginBox .input__cont { display: flex; align-items: center; justify-content: space-around; border: 1px solid #D7D7D7; padding: 5px; background: #ffffff; } 
.findLoginBox .input__cont input { width: calc(100% - 60px); margin-left: 10px; border: none; } 
.findLoginBox .input__cont label { font-size: 15px; } 

/* ==== 회원가입 스탭 ====*/
.tabBox.stepBox { margin-bottom:36px; border: 1px solid #DBDBDB; } 
.tabBox.stepBox ul { margin-bottom:0px; overflow: hidden; gap:0; } 
.tabBox.stepBox ul:before { display:none; } 
.tabBox.stepBox ul li { position: relative; min-height: 80px; font-size: 18px; text-align: center; color: #666; background-color: #F9F9F9; } 
.tabBox.stepBox ul li:after { content:''; position:absolute; top:0px; right: 0; width: 26px; height: 100%; transform: translateX(100%); background-image:url('../images/ic_stepBg_off.png'); background-repeat: no-repeat; background-size: 100% 100%; z-index: 1; } 
.tabBox.stepBox ul li.on:after { background-image:url('../images/ic_stepBg_on.png'); } 
.tabBox.stepBox ul li.last:after { display:none; } 
.tabBox.stepBox ul li.last.on:after { display:none; } 
.tabBox.stepBox ul li a { font-size: 18px; background-color: #f9f9f9; border-left: none; border-right: none; transition:none; } 
.tabBox.stepBox ul li.on a { background-color:#00479D; transition:none; } 
.tabBox.stepBox ul li a br { display:none; } 
.tabBox.stepBox > ul > li > a:hover { background:none; } 
.tabBox.stepBox > ul > li.on > a:hover { background-color:#00479D; } 
.tabBox.stepBox ul li a span { padding-left: 10px; word-break: keep-all; font-size:18px; color:#666; } 
:lang(ja) .tabBox.stepBox ul li a span { word-break: break-all; } 
.tabBox.stepBox ul li.on a span { color:#fff; padding-left: 0; } 
.tabBox.stepBox ul li em { display:block; font-style:normal; line-height:20px; height:80px; padding: 28px 0; font-size: 18px; border-bottom: 1px solid #DBDBDB; border-left: none; border-right: none; transition:none; } 
.tabBox.stepBox ul li.on em { background-color:#00479D; transition:none; color:#fff; } 
.tabBox.stepBox ul li em br { display:none; } 
.tabBox.stepBox > ul > li > em:hover { background:none; } 
.tabBox.stepBox > ul > li.on > em:hover { background-color:#00479D; } 
.tabBox.stepBox ul li em span { font-size:18px; color:#666; } 
.tabBox.stepBox ul li.on em span { color:#fff; } 
 

/* ==== 이용약관 ==== */
.termsUse { margin-top:13px; } 
.termsUse > ul > li { position: relative; border:1px solid #d7d7d7; border-top:none; cursor: pointer; } 
.termsUse > ul > li:first-child { border-top:1px solid #d7d7d7; } 
.termsUse > ul > li > a { height:56px; background-color: #FAFCFF; } 
.totalChk { min-height: 60px; padding:0 0 0 17px; line-height: 54px; background-color: #efefef; border: 1px solid #D7D7D7; } 
.totalChk input[type="checkbox"].wv-check + label > span { display: table-cell; margin: 0px; vertical-align: middle; line-height: 1.4; font-size:16px; } 
.agreeCont { display:none; height: 200px; overflow-y: auto; background-color:#fff; } 
.agreeCont a { padding:24px; } 
.agreeContIn { margin-bottom:20px; line-height: 25px; letter-spacing: -0.5px; font-size:15px; color:#555; font-weight: 400; } 
.termsUse > ul > li .chkBox input { margin-top:21px; } 
.termsUse .chkBox { height: 100%; } 
.termsUse .chkBox input[type="checkbox"]+label:before { top:16px; width:16px; height:16px; margin-right:8px; background-size: 16px; } 
.termsUse input[type="checkbox"].wv-check:checked + label:before { background-size: 16px; } 
.termsUse .chkBox input[type="checkbox"]+label { display: table; height: 57px; font-size:16px; font-weight: 500; } 
.termsUse .chkBox input[type="checkbox"]+label .labelIn { display: table-cell; margin: 0px; vertical-align: middle; line-height: 20px; padding-left: 0px; font-size: 16px; color: #555; } 
.termsUse .item .chkBox { padding: 0 0 0 17px; } 
.termsUse .accordion .item a { position: absolute; top: 0; left: 0; z-index: -1; } 
.termsUse .accordion .icon { top: 30px; } 
.termsUse .icon em { position:absolute; left:-9999px; } 
.termsUse > ul > li > a.on .icon { transform: rotate(0deg); } 
.termsUse ol { padding: 0 20px; } 
.termsUse ol > li { list-style-type: decimal; } 
.termsUse ol > li::marker { font-size: 13px; } 
.termsUse .accordion .item .accordionCont { display: block; background-color: #ffffff; } 
.mail-input-area { margin-top: 50px; } 
.mail-input-area h2 { font-weight: 400; } 
.mail-input-area .input-group { display: flex; align-items: center; gap: 8px; padding: 50px; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; } 
.mail-input-area .basicSelect { width: 27%; height: 48px; } 
.mail-input-area .input-group .mail-input { width: 27%; } 
.mail-input-area .input-group input { width: 100%; height: 48px; } 
.mail-input-area .btn { width: 224px; } 

/* ==== 이용동의 ====*/
.agreementUse { margin-bottom: 50px; text-align:center; } 

/* ==== 회원가입 완료 ==== */
.lineBox.joinFin { position: relative; margin-bottom: 100px; padding:40px 80px; overflow:hidden; background-color: #F7F8F9; border:none; } 
.lineBox.joinFin:before { content: ''; position: absolute; width: 280px; height: 245px; /* background: url(../images/simbolBg.png) no-repeat; */ right: 0px; bottom: 0px; background-size: cover; } 
.lineBox.joinFin .lineBoxIn { padding-top: 0; margin-bottom:0; background: none; } 
.lineBox.joinFin .lineBoxIn:before { display:none; } 
.lineBox.joinFin .lineBoxIn i { font-size: 39px; margin: 20px 0; color: #466def; } 
.lineBox.joinFin .conT4 { margin-bottom:20px; font-size:23px; } 
.alertTxt { display: inline-block; margin:2px 0 6px 0; padding: 9px 22px; background-color: #fff; border-radius: 20px; } 
.totalChk input[type="checkbox"].wv-check + label { font-size:16px; font-weight: 500; color:#000; } 
.termsUse .totalChk .chkBox input[type="checkbox"]+label:before { position: absolute; top: 24px; margin-right:10px; } 
.termsUse .totalChk input[type="checkbox"].wv-check:checked + label:before { margin-right:10px; } 
.columnIn .columnInTxt { margin:20px 0px 28px 0px; line-height: 22px; letter-spacing: -0.6px; word-break: keep-all; font-size: 14px; color:#666; } 
.lineBox.joinFin .logoImg { width:167px; } 
.lineBox.joinFin .checkImg { width:56px; margin:10px; } 
.lineBox.joinFin .txtSub { line-height:28px; font-size:18px; } 
.lineBoxIn { position: relative; height: auto; padding: 48px 0 48px 0; margin-bottom:12px; overflow: hidden; background-color: #F7F7F7; } 
.lineBoxIn:before { content:''; position:absolute; width:211px; height:255px; background: url( "../images/simbolBg.png" ) no-repeat; right: -23px; bottom: -75px; background-size: cover; } 
.textIn { margin: 0 70px; padding-bottom: 28px; } 

/*테이블 악세사리­*/
.tbAccessories { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.tbAccessories.align-flexEnd { align-items: flex-end; } 
.tbAccessories.justify-end { justify-content: flex-end; } 
.listTotalBox { float:left; overflow:hidden; } 
.listTotal { font-size:15px; color:#555; } 
.listTotal strong { font-weight:600; color:#466DEF; } 
.remarkTxt > p { margin-left:18px; line-height:20px; } 
.remarkTxt > p:before { content:'※'; position:absolute; left:0; } 
.remarkTxt > p.remarkTxtSubT { margin-left:0; margin-bottom: 12px; font-size: 16px; font-weight: 500; } 

/* ==== 검색 정렬 ==== */
.lineWebzineTitle .listCondition { position: absolute; right:10px; top:0; cursor: pointer; color:#9C9C9C; font-weight:400; } 
.listCondition .icon { margin: auto; height: 10px; display: inline-block; font-size:17px; padding-left:0px; transform-origin: center; color:#9C9C9C; vertical-align: middle; } 
.listcodnitiontitle { position: relative; display: inline-block; font-size:15px; color:#999999; transition:none; cursor: pointer; } 
.listcodnitiontitle.on { color:#000; font-weight:500; } 
.listcodnitiontitle.on .icon { color:#666; } 
.listcodnitiontitle.down .icon { transform: rotate(180deg); } 
.line { position:relative; top:-2px; padding:0 8px; color:#D7D7D7; } 

.sortBox { display: flex; gap: 10px; align-items: center; } 

/* 그리드뷰 */
.grid-view { display: flex; gap: 5px; } 
.grid-view button { display: inline-flex; align-items: center; justify-content: center; padding: 5px; font-size: 16px; background: #e2e2e2; border-radius: 5px; } 
.grid-view button.on { color:#ffffff; background: #00479D; } 
.gridWrap { display: none; } 
.gridWrap.on { display: block; } 

/* 리스트형 리스트 */
.gridList .listTableItem .listThumb { margin: 20px 0 20px 20px; border-radius: 15px; } 

/* 리스트형 리스트 - 유형별 */
.listThumb .img-wrap { position: relative; height: 0; padding-bottom: 56.25%; } 
.type1 .listInfoT p span { display: block; margin-block: 8px; font-size: 16px; } 
.type1.listTableItem .content-text {padding: 0; border:none; width: 100%;}
.type1.listTableItem .listInfoT {margin-bottom: 0;}
p.members { font-size: 18px; color: #ACACAC; flex-shrink: 0; } 
p.members strong { font-size: 22px; color: #466DEF; } 
.type2 .listInfoT { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;} 
.type2 .info-cont {display: flex;align-items: center;}
.type2 .info-text-group .row-group {justify-content: space-between;}
.type2.listTableItem .content-text {padding: 20px;margin: 0; width: 100%;}
.gridGallery .type2.listTableItem .info-text-group {justify-content: space-between;}
.gridGallery .listTableItem .info-text-group .row-group {flex-direction: column;}

/* 갤러리형 리스트 */
.gridGallery { display: flex; flex-wrap: wrap; gap: 2%; } 
.gridGallery .listTableItem { flex-direction: column; width: 23.5%; } 
.gridGallery .listTableItem .listThumb { width: 100%; height: auto; max-height: initial; border-radius: 14px 14px 0 0; } 
.gridGallery .listTableItem .listThumb img { width: 100%; max-height: initial; } 
.gridGallery .listTableItem .listInfoT p {min-height: 45px; font-size: 16px;}
.gridGallery .listTableItem .info-text-group {display: flex;}
.gridGallery .members {font-size: 13px;}
.gridGallery .members strong {font-size: 16px;}
.gridGallery .content-btn { margin-top: 10px;}

/* 갤러리형 리스트 - 유형별 */
.gridGallery .type1.listTableItem .listInfoT {margin-bottom: 10px;}
.gridGallery .type1.listTableItem .info-text-group .info-list dl:last-child dt {display: none;}

/*table*/
.tableTitle { position:relative; } 
.tableTitle p { margin-bottom:12px; } 
.tableTitle .remark { position: absolute; right: 0; top: 0; margin:0px; } 
.tableTitle button { position: absolute; right: 0; top: 0; margin:0px; } 
.tableTitle button .icon-pencil2 { position: relative; top: 5px; font-size: 23px; } 
.table_normal:before { content:''; position: absolute; top: 0; left: 0; width:100%; border-top:1px solid #000; } 
.table_normal.board-read:before { display:none; } 
.table_normal.board-write:before { display:none; } 

.toggleTb { float: left; width: 100%; } 
.tableSubTxt { float:right; } 
.tableSubTxt p { display: inline-block; margin:0; font-size:15px; letter-spacing: -0.5px; color:#000; } 
.subTitle { display: inline-block; margin-bottom:3px; color:#555; } 
.subTitle.pcHide { display:none; } 
.tagList { position: absolute; z-index: 1; } 
.tagList span { display: inline; font-size: 14px; line-height: 20px; letter-spacing: 0; color: #fff; } 
.tagList span + span { margin-left:-2px; } 
.tagList span.bg-orange { background-color:#01A78A; } 
.tagList span.bg-blue { background-color:#0099DB; } 
.tagList span.bg-green { background-color:#12217D; } 
.tagList span.bg-gray { background-color:#3B3938; } 
.tagGauge { display: flex; align-items: center; gap: 2px; } 
.tag { display: inline-block; min-width: 60px; letter-spacing: -0.7px; text-align: center; padding: 0 8px; height: 23px; line-height: 23px; font-size: 13px; background-color: #ddd; } 
.tag.pcHide { display:none; } 
.tag.blue { background-color: #006DAC; color: #fff; } 
.tag.green { background-color: #008829; color: #fff; } 
.tag.pink { background-color: #DB2E69; color: #fff; } 
.tag.orange { background-color: #F77E0B; color: #fff; } 
.gaugeBox { position: relative; display: block; width:60px; padding: 0 8px; height: 23px; line-height: 23px; text-align:center; font-size: 13px; background-color: #D1D3D5; } 
.gauge { position: absolute; left: 0; display: inline-block; height: 23px; background-color: #676B70; } 
.unitBox { position: relative; color: #fff; } 
.unit { font-size:11px; } 
.subTh { margin-top:8px; line-height:21px; font-size:13px; color:#555; } 
.subTh strong { color:#000; font-weight:500; } 
.descrip-text { font-weight: 600; margin-bottom: 10px; padding-left: 16px; color: #000; } 
.file-name-group li { display: flex; margin: 3px 0; font-size: 14px;} 
.file-name-group .btnFileDelete {display: inline-flex;align-items: center;justify-content: center; width: 20px; height: 20px; margin-left: 10px; border-radius: 50%; background: #d1d1d1; color: #fff; } 
.file-form-group, .file-btn-group {display: flex;align-items: center;gap: 5px;flex-wrap: wrap;}
.file-upload-group + .file-upload-group {margin-top: 5px;}
.file-upload-group select {margin-right: 20px;}

/*tbBlue*/
.tbBlue { width:100%; border-top: 0; border:1px solid #d7d7d7; border-collapse: collapse; } 
.tbBlue:before { display:none; } 
.tbBlue > thead > tr > th, .tbBlue > tbody > tr > th, .tbBlue > tfoot > tr > th { font-weight: 500; font-size: 15px; background-color: #EDF0F6; border: 1px solid #d7d7d7; color:#000; } 
.tbBlue > thead > tr > td, .tbBlue > tbody > tr > td, .tbBlue > tfoot > tr > td { padding: 14px 16px; font-size: 16px; background-color: #fff; border-right:1px solid #d7d7d7; } 
.tbBlue > thead > tr > th.grayBg, .tbBlue > thead > tr > td.grayBg, .tbBlue > tfoot > tr > th.grayBg, .tbBlue > tfoot > tr > td.grayBg,
.tbBlue tbody tr th.grayBg, .tbBlue tbody tr td.grayBg { background-color: #F1F1F1; } 
.tbBlue thead tr th.lightgrayBg, .tbBlue thead tr td.lightgrayBg, .tbBlue tfoot tr th.lightgrayBg, .tbBlue tfoot tr td.lightgrayBg,
.tbBlue tbody tr th.lightgrayBg, .tbBlue tbody tr td.lightgrayBg { background-color: #F7F8F9; } 
.tbBlue thead tr th.deepgrayBg, .tbBlue thead tr td.deepgrayBg, .tbBlue tfoot tr th.grayBg, .tbBlue tfoot tr td.deepgrayBg,
.tbBlue tbody tr th.deepgrayBg, .tbBlue tbody tr td.deepgrayBg { background-color: #F4F4F4; } 
.tbBlue thead tr th.lightblueBg, .tbBlue thead tr td.lightblueBg, .tbBlue tfoot tr th.lightblueBg, .tbBlue tfoot tr td.lightblueBg,
.tbBlue tbody tr th.lightblueBg, .tbBlue tbody tr td.lightblueBg { background-color: #ECF4FD; } 
.tbBlue thead tr th.blueBg, .tbBlue thead tr td.blueBg, .tbBlue tfoot tr th.blueBg, .tbBlue tfoot tr td.blueBg,
.tbBlue tbody tr th.blueBg, .tbBlue tbody tr td.blueBg { background-color: #EBEEF1; } 
.tbBlue thead tr th.whiteBg, .tbBlue thead tr td.whiteBg, .tbBlue tfoot tr th.whiteBg, .tbBlue tfoot tr td.whiteBg,
.tbBlue tbody tr th.whiteBg, .tbBlue tbody tr td.whiteBg { background-color: #fff; } 

.tbBlue > tbody > tr > td.bc { font-weight: 500; font-size: 15px; background-color: #EDF0F6; border: 1px solid #d7d7d7; color:#000; } 
.table_normal > tbody > tr > td.bc { background-color: #f3f3f3; border-top: 1px solid #000; border-bottom: 1px solid #D7D7D7; color: #000; padding: 15px; font-size: 15px; font-weight: 500; } 
.table_normal > tHead > tr > td.gc { padding: 15px 0; text-align: center; font-size: 15px; font-weight: 500; background-color: #f3f3f3; border-top: 1px solid #dadada; border-bottom: 1px solid #d7d7d7; color:#000; } 

/*table hover css*/
.tbBlue tr.bgColor th { background-color: #EBEEF1; border: 1px solid #DCE1E6; } 
.tbBlue tr.bgColor td { background-color: #F7F8F9; } 

.tbBlue.tbBorder { border-top:1px solid #000; } 
.tbBlue.tbBorder > thead > tr > th, .tbBlue.tbBorder > tbody > tr > th, .tbBlue.tbBorder > tfoot > tr > th { font-size:15px; border-top:1px solid #000; } 
.tbBlue.tbBorder > thead > tr > td, .tbBlue.tbBorder > tbody > tr > td, .tbBlue.tbBorder > tfoot > tr > td { font-size:15px; } 

/*tbGray*/
.table_normal.tbGray { border-top:1px solid #d7d7d7; } 
.tbGray > thead > tr > th, .tbGray > tbody > tr > th, .tbGray > tfoot > tr > th { font-size: 15px; background-color: #F3F3F3; border: 1px solid #d7d7d7; } 
.tbGray > thead > tr > td, .tbGray > tbody > tr > td, .tbGray > tfoot > tr > td { font-size: 15px; border: 1px solid #d7d7d7; } 

/*empty*/
.empty, .empty__item { flex:1; padding: 50px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; border: 1px solid #e7e7e7; border-radius: 10px; } 
.empty i, .empty__item i { font-size: 30px; color: #466def; } 
.empty p, .empty__item p { font-size:15px; color: #000 !important; text-align: center; } 
.empty .emptySubTxt { font-size:14px; } 

/*gallery*/
.titleSub { display:inline-block; margin-bottom:2px; font-size:16px; color:#555; } 

/*갤러리형 리스트 제목 두줄 말줄임*/
.gallery_normal .gallery_info.cropTextLine2 p { min-height: 55px; } 
.gallery_normal .card .gallery_midIn { height:auto; padding:16px 20px 16px 20px; } 
.gallery_normal .card .gallery_bot ul { display: flex; flex-direction: column; gap: 5px; margin-bottom:16px; } 
.gallery_normal .card .gallery_bot .icon-pencil2 { line-height:1px; font-size:26px; } 

/*토글 버튼-콘텐츠*/
.hide { display: none !important; } 
.show { display: flex !important; } 
.toggleCont { max-height: 500px; overflow: hidden; transition: all 0.3s cubic-bezier(0.42, 0.2, 0.08, 1); } 
.toggleCont.hidden { height: 0; max-height: 0; visibility: hidden; } 
.toggleBtn { position:relative; } 
.toggleBtn .icon { position:absolute; top: 5px; right: -16px; font-size:12px; font-weight:600; color:#898989; transition:0.3s all ease; transform:rotate(-180deg); } 
.toggleBtn.on .icon { transform:rotate(0deg); } 
.eduNum { position:absolute; display:inline-block; width: 50px; height: 23px; line-height: 21px; text-align: center; margin-right:8px; font-size:13px; background-color:#fff; border:1px solid #E2E2E2; color:#555; } 
.learnP .popupBoxIn.previewPop { width:900px; height:660px; } 

/* ==== 개인정보 수정 ==== */ 
#naLogin, #kaLogin, #ggLogin { display: flex; align-items: center; gap: 1px; flex-wrap: wrap; } 

/* ==== 교육정보 ==== */ 
.lectureContIn { display: flex; padding: 0 0 35px 0; overflow:hidden; border-bottom: 2px dotted #d7d7d7; } 
.lectureRoom .tabContent { padding-top: 35px; } 
.lectureRoom .tabContent .empty { margin-top: 10px; } 
.learnTerm { position:relative; width: 69%; padding: 24px; display: flex; background:#D1E4F5; border-radius:5px; } 
.learnTermT { display: flex; flex-direction: column; justify-content: space-between; margin-right:20px; } 
.learnTermT .termTitle { margin-bottom:10px; font-weight: 500; line-height: 27px; font-size:22px; color:#000; } 
.learnTermT .term { line-height: 28px; font-size:17px; font-weight:500; color:#00479D; } 
.learnTermT .term span { display:block; margin-left:27px; } 
.learnBtn { min-width:164px; margin:0; border-radius:8px; font-size:16px; } 
.learnBtn .fa-play { margin: 0 10px 0 0; } 
.learnBtn.on { box-shadow: 6px 9px 7px -3px rgba(226,31,9,0.25); } 
.learnBtn:hover { background-color: #E21F09; color:#FFFF00; box-shadow: 6px 9px 7px -3px rgba(226,31,9,0.25); } 
.learnBtn .playImg { margin-right:15px; margin-left:-11px; } 

.lectureInfo { display: flex; justify-content: space-between; flex-grow: 1; } 
.lectureInfo > li { position:relative; width: 31%; display: flex; flex-direction: column; justify-content: space-between; padding:16px; text-align:center; background-color:#F8F8F8; border-radius:10px; } 
.lectureInfo > li:first-child { margin-left:0px; } 
.lectureInfo > li p { position: relative; z-index: 1; font-size:18px; color:#000; } 
.lectureInfo > li .score { position:relative; display: block; font-size:45px; font-weight:600; color:#224B7D; z-index:1; } 
.scoreNum { display:inline-block; margin-top:10px; } 

.scoreBg { position: absolute; width: 84px; height: 70px; margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } 
.scoreBg li { position:relative; width:12px; float:left; margin-left:6px; } 
.scoreBg li:first-child { margin-left:0; } 
.scoreBg li span { display:block; background-color:#F1F1F1; } 
.scoreBg li.on span { background-color:#C9DFFF; } 
.score1 span { height:30px; margin-top: 40px; } 
.score2 span { height:40px; margin-top: 30px; } 
.score3 span { height:50px; margin-top: 20px; } 
.score4 span { height:60px; margin-top: 10px; } 
.score5 span { height:70px; margin-top: 0px; } 
.standard { position: relative; display:inline-block; margin-top:20px; font-size:14px; color:#666; } 
.standardTxt { line-height: 20px; letter-spacing: -1.5px; font-size:14px; color:#666; } 
.lectureInfo > li.lectureInfo3 .score { margin: 15px 0 12px 0; font-size:26px; font-weight:500; } 
.lectureInfo > li.lectureInfo3 button { margin:0; } 
.lectureInfo.notCompleted > li .score { color:#999999; } 
.lectureInfo.notCompleted > li .scoreNum { font-weight:500; color:#224B7D; } 
.lectureInfo > li .unit { font-weight:500; font-size:20px; color:#666; } 
.lectureInfo.notCompleted > li button { display:none; } 
.lectureInfo.completed > li .scoreNum { font-weight:500; color:#000; } 
.lectureInfo.completed > li .score { color:#00479D; } 
.lectureInfo.completed > li .standardTxt { } 
.noticeTab { width: 30%; margin-left: 24px; padding: 14px; background-color: #F3F3F3; border-radius: 5px; } 
.noticeTab > ul { margin-bottom:5px; overflow:hidden; display: flex; gap: 3px; } 
.noticeTab > ul > li { position:relative; flex:1; text-align:center; border:1px solid #d7d7d7; color:#666; background:#fff; padding:5px 0; } 
.noticeTab > ul > li.on { color:#fff; background:#000; } 
.noticeTab > ul > li > a { display: block; font-weight:500; font-size:16px; color:rgba(0,0,0,0.5); } 
.noticeTab > ul > li.on a { color:#fff; } 
.noticeTab .dataEmptyIn { padding: 50px 0 50px 0; text-align: center; } 
.noticeTab .dataEmptyIn .emptyImg { width:40px; margin-top:10px; } 
.noticeTab .dataEmptyIn p { margin: 16px 0; font-size: 15px; color: #666; } 

.tabcon { display: none; height: 100%; background-color:rgba(255,255,255,0.6); border-radius:5px; } 
.tabcon.on { display: block; } 
.tabconIn { padding: 0 15px; } 
.noticeTabConts { height: calc(100% - 45px) } 
.tabconIn li { display: flex; justify-content: space-between; align-items: center; padding:13px 0; border-top:2px dotted #d7d7d7; } 
.tabconIn li:first-child { border-top:none; } 
.tabconIn li a { height: auto; font-size:14px; color:#333; transition:0.3s all ease; } 
.tabconIn li a:hover { color:#00479D; } 
.tabconIn li .noticeDate { float:right; font-size:13px; color:#666; } 
/* 데이터가 없을 경우 */
.tabconIn li.empty { gap: 10px; border:none; height: 153px; justify-content: center; } 
.tabconIn li.empty i { font-size: 25px; color: #c8c8c8; } 

/* ==== 종합 학습현황 ==== */
.statusCont { position: relative; margin-top:24px; } 
.statusCont .conT5 { margin-bottom:20px; } 
.statusCont .conT5 i { margin-right: 10px; } 
.statusInfo { position: absolute; top: 0; right: 0; } 

/* ==== 강의실 ==== */
.lectureList { overflow: visible; } 
.lectureList.faq_normal a .faq_q { left:0px; background:none; } 
.lectureList .oImg { width:22px; } 
.lectureList .xImg { width:22px; } 
.lectureList .eduNum { position:relative; margin-left: 6px; } 
.lectureList.faq_normal a { padding:16px 0; } 
.lectureList.faq_normal a .icon { right:7px; } 
.lectureList.faq_normal a .txt { margin-left:40px; font-size:15px; color:#555; } 
.lectureList.faq_normal > ul > li a.on .faqText { color:#00479D; } 
.lectureList.faq_normal a .txt .faqTag { position:absolute; top:18px; margin-right:14px; font-weight:500; color:#666; } 
.lectureList.faq_normal a .txt .faqTag:after { content:''; position:absolute; top:7px; right:-9px; width:1px; height:11px; background-color:#D7D7D7; } 
.lectureList.faq_normal .faqText { display: inline-block; margin-left: 59px; font-size:18px; } 
.lectureList .faq_contents { position: relative; padding:16px 15px; overflow: hidden; background-color: #F2F5F8; border-bottom: none; font-size: 14px; } 
.lectureItem > li { margin-top:12px; padding:15px 16px; background-color: #fff; border: 1px solid #EAEDF1; border-radius:5px; } 
.lectureItem > li:first-child { margin-top:0px; } 
.lectureItem .lectureItemTitle { margin-bottom:12px; padding-bottom:12px; border-bottom:2px dotted #D7D7D7; } 
.lectureItem .lectureItemTitle p { display: flex; gap:3px; margin-top:12px; font-size:16px; color:#000; } 
.lectureItem .lectureItemTitle span { position: relative; top: 3px; flex-shrink: 0; margin-left: 0px; font-size:13px; color:#666; } 
.lectureListItem .lectureTag { position: relative; top: 0px; display: inline-block; margin-left: 4px; margin-right: 6px; color: #E21F09; font-weight: 500; font-size: 13px; } 
.cyberImg { position:relative; top:-1px; width:16px; margin-right:4px; } 
.boardImg { position:relative; top:-1px; width:16px; margin-right:4px; } 

.lectureItemInfo { position: relative; } 
.lectureItemInfo .itemInfo { position:relative; margin-right:67px; } 
.lectureItemInfo .itemInfo li:first-child { width:150px; } 
.lectureItemInfo .itemInfo li .itemInfoT { position: relative; float:left; font-weight:400; } 
.lectureItemInfo button { position: absolute; top: -3px; right: 0; } 
.itemInfoT.itemY { position: relative; top: 0px; float:right; width:80px; height:23px; line-height:21px; display:inline-block; padding: 0 6px; text-align: center; font-size: 13px; border:1px solid #006DAC; color: #006DAC; } 
.itemInfoT.itemN { position: relative; top: 0px; float:right; height:23px; line-height:21px; display:inline-block; padding: 0 6px; text-align: center; font-size: 13px; background-color: #EBEEF1; border: 1px solid #E2E2E2; color: #555; } 
.lectureItemInfo .itemInfo li .itemInfoTxt { display: inline-block; float:left; margin-left:0px; font-weight: 500; font-size:15px; color:#000; } 
.lectureItemInfo .squareBtn { position: absolute; top:6px; right:0px; width:60px; height:60px; font-size:14px; } 

/* ==== bannerTitle ==== */
.bannerTitle { position: relative; display: flex; align-items: center; gap: 10px; margin-bottom:48px; padding:24px; border:1px solid #D7D7D7; font-size: 15px; } 
.bannerTitle .alertIcon { color: #E21F09; font-size: 20px; } 
.bannerTxt { display: inline-block; } 

/* ==== 로딩 팝업 ==== */
.loading-popup .popupBoxIn { left: 50%; top: 50%; bottom: unset; right: unset; display: block; transform: translate(-50%, -50%); width: 780px; max-width: 90%; height: auto; max-height: 90vh; overflow-y: auto; padding: 20px 40px 40px; border-radius: 40px; text-align: center; } 
.loading-popup .title-text { margin-bottom: 30px; font-size: 30px; font-weight: 700; } 
.loading-popup .text { font-size: 18px; word-break: keep-all; } 
.loading-popup .mail { font-weight: 500; } 
.loading-popup .loader { margin: 30px auto 10px; width: 106px; animation: loader 3s ease-in-out infinite; } 
.loading-popup .loader img { width: 100%; } 
.loading-popup .txt_blue { margin-bottom: 20px; font-size: 16px; } 
.loading-popup .toggle-text-box { display: none; margin-top: 30px; padding: 30px; text-align: left; background: #F8F9FA; font-size: 16px; border-radius: 16px; color: #444444; } 
.loading-popup .toggle-text-box.on { display: block; } 
.loading-popup .text-toggel-btn { margin: 20px 0 0; padding: 12px 20px; color: #191919; } 
.loading-popup .text-toggel-btn i { margin-left: 5px; } 
.loading-popup .text-toggel-btn.on i { transform: rotate(180deg); } 

/* 메일 본인인증 완료 */
.mail-round-box { width: 780px; max-width: 90%; height: auto; overflow-y: auto; margin: 126px auto 0; border-radius: 40px; text-align: center; box-shadow: 0 3px 50px rgba(0,0,0,0.16);}
.mail-round-box .title-text {margin: 64px 20px 34px; font-size: 35px; font-weight: 700;}
.mail-round-box .title-text::before {content: "\f058"; display: block; font-family: "Font Awesome 6 Free"; font-weight: 400; color: #466DEF;}
.mail-round-box .text-group {padding: 40px 20px 73px; background: #F5F8FC;}
.mail-round-box .text {font-size: 18px;}
.mail-round-box .text + .text {margin-top: 10px;}

@keyframes loader { 100% { transform: rotate(360deg); } } 

/* ==== 시험 ==== */
.test .popupBoxIn { width:1200px; padding:0; } 
.test .popup_bg { background-color: rgba(0,0,0,0.5); } 
.test .popupHead { height:97px; margin-bottom:0; padding:20px 28px; background-color:#1E4675; } 
.test .popupBody { height: calc(100% - 95px); } 
.test .conT5 p { display:inline-block; position:relative; font-size:20px; color:#fff; } 
.lineBg { display:inline-block; width:2px; height:16px; margin:0 8px; background-color:rgba(255,255,255,0.7); } 
.testTag { margin-bottom:4px; font-size:16px; color:#fff; } 
.testTag span { margin-right:4px; color:rgba(255,255,255,0.7); } 
.testTimeBox { display: flex; align-items: center; gap: 20px; } 
.testTimeBox button { top: 22px; right: 8px; margin:0; } 
.testTimeBox button.submission:hover { background-color: #888; border: 1px solid #888; color: #fff; } 
.testTimeBox button.submission.on { background-color: #E21F09; border: 1px solid #E21F09; } 
.testTime { display: inline-block; padding: 0 20px; border-left: 2px dotted rgba(255,255,255,0.15); border-right: 2px dotted rgba(255,255,255,0.15); } 
.testTimeTxt { font-size:18px; text-align: center; color:#fff; } 
.testTimeTxt i { margin-right: 5px; } 
.testTimeTxt span { display: block; margin-bottom:4px; font-size: 15px; color: rgba(255,255,255,0.7); } 
.clockImg { width:20px; margin-right:7px; } 
.testTitle .conT5 { margin: 0; } 

.test .logoImg { width:167px; } 
.test .contBody { position:relative; height:auto; padding: 45px 0 50px 0; overflow: hidden; background-color: #F7F7F7; } 
.test .contBody:before { content:''; position:absolute; width:211px; height:255px; background: url( "../images/simbolBg.png" ) no-repeat; right: -23px; bottom: -75px; background-size: cover; } 
.test .contBody .titleSub { font-size: 18px; color: #888; } 
.test .contBody .txtT { margin: 4px 0 0 0; font-size: 24px; font-weight: 500; color: #00479D; } 
.test .contBody .txt { display:inline-block; margin-top:4px; font-size:18px; color:#555; } 

.test .txtSub { margin:24px 0 0 0; font-size:20px; color:#000; } 
.test .txtSubfoot { font-size:16px; color:#555; } 
.test .txtSubfoot strong { } 
.contFootBtn { margin-top:36px; } 

.test .intro .contHead { padding:80px 0 28px 0; } 
.test .intro .contBody { margin:0 168px; } 
.test .intro .contFoot { margin-top:28px; } 

#popupTest2.test .contBody { padding:20px; background-color:#fff; } 
#popupTest2.test .contBody:before { display:none; } 

/* ==== 학습창 ==== */
.learnP .popupBoxIn { width:1330px; top:80px; bottom:130px; padding:0; box-shadow:10px 10px 22px 2px rgba(0,0,0,0.5); background-color: #f8f8f8; } 
.learnP .popupHead { position:relative; height:60px; margin:0; padding:16px; background-color:#1E4675; } 
.learnP .popupHead .conT5 { color:#fff; } 
.learnP .popupHead .subjectTag { margin-right:8px; font-size:16px; color:rgba(255,255,255,0.6); } 
.learnP iframe { position: relative; height: calc(100% - 61px); } 

.learnT { position:absolute; top:20px; right:16px; } 
.learnT .penIcon { width:15px; margin-right:5px; opacity:0.6; } 
.learnT span { font-size:14px; color:rgba(255,255,255,0.8); } 
.learnT .icon-pencil2 { position: relative; top: 6px; font-size: 25px; } 

.learning.popupBody { /*position:relative; height:calc(100% - 61px); */ padding:0; } 
.learnPlay { display: flex; justify-content: center; align-items: center; position:relative; float:left; width:55px; height:24px; line-height:33px; text-align:center; background-color:#A5A7A8; overflow:hidden; } 
.learnPlay .status { position: relative; color: #fff; } 
.learnPlay .gaugeNum { position:relative; top:-5px; color:#fff; } 
.learnPlayBg { position:absolute; left:0; width:0px; height:24px; background-color: #00479D; } 

.subjectIconWrap { position:relative; top:2px; float:right; color:#666; } 
.learnTitle .num { display:inline-block; padding:2px 10px; background-color: #fff; font-size:13px; color:#000; border:1px solid #E2E2E2; } 
.learnTitle .title { font-size:16px; font-weight:500; color:#000; } 
.learnTitle .learnCategory { position: absolute; right: 20px; } 

.learning .leftNav { position:fixed; width:300px; height:calc(100% - 0px); border-right:1px solid #d7d7d7; background-color: #f8f8f8; } 
.learning .leftNavIn { height:calc(100% - 0px); overflow:auto; } 
.learning .leftNavIn > li { border-bottom:1px solid #d7d7d7; } 
.learning .leftNavIn > li.on .learnTitle .num { background-color:#fff; color: #00479D; font-weight: 500; } 
.learning .leftNavIn > li:first-child { border-top:none; } 
.learning .leftNavIn > li > a { position:relative; display:block; padding:16px; } 
.learning .leftNavIn > li > a .icon { position: absolute; right: 16px; top: 23px; transition: all .3s ease; font-size:20px; font-weight:600; color: #999999; transform: rotate(180deg); } 
.learning .leftNavIn > li.on > a { background-color: #e9f5ff; } 
.learning .leftNavIn > li > a.on .icon { transform: rotate(0deg); } 
.learning .leftNavIn > li > a .title { clear:both; padding-top:8px; font-size:16px; font-weight:500; color:#000; } 
.learning .leftNavIn > li.on > a .title { color: #00479D; } 
.learning .leftNavIn > li .stateIcon { width:22px; margin-right:5px; } 
.learning .leftNavIn > li .subjectIcon { position: relative; top: -1px; width:16px; margin-right:4px; } 

.subNavList { /*display:none; */ background-color:#F7F8F9; } 
.subNavList li { position:relative; padding:0 16px; transition:0.3s all ease; } 
.subNavList li a { display:block; padding:12px 0px; border-top:2px dotted #EAECEE; } 
.subNavList li a.borderNone { border-top:none; } 
.subNavList li a .subNavIconBox { display:inline-block; } 
.subNavList li a span { margin-right:7px; font-size:12px; color:#666; } 
.subNavList li a strong { display:inline-block; font-size:15px; color:#555; } 
.subNavList li.on { background-color:#EAECEE; } 
.subNavList li.on strong { font-weight:500; color:#000; } 

.learnCont { height: 100%; margin: 0px 0 0 300px; background-color:#f8f8f8; /*overflow-y: auto; */ } 
.learnCont > iframe { position: fixed; top:0; width: calc(100% - 300px); height: calc(100% - 0px); } 
/*.learnCont > iframe.mov { width: calc(100% - 300px); } */
.learnContIn .learnBox { padding:20px 20px 28px 20px; } 
.learnContIn .learnBox.video { padding:0; } 
.learnContIn .learnBox .table_normal.board-read > tbody > tr > td { background-color: #fff; } 

#learnNotice .popupBoxIn { width:600px; height:500px; background-color:#fff; } 
#learnNotice .popup_bg { background-color: rgba(0,0,0,0.2); } 
#learnNotice .popupHead { background-color:#fff; } 

.guideSmaple .learnContIn { position: relative; height: calc(100% - 50px); } 
.guideSmaple .learnContIn .learnBox { display:none; } 
.guideSmaple .learnContIn .learnBox.contOpen { display: block; } 
.guideSmaple .learning .leftNav { position: absolute; height: calc(100% - 60px); } 
.guideSmaple .learnCont { height: 100%; margin: 0px 0 0 300px; background-color: #f8f8f8; overflow-y: auto; top: auto; width: calc(100% - 300px); /*height: calc(100% - 60px); */ } 
.guideSmaple .learnContIn .learnBox iframe { position: absolute; width: 100%; height: 100%; } 


/*tableList*/
.tableListIn li { margin-top: 32px; border: 1px solid #d7d7d7; border-radius: 5px; } 
.tableListIn li:first-child { margin-top: 28px; } 
.tableListT { position: relative; padding: 14px 15px; background-color: #F3F3F3; font-size: 15px; color: #000; font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.tableListT p { font-size:15px; } 
.byte { position: absolute; top:15px; right: 15px; font-size:14px; color:#666; } 
.byteNum { font-weight:500; color:#000; } 
.tableListCont { padding: 16px; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } 
.inputTBox { margin-top:8px; } 
.inputTBox:first-child { margin-top:0px; } 
.tableListCont input.readOnly { color:#888; } 
.tableListCont input.readOnly::placeholder { color:#888; } 
.tableListCont input.readOnly:-ms-input-placeholder { color: #888; } 
.tableListCont input.readOnly::-webkit-input-placeholder { color: #888; } 
.tableListCont input.readOnly:-moz-placeholder { color: #aaa; } 
.tableListCont textarea.readOnly { color:#888; } 
.tableListCont textarea.readOnly::placeholder { color:#888; } 
.tableListCont textarea.readOnly:-ms-input-placeholder { color: #888; } 
.tableListCont textarea.readOnly::-webkit-input-placeholder { color: #888; } 
.tableListCont textarea.readOnly:-moz-placeholder { color: #888; } 

/*시험 팝업*/
.testPop.contLayout { padding:0px; } 
.testPop .contLayoutIn { max-width:100%; padding: 0; } 
.testHead { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; height: auto; margin-bottom: 0; padding: 20px 28px; background-color:#1E4675; } 
.testHead .testTag { margin-bottom: 4px; font-size: 16px; color: #fff; } 
.testHead .testTag span { margin-right: 4px; color: rgba(255,255,255,0.7); } 
.testHead .conT5 p { display: inline-block; position: relative; font-size: 20px; color: #fff; } 
.testBody { max-width: 1200px; margin: 20px auto; padding: 0 15px; } 

.gallery_normal > ul.itemList > li { width:100%; } 
.itemList > li:first-child .galleryBox { margin-top:20px; } 
.itemList > li .galleryBox { background-color:#F8F8F8; border-radius:5px; } 
.itemList > li .itemIn { position:relative; margin: 0; padding: 14px 15px 15px; } 
.itemTop.noGauge .gaugeItemIn { position: relative; top: 5px; } 
.itemTop button { position:absolute; top:12px; right:12px; } 
.gaugeItem { display:inline-block; height:25px; margin-bottom:5px; } 
.gaugeItemIn { margin-bottom:2px; padding-right:1px; overflow:hidden; } 
.gaugeItemIn .gaugeTitle { float:left; font-size:13px; font-weight:500; } 
.gaugeItemIn .gaugeNum { float:right; margin-left:4px; } 
.gaugeItem .gaugeBg { position:relative; display:block; height:4px; background-color:#D1D3D5; } 
.gaugeItem .gaugeBg span { position: absolute; left:0; display:inline-block; height:4px; background-color:#676B70; } 
.itemTitle { margin-bottom:8px; } 
.empty .itemTitle { margin-bottom:0px; } 
.itemTitle span { display:inline-block; margin-bottom:2px; line-height: 28px; font-size:14px; color:#555; } 
.itemTitle .subject { line-height:26px; font-size:18px; font-weight:500; color:#000; } 
.itemTitle .subject a { color:#000; } 
.itemInfo { overflow:hidden; } 
.itemInfo li { position:relative; float:left; width:50%; margin-top: 4px; } 
.itemInfo.item2 li { float:none; width:100%; } 
.itemInfo li .itemInfoT { display:inline-block; position:absolute; margin-right:8px; font-size:14px; color:#555; } 
.itemInfo li .itemInfoTxt { margin-left: 66px; font-size:14px; color:#666; } 
.itembutton { display: flex; justify-content: center; gap: 5px; margin-top:16px; } 
.itembutton button { flex:1 } 

/* ==== 나의 교육 정보 ==== */
.eduInfoFin .gaugeItem { position: relative; top: 3px; } 

.subTxt { margin: 15px 0; font-size: 15px; } 
.subTxtList { clear:both; margin: 15px 0; } 
.subTxtList li { font-size: 14px; } 

/*수료증*/
.printDownBtn { position:absolute; top:0; right:0; } 
.certificates { margin:0 0px; border: 10px solid transparent; background-size: cover; font-family: 'ChosunGs'; } 
.certificatesIn { font-family: 'ChosunGs'; position:relative; margin: 9px; border: 2px solid transparent; } 
.certificatesTitle { margin:120px 0 100px 0; letter-spacing: 30px; font-size:60px; position: relative; z-index: 1; top: 80px; } 
.certificatesTitle.type1 { letter-spacing: 14px; } 
.certificatesTitle.type1 p { font-size:45px; color:#000; } 
.certificatesTop { position: absolute; top: 132px; left: 136px; z-index: 1; } 
.certificatesTop p { font-size: 20px; } 
.certificatesIn .sideImg { position: absolute; top: 123px; left: 0; right: 0; bottom: 0; width: 888px; height:1250px; margin: auto; } 
.certificatesIn .emblemImg { position: absolute; top: 200px; left: 0; right: 0; bottom: 0; width: 530px; margin: auto; opacity: 0.1; } 
.certificatesIn .stampImg { position: absolute; top: 27px; right: -45px; bottom: 35px; margin: auto; width: 109px; /*display:none; */ } 
.certificatesCenter { position: relative; top:50px; } 
.certificatesInfo { width: 800px; margin: 0 auto 120px; padding-left: 50px; text-align: left; } 
.certificatesInfo li { position: relative; margin-top: 17px; font-size:21px; } 
.certificatesInfo li:first-child { margin-top:0px; } 
.certificatesInfo li strong { display: inline-block; width: 75px; position: absolute; top: 0; left: 0; margin-right:28px; font-weight:400; color:#666; } 
.certificatesInfo li span { display: inline-block; margin-left: 105px; } 

.certificatesBottom { position: relative; } 
.certificatesBottom .textIn { margin-bottom: 70px; font-size: 26px; line-height: 39px; color: #000; word-break: keep-all; } 
.certificatesBottom .dates { font-size: 26px; color: #000; } 
.certificatesBottom .dates span { margin-left:15px; } 
.certificatesBottom .dates span:first-child { margin-left:0; } 
.certificatesBottom .ledger { position: relative; display: inline-block; margin: 100px auto 60px; font-size: 36px; font-weight: 700; color: #000; } 
.certificatesBottom .ledger .ledgerT { position: relative; z-index: 1; } 
:lang(en) .certificatesTitle {letter-spacing: 3px;text-transform: uppercase;}
:lang(en) .certificatesInfo li span {margin-left: 155px;}

/* ******* 통합검색 ****** */
.search-result .tabBox>ul { flex-wrap: wrap; } 
.search-result .text--result { font-size: 18px; word-break: keep-all; } 
.search-result .list-wrap { margin-top: 61px; } 
.search-result .list-wrap__item + .list-wrap__item { margin-top: 50px; } 
.search-result .text--depth { margin: 0; } 
.search-result .text--depth span + span::before { content: ">"; margin: 0 2px; } 
.search-result .search__list { margin-top: 30px; } 
.search-result .list__item { font-size: 18px; } 
.search-result .list__item + .list__item { margin-top: 10px; } 
.search-result .empty__item { padding: 40px 40px 40px 50px; text-align: center; } 
.search-result .search__list .list__item a { display: block; padding: 20px; } 
.search-result .search__list .text-group { display: flex; justify-content: space-between; margin-bottom: 10px; } 
.search-result .list__item .title { width: 77%; margin: 0; } 
.search-result .list__item .title::before { content: "• "; } 
.search-result .txt_gray { color: #767676; font-size: 15px; } 

/* ******* 포털소개 ****** */
.intro-page .content-wrap { display: flex; align-items: flex-start; } 
.intro-page .img-wrap { width: 42%; margin-right: 5%; flex-shrink: 0; } 
.intro-page .img-wrap img { width: 100%; } 
.intro-page .title-text { margin: 0 0 30px; font-size: 28px; font-weight: 400; } 
.intro-page .title-text b { font-weight: 500; color: #A50F0F; } 
.intro-page .text-group { position: relative; flex-grow: 1; } 
.intro-page .text-group .icon-img-wrap { display: none; position:absolute; top: 0; right: 0; z-index: -1; width: 85px; height: 85px; background: #eee; } 
.intro-page .content-text .text { line-height: 1.7; } 
.intro-page .content-text .text + .text { margin-top: 40px; } 
.intro-page .text-list { padding-left: 10px; } 
.intro-page .text-list p { padding-left: 15px; position: relative; display: flex; align-items: center; } 
.intro-page .text-list p:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width:6px; height: 6px; margin-right: 10px; border-radius: 50%; } 
.intro-page .text-list li:first-child p:before { background: #A50F0F; } 
.intro-page .text-list li:last-child p:before { background: #003878; } 
.intro-page .text-list li + li { margin-top: 8px; } 
.intro-page .writer { margin-top: 20px; } 

/* ******* 교육원 소개 ****** */
.edu-intro-page .descrip-list {position: relative; display: flex; padding: 40px 0 120px; gap: 10px;}
.edu-intro-page .descrip-list::after {position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 1px; background-color: #DBDBDB; }
.edu-intro-page .descrip-item {width: calc(100% / 4);}
.edu-intro-page .descrip-item .img-wrap {width: 57px;}
.edu-intro-page .descrip-item h4 {margin: 30px 0 20px; font-size: 20px; font-weight: 500;}
.edu-intro-page .descrip-item .text-list {font-size: 16px;}
.edu-intro-page .descrip-item .text-list li {display: flex; color: #767676; word-break: keep-all;}
.edu-intro-page .descrip-item .text-list li::before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; vertical-align: middle; flex-shrink: 0; margin: 10px 10px 0 0; background: #767676;}
.edu-intro-page .descrip-item .text-list li + li {margin-top: 8px;}
.edu-intro-page .map-search-area {padding: 120px 0 0; }
.edu-intro-page .map-group {display: flex; gap: 40px; padding: 40px 0 20px;}
.edu-intro-page .map-area {position: relative; width: 810px; overflow: auto; border: 2px solid #E0E0E0;}
.edu-intro-page .map-image {width: 806px;} 
.edu-intro-page .location-mark {position: absolute; display: inline-flex; flex-direction: column; align-items: center;}
.edu-intro-page .location-mark.active {z-index: 1; }
.edu-intro-page .location-mark::after {content: ""; display: block; width: 26px; height: 32px; background: url("../images/location-mark.svg") no-repeat center / 100%; transition: 0.5s;}
.edu-intro-page .location-mark.active::after,
.edu-intro-page .location-mark:hover::after  {background: url("../images/location-mark-red.svg") no-repeat center / 100%;}

/* 마크 위치 시작 */
.edu-intro-page .location-mark.gb {top: 35px; left: 17px;}
.edu-intro-page .location-mark.fr {top: 84px; left: 22px;}
.edu-intro-page .location-mark.de {top: 60px; left: 63px;}
.edu-intro-page .location-mark.ua {top: 62px; left: 94px;}
.edu-intro-page .location-mark.uz {top: 99px; left: 125px;}
.edu-intro-page .location-mark.kz {top: 54px; left: 172px;}
.edu-intro-page .location-mark.ru {top: 40px; left: 281px;}
.edu-intro-page .location-mark.kg {top: 101px; left: 182px;}
.edu-intro-page .location-mark.kr {top: 98px; left: 297px;}
.edu-intro-page .location-mark.jp {top: 76px; left: 341px;}
.edu-intro-page .location-mark.vn {top: 160px; left: 279px;}
.edu-intro-page .location-mark.th {top: 137px; left: 247px;}
.edu-intro-page .location-mark.my {top: 185px; left: 225px;}
.edu-intro-page .location-mark.au {top: 225px; left: 321px;}
.edu-intro-page .location-mark.nz {top: 267px; left: 392px;}
.edu-intro-page .location-mark.ca {top: 44px; left: 579px;}
.edu-intro-page .location-mark.us {top: 116px; left: 595px;}
.edu-intro-page .location-mark.br {top: 190px; left: 723px;}
.edu-intro-page .location-mark.py {top: 213px; left: 675px;}
.edu-intro-page .location-mark.ar {top: 267px; left: 658px;}
/* 마크 끝 */
.edu-intro-page .location-mark .country-name {position: relative; display: inline-block; margin-bottom: 4px; padding: 1px 4px; word-break: keep-all; border-radius: 6px; background: #ffffff; box-shadow: 0 2px 3px rgba(0,0,0,.16); font-size: 14px; font-weight: 500; }
.edu-intro-page .location-mark .country-name::after {position: absolute; bottom: 0; left: 50%; content: ""; width:7px; height: 4px; background: url("../images/bubble-piece.svg") no-repeat center / 100%;  transform: translate(-50%, 100%); filter: drop-shadow(0 2px 3px rgba(0,0,0,.16));}
.edu-intro-page .location-mark:hover .country-name,
.edu-intro-page .location-mark.active .country-name {z-index: 2;}
.edu-intro-page .location-mark.active .country-name {z-index: 3;}
.edu-intro-page .map-search {width: 350px; flex-shrink: 0; max-width: 810px; overflow: hidden; border: 2px solid #E0E0E0; border-radius: 20px;}
.edu-intro-page .map-search .top-group {position: relative; padding: 20px; border-bottom: 2px solid #E0E0E0;box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.edu-intro-page .search-input {display: flex; border: 2px solid #003878; border-radius: 14px; }
.edu-intro-page .search-input input {padding: 14px 20px; flex-grow: 1; border: 0; border-radius: 14px; font-size: 16px;}
.edu-intro-page .search-input input::placeholder {font-size: 16px;}
.edu-intro-page .search-input button {flex-shrink: 0; font-size: 30px; background: transparent; color: #003878;}
.edu-intro-page .result-num {margin-top: 10px;}
.edu-intro-page .map-search .bottom-group {height: 284px; overflow: auto; background: #F8F9FA;}
.edu-intro-page .result-list {padding: 0 20px; font-size: 16px;}
.edu-intro-page .result-list li { border-bottom: 1px solid #DBDBDB;}
.edu-intro-page .result-list li:hover {color: #000000; border-color: #000000;}
.edu-intro-page .result-list a {display: block; padding: 18px 0; color: #767676;}
.edu-intro-page .result-list li:hover a {color: #000000;}
.edu-intro-page .empty-item {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.edu-intro-page .empty-item img {display: inline-block; width: 82px; }
.edu-intro-page .empty-item p {margin-top: 10px; color: #ACACAC;}

/* ===== 수강신청상세 ===== */
.enrolment-detail {padding-bottom: 220px;}
.enrolment-detail .content-thumbnail-item .content-title {max-width: 80%; overflow: initial;text-overflow: initial;display: initial;-webkit-line-clamp: initial;-webkit-box-orient: initial;} 
.enrolment-detail .content-thumbnail-item .title-group {align-items: flex-end;}
.enrolment-detail .thumbnail-img { width: 29%; border-radius: 0; } 
.enrolment-detail .thumbnail-img::before { display: none; } 
.enrolment-detail .thumbnail-img .img-wrap { padding-bottom: 70%; background: #ffffff; } 
.enrolment-detail .col-group li+li { margin-top: 12px; } 
.enrolment-detail .detail__list { margin-top: 12px; font-size: 16px; } 
.enrolment-detail .detail__list { margin-top: 12px; font-size: 16px; } 
.enrolment-detail .detail__item { display: flex; align-items: center; flex-wrap: wrap; padding: 40px 20px 40px 0; } 
.enrolment-detail .detail__item + .detail__item { margin-top: 12px; } 
.enrolment-detail .list-title { width: 30%; font-size: 20px; font-weight: 500; text-align: center; } 
.enrolment-detail .detail__list .info-text-group { padding-left: 6%; border-left: 1px solid #DEDEDE; } 
.enrolment-detail .detail__item:first-child dt { margin-right: 20px; } 
.enrolment-detail .content-thumbnail-item .thumbnail-img img { object-fit: contain; } 
.enrolment-detail .btn--scrap input {line-height: inherit;font-family: inherit;font-size: inherit;-webkit-appearance: none;-webkit-border-radius: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0; cursor: pointer;}
.enrolment-detail .bottom-group {display: flex;}
.enrolment-detail .info-text-group {flex: 1; min-width: 60%;}
.enrolment-detail .content-thumbnail-item .btn-group {display: flex; gap: 10px; align-self: flex-end;justify-content: flex-end; flex-wrap: wrap;}
.enrolment-detail .members {margin-left: auto; font-size: 18px;}
.enrolment-detail .members strong {font-size: 22px; color: #3481ED;}
.enrolment-detail .review-area {margin-top: 90px;}
.enrolment-detail .btn-group-fixed {position: fixed;left: 0; bottom: 0; z-index: 11; width: 100%; padding: 30px 0; box-shadow: 0 -3px 10px rgba(0,0,0,.16); text-align: center; background: #F3F5FF;}
.enrolment-detail .btn-group-fixed.off {position: absolute;}
.enrolment-detail .btn-group-fixed button {margin-left: 10px;}

/* 후기 목록 */
.review-area .title-group {display: flex; align-items: center; justify-content: space-between;}
.review-area .review-list {border-top: 1px solid #000000;}
.review-area .review-list li {display: flex; align-items: center; gap: 10px; padding: 21px 0; border-bottom: 1px solid #DBDBDB;}
.review-area .user-text {flex: 1;}
.review-area .user-name {margin-bottom: 8px; font-size: 18px; font-weight: 500;}
.review-area .star-rating {margin: 0 40px 0 40px;}


/* 별점 */
.star-rating {position: relative; width: 107px; height: 19px; background: url("../images/star-rating-line.svg") no-repeat; background-size: 107px 19px; }
.star-rating .star {width: 107px; height: 19px; background: url("../images/star-rating-full.svg") no-repeat; background-size: 107px 19px;}
.scope-average {display: flex; align-items: center;}
.scope-average::before {content: "\f005"; display: block; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 8px; color: #F9A825;}

/* ===== qna ===== */
.primary-table__list.qna .table__item.num { min-width: 5%; } 
/* .primary-table__list.qna .title-text { font-size: 18px; } */
.primary-table__list.qna .fa-q { margin-right: 10px; color: #466DEF; } 
.commentStatus { display: inline-block; vertical-align: middle; padding: 5px 12px; height: 32px; line-height: 18px; font-size: 14px; line-height: inherit;}

/* ===== 진도현황 팝업 ===== */
#progressStatusPopup .primary-table__list { font-size: 15px; } 
#progressStatusPopup .table__item { padding: 15px; } 
#progressStatusPopup .table__item:nth-child(2) { flex-grow: 1; } 
#progressStatusPopup .table__item:nth-child(4) { width: 12%; } 
#progressStatusPopup .table__item:nth-child(6) { width: 20%; } 

/* ===== 커뮤니티 ===== */
.sub-title-inner.bg { position: relative; max-width: 100%; height: 16vw; min-height: 150px; border-radius: 0 0 100px 0; overflow: hidden; } 
.sub-title-inner.bg:after { content:''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; top: 0; left: 0; } 
.sub-title-inner.bg .sub-title-group { position: relative; z-index: 2; height: 100%; flex-direction: column; padding-bottom: 60px; } 
.sub-title-inner.bg .sub-title-group .subtitle { order: 1; } 
.sub-title-inner.bg .sub-title-group .subtitle a { color:#fff; } 
.sub-title-inner.bg .sub-title-group .subtitle a .fa-house { color: #466DEF; } 
.sub-title-inner.bg .locition-list { align-self: flex-end; } 
.sub-title-inner.bg .locition-list .location-item a { color:rgba(225,225,225,0.7); } 
.sub-title-inner.bg .locition-list .location-item:last-child a { color:#fff; } 
.sub-title-inner.bg .locition-list .location-item + .location-item::before { background: rgba(225,225,225,0.7); } 
.community-home-link { display: none; background-color: #F4F8FF; color: #466DEF; border-radius: 50%; font-size: 13px; width: 25px; height: 25px; align-items: center; justify-content: center; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2); } 
.community .contLayoutIn { display: flex; justify-content: space-between; margin-top: 60px; } 
.cummunity-info-list { display: flex; flex-direction: column; gap: 20px; max-width: 245px; flex-shrink: 0; } 
.cummunity-info-list .info-list { padding: 16px 20px 20px; border: 1px solid #D6E6FF; border-radius: 10px; background-color: #FAFCFF; } 
.cummunity-info-list .info-list dl { display: flex; align-items: center; gap: 10px; font-size: 16px; } 
.cummunity-info-list .info-list dl + dl { padding-top: 10px; margin-top: 10px; border-top: 1px solid #EDEDED; } 
.cummunity-info-list .info-list dt { width: 35%; flex-shrink: 0; word-break: keep-all; font-weight: 700; color: #466DEF; } 
.cummunity-info-list .info-list dd { margin: 0; font-size: 15px; color:#767676; } 
.cummunity-link-list > ul > li { padding: 12px 0; } 
.cummunity-link-list > ul > li.on a { font-weight: bold; color: #1b64bc; } 
.cummunity-link-list > ul > li + li { border-top: 1px solid #EDEDED; } 
.cummunity-link-list > ul > li a { font-size: 16px; color: #000; } 
.cummunity-info-list .btn-group .btn { width: 100%; } 
.cummunity-info-list .btn-group .btn strong {margin-left: 5px;}
.cummunity-link-list .link-list-title { font-size: 18px; } 
.cummunity-link-list .link__list { border-top: 1px solid #ACACAC; } 
.cummunity-link-list .link__item + .link__item { border-top: 1px solid #EDEDED; } 
.cummunity-link-list .link__item a { position: relative; display: block; padding: 10px 0; line-height: 1.5; font-size: 18px; } 
.cummunity-link-list .link__item a:after { content: ''; position: absolute; bottom: 0px; left: 0; display: inline-block; width: 0%; background-color: #466DEF; height: 2px; } 
.cummunity-link-list .link__list li.on a { color: #000; font-weight: 700; } 
.cummunity-link-list .link__list li.on a:after { width: 100%; } 
.community .right-content { width: 74%; margin-left: 20px; flex:3; } 
.board-list .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.board-list .title a { color: #000; font-weight: 500; } 
.board-list .title a:hover { color: #466DEF; } 
.community .title-group { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; } 
.community .list-title { margin: 0; font-size: 28px; font-weight: 500; } 
.community .txt_gray { font-size: 16px; } 
.community .right-content__item + .right-content__item { margin-top: 70px; } 
.community .btn-group { display: flex; gap: 5px; flex-direction: column; } 
.img-preview img { width: 50vw; max-width: 500px; object-fit: contain; max-height: 300px; } 
.sub-linkbox { border: 1px solid #D3DEEF; border-radius: 10px; overflow: hidden; background: url('../images/ic-school.svg') #EAEFFF no-repeat; background-size: 155px; background-position: 90%; } 
.sub-linkbox h5 { margin: 0 0 15px 0; font-size: 18px; } 
.sub-linkbox h5 strong { color:#00479D; } 
.sub-linkbox p { font-size: 18px; } 
.sub-linkbox__text { padding: 20px; } 
.sub-linkbox__btn { display: flex; padding: 0 20px 20px; } 
.sub-linkbox__btn a { position: relative; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 45px; padding: 0 10px; color:#fff; background-color: #00479D; border-radius: 6px; font-size: 15px; } 
.sub-linkbox__btn a + a::before { content: ''; width: 1px; height: 15px; border-left: 1px solid #B5D2FF; position: absolute; left: 0; } 
.sub-linkbox__btn a i { color: #fff; } 
.community .board__info-date li:has(.sns-group) {display: flex;align-items: center;}
.community .board__info-date li:has(.sns-group) .sns-group {margin-left: 35px;}


/* 커뮤니티 메뉴 스와이퍼 */
.snbSwiper { box-sizing: border-box; } 
.snbSwiper .destroy.swiper-wrapper { display: flex; flex-direction: column; transform: translate3d(0px, 0px, 0px) !important; } 
.snbSwiper .destroy .swiper-slide + .swiper-slide { border-top: 1px solid#EDEDED; } 
.snbSwiper .destroy .swiper-slide .text { display: block; text-align: left; color: #000; } 
.snbSwiper .swiper-slide { width: auto !important; } 
.snbSwiper .swiper-slide a { display: block; text-align: center; } 
.snbSwiper .swiper-slide .text { margin: 0 5px; padding: 16px 5px 8px 5px; box-sizing: border-box; font-size: 16px; position: relative; display: inline-block; height: 47px; white-space: nowrap; color: #333; } 
.snbSwiper .on .text { color: #1b64bc; font-weight: bold; } 
.snbSwiper .on .text:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #1b64bc; } 

/* ==== 커뮤니티 - 가입하기 ==== */
.cummunity-join { border-top: 1px solid #ACACAC; padding-top: 20px; margin-top: 20px; } 
.cummunity-join__title { border-bottom: 1px solid #EDEDED; padding-bottom: 20px; margin-bottom: 50px; } 
.cummunity-join__title p { color: #000; font-size: 20px; font-weight: 500; } 
.cummunity-info { border: 1px solid #EDEDED; border-radius: 15px; padding: 20px; } 
.cummunity-info__top { display: flex; justify-content: space-between; align-items: flex-end; } 
.cummunity-info__top .chkBox { align-items: center; justify-content: center; border: 1px solid #DEDEDE; border-radius: 6px; padding: 10px 20px; } 
.cummunity-info__title { color: #000; font-size: 18px; font-weight: 500; } 
.cummunity-info__list { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; } 
.cummunity-info__list li { background-color: #FAFCFF; border: 1px solid #D6E6FF; padding: 20px 20px; font-size: 15px; } 
.cummunity-info__list li .chkBox { justify-content: space-between; align-items: center; } 
.cummunity-info__list li .chkBox input { order: 1; flex-shrink: 0; } 

/* 마이페이지 > 관심 강좌 */
.interestLecture .primary-table__list .table__item:nth-child(1) { flex: 5; } 

/* ==== 공유콘텐츠 상세 ==== */
.share-content-detail { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; } 
.share-content-detail .content-left { width: 65.5%;} 
.share-content-detail .content-box {padding: 30px;}
.share-content-detail .content-box .sub-title {margin-bottom: 16px; font-size: 20px; font-weight: 500; color: #000000;}
.share-content-detail .content-item {position: relative; }
.share-content-detail .content-item::before {content: ""; width: 100%; padding-bottom: 56.25%; display: block;}
.share-content-detail .content-item .item-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border-radius: 10px;}
.share-content-detail .content-item.file .item-wrap,
.share-content-detail .content-item.link .item-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #C9D6FF; background: #F2F8FD; text-align: center;}
.share-content-detail .content-item.file .item-wrap::before,
.share-content-detail .content-item.link .item-wrap::before {content: ""; display: block; width: 106px; height: 106px;}
.share-content-detail .content-item.file .item-wrap::before {background: url("../images/icon-download.svg") no-repeat center / 100%;}
.share-content-detail .content-item.link .item-wrap::before {background: url("../images/icon-movelink.svg") no-repeat center / 100%;}
.share-content-detail .content-item .item-wrap .name {margin: 20px 0; font-size: 18px;}
.share-content-detail .content-item .btn {flex: unset !important}
.share-content-detail .content-item .btn i {margin-left: 8px;}
.share-content-detail .thumbnail-area video, 
.share-content-detail .thumbnail-area iframe {width: 100%; height: 100%; } 
.share-content-detail .thumbnail-area img { width: 100%; } 
.share-content-detail .epub-thumbnail-area { position: relative; display: flex; align-items: center; justify-content: center;} 
.share-content-detail .epub-thumbnail-area img { width: 100%; height: 100%; object-fit: cover; } 
.share-content-detail .thumbnail-cover { display: none; content: ''; width: 100%; height: 100%; z-index: 1; color: #fff; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); } 
.share-content-detail .epub-thumbnail-area:hover .thumbnail-cover { display: block; } 
.share-content-detail .thumbnail-cover .fa-eye { opacity: 1; font-size: 35px; } 
.share-content-detail .thumbnail-cover > a { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; width: 100%; height: 100%; color: #fff; font-size: 16px; } 
.share-content-detail .thumbnail-cover p { color:#fff; } 
.share-content-detail .content-text {margin-top: 20px; padding: 30px; background-color: #F8F9FA; border-radius: 12px;}
.share-content-detail .title { margin: 0 0 20px; font-size: 22px; font-weight: 500; color:#000; } 
.share-content-detail .content-text .text {line-height: 1.5; font-size: 16px; color:#767676; }
/* right */
.share-content-detail .content-right { width: 33%; padding: 30px; background: #F8F9FA;} 
.share-content-detail .content-right .star-rating {display: inline-block; vertical-align: middle;}
.share-content-detail .info-list ul>li {line-height: 1.7;}
.share-content-detail .btn-group { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.share-content-detail .toggle-btn-wrap { display: flex; flex-wrap: wrap; margin: 30px -4px 0; padding-top: 28px; border-top: 1px solid #ACACAC;} 
.share-content-detail [class*="btn--"] { position: relative; display: flex; align-items: center; padding: 4px 10px; margin: 4px; font-size: 16px; font-weight: 500; border-radius: 6px; border: 1px solid #767676; background: ; cursor: pointer; } 
.share-content-detail [class*="btn--"] i { margin-right: 8px; font-size: 14px;transition: color 0.3s; } 
.share-content-detail [class*="btn--"].btn--download i { color: #121212; } 
.share-content-detail [class*="btn--"] input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-radius: 17px; cursor: pointer; } 
.share-content-detail [class*="btn--"] input:checked + label i { color: #121212; } 
.share-content-detail [class*="btn--"] input { line-height: inherit; font-family: inherit; font-size: inherit; -webkit-appearance: none; -webkit-border-radius: 0; } 
.share-content-detail .btn--newWindow { display: flex; gap: 8px; background-color: #F4F8FF; border: 1px solid #D5E4FF; color: #466DEF; } 
.share-content-detail .btn--newWindow .fa-plus { color:#466DEF; } 
.btn--scrap {position: relative;}
.btn--scrap input:checked + label i,
.btn--like input:checked + label i { animation: effect 1 0.5s; font-weight: 900; } 
.btn--like label i {font-weight: 500;}
.btn--scrap label i {margin-right: 8px;margin-right: 8px;font-weight: 500; font-size: 14px;transition: color 0.3s;}

@keyframes effect { 
    0% { transform: scale(1) rotate(0deg); } 
    50% { transform: scale(1.3) rotate(10deg); color: #466DEF; } 
    80% { transform: scale(1.08) rotate(-20deg); /* color: #A50F0F; */}
    100% { transform: scale(1) rotate(0deg); } 
}
.sns-group button { width: 30px; height: 30px; border: 0; border-radius: 50%; } 
.sns-group button + button { margin-left: 10px; } 
.sns-group .sns-facebook { background: url("../images/sns-sprites.png") -10px -10px; } 
.sns-group .sns-kakao { background: url('../images/sns-sprites.png') -10px -60px; } 
.sns-group .sns-twitter { background: url('../images/sns-sprites.png') -60px -10px; } 

.share-content-detail .sns-group {margin-left: auto;}
.share-content-detail .sns-group button + button {margin-left: 5px;}
.share-content-detail .info-box .content-text { margin-top: 20px; padding-top: 20px; line-height: 1.5; border-top: 1px solid #E2E2E2; font-size: 16px; color: #767676; } 
.share-content-detail .comment-num { display: flex; align-items: center; margin-bottom: 20px; } 
.share-content-detail .comment-write { display: flex; } 
.share-content-detail .comment-write textarea { border: 1px solid #466DEF; border-radius: 25px; } 
.share-content-right { width: 34%; } 
.share-content-detail .board__file-items { margin-bottom: 30px; padding-bottom: 18px; border-bottom: 1px solid #E2E2E2; } 
.share-content-detail .board__file-items .link { max-width: 100%; padding: 8px 20px; } 
.share-content-detail .board__file-items .link span:hover { color: #466DEF; } 
.share-content-detail .board__file-items .link span { overflow: hidden; text-overflow: ellipsis; color: #000; } 
.shared-content .title-group {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #ACACAC;}
.shared-content .title-group.active {border-color: #000000;}
.shared-content .title-group i {font-size: 20px; color: #ACACAC;}
.shared-content .title-group.active i {transform: rotate(180deg); color: #000000;}
.shared-content .write-area {padding: 0 0 20px; text-align: center;}
.shared-content .write-area .sub-title {font-size: 20px;}
.shared-content .write-area .star-rating-check {margin: 20px 0 30px;}
.shared-content .review-area .review-list {border-top: 0;}
.shared-content .comment-write textarea {width: auto; flex: 1;}
.shared-content .comment-write button {position: inherit; background: #466DEF; color: #ffffff; margin-left: 10px;}
.shared-content .review-list .delete--btn {padding: 0; background: transparent; color: #a3a3a3;}
.shared-content .review-list .delete--btn i {margin: 5px 5px 0 0;}

/* 비슷한 콘텐츠 추천 */
.recommend-contents .recommend-list {display: flex; gap: 20px;}
.recommend-contents .recommend-item {width: calc(100% / 5);}
.recommend-contents .recommend-item .title {margin-top: 20px;}
.shared-content .thumbnail-img { position: relative; width: 100%; overflow: hidden; border-radius: 8px; background: #DEDEDE; } 
.thumbnail-img.video::before {width: 42px; height: 42px;}
.shared-content .thumbnail-img .img-wrap { position: relative; height: 0; padding-bottom: 56.25%; } 
.shared-content .thumbnail-img img { position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transform: translateY(-50%); } 

.shared-content .toggle-detail-item {display: none;}

/* ==== 저작권 정보 표시 ==== */
.copyright { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 0 10px 0 } 
.copyright-bg { width: 120px; height: 50px; } 
.copyright-bg.copyright-type1 { background: url('../images/copyright.png') no-repeat; background-size: 248px; } 
.copyright-bg.copyright-type2 { background: url('../images/copyright.png') no-repeat; background-size: 248px; background-position-y: -55px; } 
.copyright-bg.copyright-type3 { background: url('../images/copyright.png') no-repeat; background-size: 248px; background-position: -124px -55px; } 
.copyright-bg.copyright-type4 { background: url('../images/copyright.png') no-repeat; background-size: 248px; background-position: -124px -110px; } 
.copyright-bg.copyright-type5 { background: url('../images/copyright.png') no-repeat; background-size: 248px; background-position-x: -124px; } 
.copyright-bg.copyright-type6 { background: url('../images/copyright.png') no-repeat; background-size: 248px; background-position: 0px -110px; } 
.copyright p { font-size: 15px; font-weight: 500; color: #000; } 

/* ==== 나의 강의실 ==== */
.list-detail__list { } 
.list-detail__item { padding: 20px; margin-bottom: 20px; border: 1px solid #EDEDED; border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.16);} 
.list-detail__top { position: relative; display: flex; justify-content: space-between; } 
.list-detail__title { display: flex; flex-wrap: wrap; flex: 1; min-width: 0; } 
.list-detail__title .gaugeBox { margin-right: 20px; } 
.list-detail__text { flex: 1; margin: 5px 0; min-width: 0; } 
.list-detail__text > p > a { color: #000; font-weight: 500; } 
.list-detail__text .title-tag { margin-right: 15px; color:#666666; } 
.list-detail__status { position: relative; flex-shrink: 0; display: flex; font-size: 15px; align-items: center; gap: 5px; } 
.list-detail__status::before { content: ''; display: inline-block; width: 7px; height: 7px; background-color: #fff; border-radius: 50%; } 
.list-detail__status.cancle::before { background-color: #FF4D4D; } 
.list-detail__status.confirm::before { background-color: #466DEF; } 
.list-detail__status.progress::before { background-color: #FAB04C; } 
.list-detail__status.complete::before { background-color: #466DEF; } 
.list-detail__status.incomplete::before { background-color: #9E9E9E; } 
.list-detail__status.learn::before { background-color: #11BAB4; } 
.list-detail__status.waiting::before { background-color: #FAB04C; } 
.list-detail__bottom { display: flex; justify-content: space-between; align-items: center; gap:10px; border-top: 1px dashed #D7D7D7; padding: 20px 0 0; margin-top: 20px; flex-wrap: wrap; } 
.list-detail__bottom .catrgory { display: flex; gap: 10px; flex-shrink: 0; } 
.list-detail__bottom .flag { display: inline-flex; padding: 2px 10px; border: 1px solid #ababab; border-radius: 30px; } 
.list-detail__bottom .date-info { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; font-size: 16px; } 
.list-detail__bottom .date-info > li { display: inline-flex; align-items: center; } 
.list-detail__bottom .data-info__title { flex-shrink: 0; margin-right: 8px; font-size: 14px; color: #767676; } 
.list-detail__bottom .status-control { display: flex; min-width: 175px; justify-content: flex-end; gap: 10px; } 
.list-detail__bottom .status-control > a { display: flex; align-items: center; justify-content: center; } 
.list-detail__status-info { position: absolute; right: 0; flex-shrink: 0; } 
.status-info { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; border-radius: 15px; border: 1px solid #E1E1E1; margin-top: 50px; padding: 50px; } 
.status-info h5 { margin: 0; font-size: 22px; font-weight: 500; } 
.status-info ul { display: flex; align-items: center; gap: 50px; } 
.status-info ul p { margin-left: 8px; } 
.status-info .list-detail__status { flex-wrap: wrap; } 

/* 후기작성 */
.review-write-area {display: none; padding: 40px 30px; border: 1px solid #EDEDED; text-align: center; border-radius: 10px; box-shadow: 0 3px 6px rgba(0,0,0,.16);background: #F8F9FA;}
.review-write-area .sub-title {margin-bottom: 20px; font-size: 20px;}
.star-rating-check {display: inline-flex; flex-direction: row-reverse;}
.star-rating-check input {display: none;}
.star-rating-check label:before { display: inline-block; content: "\f005"; margin: 2px;font-size: 27px;font-family: "Font Awesome 6 Free";font-weight: 400;color: #F9A825;cursor: pointer;transition: 0.3s;}
.star-rating-check input:checked ~ label:before{font-weight: 900;}
.star-rating-check input:hover ~ label:before{font-weight: 900;}
.review-write-area textarea {min-height: 114px; margin: 30px 0 20px; padding: 18px; border: 1px solid #DBDBDB; border-radius: 10px;}
.review-write-area [class*="button"] {min-width: 92px;}

/* 마이페이지 대시보드 */
.myPage-items { display: flex; flex-wrap: wrap; gap: 20px; } 
.myPage-item { flex: 1 1 49%; padding: 30px; height: 380px; border: 1px solid rgb(232 232 232); border-radius: 12px; box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.1); } 
.myPage-item.destroy .swiper-wrapper { flex-wrap: wrap; gap: 10px; } 
.myPage-item.destroy .swiper-wrapper .empty { padding: 45px 20px; } 
.myPage-list .icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 50%; font-size: 25px; } 
.myPage-items__title-box { margin: 0 0 25px 0; border-bottom: 1px solid #ACACAC; padding-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; } 
.myPage-items__title { display: flex; justify-content: space-between; flex-direction: column; gap: 25px; font-size: 24px; color: #000; font-weight: 500; } 
.myPageSlide1 .icon { background-color: #E2ECFF; color: #466DEF; } 
.myPageSlide2 .icon { background-color: #FFF1E0; color: #FFAE00; } 
.myPageSlide3 .icon { background-color: #FDEAEA; color: #BE1212; } 
.myPageSlide4 .icon { background-color: #D4F4F1; color: #3AADA4; } 
.myPage-item .swiper-slide { display: flex; align-items: center; justify-content: space-between; } 
.myPage-item .category { flex-shrink: 0; color: #ACACAC; font-size: 16px; } 
.myPage-item__title { max-width: 225px; font-size: 17px; color: #000; font-weight: 500; } 
.myPage-item__subject { display: flex; align-items: center; gap: 10px; } 
.myPage-item__info { display: flex; align-items: center; gap: 20px; } 
.myPage-item__info .list-detail__status { color:#767676; } 
.myPage__more { font-size: 16px; color: #666; } 
.myPage .list-detail__process { display: none; } 

/* 마이페이지 대시보드 - Low 버전 */
.low .myPage-item .swiper-slide { min-height: auto; } 
.low .swiper-wrapper { gap: 10px; display: flex; flex-direction: column; } 

/***** 쿠키 정책 *****/
.cookie-page.content-text .text { line-height: 1.7; } 
.cookie-page.content-text .text + .text { margin-top: 20px; } 

.line-list {border-top: 2px solid #000;margin-top: 60px;}
.line-list > ul > li {display: flex;flex-wrap: wrap;padding: 30px 0;border-bottom: 1px solid #DBDBDB;}
.list-head {display: flex;gap: 20px;flex: 1;font-size: 18px;font-weight: 500;word-break: keep-all;}
.list-body {flex: 2;line-height: 1.7;}
.list-body > p + p {margin-bottom: 20px;}
.list-body > ul > li {position: relative; margin-left: 20px; list-style-type: disc;font-size: 15px;}
.list-body > ul > li a {color:#000;word-break: break-all; }
.list-body .sub-title {display: inline-block;margin: 10px 0;font-size: 15px;}
.list-body strong {color:#000; }
.list-body strong.underline {text-decoration: underline;}
.list-item strong {font-size: 18px;}
.list-item__cont {margin: 15px 0;padding: 15px 0;border-top: 2px dotted #ebebeb;border-bottom: 1px solid #dfdfdf;}
.list-item__cont > ul {display: flex;column-gap: 50px;}
.list-item__cont > ul > li {font-size: 16px;}
.list-item__cont > ul > li span {margin-right: 10px;color: #767676;}
.list-item__text {font-size: 15px;color: #555;}

/* **** 인쇄용 CSS **** */
@page { size: A4; margin: auto; } 

@media print { html,body { width: 210mm; height: 297mm; margin: 0; } 
    .printPage { margin: 0; border: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: avoid; } 
    .printDown button { display: none; } 
}


/*404 에러*/
.contLayout.errorPage { display: flex; align-items: center; justify-content: center; padding: 0; min-height: auto; height: 100vh; } 

/* ****************************** Media Query ****************************** */
@media screen and (max-width: 1300px) { 
    /*탭메뉴*/
    .tabBox > ul.tabItem5-1 > li > a span { min-width:200px; } 
    .tabBox > ul.tabItem7 > li > a span { min-width:auto; } 

    .columnIn .columnInTxt br { display:none; } 

    /*학습창*/
    .learnP .popupBoxIn, .learnP .popupBoxIn.previewPop { max-width:1000px; width:auto; } 

    /*시험*/
    .test .popupBoxIn { width:1000px; } 

    /*404 에러*/
    .errorPage { padding: 70px 0 0 0; } 

    /* 검색 필터 */
    .search-filter {margin-right: 20px;}
    .side-layout_wrap.filter-hide {transform: translateX(-265px);width: calc(100% + 265px);}
}

@media screen and (max-width: 1024px) { 
    .findLoginBox .columnIn { padding: 40px; } 

    /*****서브*****/
    .sub-title-inner.bg { border-radius: 0; overflow: visible; } 
    .contLayout { padding-bottom:70px; } 
    .pageNav { display: none; } 
    .subVisual { height: 150px; } 
    .subVisual h3 { font-size: 26px; } 

    /*search*/
    .searchBox { height:auto; } 
    .searchBox .formGroup.selectDoubleInput .searchSelect { float:left; width:49%; margin-left: 0; } 
    .searchBox .formGroup.selectDoubleInput .searchSelect:first-child { float:right; margin:0; } 
    .searchBox .formGroup.selectDoubleInput .searchInput { width:100%; margin-top:8px; } 
    .searchBox .formGroup.selectDoubleInput .searchBtn { top: auto; bottom: 23px; right: 0; } 

    /* 검색영역 */
    .search-filter, .side-layout_wrap {transition: none;}
    .side-layout_wrap.filter-hide {transform: inherit;width: auto;}
    .filter-control button.btn--filter-close {display: none;}
    .btn--filter-close__mb {display: block;}
    .search-filter {position: fixed;display: none;flex-direction: column;width: auto;max-height: 90%;left: 15px;right: 15px;max-width: 500px;margin: 0 auto;top: 80px; bottom: 15px; z-index: 5; transition: none;}
    .filter-body {flex: 1;overflow: auto;-webkit-overflow-scrolling: touch;}
    .side-layout_wrap.show .search-filter {display: flex;}
    .side-layout_wrap.show .popup_bg {display: block;}

    /*table*/
    .tableTitle .conT5, .tableTitle .conT6 { float:none; margin-bottom:12px; } 
    .tableTitle .remark { position: relative; top:0; display:block; margin-bottom:8px; font-size:14px; } 

    /*gallery*/
    .gallery_normal>ul>li { width: 48.5%; } 

    /*paging*/
    .pagination.moreViewPg { margin: 20px 0 60px; } 

    /*form*/
    .smallSel { font-size:14px; } 
    select[name="yearSel"] { padding-left:5px; } 
    .circleBgIn { width:75px; height:75px; line-height: 71px; } 
    .buildingIcon { width:36px; } 
    .gymIcon { width:50px; } 

    .sliderWrap { float: none; width: 100%; margin: 0 auto; } 
    .sliderWrap li img { width:100%; } 
    .slideInfo { float: none; width: 100%; margin-top:40px; } 
    .slideInfoIn { margin:0; } 

    .lineBoxR .lineBoxContIn li p { font-size:16px; } 
    .lineBoxR .lineBoxContIn li span { font-size:14px; } 

    /*문의*/
    .searchBox .formGroup.radioInput .searchInput { width:auto; } 

    /*검색영역*/
    .searchBox .formGroup.radioInput .searchInput { position: relative; margin:0; width:100%; } 
    .searchBox .formGroup.radioInput .searchBtn { top:0; } 

    .searchDetailCont { margin: 0 20px; } 
    .searchDetailCont .formCont { width: 80%; } 

    .inputBox { margin:0 30px; } 
    .inputBoxBt { margin:24px 30px 0; } 

    .lineBox.joinFin .popBottomBtn a.btn { float: none; } 

    /*학습창*/
    .learnP .popupHead { height:auto; padding:10px; } 
    .learnP .popupHead .conT5 { margin-right: 30px; margin-bottom: 0; font-size:18px; } 
    .learnP .popupHead .subjectTag { display:block; } 
    .learnP .popupClose { top: 7px; right:6px; background:none; color:#fff; } 
    .learnP .popupBoxIn { top:20px; bottom:20px; } 

    .learning .popupBody { padding:0px; } 
    .learning .popupBoxIn { width:auto; background-color: #f8f8f8; } 
    .learnT { display:none; right: 70px; } 
    .learnContIn .learnBox { padding:15px; } 
    .learning .leftNav { display:none; } 
    .guideSmaple .learnCont { margin: 0; width: 100%; } 
    /* .learnCont > iframe { width:100%; height: calc(100% - 20px); } */
    .learnCont > iframe { width:100%; height: calc(100% - 0px); } 

    #learnNotice .popupBoxIn { width:auto; } 
    #learnNotice .popupClose { background-color: #f3f3f3; color: #000; } 

    /*시험*/
    .test .popupBoxIn { width:auto; } 
    .test .popupHead { height:auto; padding:16px; } 
    .test .popupHead .conT5 { margin-right: 225px; margin-bottom:0px; } 
    .test .popupClose { color:#fff; } 
    .test .conT5 p { font-size:18px; } 
    .test .popupHead .conT5 span { font-size:14px; } 
    .testHead { padding: 15px; } 
    .testTime { padding:10px; } 
    .testTimeTxt { font-size:15px; } 
    .clockImg { position: relative; top: -1px; width:16px; } 
    .test .popupHead button { right: -5px; min-width: auto; padding: 5px 12px; height: 32px; line-height: 18px; font-size: 14px; } 
    #popupTest2.test .contBody { padding:15px; } 

    .tableListIn li:first-child { margin-top:15px; } 
    .tableListIn li { margin-top:15px; } 
    .tableListIn li .byte { position: relative; display: block; right: 0; margin: 5px 0; text-align: right; font-size: 12px; } 

    /*강의실*/
    .lectureCont .noticeTab .tabconIn li a.ellipsis { max-width: 70%; } 
    .learnTerm { width: 100%; display: block; background: #D1E4F5; } 
    .learnTermT { float:none; width:100%; margin-top: 14px; text-align:center; } 
    .learnTermT .termTitle { display:inline-block; margin-right:7px; margin-bottom:0px; font-size:18px; } 
    .learnTermT .term span { display:inline-block; margin:0; } 
    .lectureInfo { margin: 30px auto 16px; } 
    .lectureInfo > li { width: 32%; margin-left: 2%; } 
    .learnBtn { position:relative; display:block; top:0px; left:0px; right:0px; bottom:0px; margin:12px auto 0; } 
    .lectureContIn { display: block; } 
    .noticeTab { width: 100%; margin-left: 0; margin-top: 30px; } 
    .lectureInfo > li .score { font-size: 40px; } 

    /* 공유콘텐츠 상세 */ 
    .share-content-detail .btn-group { flex-wrap: wrap; } 
    .share-content-detail [class*="btn--"] { padding: 3px 10px; font-size: 14px; } 
    .share-content-detail .content-box,
    .share-content-detail .content-right,
    .share-content-detail .content-text { padding: 20px 15px; } 
    .recommend-contents .recommend-list {flex-wrap: wrap;}
    .recommend-contents .recommend-item {width: calc(100% / 3 - 14px);}
    .share-content-detail .toggle-btn-wrap {margin: 20px -4px 0; padding-top: 20px;}

    /* 저작권 정보 표시 */
    .copyright { gap: 5px; } 
    .copyright p { font-size: 13px; } 

    /* 커뮤니티 */
    .community .contLayoutIn { flex-direction: column; margin-top: 0px; } 
    .community .btn-group { flex-direction: row; } 
    .community .right-content { width: auto; margin: 15px 0 0 0; } 
    .community .right-content__item + .right-content__item { margin-top: 30px; } 
    .community .list-title { font-size: 20px; font-weight: 700; } 
    .community .title-group { margin-bottom: 10px; } 
    .cummunity-join__title p { font-size: 18px; } 
    .cummunity-link-list { display: none; border-bottom: 1px solid #EDEDED; order: 1; } 
    .cummunity-link-list .link-list-title { display: none; } 
    .cummunity-link-list .link__list { display: flex; border-top: none; padding: 5px; } 
    .cummunity-link-list .link__list li { flex:1; display: flex; justify-content: center; } 
    .cummunity-link-list .link__item a { padding: 5px 0; font-size: 16px; } 
    .cummunity-link-list .link__item a:after { bottom: -6px; } 
    .cummunity-link-list .link__item + .link__item { border-top: none; } 
    .cummunity-info { padding: 15px; } 
    .cummunity-info__top .chkBox { padding: 5px 10px; } 
    .cummunity-join__title { margin-bottom: 25px; } 
    .cummunity-info-list { max-width: 100%; margin-top: 15px; gap: 12px; margin-bottom: 30px; } 
    .cummunity-info-list .info-list { padding: 15px; order: 2; } 
    .cummunity-info-list .btn-group { padding: 15px 0 0; border-top: 1px solid #DEDEDE; } 
    .cummunity-info-list .btn-group a { padding: 10px; border-radius: 30px; } 
    .sub-linkbox { order: 2; } 

    /* 커뮤니티 상세 */
    .community-detail .cummunity-info-list { display: none; } 

    /* 나의 강의실 */
    .status-info { padding: 25px; } 
    .status-info ul { gap: 25px; } 
    .list-detail__bottom .status-control { flex: 1; justify-content: flex-end; } 
    .list-detail__title { flex-direction: column; } 

    /* 마이페이지 대시보드 */
    .myPage__more { font-size: 15px; } 
    .myPage .contLayoutIn { padding: 0; } 
    .myPage-items { display: block; } 
    .myPage-item .swiper-slide { display: block; min-height: 210px; padding: 20px; border-radius: 10px; border: 1px solid #DEDEDE; transition: 0.3s all ease; } 
    .myPage-item .swiper-slide.swiper-slide-active { box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1); transform: translateY(-20px); } 
    .myPage-item { height: auto; border: none; padding: 0 0 40px 0; border-radius: 0px; box-shadow: none; } 
    .myPage-item + .myPage-item { border-top: 8px solid #F2F5F8; } 
    .myPage-items__title-box { padding: 20px 15px 20px; border-bottom: none; align-items: center; } 
    .myPage-items__title { flex-direction: row; align-items: center; font-size: 20px; gap: 10px; } 
    .myPage-list .icon { width: 32px; height: 32px; font-size: 14px; } 
    .myPage-item__subject { display: block; flex-direction: column; } 
    .myPage-item .category { display: flex; justify-content: space-between; flex: 1; width: 100%; } 
    .myPage-item__title { max-width: 100%; margin-top: 10px; } 
    .myPage-item__info a { width: 100%; } 
    .low .myPage-item__info a { width: auto; } 
    .myPage-item__info { align-items: flex-end; flex-direction: column; position: absolute; bottom:20px; left: 20px; right: 20px; gap: 5px; } 
    .myPage .list-detail__process { position: relative; width: 100%; height: 3px; background-color: #EDEDED; } 
    .process-bar { position: absolute; left: 0; top: 0; height: 3px; } 
    .waiting .process-bar { background-color: #FAB04C; width: 25%; } 
    .cancle .process-bar { background-color: #FF4D4D; width: 0%; } 
    .complete .process-bar { background-color: #466DEF; width: 100%; } 
    .learn .process-bar { background-color: #11BAB4; width: 50%; } 
    .myPage-item .swiper-wrapper .empty { margin: 0 15px; } 

    /* 마이페이지 대시보드 - Low 버전 */
    .low .myPage-item { padding: 0 15px 20px 15px; } 
    .low .myPage-item .swiper-slide { position: relative; padding: 15px; } 
    .low .myPage-item__info { position: relative; left: 0; right: 0; bottom: 0; flex-direction: row; justify-content: space-between; align-items: center; } 
    .low .myPage-item__title { margin-top: 5px; margin-bottom: 10px; } 
    .low .myPage-item .swiper-wrapper .empty { margin: 0; padding: 30px 20px; gap: 10px; } 
    .low .myPage-items__title-box { margin-bottom: 0; padding-left: 0; padding-right: 0; } 
    .low .list-detail__process { display: none; } 
    .low .myPage-item__info .mbHide { display: block; } 
    .low .myPageSlide4 .list-detail__status::before { background-color: #d7d7d7; } 

    /* 커뮤니티 메뉴 스와이퍼 */
    .snbSwiper .swiper-slide { flex: 1; } 
    .snbSwiper .fullSlide .swiper-slide { flex: 1; } 
    .snbSwiper .fullSlide.swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } 
    .snbSwiper .swiper-slide .text { padding: 16px 15px 8px 15px; height: 55px; } 

    /* 교육원 소개 */
    .edu-intro-page .map-group {flex-wrap: wrap;}
    .edu-intro-page .map-search {width: 100%;}
    .edu-intro-page .descrip-list {flex-wrap: wrap;}
    .edu-intro-page .descrip-item {width: 49%;}
}

@media screen and (max-width: 768px){
    .subTitle.pcHide { display:inline; } 

    .table_normal thead tr th.subject>div:before { display: none; } 

    /* 서브페이지 타이틀 & 로케이션 */
    .locition-list { display: none; } 
    .sub-title-group { margin-bottom: 20px; justify-content: center; } 
    .sub-title-group .subtitle { font-size: 22px; } 

    .table_normal thead tr th { padding: 12px 0; font-size: 14px; word-break: keep-all; } 

    .table_normal tbody tr th { padding: 12px; font-size: 14px; word-break: keep-all; } 

    :lang(ja) .table_normal tbody tr th { word-break: break-all; } /* 일본어 */

    .table_normal tbody tr td { padding: 12px 10px; font-size: 14px; } 

    .table_normal tbody tr td.subject { padding: 12px 10px 7px 10px; border-left: none; } 

    .table_normal tbody tr td.subject a { height: 23px; overflow: hidden; font-size: 14px; } 

    .table_normal tbody tr td.subject strong { font-size: 14px; } 

    .table_normal.board-write>tbody>tr>th { padding: 12px 15px 12px 0px; min-width: 74px; } 

    .table_normal.board-write>tbody>tr>td { padding: 10px; } 
    .editer-area .subtitle { padding: 12px 15px 12px 0px; } 

    .addFile { width: 95%; } 

    .tableNextButtonBox { height: 74px; } 

    .tableNextButtonBoxL { height: 72px; } 

    .tableNextButtonBoxL a .prevIcon { font-size: 20px; top: 13px; left: 10px; } 

    .tableNextButtonBoxR a .nextIcon { font-size: 20px; top: 13px; right: 10px; } 

    .tableNextButtonBoxL img,
    .tableNextButtonBoxR img { width: 10px; } 

    .tableNextButtonBoxL .icon,
    .tableNextButtonBoxR .icon { font-size: 30px; } 

    .tableNextButtonBoxL strong { margin: 12px 0px 7px 30px; font-size: 14px; } 

    .tableNextButtonBoxL .text { font-size: 14px; padding-right: 0px; } 

    .tableNextButtonBoxL:after { height: 72px; } 

    .tableNextButtonBoxR { height: 72px; } 

    .prevButtonIn { margin-left: 0px; margin-right: 10px; padding-left: 10px; } 

    .nextButtonIn { margin-left: 10px; margin-right: 0px; padding-right: 10px; } 

    .tableNextButtonBoxR strong { margin: 12px 30px 7px 0; font-size: 14px; } 

    .tableNextButtonBoxR .text { font-size: 14px; padding-left: 0px; } 

    .tableNextButtonBoxL img.prevImg { top: 15px; left: 10px; width: 8px; } 

    .tableNextButtonBoxR img.nextImg { top: 15px; right: 10px; width: 8px; } 

    .prevButtonIn:before { display: none; top: 18px; } 

    .nextButtonIn:before { display: none; top: 18px; } 

    /*faq*/
    .faq_normal a { padding: 20px 15px; font-size: 15px; } 

    .faq_normal a .txt { margin-left: 42px; margin-right: 40px; padding-right: 0; font-size: 15px; } 

    .faq_normal a .faq_q { top: 15px; left: 15px; width: 30px; height: 30px; line-height: 28px; margin: 0; } 

    .faq_content { padding: 20px 15px; } 

    .faq_content .faq_a { top: 55%; left: 15px; width: 30px; height: 30px; line-height: 28px; } 

    .faq_content .txt { margin-left: 42px; font-size: 15px; } 

     /* 검색영역 */
    .search-filter {height: auto; max-height: 89%;}

    /* 콘텐츠 아이템 */
    .content-thumbnail-item { font-size: 15px; } 
    .content-thumbnail-item .content-inner { padding: 15px; } 
    .content-thumbnail-item .text-category { margin-bottom: 0; } 
    .content-thumbnail-item a { padding: 16px; } 
    .content-thumbnail-item .top-area { flex-wrap: wrap; } 
    .content-thumbnail-item .thumbnail-img { width: 100%; margin-right: 0; } 
    .content-thumbnail-item .title-group { padding-bottom: 6px; } 
    .content-thumbnail-item .content-title { font-size: 18px; } 
    .content-thumbnail-item .info-text-group { padding-top: 6px; } 
    .content-thumbnail-item .star-range { margin-top: 10px; } 
    .content-thumbnail-item .row-group { margin-top: 0; } 
    .content-thumbnail-item .row-group li { margin-top: 10px; } 
    .content-thumbnail-item .row-group li:nth-child(odd) strong { display: inline-block; width: 64px; } 
    .info-text-group .row-group dl { margin: 1px 30px 1px 0; } 
    .content-thumbnail-item .content-text { margin-top: 10px; padding: 10px 0 0; } 
    .info-text-group .info-list dt { font-size: 15px; } 
    .info-text-group .info-list dd { font-size: 14px; } 

    /* 공통 테이블 형식 리스트 */
    .primary-table__list .table__list { padding: 12px 0; flex-wrap: wrap; } 
    .primary-table__list .table__item { min-width: auto; margin: 5px 0; padding: 0; } 
    .primary-table__list .table__item.writer { max-width: 43%; min-width: auto; } 
    .primary-table__list .name { width: 100%; text-align: left; } 
    .primary-table__list .table__list .title-text { width: 100%; margin: 10px 0 20px; font-size: 16px; } 
    .primary-table__list .table__list .table__item.right-item { margin-left: auto; } 
    .primary-table__list .table__item.status { margin-left: auto; } 

    /* 공지사항 리스트 유형 */
    .primary-table__list.notice .table__list .title-text { margin: 5px 0; } 

    /* 썸네일뷰 리스트 */
    .listTableItem .listInfoT p { font-size: 20px; } 

    /* Q&A 상세 */
    .qna .board__body { margin: 20px 0; padding: 20px; } 
    .board-comment .board__head .conT6 { padding: 20px 0 10px; } 

    .loading-popup .popupBoxIn {padding: 20px; border-radius: 20px; } 
    .loading-popup .title-text { font-size: 20px; margin-bottom: 20px; } 
    .loading-popup .text { font-size: 16px; } 
    .loading-popup .loader { width: 20%; margin: 20px auto; } 
    .loading-popup .toggle-text-box { padding: 20px; font-size: 14px; } 

    /* 메일 본인인증 완료 */
    .mail-round-box .title-text {margin: 40px 20px 34px; font-size: 20px;}
    .mail-round-box .text-group {padding: 30px 20px 40px;}
    .mail-round-box .text {font-size: 16px;}

    #popupfindPass.alert .popupBody ul { width:100%; } 
    #popupfindPass input[type="password"] { width:100%; } 

    .tableSubTxt { float:none; } 
    .tableSubTxt .line { display:none; } 
    .tableSubTxt p { margin-bottom: 8px; } 

    /*table*/
    .fileIcon { width:11px; margin-right:4px; } 
    .table_normal tbody tr td.subject p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
    .tbBlue > thead > tr > th, .tbBlue > tbody > tr > th, .tbBlue > tfoot > tr > th { font-size:14px; } 
    .tbBlue > thead > tr > td, .tbBlue > tbody > tr > td, .tbBlue > tfoot > tr > td { padding:10px; font-size:14px; } 

    /*bannerTitle*/
    .bannerTitle { padding:15px; } 

    /*faq*/
    .lectureList.faq_normal a .faq_q { top:31px; } 
    .lectureList.faq_normal a .txt { margin-left: 42px; } 

    /* qna */
    .primary-table__list.qna .title-text { margin: 10px 0 20px; } 

    /* 지원사업 안내 */
    .primary-table__list .table__item.status { margin: 0 10px 0 auto; min-width: unset; } 
    .primary-table__list .table__item.comment + .status { margin: 0 10px; min-width: unset; } 
    .primary-table__list .table__item.comment { margin-left: auto; min-width: unset; } 

    /*교육정보*/
    .eduNum { width:45px; margin-right: 4px; font-size: 12px; } 
    .eduTxt { margin-left: 53px; font-size:13px; } 
    .eduStep p { line-height: 20px; font-size:14px; } 
    .lineBox img { width:240px; } 

    /*문의*/
    .tag.pcHide { display:block; } 

    /*아이디/비번 찾기*/
    .findLoginBox .columnT { padding:32px 0 16px 0; font-size:20px; } 
    .findLoginBox .columnIn { flex:100%; height: auto; padding: 20px; } 

    /*회원가입 스탭*/
    .tabBox.stepBox ul li { min-height: 60px; } 
    .tabBox.stepBox ul li:after { width: 14px; } 
    .tabBox.stepBox ul li a { font-size:14px; line-height:20px; padding: 0 5px; } 
    .tabBox.stepBox ul li a span { font-size: 14px; } 
    .tabBox.stepBox ul li a:hover { color:#666; } 
    .tabBox.stepBox ul li.on a:hover { color:#fff; } 
    .tabBox.stepBox ul li.first a { padding:20px 10px 20px 16px; } 
    .tabBox.stepBox ul li.second a { padding:20px 10px 20px 27px; } 
    .tabBox.stepBox ul li.last a { padding:20px 10px 20px 30px; } 
    .tabBox.stepBox ul li a br { display:block; } 

    .mail-input-area .input-group { padding: 20px; flex-wrap: wrap; } 
    .mail-input-area .input-group .mail-input { width: 91%; } 
    .mail-input-area .basicSelect { width: 100%; max-width: 100%; } 

    /*회원가입 완료*/
    .lineBox.joinFin { padding:32px 15px 24px; } 
    .lineBox.joinFin .txtSub { font-size:15px; } 
    .lineBox.joinFin .lineBoxIn { padding:0px 0px 20px; } 
    .alertTxt p { font-size:14px; } 

    /*폼*/
    input[type='text'].inputL,input[type='password'].inputL { height:44px; } 

    /*로그인*/
    .inputBox { margin:0 15px; } 
    .loginBox .columnIn { flex: 100%; height:auto; min-height: auto; } 
    .loginBox .columnT { padding:32px 0 16px 0; font-size:20px; } 
    .loginBox .centerInBox { margin-bottom:8px; } 
    .loginBox .inputBox { padding-bottom:20px; } 
    .loginBox .inputBoxBt { margin:20px 15px 24px; overflow:hidden; gap: 5px; } 
    .loginBox .centerChkBox { margin-bottom:0px; } 

    .remarkTxt p { font-size:14px; } 

    /* ******* 통합검색 ****** */
    .search-result .list-wrap { margin-top: 40px; } 
    .search-result .search__list { margin-top: 10px; } 
    .search-result .search__list .list__item a { padding: 16px; } 
    .search-result .list-wrap__item + .list-wrap__item { margin-top: 40px; } 
    .search-result .list__item { font-size: 16px; } 
    .search-result .text--num { margin-bottom: 10px; font-size: 16px; } 
    .search-result .text--date { font-size: 14px; } 

    /* ******* 포털소개 ****** */
    .intro-page .content-wrap { flex-wrap: wrap; } 
    .intro-page .img-wrap { width: 100%; margin: 0 auto 20px; } 
    .intro-page .text-group { width: 100%; } 
    .intro-page .title-text { margin: 0 0 20px; font-size: 24px; } 
    .intro-page .text-group .icon-img-wrap { top: 25px; width: 55px; height: 55px; } 
    .intro-page .content-text .text + .text { margin-top: 20px; } 

    /* 교육원 소개 */
    .edu-intro-page .descrip-list {gap: 40px; padding: 30px 0 80px;}
    .edu-intro-page .descrip-item {width: 100%;}
    .edu-intro-page .map-area {display: none;}
    .edu-intro-page .map-search-area {padding: 80px 0 0; }

    /* 수강신청상세 */
    .enrolment-detail {padding-bottom: 130px;}
    .enrolment-detail .detail__list { font-size: 15px; } 
    .enrolment-detail .detail__item { padding: 15px; } 
    .enrolment-detail .thumbnail-img { width:100%; } 
    .enrolment-detail .content-thumbnail-item .content-title {max-width: 100%; margin: 0;}
    .enrolment-detail .content-thumbnail-item .title-group {flex-direction: column; align-items: flex-start;}
    .enrolment-detail .detail__list .info-text-group { border-left: 0; padding: 0; } 
    .enrolment-detail .list-title { width: 100%; text-align: left; margin-bottom: 10px; font-size: 18px; } 
    .enrolment-detail .info-text-group .row-group dl {margin-top: 10px;}
    .enrolment-detail .content-thumbnail-item .btn-group {width: 100%;}
    .enrolment-detail .content-thumbnail-item .btn {flex: 1;}
    .enrolment-detail .bottom-group {flex-direction: column; gap: 10px;}
    .enrolment-detail .btn-group-fixed {padding: 20px 16px;}
    .enrolment-detail .btn-group-fixed button {margin-left: 5px;}
    .enrolment-detail .btn-group-fixed .btn {width: 30%;}
    .enrolment-detail .members {font-size: 16px;}
    .enrolment-detail .members strong {font-size: 18px;}
    .enrolment-detail .review-area {margin-top: 50px;}

    /* 후기 */
    .review-area .review-list li {flex-wrap: wrap; padding: 16px 0; }
    .review-area .user-text {flex: unset; order: 3; width: 100%; padding: 10px 0 0;}
    .review-area .date {margin-left: auto;}
    .review-area .star-rating {margin: 0;}


    /* qna */
    .searchBox + .primary-table__list { margin-top: 40px; } 
    .searchBox .formGroup.radioInput .radioWrap legend { display: none; } 

    /* 진도현황 팝업 */
    #progressStatusPopup .table__item { padding: 10px; margin: 0; } 
    #progressStatusPopup .table__item:nth-child(odd) { width: 30%; } 
    #progressStatusPopup .table__item:nth-child(even) { padding: 11px; } 
    #progressStatusPopup .table__item:nth-child(2) { width: 70%; } 
    #progressStatusPopup .table__item:nth-child(4) { width: 70%; } 
    #progressStatusPopup .table__item:nth-child(6) { width: 70%; } 
    #progressStatusPopup .multiChk .chkBox { width:100%; } 

    /* 마이페이지 > 관심 강좌 */
    .interestLecture .primary-table__list .table__item:nth-child(1) { flex: auto; } 
    .interestLecture .primary-table__list .row-4 .table__item:nth-child(2) { text-align: left; } 

    /* 나의 강의실 */
    .status-info ul { flex-direction: column; align-items: flex-start; } 

    /* 후기작성 */
    .review-write-area {padding: 15px;}
    .review-write-area .sub-title {font-size: 16px; margin-bottom: 15px;}
    .review-write-area textarea {margin: 10px 0 20px;}


    /* 공유콘텐츠 상세 */
    .share-content-detail { flex-wrap: wrap; } 
    .share-content-detail .content-left { width: 100%;} 
    .share-content-detail .content-right { width: 100%; padding: 15px;} 
    .share-content-detail .content-box {padding: 20px 15px;}
    .share-content-detail .title { font-size: 20px; } 
    .share-content-detail .content-box .sub-title {font-size: 18px;}
    .share-content-detail .content-item.file::before,
    .share-content-detail .content-item.link::before {display: none;}
    .share-content-detail .content-item.file .item-wrap,
    .share-content-detail .content-item.link .item-wrap {position: initial; padding: 15px 0;}
    .share-content-detail .content-item.file .item-wrap::before, 
    .share-content-detail .content-item.link .item-wrap::before {width: 80px; height: 80px;}
    .share-content-detail .content-text {padding: 20px 15px;}
    .recommend-contents .recommend-list {flex-direction: column; gap: 24px;}
    .recommend-contents .recommend-item {width: 100%;}
    .recommend-contents .recommend-item .title {margin-top: 12px;}
    .shared-content .write-area .sub-title {font-size: 18px;}
    .share-content-detail .content-item .item-wrap .name {font-size: 16px;}
    .share-content-detail .info-text-group .info-list dd {font-size: 16px;}

    /* 커뮤니티 */
    .community-home-link { display: inline-flex; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto; width: 40px; height: 40px; } 
    .sub-title-inner.bg { height: 200px; } 
    .sub-title-inner.bg .sub-title-group { padding: 60px 0; } 

    /* .tbAccessories { display: block; } */
    .sortBox { justify-content: flex-end; text-align: right; } 

    .searchDetailCont .formTitle { width: 100%; text-align: center; } 
    .searchDetailCont .formCont { width: 100%; } 
    .searchDetailCont .formItem + .formItem { border-top: 1px solid #ddd; padding-top: 10px; } 
    .searchDetailCont .basicSelect, .searchDetailCont input[type="text"] { min-width: 100%; } 
    .searchDetailCont .formTitle { margin-bottom: 10px; padding: 0; } 
    .searchDetailCont .formCont { display: flex; flex-wrap: wrap; justify-content: center; min-width: auto; } 
    .input-date-wrap { width: 100%; text-align: center; display: flex; flex-wrap: wrap; } 
    .input-date-wrap .input-date { width: auto; flex-grow: 1; } 
    .input-date-wrap .input-date input[type="date"] { min-width: 120px; } 
    /* 갤러리형 리스트 */
    .gridGallery .listTableItem { flex: 0 0 49%; } 
}

@media screen and (max-width: 640px) { /* input */
    .basicSelect { max-width: 200px; text-overflow: ellipsis; } 

    .search-result .tabBox>ul>li { flex: 1 1 49%; } 

    .txtBox p, .txtBoxS p { font-size:15px; line-height: 24px; }
    .file-name-group li:has(.attachBtn) > span {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 185px;} 

    /*검색 영역*/
    .searchBox { margin-bottom:40px; } 
    /* .searchBox .formGroup, .searchBox.searchDetail .formGroup { padding:0; } */
    .searchBox .formGroup { padding: 26px 0; } 
    .searchBox .searchSelect { position:relative; top:0; width:100%; height:44px; background-position: 97% 50%; } 
    .searchBox .searchInput { position:relative; width:100%; min-width: auto; } 
    .searchBox .formGroup.onlyInput .searchInput { width:auto; margin-top:0; } 
    .searchBox .searchInput input[type='text'] { height:44px; } 
    .searchBox .searchInput input::placeholder { font-size:15px; } 
    .searchBox .searchInput input:-ms-input-placeholder { font-size:15px; } 
    .searchBox .searchInput input::-webkit-input-placeholder { font-size:15px; } 
    .searchBox .searchInput input:-moz-placeholder { font-size:15px; } 
    .searchBox .searchBtn {width: 45px; height:45px; } 
    .searchBox .formGroup .classSelect { width:100%; height:44px; background-position: 97% 50%; } 
    .searchBox .formGroup.selectDoubleInput .searchSelect { float:none; width:100%; margin-left: 0; } 
    .searchBox .formGroup.selectDoubleInput .searchSelect:first-child { float:none; margin-bottom: 8px; } 
    .searchBox .formGroup.selectDoubleInput .searchInput { width:100%; margin-top:8px; } 
    .searchBox .formGroup.selectDoubleInput .searchBtn { bottom: 0px; } 
    .searchBox .formGroup.radioInput { flex-direction: column; } 
    .searchBox .btn--add {padding: 0px 10px;height: 45px;}
    .searchBox .btn--add>span {display: flex;}
    .searchBox .btn--add .btn--text {display: none;}
    .searchBox .btn--add img {margin-left: 0;}

    /* 검색 필터 */
    .btn--filter {padding: 0px 10px;height: 45px;}
    .btn--filter > span {display: none;}
    .filter-body li {padding: 15px 0;}

    /*검색 영역 상세*/
    .searchDetail-inner { padding: 10px 0 40px; } 
    .searchBox.searchDetail .searchSelect { top:0; } 
    .searchBox.searchDetail .formGroup { padding:0; } 
    .searchBox.searchDetail .searchBtn { top:0; } 
    .searchDetailBtn { text-align: center; min-width: unset; font-size: 15px; padding: 4px 10px; } 
    .searchDetailBtn:after { margin-left: 10px; background-size: 12px; } 
    .searchDetailCont { margin: 0; } 
    .searchDetailCont .formItem { flex-direction: column; } 
    .searchDetailCont .formTitle { font-size:16px; } 
    .searchBox.searchDetail .searchDetailCont .searchSelect { max-width: 105px; margin-right: 5px; margin-bottom: 5px; padding-left: 6px; } 

    /*검색 정렬*/
    .listcodnitiontitle, .listTotal { font-size:14px; } 

    .tableTitle .conT5 { font-size:18px; } 

    /*table*/
    .tableTitle p { font-size:14px; } 
    .table_normal.board-write>tbody>tr>td {padding: 10px 0;}

    /* thumbnail List */
    .listTableItem .listThumb { width: 100%; height: auto; max-height: initial; } 
    .listTableItem .listThumb.small { width: 100%; } 
    .listTableItem .listThumb img { width: 100%; max-height: initial; } 
    .listTableItem .listInfo { padding: 15px; } 
    .listTableItem .listInfoT { margin-top: 0; } 
    .listTableItem .listInfoT p a { font-size: 18px; } 

    /* 게시물 상세 */
    .board__title { margin: 20px 0 10px 0; font-size: 17px; } 
    .board__info { flex-direction: column; gap: 5px; padding-bottom: 10px; } 
    .board__file { padding: 12px 0; } 
    .board__info-writer, .board__info-date { font-size: 14px; } 
    .board__info-date { justify-content: space-between; } 
    .board__body { font-size: 15px; } 
    .board__file-items .file-view span { font-size: 13px; } 

    /* 댓글/코멘트 영역 */
    .comment-num { margin-bottom: 10px; } 
    .comment-num p { font-size: 18px; } 
    .comment-box .top-area { padding: 15px 20px; } 
    .comment-list { padding: 0 20px; } 
    .reply-wrap .comment-cont { padding-left: 15px; } 
    .comment-write textarea { font-size: 14px; padding: 11px 10px; } 
    .comment-item { padding: 15px 0; } 
    .comment-item .user-name, .comment-item .text { font-size: 14px; } 
    .comment-item .time, .comment-item button { font-size: 13px; } 

    /*form*/
    .secretIcon { width:16px; } 
    .inpSubTxt { font-size:14px; word-break: keep-all;} 
    .inpSubTxt.inline { display:block; margin:4px 0 0 0; } 
    .formGroup .labelT { position:relative; top:0; display:inline-block; margin-bottom:4px; font-size: 14px; } 
    .withLabel { margin-left:0; } 
    .addrNBtn { margin: 4px 0 0 0; } 
    .pressureBtn { margin:0 } 
    select[name="monthSel"], select[name="daySel"] { width:37px; padding-left:5px; } 
    .selectTxt { margin-right:5px; } 
    .certificatBtn { margin: 4px 0 0 0; } 
    .searchBoxDetial { margin-bottom:20px; } 
    .board-write input[type="text"], .board-write input[type="email"], .board-write input[type="password"] { width:185px; } 
    .board-write input[type="text"].addrIbput { width: 33%; } 
    .board-write input[type="email"].fullW { width: 95%; } 
    .board-write input[type="text"].fullW, .board-write input[type="password"].fullW { width: 95%; } 
    .board-write input[type="text"].smallInp, .board-write input[type="email"].smallInp, .board-write input[type="tel"].smallInp, .board-write input[type="password"].smallInp { width:49px; margin-right: 3px; text-indent: 8px; } 
    .board-write input[type="text"].bigInp, .board-write input[type="email"].bigInp, .board-write input[type="tel"].bigInp, .board-write input[type="password"].bigInp { width:100%; margin-right:0px; } 
    .board-write #mberEmailAdres1, .board-write #mberEmailAdres2 { width: 43%; } 
    .board-write #mberEmailAdres2 { margin-left:6px; } 

    /*이용동의*/
    .termsUse .totalChk .chkBox input[type="checkbox"]+label:before { top:23px; } 

    /*교욕정보*/
    .eduStep button { margin:4px 0 0 0; font-size:13px; } 
    .tableTitle button { position:relative; top:0; right:0; margin:0 0 8px 0; } 

    /*문의*/
    .tag.pcHide { display:block; margin-bottom: 4px; } 

    /*약관동의*/
    .totalChk { padding: 0 0 0 5px; } 
    .termsUse .chkBox { left:12px; margin-right: 40px; } 
    .termsUse .item .chkBox { padding: 0 0 0 5px; } 
    .totalChk .chkBox { margin-right: 5px; } 
    .termsUse .icon { right:8px; } 
    .termsUse .chkBox input[type="checkbox"]+label .labelIn, .totalChk input[type="checkbox"].wv-check + label > span { font-size:15px; } 
    .agreeContIn { font-size:14px; } 
    .agreementUse { text-align:left; } 
    .agreementUse .chkBox.txt input[type="checkbox"].wv-check + label:before { top:6px; } 

    /*교육정보*/
    .itemInfo li { float:none; width:100%; } 

    #popupfindPass .formGroup .labelT { position:absolute; left:15px; } 
    #popupfindPass .withLabel { margin-left: 75px; margin-right: 15px; } 
    #popupfindPass .withLabel br { display:block; } 
    #popupfindPass .inpSubTxt { font-size:12px; } 
    #popupPassword input[type="text"].bigInp, input[type="password"].bigInp { width:100%; } 

    /*학습창*/
    .learnP .popupBoxIn { top:20px; bottom: 20px; } 
    .learning .popupHead .subjectTag { font-size:15px; } 
    .learning .popupBody { height: calc(100% - 120px); } 
    .learning .popupHead .conT5 { margin:0; margin-right: 35px; font-size: 18px; } 
    .learnT { position: relative; top: 0; right: auto; } 
    .learnCont > iframe { height: calc(100% - 20px); } 

    .learnTermT { text-align:center; } 
    .lectureInfo { display: block; width:auto; padding-top:0px; margin: 15px auto 0px; } 
    .lectureInfo > li { flex-direction: row; flex-wrap: wrap; width:100%; height: auto; min-height:49px; margin-left: 0; margin-bottom:15px; padding: 10px 16px; } 
    .lectureInfo > li p { width: 44%; font-size: 16px; text-align: left; } 
    .lectureLec .cyberLecT, .lectureLec .setLecT { top:-5px; right: 70px; } 
    .lectureInfo > li .score { width: 56%; text-align: right; font-size: 21px; } 
    .lectureInfo > li.lectureInfo1.secondItem { padding:16px 16px 0px 16px; } 
    .lectureInfo > li.lectureInfo3 .score { margin: 0; font-size:18px; text-align: right; } 
    .lectureInfo > li.lectureInfo3 button { float:right; } 
    .lectureInfo > li .unit { margin-left:4px; font-weight:500; font-size:16px; color:#666; } 
    .scoreNum { margin-top:0px; } 
    .lectureLec .score .scoreNum { font-size: 21px; } 
    .scoreBg { display:none; } 
    .lectureLec .score { margin:0; } 
    .lectureLec .scoreBg { left: 0; right: 0; margin:auto; } 
    .standard { width: 100%; margin:0; text-align: right; } 
    .standardTxt { width: 100%; text-align: right; } 
    .standardTxt br { display:none; } 
    .noticeTab > ul > li > a { font-size:16px; } 
    .lectureList.faq_normal .faqText { margin-left: 53px; font-size:16px; } 
    .lectureItemInfo .itemInfo li { float:left; width:50%; } 

    /* 종합학습현황 */
    .statusInfo { position: relative; margin: 0 0 10px 0; text-align: right; } 

    /* 시험 팝업 */
    .testHead .conT5 p, .testTitle .conT5 { font-size: 18px; } 

    /* 나의 강의실 */
    .list-detail__item { padding: 15px; } 
    .list-detail__status-info .list-detail__status { font-size: 13px; } 
    .list-detail__bottom { padding-top: 15px; margin-top: 15px; flex-direction: column; align-items: center; } 
    .list-detail__bottom .date-info { gap: 10px; } 
    .list-detail__bottom .date-info > li { font-size: 15px; } 
    .status-info h5 { font-size: 20px; } 
    .status-info { padding: 15px; gap: 15px; } 
    .status-info ul { gap: 10px; } 
    .list-detail__bottom .status-control { min-width: auto; } 

    /* 커뮤니티 */
    .community .contLayoutIn { margin-top: 20px; } 
    .sns-group button + button {margin-left: 5px;}

    /* 커뮤니티 메뉴 스와이퍼 */
    .snbSwiper .swiper-slide .text { padding: 16px 10px 8px 10px; margin: 0; height: 47px; font-size: 15px; } 

    /* 이용약관 */
    .copyrightPage .conT3 { font-size: 20px; } 
    .copyrightPage .conT5 { font-size: 18px; } 

    
    /* 그리드뷰 */
    .grid-view { display: none; } 
    
    /* 리스트형 리스트 */
    .listTableItem .listInfoT p {font-size: 18px;}
    .gridList .listTableItem .listThumb { margin: 0; border-radius: 15px 15px 0 0; } 

    /* 리스트형 리스트 - 유형별 */
    .gridList .type1 .content-text { padding: 15px 0; } 
    .type1 .listInfoT p { -webkit-line-clamp: 3; } 
    .type2 .listInfoT { flex-direction: column; gap: 5px; } 
    .type2 .members { margin: 0; font-size: 16px; } 
    .type2 .members strong { font-size: 18px; } 
    .type2.listTableItem .content-text {display: none;}
    .type2 .info-text-group .row-group {flex-direction: column;}
    .type2 .content-btn {margin-top: 10px;}
    .type2 .content-btn .blueBtn {width: 100%;}

    /* 토스트 에디터 CUSTOM */
    .toastui-editor-toolbar, .toastui-editor-mode-switch { display: none !important; } 
    .toastui-editor-defaultUI .ProseMirror { padding: 15px !important; } 

    /***** 쿠키 정책 *****/
    .line-list {margin-top: 30px;}
    .line-list > ul > li {row-gap: 10px;padding: 20px 0;}
    .list-head {gap: 10px;}
    .list-body {flex: auto;}
    .list-body > ul > li {font-size: 14px;}
    .list-item__cont > ul {flex-direction: column;margin-top: 10px;}
}

@media screen and (max-width: 500px){
    .share-content-detail .btn-group { flex-direction: column; } 

    /* 갤러리형 리스트 */
    .gridGallery .listTableItem { flex: 0 0 100%; } 
}