/*********** List *************/
.faq-list {display:flex; flex-direction:column; gap:5px;}
.faq-list .list {position:relative;}
.faq-list .list::before{content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border:2px solid var(--main); position: absolute; left: 0; top:0; z-index: 0; opacity: 0; transition: all .3s;}
.faq-list .list.on::before{opacity: 1;}
.faq-list .list .checkbox{display: inline-block; position: absolute; left: 5px; top:50%; transform:translateY(-50%); z-index: 4;}
.faq-list .tit {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; background:var(--grayBg); cursor:pointer; box-sizing:border-box; transition:background .3s; position: relative; z-index: 2;}
.faq-list .tit p {flex:1; min-width:0; color:var(--black);}
.faq-list .tit::after {content:'\e145'; display:block; flex-shrink:0; width:24px; height:24px; font-family:var(--icon); font-size:24px; line-height:100%; color:var(--black); opacity:0.4; text-align:center;}
.faq-list .list.on .tit {background:var(--main);}
.faq-list .list.on .tit p {color:var(--white); font-weight:600;}
.faq-list .list.on .tit::after {content:'\e15b'; color:var(--white); opacity:1;}
.faq-list .cont {padding:20px; box-sizing:border-box; color:var(--black); font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); display: none; position: relative; z-index: 2;}
.faq-list .cont img {max-width:100% !important; height: auto !important;}
.faq-list .cont table {width:100%;}
.faq-list .cont::after{content: ''; display: block; clear: both;}
.faq-list .checkbox {position:absolute; left:8px; top:22px; z-index:2;}
.faq-list.twcenter .tit {padding-left:40px;}
.faq-list .cont .btn {padding-top:15px;}

/*********** Table *************/
.table-s-wrap {width:100%; overflow-x: auto; position: relative;}
.table-s {width:100%; min-width:1490px; border-collapse:collapse; table-layout:fixed; border-top:2px solid var(--main);}
.table-s col.col-gubun {width:45px;}
.table-s col.col-sel {width:45px;}
.table-s col.col-group {width:90px;}
.table-s col.col-type {width:90px;}
.table-s col.col-subject {width:280px;}
.table-s col.col-credit {width:90px;}
.table-s col.col-grade {width:210px;}
.table-s th {background:var(--grayBg); color:var(--black); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-default); text-align:center; vertical-align:middle; padding:10px 5px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box;}
.table-s td {background:var(--white); color:var(--basic); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); text-align:center; vertical-align:middle; padding:10px 5px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box;}
.table-s thead tr:first-child th:last-child {border-right:none;}
.table-s td:last-child {border-right:none;}
.table-s td.cell-key {color:var(--black); word-break:break-word;}
.table-s td.cell-sel {background:color-mix(in srgb, var(--sub) 8%, var(--white)); color:var(--basic); word-break:break-word;}
.table-s td.cell-subject {text-align:left; padding:10px 12px;}
.table-s td.cell-pick {word-break:keep-all;}
.table-s tr.sum td {background:var(--sub3); color:var(--white); border-color:rgba(255,255,255,0.15);}
.table-s td.cell-sum-lab {padding:10px 12px;}
.table-s td.cell-sum-total {text-align:right;}
.faq-list .cont .table-s-wrap {margin-top:12px;}

/*********** Hall of fame *************/
.fame-list .tit p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fame-list .cont {padding:40px;}
.fame-list .fame-in {display:flex; flex-direction:column; gap:30px; width:100%;}
.fame-list .fame-top {display:flex; align-items:center; gap:20px; width:100%;}
.fame-list .fame-trophy {width:125px; height:124px; flex-shrink:0;}
.fame-list .fame-trophy img {display:block; width:125px; height:124px !important; max-width:125px !important; object-fit:contain;}
.fame-list .fame-info {display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; flex:1;}
.fame-list .fame-badge {display:flex; align-items:center; flex-wrap:wrap; gap:4px;}
.fame-list .fame-badge span {display:flex; align-items:center; justify-content:center; padding:3px 22px; box-sizing:border-box; border:1px solid var(--sub); border-radius:50px; color:var(--sub); font-weight:600;}
.fame-list .fame-name {width:100%; font-weight:700; word-break:keep-all;}
.fame-list .fame-tbl {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main);}
.fame-list .fame-tbl col.col-lab {width:240px;}
.fame-list .fame-tbl th {background:var(--grayBg); color:var(--black); font-size:1rem; font-weight:600; line-height:166.67%; letter-spacing:var(--letter-spacing-default); padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle;}
.fame-list .fame-tbl td {background:var(--white); color:var(--basic); font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle;}
.fame-list .fame-tbl td:last-child {border-right:none;}
.fame-list .fame-imgs {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; width:100%;}
.fame-list .fame-imgs .thumb {position:relative; width:100%; aspect-ratio:720/540; overflow:hidden; background:var(--grayBg);}
.fame-list .fame-imgs .thumb img {position:absolute; left:0; top:0; width:100%; height:100% !important; max-width:none !important; object-fit:cover;}






