@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.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 h2 { text-align: left; }
#sub_content.sub_content.post_10 .section .outline h2 span { position: relative; display: inline-block; padding: 0.4rem 1rem 0.15rem; margin-bottom: 10px; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; color: #fff; font-size: 1.1rem; background-color: var(--post10Clr01); border-radius: 0.25rem; letter-spacing: -1px; }
#sub_content.sub_content.post_10 .section .outline h3 { font-size: 1.6rem; 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; }

@media all and (max-width: 599px){
    #sub_content.post_11.eng .middleLeed2 h6 p { word-break: keep-all; }
    #sub_content.post_11.eng .middleLeed2 h6 p br { display: none; }
}
/* post_12 */
/* #sub_content.post_12 {  } */

/* 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); }
#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; /* 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.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; }
@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; }
/* 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 .inBx { position: relative; padding: 1.2rem 0 1.2rem; border-top: 2px solid var(--post23Clr01); border-bottom: 2px solid var(--post23Clr01); }
#sub_content.post_23 .inBx .deco01 { position: absolute; top: -1rem; right: 0; width: 200px; height: auto; }
#sub_content.post_23 .section p { position: relative; }
#sub_content.post_23 .section p .float { float: left; width: 110px; height: auto; margin-right: 1rem; margin-bottom: 0rem; margin-top: 7px; border-radius: 0.7rem; }
#sub_content.post_23 .section .boxLayout_2n2 .wrap { gap: 2rem; }
#sub_content.post_23 .section .boxLayout_2n2 .wrap .bx { padding: 0.75rem; width: calc(50% - 2rem / 2); background-color: #fff; border-radius: 0.75rem; }
#sub_content.post_23 .section.spec h4 span { display: inline-block; margin-top: 0.5rem; border-bottom: 1px solid var(--post23Clr01); }
#sub_content.post_23 .sliderWrap .bx-wrapper { margin-bottom: 40px; box-shadow: none; border: none; }
@media all and (max-width: 768px){
    #sub_content.post_23 .inBx { padding: 1.2rem 0 1.2rem; }
    #sub_content.post_23 .inBx .deco01 { top: -1rem; right: 0; width: 150px; }
}
@media all and (max-width: 599px){
    #sub_content.post_23 #subVisual05 .postInfo .writePic li { margin-right: 0; text-align: center; }
    #sub_content.post_23 .inBx { padding: 1.5rem 0 1.2rem; }
    #sub_content.post_23 .inBx .deco01 { top: -2.5rem; right: 1rem; width: 120px; }
    #sub_content.post_23 .section p .float { width: 90px; }
    #sub_content.post_23 .section .boxLayout_2n2 .wrap { gap: 1.5rem; }
    #sub_content.post_23 .section .boxLayout_2n2 .wrap .bx { width: 100%; }
}
@media all and (max-width: 480px){
    #sub_content.post_23 .inBx { padding-top: 2.5rem; }
}

/* post_30 */
#sub_content.sub_content.post_30 .event .wrap { align-items: center; }
#sub_content.sub_content.post_30 .event .wrap .bx { display: flex; justify-content: center; align-items: center; }
#sub_content.sub_content.post_30 .event .wrap .bx:nth-child(1) { position: relative; }
#sub_content.sub_content.post_30 .event .wrap .bx:nth-child(1)::after { position: absolute; content: ""; right: -40px; top: 50%; transform: translate(50%, -50%); width: clamp(50px, 8.33vw, 100px);/*    100px; */ height: 1px; background-color: var(--post30Clr01); }
#sub_content.sub_content.post_30 .event .imgWrap { text-align: center; border-radius: 50%; overflow: hidden; }
#sub_content.sub_content.post_30 .event .imgWrap img { max-width: clamp(150px, 25vw, 300px); border-radius: 50%; }
#sub_content.sub_content.post_30 .event h4 { font-size: clamp(40px, 5.83vw, 70px); color: #fff; -webkit-text-stroke: 1px var(--post30Clr01); line-height: 1; letter-spacing: -2px; text-shadow: 10px 10px 0 #becfa077; }
@media all and (max-width: 599px){
    #sub_content.sub_content.post_30 .event .wrap { gap: 40px; }
    #sub_content.sub_content.post_30 .event h4 { text-align: center; text-shadow: 5px 5px 0 #becfa077; }
    #sub_content.sub_content.post_30 .event .wrap .bx:nth-child(1)::after { right: 50%; top: auto; bottom: -30px; transform: translate(-50%, 0); width: 1px; height: 30px; }
    #sub_content.sub_content.post_30 .event .imgWrap img { max-width: clamp(200px, 25vw, 300px); }
}

