@charset "utf-8";
/*
TITLE : 일반형(A) - 1 index style
WORKER : HSG
DATE : 2022.11
VERSION :
- 1.0 : 1차 구축.
*/
/* 공통, html, body font-size (default) */
/* Base html style */
#sub_content.sub_content #subVisual05 .postInfo h4 { width: auto; height: auto; }
/* post_11 */
/* post_12 */
/* #sub_content.sub_content.post_12 .postInfo .writePic { margin-top: auto; } */
#sub_content.sub_content.post_12 #subVisual02::after { background: #0089D0; }
#sub_content.post_12 .boxLayout_2n1 h4 { margin-bottom: 0.25rem; }
#sub_content.post_12 .tableWrap { margin-bottom: 0.5rem; }
#sub_content.post_12 .tableWrap table { border: none; }
#sub_content.post_12 .tableWrap table .no1 { width: 130px; }
#sub_content.post_12 .tableWrap table .no2 { width: auto; }
#sub_content.post_12 .tableWrap table tr td { padding: 0 0.5rem; font-size: 0.85rem; text-align: left; border: none; word-break: keep-all; }
#sub_content.post_12 .tableWrap table tr td.bold { font-family: 'Pretendard-Bold', sans-serif; }
/* post_13 */
#sub_content.sub_content.post_13 #subVisual02 .visualBx img { object-position: top; }
#sub_content.sub_content.post_13 #subVisual02::after { background: #0089D0; }
#sub_content.sub_content.post_13 .boxLayout_2n1 .wrap { align-items: center; }
@media all and (max-width: 480px) {
    #sub_content.sub_content.post_13 .imgTxtBxSticky .imgWrap .peopleInfo { max-width: 95% }
}
/* post_14 */
#sub_content.sub_content.post_14 #subVisual02::after { background: #0089D0; }
/* post_15 */
/* post_21 */
#sub_content.sub_content.post_21 #subVisual05 .postInfo h4 { width: auto; height: auto; }
/* post_22 */
#sub_content.post_22 #subVisual02 .visualBx::before { background: rgba(255,255,255,0.15); }
#sub_content.post_22 #subVisual02 .visualBx::after { background: rgba(255,255,255,0.15); }
#sub_content.sub_content.post_22 #subVisual02::after { background: #5CA679; }
#sub_content.sub_content.post_22 .imgColBox1 { align-items: center; }
#sub_content.post_22 .tit_01 em { position: absolute; right: 0; bottom: 0; font-size: 1rem; color: #444; font-family: 'Pretendard-Light'; }
#sub_content.post_22 h4 .bxDeco { position: relative; display: inline-block; padding: 0.1rem 0.25rem; font-size: 0.85em; color: #fff; font-family: 'Pretendard-Light', sans-serif; letter-spacing: 0.5px; background: #000; line-height: inherit; transform: translateY(-1px); }
#sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .wrap { align-items: center; }
#sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .bx:nth-child(1) { width: calc(30% - 10px); }
#sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .bx:nth-child(2) { width: calc(70% - 10px); }
#sub_content.post_22 .post_22.option_2 .boxLayout_2n1 h4 { margin-bottom: 0.4rem; font-size: 1rem; }
#sub_content.post_22 .post_22.option_2 .boxLayout_2n1 ul li { word-break: keep-all; text-align: left; }
#sub_content.post_22 .tableWrap.scrollTable { position: relative; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no1 { width: 120px; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no2 { width: auto; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no3 { width: 120px; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no4 { width: 180px; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no5 { width: 90px; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 .no6 { width: 90px; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 tr th { font-size: 0.9rem; font-family: 'Pretendard-Bold', sans-serif; border-right: 1px solid #fff; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 tr th:last-child { border-right: none; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 tr td { font-size: 0.9rem; vertical-align: middle; text-align: center; border-right: 1px solid #a9a9a9; word-break: keep-all; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 tr td:last-child { border-right: none; }
#sub_content.post_22 .tableWrap.scrollTable .table_1 tr td:nth-last-child(6) { font-family: 'Pretendard-Bold', sans-serif; background: #d9d9d9; }
@media all and (max-width: 1024px){
    #sub_content.post_22 .tableWrap.scrollTable .table_1 { width: 1024px; }
}
@media all and (max-width: 768px){
    #sub_content.post_22 .tableWrap.scrollTable .table_1 { width: 800px; }
    #sub_content.post_22 .tableWrap.scrollTable .table_1 .no1 { width: 100px; }
    #sub_content.post_22 .tableWrap.scrollTable .table_1 .no3 { width: 100px; }
    #sub_content.post_22 .tableWrap.scrollTable .table_1 .no4 { width: 160px; }
    #sub_content.post_22 .tableWrap.scrollTable .table_1 .no5 { width: 80px; }
    #sub_content.post_22 .tableWrap.scrollTable .table_1 .no6 { width: 80px; }
}
@media all and (max-width: 480px){
    #sub_content.post_22 .tit_01 em { position: relative; right: auto; bottom: auto; display: block; text-align: right; }
    #sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .wrap { align-items: center; }
    #sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .bx:nth-child(1) { width: 100%; }
    #sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .bx:nth-child(2) { width: 100%; }
    #sub_content.post_22 .post_22.option_1 .boxLayout_2n1 .bx .imgWrap img { max-width: 250px; }
}
/* post_23 */
#sub_content.sub_content.post_23 #subVisual02::after { background: #5CA679; }
#sub_content.sub_content.post_23 #subVisual02 h3 span { position: relative; display: block; font-size: 0.8em; font-family: 'Pretendard-Light', sans-serif; }
/* post_24 */
#sub_content.sub_content.post_24 h4.up { text-transform: uppercase; }
#sub_content.sub_content.post_24 .history { position: relative; }
#sub_content.sub_content.post_24 .history .left { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 8rem; height: 100%; color: #fff; text-align: center; background: #23B3AF; z-index: 5; }
#sub_content.sub_content.post_24 .history .right { position: relative; padding-left: 8rem;  }
#sub_content.sub_content.post_24 .history .right .wrap { position: relative; display: flex; flex-flow: row nowrap; gap: 1rem; padding: 1rem 0 1rem 1rem; border-top: 1px solid #444; border-bottom: 1px solid #444; overflow: hidden; }
#sub_content.sub_content.post_24 .history .right .wrap .inBx { position: relative; }
#sub_content.sub_content.post_24 .history .right .wrap .inBx:nth-child(1),
#sub_content.sub_content.post_24 .history .right .wrap .inBx:nth-child(2) { width: calc(20% - 0.25rem); }
#sub_content.sub_content.post_24 .history .right .wrap .inBx:nth-child(3),
#sub_content.sub_content.post_24 .history .right .wrap .inBx:nth-child(4) { width: calc(30% - 0.25rem); }
#sub_content.sub_content.post_24 .history .right .wrap .inBx span { position: relative; font-family: 'Pretendard-Bold', sans-serif; }
#sub_content.sub_content.post_24 .history .right .wrap .inBx span::before { position: absolute; content: ''; top: -1.5rem; width: 1px; height: 1.4rem; background: #444; }
#sub_content.sub_content.post_24 .history .right .wrap .inBx p,
#sub_content.sub_content.post_24 .history .right .wrap .inBx ul li { text-align: left; word-break: keep-all; }
#sub_content.sub_content.post_24 .last h4.conTit3_4B { text-align: right; }
#sub_content.sub_content.post_24 .last h4.conTit3_4B em { font-size: 0.8em; font-family: 'Pretendard-Light', sans-serif; }
@media all and (max-width: 1024px){
    #sub_content.sub_content.post_24 .history .right { overflow: hidden; overflow-x: auto; }
    #sub_content.sub_content.post_24 .history .right .wrap { width: 900px; }
}
/* post_24 - eng */
#sub_content.sub_content.post_24.eng .post_24 .boxLayout_2n1 .wrap { flex-flow: column; gap: 1.5rem; }
#sub_content.sub_content.post_24.eng .post_24 .boxLayout_2n1 .wrap .bx { width: 100%; }
#sub_content.sub_content.post_24.eng .post_24 .boxLayout_2n1 .wrap .bx .table tr td { word-break: keep-all; }
/* post_31 */
/* post_32 */
#sub_content.sub_content.post_32 .imgTxtBxSticky .right h4.conTit3_4B { line-height: 1.5; }

