@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; }
}
/* *** 개별 포스트 스타일 *** */
/* search & pastissue */
#sub_content.sub_content.search #subVisual05 .postInfo h1 span { text-shadow: none; }
/* post_10 */
#sub_content.post_10 #subVisual05 .writePic li { color: #000; }
@media all and (max-width: 599px){
    #sub_content.post_10 #subVisual05 .writePic li { margin-right: 0; }
}

/* post_11 */
#sub_content.post_11 .section.sec01 h4 span { position: relative; display: block; margin-top: 5px; font-family: 'Pretendard-Regular'; font-weight: 400; font-size: 0.95em; color: var(--post11Clr01); }
#sub_content.post_11 .section h5 { position: relative; padding: 0.5rem 0.9rem; text-align: center; background-color: #f9f9f9; }
#sub_content.post_11 .section h5 span { display: inline-block; font-size: 0.9em; }
#sub_content.post_11 .section .img02 { display: block; width: 100%; max-width: 100%; text-align: center; }
#sub_content.post_11 .section .img02 img { max-width: 500px; }
#sub_content.post_11 .section.sec03 .inBx { margin-top: 1rem; margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--post11Clr01); }
#sub_content.post_11 .section.sec03 .inBx h4 { color: var(--post11Clr01); }
#sub_content.post_11 .section.sec03 .inBx p { color: var(--post11Clr01); }
#sub_content.post_11 .section .inBx02 { margin-top: 1rem; }
#sub_content.post_11 .section .inBx02 h5 { margin-bottom: 1rem; background-color: #fff; }
#sub_content.post_11 .section .inBx02 .inner { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; gap: 0.5rem; }
#sub_content.post_11 .section .inBx02 .inner dl { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0.3rem; width: calc(33.3333% - 1rem / 3); background-color: #1257a708; }
#sub_content.post_11 .section .inBx02 .inner dl dt { font-size: 1.15rem; font-family: 'Pretendard-Bold'; font-weight: 700; color: var(--post11Clr01); }
#sub_content.post_11 .section .inBx02 .inner dl dd { color: var(--post11Clr01); }
#sub_content.post_11 .section .inBx02 .inner dl dd strong { display: inline-block; margin-right: 1px; font-family: 'Pretendard-Bold'; font-weight: 700; font-size: 1.5rem; }
#sub_content.post_11 .section .inBx02 .inner dl dd img { display: inline-block; margin-right: 10px; width: 50px; vertical-align: text-bottom; }
#sub_content.post_11 .section .inBx02 .inner dl + dl { margin-top: 0; }
@media all and (max-width: 1023px){
    #sub_content.post_11 .section .inBx02 .inner dl { width: calc(50% - 0.5rem / 2); }
}
@media all and (max-width: 699px){
    #sub_content.post_11 .section .inBx02 .inner dl { width: 100%; }
}

/* post_12 */
#sub_content.post_12 .imgdeco { text-align: center; }
#sub_content.post_12 .imgdeco img { width: 100%; max-width: 500px !important; border-radius: 0; }
@media all and (max-width: 1024px){
    #sub_content.post_12 .imgdeco img { max-width: 400px !important; }
}
@media all and (max-width: 768px){
    #sub_content.post_12 .imgdeco img { max-width: 350px !important; }
}
@media all and (max-width: 480px){
    #sub_content.post_12 .imgdeco img { max-width: 300px !important; }
}
/* 여름호만 */
#sub_content.sub_content.post_12 #subVisual05 { background-image: url(../img/sub/post12_01.jpg); }
#sub_content.sub_content.post_12 #subVisual05::after { background: rgba(255, 255, 255, 0.6); }

/* post_13 */
#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); }
#sub_content.post_14.chn .middleLeed2 h6 p span { font-family: 'Noto Sans SC', sans-serif !important; }
@media all and (max-width: 599px){
    #sub_content.post_14.eng div .outLine .langLink { bottom: 90px; }
    #sub_content.post_14.eng .middleLeed2 h6 p { word-break: keep-all; }
    #sub_content.post_14.eng .middleLeed2 h6 p br { display: none; }
    #sub_content.post_14.chn div .outLine .langLink { bottom: 90px; }
    #sub_content.post_14.chn .middleLeed2 h6 p span { font-family: 'Noto Sans SC', sans-serif !important; }
}

/* post_20 */
#sub_content.post_20 .boxLayout_2n1 .wrap { position: relative; 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.nonpadding { padding-left: 1rem; }
#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; }
/* post 20 봄호만 */
#sub_content.post_20 .boxLayout_2n1 .wrap h6 { color: var(--post20Clr01); line-height: 1.3; }
@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 */
#sub_content.post_21 .section .boxLayout_2n1 .bx em { position: relative; display: block; margin-top: 1rem; font-family: 'ChosunIlboMyungjo' !important; font-size: 1.1em; }
/* 미니 인터뷰 */
#sub_content.post_21 .inter h5 { margin-bottom: 1em; line-height: 2.4; text-align: center; color: #fff; background-color: var(--post21Clr01); border-radius: 10px; }
#sub_content.post_21 .inter .bx img + span { display: block; margin-bottom: 0.9rem; }
#sub_content.post_21 .inter .bx img + span strong { display: block; margin-bottom: 0.1em; font-size: 1.3em; font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; }
#sub_content.post_21.chn .inter .bx img + span strong { font-family: 'Noto Sans SC', sans-serif !important; }
#sub_content.post_21 .inter .bx h4 { color: var(--post21Clr01); }
#sub_content.post_21 .inter .bx p strong { display: inline-block; margin-right: 0.5em; font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; color: #000; }
#sub_content.post_21 .section .imgWrap + .imgWrap { margin-top: 0; }

