@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; }
#sub_content.sub_content.post_10 #subVisual05 .postInfo h4 { background-color: var(--post10Clr01); }
#sub_content.sub_content.post_11 #subVisual02 .postInfo h4 { background-color: var(--post11Clr01); }
#sub_content.sub_content.post_12 #subVisual05 .postInfo h4 { background-color: var(--post12Clr01); }
#sub_content.sub_content.post_13 #subVisual02 .postInfo h4 { background-color: var(--post13Clr01); }
#sub_content.sub_content.post_14 #subVisual02 .postInfo h4 { background-color: var(--post14Clr01); }
#sub_content.sub_content.post_20 #subVisual02 .postInfo h4 { background-color: var(--post20Clr01); }
#sub_content.sub_content.post_21 #subVisual02 .postInfo h4 { background-color: var(--post21Clr01); }
#sub_content.sub_content.post_22 #subVisual05 .postInfo h4 { background-color: var(--post22Clr01); }
#sub_content.sub_content.post_23 #subVisual05 .postInfo h4 { background-color: var(--post23Clr01); }
#sub_content.sub_content.post_30 #subVisual05 .postInfo h4 { background-color: var(--post30Clr01); }
#sub_content.sub_content.post_31 #subVisual05 .postInfo h4 { background-color: var(--post31Clr01); }
#sub_content.sub_content.post_32 #subVisual05 .postInfo h4 { background-color: var(--post32Clr01); }
#sub_content.sub_content #subVisual02 .postInfo h4 em { display: inline-block; font-size: 0.8em; transform: translateY(-2px); }
#sub_content.sub_content.post_11 #subVisual02::after { background-color: var(--post11Clr01); }
#sub_content.sub_content.post_13 #subVisual02::after { background-color: var(--post13Clr01); }
#sub_content.sub_content.post_20 #subVisual02::after { background-color: var(--post20Clr01); }
#sub_content.sub_content.post_21 #subVisual02::after { background-color: var(--post21Clr01); }
#sub_content.sub_content.post_23 #subVisual02::after { background-color: var(--post23Clr01); }
/* 바이라인 위치 */
@media all and (max-width: 599px){
    #sub_content.sub_content.post_20 .writePic li { margin-right: 0; text-align: center; }
    #sub_content.sub_content.post_22 .writePic li { margin-right: 0; text-align: center; }
    #sub_content.sub_content.post_30 .writePic li { margin-right: 0; text-align: left; }
    #sub_content.sub_content.post_32 .writePic li { margin-right: 0; text-align: center; }
    #sub_content.sub_content.post_34 .writePic li { margin-right: 0; text-align: center; }
}
/* *** 개별 포스트 스타일 *** */
/* post_10 */
#sub_content.sub_content.post_10 #subVisual05 .writePic li { color: #222; }
#sub_content.sub_content.post_10 #subVisual05 .postInfo h1 span { background-image: linear-gradient(#222, #222); font-family: 'KMyungjoBold'; font-weight: 700; }
#sub_content.sub_content.post_10 #subVisual05 .postInfo h1 { margin-top: 10px; }
#sub_content.sub_content.post_10 #subVisual05 .postInfo h2 { margin-top: 30px; font-size: 40px; font-family: 'KMyungjoBold', sans-serif; font-weight: 700; color: var(--defaultBlack); text-shadow: 0 0 4.4rem rgba(255, 255, 255, 0.5); }
#sub_content.sub_content.post_10 .section .outline h3 { font-size: 1.8rem; font-family: 'KMyungjoLight'; font-weight: 300; color: var(--post10Clr01); text-align: left; line-height: 1.4; word-break: keep-all; }
#sub_content.sub_content.post_10 .section .outline h3 strong { display: block; font-size: 1.05em; font-family: 'KMyungjoRegular'; font-weight: 400; }
#sub_content.post_10 .sliderWrap .bx-wrapper { margin-bottom: 40px; box-shadow: none; border: none; }
#sub_content.post_10 dl { position: relative; }
#sub_content.post_10 dl dt { font-family: 'KMyungjoRegular'; font-weight: 400; color: var(--post10Clr01); }
#sub_content.post_10 dl dd { padding-left: 5px; color: var(--post10Clr01); }
@media all and (max-width: 1280px){
    #sub_content.sub_content.post_10 #subVisual05 .postInfo h2 { font-size: 30px; }
}
@media all and (max-width: 768px){
    #sub_content.sub_content.post_10 #subVisual05 .postInfo h2 { font-size: 22px; }
}
@media all and (max-width: 599px){
    #sub_content.sub_content.post_10 #subVisual05 .postInfo h2 { font-size: 20px; }
    #sub_content.sub_content.post_10 #subVisual05 .writePic li { text-align: center; }
}
@media all and (max-width: 480px){
    #sub_content.sub_content.post_10 #subVisual05 .postInfo h2 { font-size: 18px; }
    #sub_content.sub_content.post_10 .section .outline h3 {  word-break: break-all; }
}

