@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-color: var(--ETCclr1); }
#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); }
#sub_visual.type2.post13.in_professor .professor .kor br { display: none; }
.section_Area.post13 .outline .decoBx p { color: var(--post13Clr); }
.section_Area.post13 .outline .decoBx p strong { font-size: 0.93em; }
@media all and (max-width: 480px){
    #sub_visual.type2.post13 .title .kor br { display: none; }
    #sub_visual.type2.post13.in_professor .professor .kor br { display: inline; }
}

/* 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 { color: #fff; background-image: linear-gradient(#fff, #fff); text-shadow: 0 0 40px rgba(0,0,0,1); } */
#sub_visual.type4.post20 .writer ul { flex-flow: column; align-items: flex-start; gap: 10px; }
#sub_visual.type4.post20 .writer ul li { padding: 0 !important; width: 100%; text-align: left; }
#sub_visual.type4.post20 .writer ul li::after { display: none; }
#sub_con .post20.section_Area .flex21 { align-items: flex-end; padding: 2rem; background-color: #d3edfb44; border-radius: 1rem; }
#sub_con .post20.section_Area .flex21 .right .inBx { padding: 0.75rem; border: 1px solid #42b4d9; border-radius: 0.2rem; }
#sub_con .post20.section_Area .leed .right .in_wrap::before { background-color: var(--post20Clr); }
#sub_visual.post20 .scrolldown p { color: #000; }
#sub_visual.post20 .scrolldown:before { border-color: #000; }
#sub_visual.post20 .scrolldown:after { background-color: #000; }

@media all and (max-width: 480px){
    #sub_con .post20.section_Area .flex21 { padding: 1rem; }
}