/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){

}
/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

    .table-s-wrap .responsive-dim.show{display: block;}
    .table-s {min-width:1300px;}
    .table-s th {padding:5px;}
    .table-s td {padding:5px;}
    .table-s td.cell-subject {padding:8px;}
    .table-s td.cell-sum-lab {padding:8px;}
    .faq-list .cont .table-s-wrap {margin-top:8px;}

/* HALL OF FAME */
.fame-list .cont {padding:32px;}
.fame-list .fame-in {gap:24px;}
.fame-list .fame-tbl col.col-lab {width:180px;}


}
/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){

/* List */
.faq-list .tit {padding:16px 15px; gap:15px;}
.faq-list .tit::after {width:22px; height:22px; font-size:22px;}
.faq-list .cont {padding:16px 15px;}
.faq-list.twcenter .tit {padding-left:36px;}

/* HALL OF FAME */
.fame-list .cont {padding:24px;}
.fame-list .fame-in {gap:20px;}
.fame-list .fame-top {gap:16px;}
.fame-list .fame-trophy {width:90px; height:89px;}
.fame-list .fame-trophy img {width:90px; height:89px !important; max-width:90px !important;}
.fame-list .fame-tbl col.col-lab {width:120px;}
.fame-list .fame-tbl th, .fame-list .fame-tbl td {padding:12px 14px;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* List */
.faq-list .tit {padding:14px 12px; gap:10px;}
.faq-list .tit::after {width:20px; height:20px; font-size:20px;}
.faq-list .cont {padding:14px 12px;}
.faq-list.twcenter .tit {padding-left:32px;}
.faq-list .checkbox {left:6px; top:18px;}

/* HALL OF FAME */
.fame-list .cont {padding:16px;}
.fame-list .fame-in {gap:16px;}
.fame-list .fame-top {gap:12px;}
.fame-list .fame-trophy {width:72px; height:71px;}
.fame-list .fame-trophy img {width:72px; height:71px !important; max-width:72px !important;}
.fame-list .fame-badge span {padding:2px 14px;}
.fame-list .fame-tbl, .fame-list .fame-tbl tbody, .fame-list .fame-tbl tr, .fame-list .fame-tbl th, .fame-list .fame-tbl td {display:block; width:100%;}
.fame-list .fame-tbl col.col-lab {width:auto;}
.fame-list .fame-tbl th, .fame-list .fame-tbl td {border-right:none; padding:10px 14px;}
.fame-list .fame-imgs {grid-template-columns:1fr;}



}
/*******************************************************************************
 @media print — FAQ
*******************************************************************************/
@media print {
body:has(.faq-page) {-webkit-print-color-adjust:exact; print-color-adjust:exact;}
body:has(.faq-page) .header, body:has(.faq-page) .header_dim, body:has(.faq-page) .mo_menu, body:has(.faq-page) .pc_sitemap, body:has(.faq-page) .footer, body:has(.faq-page) .btn_top, body:has(.faq-page) .mask_search, body:has(.faq-page) .search_window, body:has(.faq-page) .mask, body:has(.faq-page) .mask_pro, body:has(.faq-page) #faq {display:none !important;}
body:has(.faq-page) .sub_lnb, body:has(.faq-page) .sub_tab_wrap, body:has(.faq-page) .cate_tab, body:has(.faq-page) .bbs_top, body:has(.faq-page) .page_num, body:has(.faq-page) .bbs_btn, body:has(.faq-page) .all_check, body:has(.faq-page) .bbs_print_btn {display:none !important;}
body:has(.faq-page) .wrapper, body:has(.faq-page) .container, body:has(.faq-page) .compad_b, body:has(.faq-page) .basic_in {width:100% !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; margin:0 !important;}
body:has(.faq-page) .sub_top {padding:0 0 20px !important;}
body:has(.faq-page) .sub_tit {font-size:1.5rem !important; color:var(--black) !important;}
body:has(.faq-page) .compad_b {padding-bottom:0 !important;}
.faq-page.faq-list {gap:5px !important;}
.faq-page.faq-list .list {page-break-inside:avoid; break-inside:avoid;}
.faq-page.faq-list .list::before {display:block !important; opacity:1 !important; border:2px solid var(--main) !important; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.faq-page.faq-list .list .tit {background:var(--main) !important; cursor:default !important; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.faq-page.faq-list .list .tit p {color:var(--white) !important; font-weight:600 !important;}
.faq-page.faq-list .list .tit::after {content:"\e15b" !important; display:block !important; flex-shrink:0; width:24px; height:24px; font-family:var(--icon); font-size:24px; line-height:100%; color:var(--white) !important; opacity:1 !important; text-align:center; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.faq-page.faq-list .list .cont {display:block !important; visibility:visible !important; height:auto !important; max-height:none !important; overflow:visible !important; padding:20px !important; background:var(--white) !important; color:var(--black) !important; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.faq-page.faq-list .list .cont .btn {display:none !important;}
.faq-page.faq-list .list .checkbox {display:none !important;}
.faq-page.faq-list .cont img {max-width:100% !important;}
.faq-page.faq-list .cont table {width:100% !important;}
}