/* post_31 */
#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; }
@media all and (max-width: 480px){
    #sub_content.post_31 .section .outline .special strong { bottom: 3rem; }
}

/* post_32 */
#sub_content.post_32 .flexWrap { position: relative; display: flex; flex-flow: row wrap; gap: 1.5rem 1rem; }
#sub_content.post_32 .flexWrap .bx { position: relative; padding: 1rem 0.3rem; width: calc(33.3333% - 2rem / 3); border-top: 1rem solid var(--post32Clr01); box-sizing: border-box; }
#sub_content.post_32 .flexWrap .bx::after { position: absolute; content: ""; top: -1rem; right: -1rem; width: 1rem; height: 1rem; background-color: var(--post32Clr01); }
#sub_content.post_32 .flexWrap .bx:last-child::after,
#sub_content.post_32 .flexWrap .bx:nth-child(3n)::after { display: none; }
#sub_content.post_32 .flexWrap .bx > img { position: absolute; top: 0; left: 0; width: 2.5rem; height: auto; transform: translate(-20%, -70%); }
#sub_content.post_32 .flexWrap .bx .bold { color: var(--post32Clr01); }
#sub_content.post_32 .flexWrap .bx .regular { line-height: 1.5; }

#sub_content.post_32 .section02 .tableWrap table col.no1 { width: 25%; }
#sub_content.post_32 .section02 .tableWrap table col.no2 { width: auto; }
#sub_content.post_32 .section02 .tableWrap table col.no3 { width: 15%; }
#sub_content.post_32 .section02 .tableWrap table col.no4 { width: 25%; }
#sub_content.post_32 .section02 .tableWrap table,
#sub_content.post_32 .section02 .tableWrap table tr,
#sub_content.post_32 .section02 .tableWrap table tr th,
#sub_content.post_32 .section02 .tableWrap table tr td { border-color: var(--post32Clr01); vertical-align: middle; }
#sub_content.post_32 .section02 .tableWrap table tr th { border-right: 1px solid #333; background-color: #eaf6fd; font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; }
#sub_content.post_32 .section02 .tableWrap table tr th:last-child { border-right: 0px solid #333; }
#sub_content.post_32 .section02 .tableWrap table tr td { text-align: center; border-right: 1px solid var(--post32Clr01); }
#sub_content.post_32 .section02 .tableWrap table tr td:last-child { border-right: 0px solid var(--post32Clr01); }
#sub_content.post_32 .section03 h5 { position: relative; display: block; padding: 0.25rem 1.5rem; border: 2px solid var(--post32Clr01); border-radius: 2rem; background-color: var(--post32Clr01); color: #fff; }
@media all and (max-width: 1000px){
    #sub_content.post_32 .flexWrap .bx { width: calc(50% - 1rem / 2); }
    #sub_content.post_32 .flexWrap .bx:nth-child(3n)::after { display: block; }
    #sub_content.post_32 .flexWrap .bx:last-child::after,
    #sub_content.post_32 .flexWrap .bx:nth-child(2n)::after { display: none; }
    #sub_content.post_32 .flexWrap .bx > img { width: 2rem; transform: translate(-20%, -80%); }
}
@media all and (max-width: 599px){
    #sub_content.post_32 .section02 .tableWrap { overflow: hidden; overflow-x: auto; }
    #sub_content.post_32 .section02 .tableWrap table { width: 600px; }
}
@media all and (max-width: 480px){
    #sub_content.post_32 .flexWrap .bx { width: 100%; }
    #sub_content.post_32 .flexWrap .bx::after { display: none !important; }
}

/* 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; }
}