/* post_22 */
#sub_content.post_22 #subVisual02 .postInfo h4 { background-color: var(--post22Clr01); }
#sub_content.post_22 #subVisual02 .postInfo h3 sup { font-size: 18px; }
#sub_content.post_22 .section h4.conTit3_4B,
#sub_content.post_22 .section p.col1_1R strong { color: var(--post22Clr01); font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; }
#sub_content.post_22 #subVisual02::after { background-color: var(--post22Clr01); }
#sub_content.post_22 #subVisual02 .postInfo h1 span { background-image: linear-gradient(var(--post22Clr01), var(--post22Clr01)); }

/* post_23 */
#sub_content.post_23 #subVisual02 .postInfo h1 span { background-image: linear-gradient(var(--post23Clr01), var(--post23Clr01)); }
#sub_content.post_23 .imgWrap { position: relative; }
#sub_content.post_23 .imgWrap .deco { position: absolute; top: 1rem; right: 1rem; width: 90px; height: auto; z-index: 5; }
@media all and (max-width: 1024px){
    #sub_content.post_23 .imgWrap .deco { width: 80px; }
}
@media all and (max-width: 768px){
    #sub_content.post_23 .imgWrap .deco { width: 60px; }
}
@media all and (max-width: 480px){
    #sub_content.post_23 .imgWrap .deco { top: 0.4rem; right: 0.4rem; width: 40px; }
}

/* post_30 */
#sub_content.post_30 #subVisual02 .postInfo h1 span { background-image: linear-gradient(var(--post30Clr01), var(--post30Clr01)); }

/* post_31 */
#sub_content.sub_content.post_31 #subVisual05::after { background: rgba(255, 255, 255, 0.7); }
#subVisual05 .postInfo .writePic li { text-align: center; }

#sub_content.post_31 p.col0_1.medium { font-weight: 700; color: var(--post31Clr01); }
#sub_content.post_31 .section .outline .special { position: relative; }
#sub_content.post_31 .section .outline .special strong { position: absolute; right: 1rem; bottom: 2rem; text-align: right; font-size: clamp(20px, 5.83vw, 70px); font-weight: 900; font-family: 'Pretendard-Black', sans-serif; line-height: 1; color: #000; letter-spacing: -2px; text-shadow: 0px 0px 20px #fff; }
#sub_content.post_31 #subVisual05 .postInfo .writePic { margin-top: 10px; }
@media all and (max-width: 480px){
    #sub_content.post_31 .section .outline .special strong { bottom: 3rem; }
}
/* 봄호 only */
#sub_content.sub_content.post_31 .imgBx01 { position: relative; margin: 0 auto; width: 80%; height: auto; text-align: center; max-width: 300px; }
#sub_content.sub_content.post_31 .imgBx01 img { max-width: 150px; }
#sub_content.sub_content.post_31 .imgBx01 span { text-align: center; }
#sub_content.sub_content.post_31 dl + .imgWrap { margin-top: 2em; }
#sub_content.sub_content.post_31 dl dt { position: relative; font-size: 1.05em; font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; color: var(--post31Clr01); }
#sub_content.sub_content.post_31 dl dt::before { position: absolute; content: "*"; left: 0; top: -0.8em; }
#sub_content.sub_content.post_31 dl dd { color: #888; }
@media all and (max-width: 480px){
    #sub_content.sub_content.post_31 .imgBx01 img { max-width: 100px; }
}
/* 여름호만 */
#sub_content.sub_content.post_31 #subVisual05 { background-image: url(../img/sub/post31_04.jpg); }
/* #sub_content.sub_content.post_31 #subVisual05::after { background: rgba(255, 255, 255, 0.6); } */


/* post_32 */
#sub_content.sub_content.post_32 #subVisual05::after { background: rgba(255, 255, 255, 0.7); }
#sub_content.post_32 h6 { position: relative; display: inline; background-image: linear-gradient(var(--post32Clr01), var(--post32Clr01)); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 99%; }
#sub_content.post_32 .boxLayout_3n1 .bx .imgWrap img { box-shadow: 5px 5px 0px var(--post32Clr01); }
@media all and (max-width: 768px){
    #sub_content.post_32 .boxLayout_3n1 { flex-flow: row nowrap; }
}
@media all and (max-width: 650px){
    #sub_content.post_32 .boxLayout_3n1 { flex-flow: row wrap; justify-content: flex-start; gap: 10px; }
    #sub_content.post_32 .boxLayout_3n1 .bx { width: calc(33.3333% - 20px / 3); }
}
@media all and (max-width: 480px){
    #sub_content.post_32 .boxLayout_3n1 .bx { width: calc(50% - 10px / 2); }
}

/* post_34 */
#sub_content.post_34 .last .imgWrap > img { max-width: 100px; }
#sub_content.post_34 .last .inBx { padding: 1rem; border-radius: 1rem; background-color: #eaf6fd; }
#sub_content.post_34 .last .inBx ul li { position: relative; padding-left: 130px; text-align: left; word-break: keep-all; }
#sub_content.post_34 .last .inBx ul li span { position: absolute; left: 0; font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; color: var(--post34Clr01); }
#sub_content.post_34 .professorWrap .bx .wrap .imgWrap { width: 110px; }
@media all and (max-width: 480px){
    #sub_content.post_34 .last .inBx ul li { padding-left: 100px; }
}