@media all and (max-width: 599px) {
    #sub_content.sub_content.post_32 .imgTxtBxSticky .right h4.conTit2_3B br { display: none; }
}
@media all and (max-width: 480px) {
    #sub_content.sub_content.post_32 .middleLeed p br { display: none; }
}
/* post_33 */
#sub_content.sub_content.post_33 #subVisual02::after { background: #F7941D; }
#sub_content.sub_content.post_33 .table_01 .no1 { width: 150px; }
#sub_content.sub_content.post_33 .table_01 .no2 { width: auto; }
#sub_content.sub_content.post_33 .table_01 .no3 { width: auto; }
#sub_content.sub_content.post_33 .table_01 .no4 { width: auto; }
#sub_content.sub_content.post_33 .table_01 tr td { font-size: 0.9rem; text-align: center; }
#sub_content.sub_content.post_33 .table_01 tr td:nth-child(1) { vertical-align: middle; }
#sub_content.sub_content.post_33 .table_01 tbody tr.last td { border-top: none; }
#sub_content.sub_content.post_33 .table_01 tr.special td.eng1 em { display: block; line-height: 1.4; font-size: 1.3rem; word-break: keep-all; font-family: 'Gloock', serif; font-weight: 400; letter-spacing: 0.5px; }
#sub_content.sub_content.post_33 .table_01 tr.special td.eng1 span { display: block; line-height: 1.5; }
/* post_34 */
#sub_content.sub_content.post_34 #subVisual02::after { background: #F7941D; }
/* post_35 */
@media all and (max-width: 480px) {
    #sub_content.sub_content.post_35 .middleLeed p br { display: none; }
}
/* post_41 */
#sub_content.sub_content.post_41 #subVisual02::after { background: #00AAAD; }
#sub_content.sub_content.post_41 #subVisual02 .postInfo .writePic { margin-top: auto; }
#sub_content.sub_content.post_41 .tableWrap .table tr th:nth-child(1) { width: 40%; }
#sub_content.sub_content.post_41 .tableWrap .table tr th:nth-child(2) { width: auto; }
#sub_content.sub_content.post_41 .tableWrap .table tr td { word-break: keep-all; }
#sub_content.sub_content.post_41 .tableWrap .table tr td li { word-break: keep-all; }
#sub_content.sub_content.post_41 .tableWrap .table tr td:nth-child(1) { vertical-align: middle; background: #FFF7E9; }
/* post_42 */
#sub_content.post_42 .boxLayout_2n1 .wrap { flex-flow: row wrap; }
#sub_content.post_42 .boxLayout_2n1 .wrap .bx { width: 100%; }
#sub_content.post_42 #subVisual05 .writePic li span { font-size: 1.3rem; font-family: 'Pretendard-Regular', sans-serif; text-transform: uppercase; }
@media all and (max-width: 480px) {
    #sub_content.post_42 .professorWrap { gap: 40px 0; }
}