/* 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(var(--post21Clr), var(--post21Clr)); }
#sub_visual.type4.post21 .title h4 br { display: none; }
#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: 30px; }
#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: var(--post21Clr); }

#sub_visual.post21 .linkWrap { margin-top: 1rem; }
@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; }
    #sub_visual.type4.post21 .title h4 br { display: inline; }
}

/* 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; }
#sub_con .post23 .decoBx { position: relative; display: flex; flex-flow: row nowrap; gap: 1rem; }
#sub_con .post23 .decoBx h6 { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0.5rem 1rem; width: 220px; color: #fff; text-align: center; background-color: var(--post23ClrSub01); border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
#sub_con .post23 .decoBx p { flex: 1; }
#sub_con .post23 .decoBx02 { position: relative; display: inline-block; padding: 0.3rem 2rem;  color: #fff; background-color: var(--post23Clr); border-radius: 0.7rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#sub_con .post23 table .no01 { width: auto; }
#sub_con .post23 table .no02 { width: 20%; }
#sub_con .post23 table tr td:nth-child(2),
#sub_con .post23 table tr td:nth-child(4) { font-size: 0.85em; background-color: var(--post23ClrSub02); }
@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: 767px) {
    #sub_con .post23 .decoBx { flex-flow: column; }
    #sub_con .post23 .decoBx h6 { width: 100%; flex: 1;  border-radius: 0.5rem; }
    #sub_con .post23 .tableWrap { overflow-x: scroll;}
    #sub_con .post23 table { width: 1024px; }
}
@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); }
#sub_con .section_Area.post30 .decoBx {  }
#sub_con .section_Area.post30 .decoBx01 { position: relative; }
#sub_con .section_Area.post30 .decoBx01 h6 { font-size: 21px; font-weight: 500; color: var(--post30Clr); }
#sub_con .section_Area.post30 .decoBx01 ul { position: relative; overflow: hidden; }
#sub_con .section_Area.post30 .decoBx01 ul::after { position: absolute; content: ""; top: 0; left: 100px; width: 1px; height: 100%; background-color: #000; }
#sub_con .section_Area.post30 .decoBx01 ul > li { position: relative; padding-left: 120px; font-weight: 400; z-index: 5;  }
#sub_con .section_Area.post30 .decoBx01 ul > li + li { margin-top: 5px; }
#sub_con .section_Area.post30 .decoBx01 ul > li span { position: absolute; left: 0; font-weight: 500; color: var(--post30Clr); width: 100px; }
#sub_con .section_Area.post30 .decoBx01 ul > li span::before { position: absolute; content: ""; right: 0; top: 50%; transform: translate(50%, -50%); font-weight: 500; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; border: 2px solid var(--post30CSub); }

#sub_con .section_Area.post30 .decoBx01 ul > li ol {}
#sub_con .section_Area.post30 .decoBx01 ul > li ol li { position: relative; padding-left: 14px; font-size: 0.9em; }
#sub_con .section_Area.post30 .decoBx01 ul > li ol li::before { position: absolute; content: "*"; left: 0;}
#sub_con .section_Area.post30 .colTit span { font-weight: 300; }

#sub_con .section_Area.post30 .decoBx02 {  }
#sub_con .section_Area.post30 .decoBx02 + .col { margin-top: 1.5rem; }
#sub_con .section_Area.post30 .decoBx02 + .decoBx02 { margin-top: 1rem; }
#sub_con .section_Area.post30 .decoBx02 h5 { position: relative; display: inline-block; padding: 0.5rem 1rem; font-size: 0.9rem; color: #fff; border-radius: 1rem; width: 50%; max-width: 540px; text-align: center; background-color: var(--post30Clr); line-height: 1.2; }
#sub_con .section_Area.post30 .decoBx02 h5 br { display: none; }
#sub_con .section_Area.post30 .decoBx02 h5 + ul { margin-top: 0.3rem; }
#sub_con .section_Area.post30 .decoBx02 ul {  }
#sub_con .section_Area.post30 .decoBx02 ul li { position: relative; padding-left: 1rem; font-weight: 400; color: #333; }
#sub_con .section_Area.post30 .decoBx02 ul li::before { position: absolute; content: ""; left: 4px; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; border: 2px solid var(--post30CSub); }



@media all and (max-width: 1024px){
    #sub_con .section_Area.post30 .decoBx02 h5 { width: auto; max-width: none; }
    #sub_con .section_Area.post30 .decoBx02 h5 br { display: inline; }
}
@media all and (max-width: 480px){
    /* #sub_con .section_Area.post30 .decoBx01 ul { position: relative; overflow: hidden; } */
    #sub_con .section_Area.post30 .decoBx01 ul::after { left: 90px; }
    #sub_con .section_Area.post30 .decoBx01 ul > li { padding-left: 100px; }
    /* #sub_con .section_Area.post30 .decoBx01 ul > li + li { margin-top: 5px; } */
    #sub_con .section_Area.post30 .decoBx01 ul > li span { width: 90px; }
    /* #sub_con .section_Area.post30 .decoBx01 ul > li span::before { position: absolute; content: ""; right: 0; top: 50%; transform: translate(50%, -50%); font-weight: 500; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; border: 2px solid var(--post30CSub); } */
    #sub_con .section_Area.post30 .decoBx01 ul li { text-align: left; word-break: keep-all; }
    #sub_con .section_Area.post30 .decoBx02 h5 { width: 100%; }
}


/* 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); }
#sub_con .post31 .flex31_wrap .flex31 > div { padding: 0; }
@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_visual.post33.type3 .title h1 { background-image: linear-gradient(var(--post33Clr), var(--post33Clr)); }

#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; align-items: center; 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); }
/* new 2025 normal layout 추가 */
#sub_con.post33 .normalBox +.newL2024Summer { position: relative; margin-top: 60px; }
#sub_con.post33 .normalBox +.newL2024Summer::before { position: absolute; content: ""; top: -31px; left: 0; width: 100%; height: 2px; background-color: #ddd; }
#sub_con.post33 .normalBox .imgWrap.thumb { float: left; padding-right: 20px; width: 400px; }
#sub_con.post33 .img01 { text-align: left; }
#sub_con .post33 .img01 img { max-width: 500px; }
/* #sub_con .post33 .special { border: 1px solid red; } */
#sub_con .post33 .special li { position: relative; padding-left: 1rem; font-size: 20px; word-break: keep-all; text-align: left; }
#sub_con .post33 .special li::before { position: absolute; content: "•"; left: 0.3em; }