/* post_11 */
#sub_content.post_11 #subVisual05 .postInfo h2 { font-family: 'Pretendard-Medium', sans-serif; font-weight: 500; }
#sub_content.post_11 .section03 .outline { background-color: #e9f6fe; }
#sub_content.post_11 .section03 ul { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: 30px; }
#sub_content.post_11 .section03 ul li { text-align: center; color: var(--post11Clr01); }
#sub_content.post_11 .section03 ul li strong { display: inline-block; font-size: 3em; line-height: 1; }
#sub_content.post_11 .section03 ul li.no02 { line-height: 1.4; }
@media all and (max-width: 480px){
    #sub_content.post_11 .section03 ul { flex-flow: column; gap: 15px; }
    #sub_content.post_11 .section03 ul li { width: 100%; }
    #sub_content.post_11 .section03 ul li strong { font-size: 2em; }
    #sub_content.post_11 .section03 ul li.no02 br { display: none; }
}

/* post_12 */
/* #sub_content.post_11 {  } */

/* post_13 */
#sub_content.post_13 .sliderWrap .bx-wrapper { margin-bottom: 40px; box-shadow: none; border: none; }
#sub_content.post_13 .outBx { position: relative; display: flex; flex-flow: row wrap; gap: 1rem; }
#sub_content.post_13 .outBx > div.left { width: calc(50% - 1rem / 2); }
#sub_content.post_13 .outBx > div.right { width: calc(50% - 1rem / 2); }
#sub_content.post_13 .outBx div .imgBx { position: relative; }
#sub_content.post_13 .outBx div .imgBx figure { position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 160px; height: auto; border-radius: 50%; border: 2px solid var(--post13Clr01); overflow: hidden; z-index: 20; }
#sub_content.post_13 .outBx div .imgBx figure img { position: relative; }
#sub_content.post_13 .outBx div .imgBx h2 { position: relative; margin: 3rem 0 3rem 0; padding: 1rem 1rem 1rem 180px;  }
#sub_content.post_13 .outBx div .imgBx h2::after { position: absolute; content: ''; top: 0; left: 0; background-color: var(--post13Clr01); width: 100%; height: 100%; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
#sub_content.post_13 .outBx div .imgBx h2 span { position: relative; display: block; color: #fff; z-index: 10; }
#sub_content.post_13 .outBx div .imgBx h2 strong { position: relative; display: block; margin-bottom: 0; color: #fff; z-index: 10; }
#sub_content.post_13 .outBx div h6 { padding: 1rem 2rem; text-align: center; }
#sub_content.post_13 .outBx .right h4 { text-align: center; }
@media all and (max-width: 767px){
    #sub_content.post_13 .outBx > div.left { width: 100%; }
    #sub_content.post_13 .outBx > div.left h6 br { display: none; }
    #sub_content.post_13 .outBx > div.right { width: 100%; }
}

/* post_14 */
#sub_content.sub_content.post_14 #subVisual02::after { background: var(--post14Clr01); }

