@charset "utf-8";
/*

TITLE : HYPER 웹진 (Post별)
WORKER : HSG
DATE : 2022.03.14
COMPANY : IR PLUS
VERSION : Ver 1.0
- Ver 1.0 : 최초 작업.

*/
/* *** POST별 스타일 *** */
@import url('https://fonts.googleapis.com/css2?family=Imbue:wght@900&display=swap');
/* font-family: 'Imbue', serif; */
/* Index */
#slider.main_visual .scrolldown:before { border-color: #fff; }
#slider.main_visual .scrolldown:after { background: #fff; }
#slider.main_visual .scrolldown p { color: #fff; font-weight: 500; }
/* sub post deco */
#sub_visual.type2.post11::before { background: rgba(0,174,239,.3); }
#sub_visual.type2.post12::before { background: rgba(0,174,239,.3); }
#sub_visual.type2.post13::before { background: rgba(0,174,239,.3); }
#sub_visual.type2.post14::before { background: rgba(0,174,239,.3); }
#sub_visual.type2.post15::before { background: rgba(0,174,239,.3); }
#sub_visual.type2.post16::before { background: rgba(0,174,239,.3); }
/* post 10 */
#sub_visual.post10 .agenda { background: rgba(180, 81, 134, .8); }
#sub_visual.post10 .agenda .in_text .kor { color: #fff; }
#sub_visual.post10 .scrolldown:before { border-color: var(--post10Clr); }
#sub_visual.post10 .scrolldown:after { background: var(--post10Clr); }
#sub_visual.post10 .scrolldown p { color: var(--post10Clr); font-weight: 500; }
/* post 11 */
#sub_visual.type2.post11 .title .kor { background-image: linear-gradient(#000, #000); }
#sub_con .post11 h4.colTit { color: var(--post11Clr); }
.section_Area.post11 .springOnly { background-color: var(--ETCclr1) !important; }
.section_Area.post11 .springOnly h4 { text-align: center; color: #fff; }
.section_Area.post11 .springOnly ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; color: #fff; line-height: 1.4; }
.section_Area.post11 .springOnly ul li:last-child { margin-bottom: 0; }
.section_Area.post11 .springOnly ul li::before { position: absolute; top: 0; left: 0; }
.section_Area.post11 .springOnly ul li:nth-child(1)::before { content: '①'; }
.section_Area.post11 .springOnly ul li:nth-child(2)::before { content: '②'; }
.section_Area.post11 .springOnly ul li:nth-child(3)::before { content: '③'; }
.section_Area.post11 .springOnly ul li:nth-child(4)::before { content: '④'; }
.section_Area.post11 .springOnly ul li:nth-child(5)::before { content: '⑤'; }
.section_Area.post11 .springOnly ul li:nth-child(6)::before { content: '⑥'; }
.section_Area.post11 .springOnly ul li:nth-child(7)::before { content: '⑦'; }
.section_Area.post11 .springOnly ul li:nth-child(8)::before { content: '⑧'; }
.section_Area.post11 .springOnly ul li:nth-child(9)::before { content: '⑨'; }
.section_Area.post11 .leed .right .in_wrap::before { background: var(--post11Clr); }
/* post 12 */
#sub_visual.type2.post12 .title .kor { background-image: linear-gradient(#000, #000); }
#sub_con .post12 h4.colTit { color: var(--ETCclr1); }
.section_Area.post12 .leed .right .in_wrap::before { background: var(--post11Clr); }
/* post 13 */
#sub_visual.type2.post13 .title .kor { background-image: linear-gradient(#000, #000); }
#sub_con .post13 h4.colTit { color: var(--ETCclr1); }
.section_Area.post13 .leed .right .in_wrap::before { background: var(--post11Clr); }
/* post 14 */
#sub_visual.type2.post14 .title .kor { background-image: linear-gradient(#000, #000); }
#sub_con .post14 h4.colTit { color: var(--post11Clr); }
/* post 20 */
#sub_visual.type4.post20::before { background: rgb(231,231,231,.6); }
#sub_con .post20 h4.colTit { color: var(--post20Clr); }
#sub_visual.type4.post20 .title h1 { background-image: linear-gradient(var(--post20Clr), var(--post20Clr)); }
/* post 21 */
#sub_visual.type4.post21::before { background: rgb(231,231,231,.6); }
#sub_visual.type4.post21 .caption { max-width: 45%; }
#sub_visual.type4.post21 .scrolldown { bottom: 100px; }
#sub_visual.type4.post21 .title h1 { background-image: linear-gradient(#000, #000); }
#sub_con .post21 .col.qaBox .qa span, #sub_con .post21 .col.qaBox .an span { background-color: var(--post21Clr); }
#sub_con.post21 .flex31_wrap .flex31 > div > div { margin-bottom: 15px; }
#sub_con.post21 .section_Area .clrBox .tit { color: #fff; }
#sub_con.post21 .section_Area .clrBox .dot li { color: #fff; }
#sub_con.post21 .dot li::before { content: "*"; top: 2px; }
#sub_con.post21 .clrcapimgWrap div.imgcol { background-color: #8fa19f; }
@media all and (max-width: 1280px) {
    #sub_visual.type4.post21 .caption { max-width: 70%; }
}
@media all and (max-width: 1024px) {
    #sub_visual.type4.post21 .caption { max-width: 96%; }
}
@media all and (max-width: 768px) {
    #sub_visual.type4.post21 .caption { max-width: 96%; }
    #sub_visual.type4.post21 .scrolldown { bottom: 120px; }
}
@media all and (max-width: 600px) {
    #sub_con.post21 .flex31_wrap .flex31 > div > div { margin-bottom: 0; }
    #sub_con.post21 .flex31_wrap .flex31 > div > div.clrcapimgWrap { margin-bottom: 15px; }
}
@media all and (max-width: 480px) {
    #sub_visual.type4.post21 { max-height: 600px; }
    #sub_visual.type4.post21 .scrolldown { bottom: 160px; }
}
/* post 22 */
#sub_con .post22 ul.span li { padding-left: 80px; font-weight: 500; }
#sub_visual.type3.post22 .title h1 { background-image: linear-gradient(var(--post22Clr), var(--post22Clr)); }
#sub_con .post22 .clrBx { position: relative; padding: 20px; border: 2px solid var(--post22Clr); }
#sub_con .post22 .clrBx h4 { margin-bottom: 20px; color: var(--post22Clr); border-bottom: 2px solid var(--post22Clr); }
#sub_con .post22 .clrBx dl { margin-bottom: 30px; }
#sub_con .post22 .clrBx dl:last-child { margin-bottom: 0; }
#sub_con .post22 .clrBx dl dt { margin-bottom: 4px; font-size: 18px; color: var(--post22Clr); font-weight: 700;  }
#sub_con .post22 .clrBx dl dd { position: relative; display: flex; flex-flow: row nowrap; }
#sub_con .post22 .clrBx dl dd div { width: 50px; }
#sub_con .post22 .clrBx dl dd ul { width: calc(100% - 50px); }
#sub_con .post22 .clrBx dl dd ul { padding-left: 20px; }
#sub_con .post22 .clrBx dl dd ul li { font-size: 18px; line-height: 1.5; }
#sub_con .post22 #depth2.flex21_col .inwrap { gap: 20px !important; }
#sub_con .post22 #depth2.flex21_col .inwrap .left { position: relative; top: auto; width: calc(50% - 20px / 2); }
#sub_con .post22 #depth2.flex21_col .inwrap .right { width: calc(50% - 20px / 2); }
#sub_con .post22 #depth2.flex21_col .inwrap .imgWrap img { box-shadow: none; }
/* post 23 */
#sub_visual.type3.post23 .title h1 { background-image: linear-gradient(var(--post23Clr), var(--post23Clr)); }
#sub_con .post23 .clrBox .colTit2 { font-size: 20px; }
#sub_con .post23 .clrBox .span li { padding-left: 115px; font-size: 18px; }
#sub_con .post23 .balmun { font-size: 34px; font-weight: 500; color: #000; text-align: center; line-height: 1.4; word-break: keep-all; }
@media all and (max-width: 1280px) {
    #sub_con .post23 .balmun { font-size: 30px; }
}
@media all and (max-width: 1024px) {
    #sub_con .post23 .balmun { font-size: 28px; }
}
@media all and (max-width: 768px) {
    #sub_con .post23 .balmun { font-size: 24px; }
}
@media all and (max-width: 480px) {
    #sub_con .post23 .balmun { font-size: 22px; }
}
/* post 24 */
#sub_visual.type3.post24 .title h1 { background-image: linear-gradient(#333, #333); }
/* #sub_con .post24 .linkWrap { border: 1px solid red; } */
#sub_con .post24 .linkWrap a { display: inline-block; padding: 5px 20px; border-radius: 30px; border: 2px solid #666; }
/* post 30 */
#sub_visual.type3.post30 .title h1 { background-image: linear-gradient(var(--post30Clr), var(--post30Clr)); }
#sub_con .section_Area.post30 .leed .right .in_wrap::before { background-color: var(--post30Clr); }
/* post 31 */
#sub_visual.type3.post31 .title h1 { color: var(--post31Clr); background-image: linear-gradient(var(--post31Clr), var(--post31Clr)); }
#sub_con .post31 .flex21_col .inwrap > div { width: calc(50% - 10px); }
#sub_con .post31 .leed .right .in_wrap::before { background-color: var(--post31Clr); }
@media all and (max-width: 600px) {
    #sub_con .post31 .flex21_col .inwrap > div { width: 100%; }
}
/* post 32 */
#sub_visual.type3.post32 .title h1 { background-image: linear-gradient(var(--post32Clr), var(--post32Clr)); }
#sub_con .post32 .leed .right .in_wrap::before { background-color: var(--post32Clr); }
#sub_con .post32 .outline h3 { position: relative; font-size: 1.5rem; text-align: center; line-height: 1.2; }
#sub_con .post32 .outline h6 { position: relative; font-size: 1rem; text-align: center; line-height: 1.4; }
#sub_con .post32 .outline .col p span { position: relative; font-weight: 700; color:  var(--post32Clr); }
#sub_con .post32 .outline .imgWrap .profile { position: relative; box-shadow: none; max-width: 300px; }
@media all and (max-width: 599px) {
    #sub_con .post32 .outline .imgWrap .profile { max-width: 200px; }
}
/* post 33 */
#sub_con.post33 .btn_wrap .btn { display: inline-block; color: #333; }
#sub_con.post33 .btn_wrap .btn::before { background-color: #333; }
#sub_con.post33 .btn_wrap .btn span { background-color: #333; }
#sub_con.post33 h4.colTit3 { font-weight: 500; }
#sub_con.post33 .table01 tr td { text-align: center; }
#sub_con.post33 .table01 tr th { background-color: #E2F1FC; }
#sub_con.post33 .table01 tr.special td { border: 2px solid #00A1E4; background-color: #F0F8FE; font-weight: 500; color: #00A1E4; }
#sub_con.post33 .professorTit span { font-weight: 500; font-size: 0.9em; margin-bottom: 6px; }
#sub_con.post33 .floLeft .left { width: 100px; border-radius: 10px; }
#sub_con.post33 .floLeft .left.special { width: 100%; border-radius: 10px; max-width: 400px; }
#sub_con.post33 .no1 .flex31_wrap .flex31 > div { width: 20%; }
#sub_con.post33 .no2 .flex21 .right { padding-top: 2rem; }
#sub_con.post33 .no3 .Hynews .flex22 > div h3 { text-align: left; word-break: keep-all; line-height: 1.2; }
/* new 2024 summer new layout */
#sub_con.post33 .newL2024Summer { position: relative; display: flex; flex-flow: row wrap; align-items: flex-start; gap: 50px; }
#sub_con.post33 .newL2024Summer +.newL2024Summer { position: relative; margin-top: 60px; }
#sub_con.post33 .newL2024Summer +.newL2024Summer::before { position: absolute; content: ""; top: -31px; left: 0; width: 100%; height: 2px; background-color: #ddd; }
#sub_con.post33 .newL2024Summer .bx:nth-child(1) { width: 300px; }
#sub_con.post33 .newL2024Summer .bx:nth-child(2) { width: calc(100% - 350px); }
#sub_con.post33 .newL2024Summer .bx h4 { word-break: keep-all; text-align: left; }
#sub_con.post33 .newL2024Summer .bx .col .thumb { float: left; padding-right: 20px; width: 400px; }
#sub_con.post33 .newL2024Summer .bx .col .thumb.short { width: 280px; }
#sub_con.post33 .newL2024Summer .bx .col .thumb img { display: inline-block; width: 100%; border-radius: 0; }
#sub_con.post33 .newL2024Summer .bx .peopleList { position: relative; display: flex; flex-flow: row wrap; gap: 1.5rem 1rem; box-sizing: border-box; }
#sub_con.post33 .newL2024Summer .bx .peopleList li { position: relative; width: calc(25% - 3rem / 4); box-sizing: border-box; }
#sub_con.post33 .newL2024Summer .bx .peopleList li h4 { font-size: 1rem; }
#sub_con.post33 .newL2024Summer .bx .peopleList li .imgWrap { padding-right: 0; width: 100%; }
#sub_con.post33 .newL2024Summer .bx .peopleList li .imgWrap img { width: 100%; border-radius: 0; box-shadow: none; border: 2px solid #d9d9d9; }
#sub_con.post33 .newL2024Summer .bx .peopleList li .imgWrap .imgcol { padding-top: 0.2rem; padding-left: 0; color: #222; font-weight: 700; }
#sub_con.post33 .newL2024Summer .bx .col .flex21_col.news { position: relative; }
#sub_con.post33 .newL2024Summer .bx .col .flex21_col.news h4 { position: relative; padding-right: 4rem; }
#sub_con.post33 .newL2024Summer .bx .col .flex21_col.news h4 span { position: absolute; right: 0.3rem; top: 0.5rem; font-size: 0.75em; font-weight: 300; }
#sub_con.post33 .newL2024Summer .bx .col .flex21_col.news .imgWrap { padding-right: 0; width: 100%; }
#sub_con.post33 .flex21_col { position: relative; display: flex; flex-flow: row wrap; gap: 30px; }
#sub_con.post33 .flex21_col > .bx { position: relative; width: calc(50% - 30px / 2); }
#sub_con.post33 .flex21_col > .bx .titBx { padding: 10px 20px; background-color: #eee; }
#sub_con.post33 .flex21_col > .bx .titBx h4 { color: var(--post33Clr); text-align: center; word-break: keep-all; }
#sub_con.post33 .flex21_col > .bx .titBx h4 span { position: relative; display: block; margin-bottom: 6px; font-size: 19px; font-weight: 700; text-align: center; color: #000; }
#sub_con.post33 .flex21_col > .bx .inBx { position: relative; display: flex; flex-flow: row nowrap; gap: 20px; }
#sub_con.post33 .flex21_col > .bx .inBx .imgBx { width: 100px; }
#sub_con.post33 .flex21_col > .bx .inBx p { width: calc(100% - 120px); }
#sub_con.post33 .flex21_col > .bx .inBx.wide .imgBx { width: 200px; }
#sub_con.post33 .flex21_col > .bx .inBx.wide p { width: calc(100% - 220px); }
@media all and (max-width: 1024px) {
    #sub_con.post33 .newL2024Summer .bx .peopleList li { width: calc(33.3333% - 2rem / 3); }
}
@media all and (max-width: 1023px) {
    #sub_con.post33 .newL2024Summer { gap: 20px; }
    #sub_con.post33 .newL2024Summer .bx:nth-child(1) { width: 100%; }
    #sub_con.post33 .newL2024Summer .bx:nth-child(2) { width: 100%; }
}
@media all and (max-width: 768px) {
    #sub_con.post33 .newL2024Summer +.newL2024Summer { margin-top: 50px; }
    #sub_con.post33 .newL2024Summer +.newL2024Summer::before { top: -26px; }
    #sub_con.post33 .newL2024Summer .bx .col .thumb { width: 300px; }
    #sub_con.post33 .flex21_col > .bx { width: 100%; }
    #sub_con.post33 .flex21_col > .bx .titBx h4 br.moNone { display: none; }
}
@media all and (max-width: 599px) {
    #sub_con.post33 .newL2024Summer +.newL2024Summer { margin-top: 40px; }
    #sub_con.post33 .newL2024Summer +.newL2024Summer::before { top: -21px; }
    #sub_con.post33 .newL2024Summer .bx .col .thumb { float: none; padding: 0 !important; margin-bottom: 20px; width: 100%; }
}
@media all and (max-width: 834px) {
    #sub_con.post33 .no1 .flex31_wrap .flex31 > div { width: 25%; }
}
@media all and (max-width: 600px) {
    #sub_con.post33 .no1 .flex31_wrap .flex31 { justify-content: flex-start; }
    #sub_con.post33 .no1 .flex31_wrap .flex31 > div { padding: 0 5px; width: 33.3333%; }
}
@media all and (max-width: 480px) {
    #sub_con.post33 .flex21_col > .bx .inBx { flex-flow: row wrap; justify-content: center; gap: 10px; }
    #sub_con.post33 .flex21_col > .bx .inBx p { width: 100%; }
    #sub_con.post33 .flex21_col > .bx .inBx.wide { flex-flow: row wrap; justify-content: center; gap: 10px; }
    #sub_con.post33 .flex21_col > .bx .inBx.wide p { width: 100%; }
    #sub_con.post33 .newL2024Summer .bx .peopleList li { width: calc(50% - 1rem / 2); }
    #sub_con.post33 .newL2024Summer .bx .peopleList li h4 br { display: none; }
}
@media all and (max-width: 375px) {
    #sub_con.post33 .newL2024Summer .bx .peopleList li { width: 100%; }
}
/* post 35 */
#sub_visual.type3.post35 .title h1 { color: var(--post35Clr); background-image: linear-gradient(var(--post35Clr), var(--post35Clr)); }
#sub_con .post35 h4 { color: var(--post35Clr); }
#sub_con .post35 .clrBx { padding: 20px 30px; background-color: #ddd; border-radius: 14px; }
#sub_con .post35 .clrBx ul li { position: relative; padding-left: 24px; line-height: 1.5; }
#sub_con .post35 .clrBx ul li::before { position: absolute; content: "❶"; left: 0; line-height: inherit; font-size: inherit; font-weight: inherit; }
#sub_con .post35 .clrBx ul li:nth-child(1)::before { content: "❶"; }
#sub_con .post35 .clrBx ul li:nth-child(2)::before { content: "❷"; }
#sub_con .post35 .clrBx ul li:nth-child(3)::before { content: "❸"; }
#sub_con .post35 .clrBx ul li:nth-child(4)::before { content: "❹"; }
#sub_con .post35 .clrBx ul li:nth-child(5)::before { content: "❺"; }
#sub_con .post35 .clrBx ul li:nth-child(6)::before { content: "❻"; }
#sub_con .post35 .clrBx ul li:nth-child(7)::before { content: "❼"; }
@media all and (max-width: 599px) {
    #sub_con .post35 .clrBx { padding: 20px 10px; }
}