@media all and (max-width: 1024px) {
    #sub_con.post33 .newL2024Summer .bx .peopleList li { width: calc(33.3333% - 2rem / 3); }
    #sub_con .post33 .special li { font-size: 18px; }
}
@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; }
    #sub_con .post33 .special li { font-size: 17px; }
}
@media all and (max-width: 600px) {
    #sub_con .post33 .img01 img { max-width: 100%; }
}
@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%; }
    #sub_con .post33 .special li { font-size: 16px; }
}
@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 34 */
#sub_visual.post34 .title h1 { background-image: linear-gradient(var(--post34Clr), var(--post34Clr)); }


/* #sub_con .post34 .decoBx { border: 2px solid red; } */
#sub_con .post34 .decoBx + p { margin-top: 1rem; }
#sub_con .post34  .col + .decoBx { margin-top: 1rem; }

#sub_con .post34 .decoBx01 { position: relative; }
#sub_con .post34 .decoBx01 ul { position: relative; }
#sub_con .post34 .decoBx01 ul li { position: relative; padding-left: 1.5rem; font-weight: 500; color: var(--post34Clr); }
#sub_con .post34 .decoBx01 ul li::before { position: absolute; content: "\ea0e"; top: 0; left: 0; font-family: xeicon !important; color: var(--post34Clr); }
#sub_con .post34 .decoBx01 ul li::after { position: absolute; content: "\e928"; top: 0; left: 3px; font-family: xeicon !important; color: var(--post34Clr); transform: scale(1.1) translateY(-2px); }

#sub_con .post34 .decoBx02 { position: relative; padding: 1rem; border: 1px solid #000; background-color: #F2F5FA; border-radius: 0.5rem; }

#sub_visual.type3.post34 .outline2 .agenda { position: absolute; top: 0; left: 0; transform: translateX(0) !important; }
#sub_visual.type3.post34 .outline2 .agenda span { position: absolute; top: 0; left: 0; transform: translateX(0) !important; }

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

#sub_con.post35 .newL2024Summer .bx h6 { position: relative; margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1rem; font-weight: 700; color: var(--post35Clr); line-height: 1.3; }
#sub_con.post35 .newL2024Summer .bx h6 span { display: block; font-weight: 400; line-height: 1.5; }
#sub_con.post35 .newL2024Summer .tableWrap { overflow: hidden; }
#sub_con.post35 .newL2024Summer .tableWrap table {  }
#sub_con.post35 .newL2024Summer .tableWrap table col { width: auto; }
#sub_con.post35 .newL2024Summer .tableWrap table tr th { color: #fff; background-color: var(--post35Clr); border-right: 1px solid #fff; }
#sub_con.post35 .newL2024Summer .tableWrap table tr:nth-child(1) th:last-child { border-bottom: 1px solid #fff; }
#sub_con.post35 .newL2024Summer .tableWrap table tr td { text-align: center; }
#sub_con.post35 .newL2024Summer .tableWrap table tr td:nth-child(1) { font-weight: 700; }
/* #sub_con.post35 .decoBx { border: 2px solid red; } */
#sub_con.post35 .decoBx + .decoBx { margin-top: 1.5rem; }
#sub_con.post35 .decoBx h5 { position: relative; margin-bottom: 0.5rem; padding: 0.2rem 1rem; font-size: 0.95rem; text-align: center; color: #fff; background-color: var(--post35Clr); border-radius: 1rem; }
#sub_con.post35 .decoBx .flex31_wrap {}
#sub_con.post35 .decoBx .flex31_wrap .flex31 > div { padding: 0; }
/* #sub_con.post35 .decoBx .flex31_wrap .inBx { border: 2px solid green; } */
#sub_con.post35 .decoBx .flex31_wrap .inBx .imgBx { float: left; margin-right: 0.5rem; width: 100px; border-radius: 3rem; overflow: hidden; }
#sub_con.post35 .decoBx .flex31_wrap .inBx .imgBx img { width: 100%; height: auto; }
#sub_con.post35 .decoBx .flex31_wrap .inBx h6 { margin-bottom: 0.25rem; font-size: 0.95rem; text-align: left; line-height: 1.3; word-break: break-all; }
#sub_con.post35 .decoBx .flex31_wrap .inBx p { font-size: 0.85rem; }
#sub_con.post35 .newL2024Summer .tableWrap table tfoot tr td { background-color: #E7E7E8; }