/* post_20 */
#sub_content.post_20 .boxLayout_2n1 .wrap { position: relative; /* background-color: #E9F0F3; */ border-radius: 0.8rem; }
#sub_content.post_20 .boxLayout_2n1 .wrap .bx { position: relative; padding: 1rem; }
#sub_content.post_20 .boxLayout_2n1 .wrap .bx .deco { position: absolute; top: 0.5rem; left: 2rem; width: 2rem; height: auto; border-radius: 0; }
#sub_content.post_20 .boxLayout_2n1 .wrap .bx h4 { position: relative; display: inline-block; padding: 0.1rem 1rem; color: #fff; background-color: var(--post20Clr01); border-radius: 4px; }
#sub_content.post_20 .boxLayout_2n1 .wrap .bx ul li { padding-left: 130px; word-break: keep-all; text-align: left; }
#sub_content.post_20 .boxLayout_2n1 .wrap .bx ul li span { position: absolute; top: 2px; left: 20px; margin-top: 0; }
#sub_content.post_20.eng .boxLayout_2n1 .wrap .imgWrap ul li { text-align: left; word-break: keep-all; letter-spacing: 0; }
#sub_content.post_20.chn .middleLeed2 h6 p span { font-family: 'Noto Sans SC', sans-serif !important; }
@media all and (max-width: 480px){
    #sub_content.post_20 .boxLayout_2n1 .wrap .bx ul li { padding-left: 110px; }
    #sub_content.post_20 .boxLayout_2n1 .wrap .bx ul li span { left: 14px; }
}
/* post_21 */
@media all and (max-width: 599px){
    #sub_content.post_21 .outLine .langLink { bottom: 80px; }

}
/* post_22 */
/* post_23 */
#sub_content.post_23 .outLine .langLink { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; flex-flow: row nowrap; gap: 10px; z-index: 5; }
#sub_content.post_23 .outline .charBox { margin-left: auto; margin-right: auto; padding: 15px 20px; max-width: 300px; background-color: #F38BB920; border-radius: 15px; }
#sub_content.post_23 .outline .charBox.clr { background-color: #8D9ED020; }
#sub_content.post_23 .outline .charBox .imgWrap { text-align: center; }
#sub_content.post_23 .outline .charBox .imgWrap img { max-width: 80%; }
#sub_content.post_23 .outline .charBox .imgWrap + .conTit3_4B { margin-bottom: 10px; }
#sub_content.post_23 .sliderWrap .bx-wrapper { margin-bottom: 40px; box-shadow: none; border: none; }
#sub_content.post_23 .imgTxtBxSticky .Bx:nth-child(1) { width: calc(30% - 20px); }
#sub_content.post_23 .imgTxtBxSticky .Bx:nth-child(2) { width: calc(70% - 20px); }
@media all and (max-width: 599px){
    #sub_content.post_23 #subVisual05 .postInfo .writePic li { margin-right: 0; text-align: center; }
    #sub_content.post_23 .imgTxtBxSticky .Bx:nth-child(1) { width: 100%; }
    #sub_content.post_23 .imgTxtBxSticky .Bx:nth-child(2) { width: 100%; }

    #sub_content.post_23 .imgTxtBxSticky .Bx .imgWrap { max-width: 100%; }

    #sub_content.post_23 .outline .charBox.mg_b30 { margin-bottom: 0 !important; }

}
/* post_30 */
#sub_content.sub_content.post_30 .special { position: relative; }
#sub_content.sub_content.post_30 .special .txtBx { position: absolute; top: 1rem; left: 1rem; }
#sub_content.sub_content.post_30 .special .txtBx h4 { color: #fff; }
#sub_content.sub_content.post_30 .special .txtBx ul li h6 { color: rgba(255,255,255,.6); }
#sub_content.sub_content.post_30 .special .txtBx ul li h3 { color: #fff; letter-spacing: -1px; }
#sub_content.sub_content.post_30 .special .txtBx ul li h3 small { font-size: 0.6em; }