#sub_con.post35 .decoBx .flex21_col .inwrap { display: flex; flex-flow: row wrap; gap: 0.75rem; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div { width: calc(50% - 0.75rem / 2) !important; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx { padding: 1rem 10px; min-height: 150px; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx .imgBx { float: left; margin-right: 1.5rem; width: 90px; transform: translateY(-0.5rem); border-radius: 3rem; overflow: hidden; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx .imgBx img { width: 100%; height: auto; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx h6 { margin-bottom: 0.25rem; font-size: 0.95rem; text-align: left; line-height: 1.3; word-break: break-all; }
#sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx p { font-size: 0.85rem; }

#sub_con.post35 .flex31_wrap.no02 .flex31 { justify-content: flex-start; align-items: stretch; gap: 1.5rem 1rem; }
#sub_con.post35 .flex31_wrap.no02 .flex31 > div { position: relative; padding: 0; width: calc(33.3333% - 2rem / 3); }
#sub_con.post35 .flex31_wrap.no02 .flex31 > div .imgWrap { position: relative; margin-bottom: 1rem; }
#sub_con.post35 .flex31_wrap.no02 .flex31 > div .imgWrap img { border-radius: 0.5rem; box-shadow: none; }
#sub_con.post35 .flex31_wrap.no02 .flex31 .imgWrap span { position: absolute; top: 50%; transform: translate(-35%, -50%); display: flex; justify-content: center; align-items: center; font-size: 0.8rem; font-weight: 700; color: #fff; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #67C399; }
#sub_con.post35 .flex31_wrap.no02 .flex31 > div h6 { margin-bottom: 0.3rem; font-size: 0.9rem; font-weight: 700; color: #000; word-break: break-all; }
#sub_con.post35 .flex31_wrap.no02 .flex31 > div p { font-size: 0.8rem; font-weight: 500; color: #333; word-break: break-all; }
#sub_con.post35 .flex31_wrap.no02 .flex31 .last .imgWrap div { text-align: center; }
#sub_con.post35 .flex31_wrap.no02 .flex31 .last .imgWrap div img { max-width: 70%; }


@media all and (max-width: 1023px) {
    #sub_con.post35 .decoBx .flex31_wrap .flex31 { gap: 1rem; }
    #sub_con.post35 .decoBx .flex31_wrap .flex31 > div { width: calc(49% - 1rem / 2); }
}
@media all and (max-width: 767px) {
    /* #sub_con.post35 .decoBx .flex31_wrap .flex31 { gap: 1rem; } */
    #sub_con.post35 .decoBx .flex31_wrap .flex31 > div { width: 100%; }
    #sub_con.post35 .decoBx .flex31_wrap .inBx .imgBx { margin-right: 1rem; }
    #sub_con.post35 .decoBx .flex21_col .inwrap > div { width: 100% !important; }
    #sub_con.post35 .decoBx .flex21_col .inwrap > div .inBx .imgBx { margin-right: 0.75rem; }

    #sub_con.post35 .flex31_wrap.no02 .flex31 > div { width: calc(50% - 1rem / 2); }
}
@media all and (max-width: 599px) {
    #sub_con.post35 .newL2024Summer .tableWrap { overflow-x: auto; }
    #sub_con.post35 .newL2024Summer .tableWrap table { width: 600px; }
}
@media all and (max-width: 479px) {
    #sub_con.post35 .flex31_wrap.no02 .flex31 > div { width: 100%; }
}