/* post_31 */
#sub_content.post_31 .wrap .left img { display: inline-block; margin-bottom: 30px; width: 70px; }
#sub_content.post_31 .wrap h4 { color: var(--post31Clr01); }
#sub_content.post_31 .outline .boxLayout_2n1 .wrap p { color: #444; }
#sub_content.post_31 .outline .boxLayout_2n1 .wrap p span { display: block; font-weight: 300; }
#sub_content.post_31 p.col0_1.medium { font-weight: 700; color: var(--post31Clr01); }
@media all and (max-width: 599px){
    #sub_content.post_31 .wrap .left img { margin-bottom: 15px; width: 50px; }
}
/* post_32 */
#sub_content.post_32 .section .inBx01 { position: relative; display: flex; flex-flow: row wrap; gap: 20px; }
#sub_content.post_32 .section .inBx01 > li { position: relative; padding: 40px 20px; margin-bottom: 50px; width: calc(25% - 60px / 4); border: 2px solid #000; border-radius: 20px; }
#sub_content.post_32 .section .inBx01 > li:nth-child(1) { border-color: #2957a6; }
#sub_content.post_32 .section .inBx01 > li:nth-child(2) { border-color: #ec7b1c; }
#sub_content.post_32 .section .inBx01 > li:nth-child(2) .list.dot li::before { color: #ec7b1c; }
#sub_content.post_32 .section .inBx01 > li:nth-child(3) { border-color: #1daa77; }
#sub_content.post_32 .section .inBx01 > li:nth-child(3) .list.dot li::before { color: #1daa77; }
#sub_content.post_32 .section .inBx01 > li:nth-child(4) { border-color: #6959a4; }
#sub_content.post_32 .section .inBx01 > li:nth-child(4) .list.dot li::before { color: #6959a4; }
#sub_content.post_32 .section .inBx01 > li .img01 { text-align: center; }
#sub_content.post_32 .section .inBx01 > li .img01 > img { width: 80%; max-width: 180px; }
#sub_content.post_32 .section .inBx01 > li .img02 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 65%); width: 100%; text-align: center; }
#sub_content.post_32 .section .inBx01 > li .img02 > img { width: 80%; max-width: 140px; }
#sub_content.post_32 .section .inBx01 > li h4.conTit3_5B { margin-bottom: 6px; }
#sub_content.post_32 .section .inBx02 { position: relative; padding: 30px; background-color: #EDEDF3; border-radius: 30px; }
#sub_content.post_32 .section .inBx02 h4.conTit2_3M { position: relative; }
#sub_content.post_32 .section .inBx02 h4.conTit2_3M span { display: inline-block; padding: 10px 20px 4px 20px; margin-bottom: 10px; color: #fff; background-color: #857DBA; border-radius: 3px; }
#sub_content.post_32 .section .inBx02 h4.conTit3_5B { margin-bottom: 40px; }
#sub_content.post_32 .section .inBx02 h4.conTit3_5B span { font-family: 'Pretendard-Regular', sans-serif; font-weight: 400; }
#sub_content.post_32 .section .inBx02 .col h4.conTit3_4B { position: relative; padding-left: 1.7rem; margin-bottom: 0.5rem; }
#sub_content.post_32 .section .inBx02 .col h4.conTit3_4B strong { position: absolute; top: 0; left: 0; color: var(--post32Clr01); }
@media all and (max-width: 1023px){
    #sub_content.post_32 .section .inBx01 > li { width: calc(50% - 20px / 2); }
}
@media all and (max-width: 480px){
    #sub_content.post_32 .section .inBx01 > li { width: 100%; }
    #sub_content.post_32 .section .inBx01 > li .img01 > img { max-width: 140px; }
    #sub_content.post_32 .section .inBx01 > li .img02 > img { max-width: 120px; }
    #sub_content.post_32 .section .inBx02 { padding: 20px 10px; border-radius: 20px; }
}

/* post_34 */
#sub_content.post_34 .last .imgWrap > img { max-width: 100px; }
#sub_content.post_34 .last .tableWrap table tr th { font-size: 0.9rem; border-right: 1px solid #a9a9a9; background-color: #E2F4FD; }
#sub_content.post_34 .last .tableWrap table tr th:last-child { border-right: 0px solid #a9a9a9; }
#sub_content.post_34 .last .tableWrap table tr td { font-size: 0.85rem; text-align: center; word-break: keep-all; vertical-align: middle; border-right: 1px solid #a9a9a9; }
#sub_content.post_34 .last .tableWrap table tr td:last-child { border-right: 0px solid #a9a9a9; }
#sub_content.post_34 .last .tableWrap table tr td:nth-child(1),
#sub_content.post_34 .last .tableWrap table tr td:nth-child(6) { font-family: 'Pretendard-Medium', sans-serif; font-weight: 500; }
#sub_content.post_34 .last .tableWrap table tr td:nth-last-child(2) { font-family: 'Pretendard-Medium', sans-serif; font-weight: 500; }
#sub_content.post_34 .last .tableWrap table tr td:nth-last-child(4),
#sub_content.post_34 .last .tableWrap table tr td:nth-last-child(5),
#sub_content.post_34 .last .tableWrap table tr td:nth-last-child(6) { font-family: 'Pretendard-Regular'; font-weight: 400; }
#sub_content.post_34 .last .tableWrap table tr td.bold { font-family: 'Pretendard-Medium', sans-serif; font-weight: 500; }
#sub_content.post_34 .last .tableWrap table tr td.bgclr { background-color: #E2F4FD; }