@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');


.sub_visual *{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",  sans-serif !important;}
.text {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",  sans-serif !important; font-size: 17px !important;}

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* quiz */

.sub_visual { background-position:center; background-size: cover; height: 800px !important;position: relative;}
.sub_visual.s1_1 { background-image:url('/theme/basic/img/vol33/sub/visual_1_1.jpg') !important; }
.sub_visual.s1_2 { background-image:url('/theme/basic/img/vol33/sub/visual_1_2.jpg') !important;}
.sub_visual.s1_3 { background-image:url('/theme/basic/img/vol33/sub/visual_1_3.jpg')!important; background-position:center right; background-size: cover;  background-repeat: no-repeat;}
.sub_visual.s1_4 { background-image:url('/theme/basic/img/vol33/sub/visual_1_4.jpg')!important; }
.sub_visual.s1_5 { background-image:url('/theme/basic/img/vol33/sub/visual_1_5.jpg')!important; background-position:center; }
.sub_visual.s2_1 { background-image:url('/theme/basic/img/vol33/sub/visual_2_1.jpg')!important; }
.sub_visual.s2_2 { background-image:url('/theme/basic/img/vol33/sub/visual_2_2.jpg')!important; }
.sub_visual.s3_1 { background-image:url('/theme/basic/img/vol33/sub/visual_3_1.jpg')!important; }
.sub_visual.s3_2{ background-image:url('/theme/basic/img/vol33/sub/visual_3_2.jpg')!important; }
.sub_visual.s4_1 { background-image:url('/theme/basic/img/vol33/sub/visual_4_1.jpg')!important; }
.sub_visual.s4_2 { background-image:url('/theme/basic/img/vol33/sub/visual_4_2.jpg')!important; background-position:center;}
.sub_visual.s4_3 { background-image:url('/theme/basic/img/vol33/sub/visual_4_3.jpg')!important; background-position:center; }
.sub_visual.s5_1 { background-image:url('/theme/basic/img/vol33/sub/visual_5_1.jpg')!important; }
.sub_visual.s5_2 { background-image:url('/theme/basic/img/vol33/sub/visual_5_2.jpg')!important;}
.sub_visual.s5_3 { background-image:url('/theme/basic/img/vol33/sub/visual_5_3.jpg')!important; }
.sub_visual.s6_1 { background-image:url('/theme/basic/img/vol33/sub/visual_6_1.jpg')!important; }
.sub_visual.s6_2 { background-image:url('/theme/basic/img/vol33/sub/visual_6_2.jpg')!important; }
.sub_visual.s7_1 { background-image:url('/theme/basic/img/vol33/sub/visual_7_1.jpg')!important;}
.sub_visual.s7_2 { background-image:url('/theme/basic/img/vol33/sub/visual_7_2.jpg')!important; }
.sub_visual.s8_1 { background-image:url('/theme/basic/img/vol33/sub/visual_8_1.jpg')!important; }
.sub_visual.reviewer { background-image:url('/theme/basic/img/vol33/sub/visual_reviewer.jpg')!important; }
.sub_visual .caption .bread{border-bottom: 1px solid white ; width: fit-content; padding-bottom: 0px; margin-bottom: 40px !important;}
.sub_visual .caption .subject_small {font-size: 18px; color:#FFF;font-weight: bold !important; margin-top: 40px;}
.sub_visual .caption .subject_small span{font-weight: normal;}
.sub_visual .caption .subject { font-size:46px !important;line-height:52px !important; }
.sub_visual .caption .subject span {line-height: 78px !important; }
.sub_visual .caption .subject_mini {font-size: 22px;}
.sub_visual .caption .subject_mini span {margin-top: 8px; display:block;}
.pl0{padding-left: 0!important}
.pd0{padding: 0!important}

@media all and (max-width:1280px) {
.sub_visual.s1_3{background-size: cover;}
}
.m_auto{margin: auto !important;}
.fs1{font-size: 24px !important}
.lh1{line-height: 1.2}
.fwn{font-weight: normal !important}
.fwb{font-weight: bold}
.wbk {word-break: keep-all !important; }
.wb2k {word-break: keep-all !important;    word-spacing:-0.08rem}
.tal{text-align: left;}
.sub_visual .caption .bread {border-bottom: 0px !important;}

.title sup{top:-0.6em;font-size: 50%; line-height: 0; position: relative; vertical-align: baseline;}
.text sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;top: -0.5em; }
.caption sup { font-size: 65%; line-height: 0; position: relative; vertical-align: baseline;top: -0.5em; }
.description sup { font-size: 65%; line-height: 0; position: relative; vertical-align: baseline;top: -0.5em; }
[class*="main_cont"] sup{font-size:65%;line-height: 0; position: relative; vertical-align: baseline;top: -0.5em;}

@media all and (max-width:767px){
    .wbk2 {word-break:break-all !important;       word-spacing: normal !important;} 
}

@media all and (max-width:1024px) {
  .sub_visual .caption .subject{line-height: 48px !important; font-size: 40px !important; }
  .sub_visual .caption .subject span{line-height: 60px !important; word-break: keep-all;}

  .sub_visual.s1_1 { background-image:url('/theme/basic/img/vol33/sub/visual_1_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_2 { background-image:url('/theme/basic/img/vol33/sub/visual_1_2-mo.jpg')!important; background-position: center !important  }
  .sub_visual.s1_3 { background-image:url('/theme/basic/img/vol33/sub/visual_1_3-mo.jpg')!important; background-position: center !important; background-size: cover; }
  .sub_visual.s1_4 { background-image:url('/theme/basic/img/vol33/sub/visual_1_4-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_5 { background-image:url('/theme/basic/img/vol33/sub/visual_1_5-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_1 { background-image:url('/theme/basic/img/vol33/sub/visual_2_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_2 { background-image:url('/theme/basic/img/vol33/sub/visual_2_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s3_1 { background-image:url('/theme/basic/img/vol33/sub/visual_3_1-mo.jpg')!important; background-position: center !important }
    .sub_visual.s3_2{ background-image:url('/theme/basic/img/vol33/sub/visual_3_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_1 { background-image:url('/theme/basic/img/vol33/sub/visual_4_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_2 { background-image:url('/theme/basic/img/vol33/sub/visual_4_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s4_3 { background-image:url('/theme/basic/img/vol33/sub/visual_4_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_1 { background-image:url('/theme/basic/img/vol33/sub/visual_5_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_2 { background-image:url('/theme/basic/img/vol33/sub/visual_5_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s5_3 { background-image:url('/theme/basic/img/vol33/sub/visual_5_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_1 { background-image:url('/theme/basic/img/vol33/sub/visual_6_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_2 { background-image:url('/theme/basic/img/vol33/sub/visual_6_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_1 { background-image:url('/theme/basic/img/vol33/sub/visual_7_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_2 { background-image:url('/theme/basic/img/vol33/sub/visual_7_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s8_1 { background-image:url('/theme/basic/img/vol33/sub/visual_8_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.reviewer { background-image:url('/theme/basic/img/vol33/sub/visual_reviewer-mo.jpg')!important; background-position: center !important }

}

@media all and (max-width:767px){ 
    
  .sub_visual {height: 660px !important;}
  .sub_visual .caption .subject,
  .sub_visual .caption .info,
  .sub_visual .caption.black .bread{color:#FFF!important}
  .sub_visual .caption .subject_mini{font-size: 18px !important; line-height: 22px !important;}
  .sub_visual .caption .subject_small{font-size: 16px !important; margin-top: 10px !important;}
    .sub_visual .caption .bread { margin-top: 80px !important; margin-bottom:20px !important;}

    .sub_visual .caption .subject{line-height: 38px !important; font-size: 28px !important; }
    .sub_visual .caption .subject span{line-height: 48px !important; word-break: keep-all;}


    .sub_visual .caption .subject_mini .mo_fwn{font-weight: normal !important; font-size: 14px !important;}
}

@media all and (max-width:480px){ 
     .sub_visual {height: 660px !important;}
     .sub_visual .caption .subject { font-size:20px !important; line-height: 26px !important; margin-bottom: 10px;}
     .sub_visual .caption .subject span{font-size:28px !important ;line-height: 36px !important;}
     .sub_visual .caption .subject_mini{font-size: 16px !important; }
     .sub_visual .caption .subject_small{font-size: 14px !important; margin-top: 12px !important; line-height: 20px !important;}

    }


.ls5{letter-spacing: -0.05em!important}
.ls10{letter-spacing: -0.1em!important}
.ls4{letter-spacing: -0.04em!important}
.tal{text-align: left !important;}
*{
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

#content { padding-top: 90px; padding-bottom:0px !important; }
.sub_contents {padding-bottom: 160px !important;}





.mt60-m{margin-top: 0px !important} /*wrap할 경우 모바일에서 마진값 좁아보여서 일정하게 하기위한 클래스*/
@media all and (max-width:767px) {
    .sub_contents {padding-bottom:80px !important;}
  .mt60-m{margin-top: 60px !important}
}
.mt10{margin-top: 10px !important;}
.mt6{margin-top: 6px !important;}
.mt8{margin-top:8px !important;}
.mt16{margin-top: 16px !important;}
.mt40{margin-top: 40px !important;}
.mt5{margin-top: 5px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb16{margin-bottom: 16px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb60{margin-bottom: 60px !important;}
.mb80{margin-bottom: 80px !important;}
.pb0 {padding-bottom: 0px !important;}
.pt0 {padding-top: 0px !important;}
.pt6{padding-top: 6px !important;}
.pt8 {padding-top: 8px !important;}
.pr0{padding-right: 0px !important;}
.description { padding: 15px; border: 1px dashed #5f6463; line-height: 1.7em;}
.description li { font-size:14px; color:#222 !important; text-align:left; }

@media all and (max-width:767px) {
   .m_mt20{margin-top: 20px !important;}
}

.sub_visual .caption .subject {font-weight: bold;}
.sub_contents .container .part .info .txt_wrap .text {text-align: center !important;}

.sub_contents .part{margin-bottom: 80px !important;}
.sub_visual p.line{
    border-left: 2px solid var(--Public-FFFFFF, #FFF);
    padding-left: 10px;
    line-height: 22px;
    margin-top: 18px;
}

.sub_contents .writers .img_wrap{ display: flex; align-items: center; }
.sub_contents .writers .img_wrap::before, .sub_contents .writers .img_wrap::after { content: ""; flex: 1; height: 1px; background-color: #bebebe; }
.sub_contents .writers .img_wrap::before{margin-right: 20px;}
.sub_contents .writers .img_wrap::after{margin-left: 20px;}

.sub_contents .writers .txt_wrap .text{text-align: center;}
.sub_contents  .writers .img_wrap .image{width: 118px;}

.sub_contents .info {border-top: 1px solid; border-bottom: 1px solid; }
.subject_mini{line-height: 1.8rem; margin-top: 5px;}


.s1_1 .info { color: #504A94;border-color:#504A94}
.s1_2 .info {border-color: #A15951; color: #A15951;}
.s1_3 .info {border-color:#825; color: #825;}
.s1_4 .info{border-color: #415A8F ;color: #415A8F}
.s1_5 .info{border-color:#F8F8F8; color:#F8F8F8}
.s2_1 .info {border-color:#F8F8F8; color: #F8F8F8;}
.s2_2 .info {border-color:#633F63; color: #633F63;}
.s3_1 .info {border-color:#3D7D8A; color:#3D7D8A}
.s3_2 .info {border-color:#49538A; color:#49538A;}
.s4_1 .info {border-color:#432D4F; color: #432D4F;}
.s4_2 .info {border-color:#4C4948; color:#4C4948;}
.s4_3 .info {border-color:#2D4847; color:#2D4847;}
.s5_1 .info{border-color: #00644A; color: #00644A !important;}
.s5_2 .info{border-color: #F1F1FF; color: #F1F1FF !important;}
.s5_3 .info{border-color: #145685; color: #145685 !important;}
.s6_1 .info{border-color:#306094; color:#306094!important;}
.s6_2 .info{border-color:#30475B; color:#30475B!important;}
.s7_1 .info {border-color:#344C5D; color: #344C5D;}
.s7_2 .info {border-color:#433C32; ; color: #433C32;}


.img_wrap.line{border-top: 1px solid #222; width: fit-content; margin: 20px auto !important;}
.img_wrap .caption{color:#222 !important; line-height: 20px !important}
.img_wrap .img_tit{  font-size: 18px;font-weight: 700;   line-height: 18px;   letter-spacing: -0.45px; margin-bottom: 14px; margin-top: 8px;text-align: left !important;}
.img_box_t{width: 100%; font-size: 20px;font-weight: 700;line-height: 28px; letter-spacing: -0.5px; padding:8px 10px; text-align: left !important; margin-bottom: 12px;}
@media all and (max-width:767px){
.img_box_t{line-height: 24px; padding: 4px 10px;}
}
.caption.width330{max-width: 330px; margin:  0 auto; text-align: center; word-break: keep-all;}
.caption.width400{max-width: 400px; margin:  0 auto; text-align: center; word-break: keep-all;}
.caption.width500{max-width: 500px; margin:  0 auto; text-align: center; word-break: keep-all;}
.caption.width600{max-width: 600px; margin:  0 auto; text-align: center; word-break: keep-all;}
.caption.width1000{max-width: 1000px; margin:  0 auto; text-align: center; word-break: keep-all;}
/**/

.title2{font-size: 20px;font-weight: 700;line-height: 28px; letter-spacing: -0.4px;}
.title2 sup{top:-0.6em;font-size: 50%; line-height: 0; position: relative; vertical-align: baseline;}
@media all and (max-width:767px){
.title2{font-size: 18px;line-height: 26px; }
}


.stable{width: 100%;border-collapse: collapse; border-spacing: 0;   table-layout: fixed; }
.stable .text{  text-align:left }
.stable th,td{padding:6px 12px; transform:none !important ;}
.stable thead{color: #fff;  font-weight: bold;}
.stable tr{border-bottom: 1px solid #231815;}
.stable thead tr{ border: none !important;}
.stable tbody tr td{ border-right: 2px solid #EAEEF1;}
.stable tbody tr>:last-child{border-right: none}
.stable .first,.stable .bg{font-size: 18px !important; line-height: 26px !important; font-weight: bold;}
.stable .line_no{border-bottom: none !important;}
.stable .vat{vertical-align: top !important;}


@media all and (max-width:767px){
.stable th,td{padding:4px; }
.stable .text{font-size: 14px !important; line-height: 20px !important;}
.stable .first,.stable .bg{font-size: 15px !important; }
}

/* s1_1 */
.s1_1 .ccolor1_1{
    color: var(--1-1-point1, #504A94);
}
.s1_1 .ccolor1_1_1{
    color: var(--1-1-point1, #5EA68B);
}
.s1_1.part.mt80 .text,.s1_1.part.mt80 .txt_wrap,.s1_1.img_wrap{margin: 0 !important;}
.s1_1 .box_tit {
    display: flex;
    background: #ECEFF3;
    border-radius: 99px;
    margin-bottom: 36px;
    width: 100%;
}
.s1_1 .box_tit .title1 {
    color: #fff;
    background: #222;
    padding: 8px 30px;
}
.s1_1 .box_tit .title2 {
    background: #ECEFF3;
    padding: 0px 30px 0 16px;
}
.s1_1 .box_tit>div {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: -0.48px;
    padding: 0px 30px;
    border-radius: 99px;
    height: 54px;
    align-items: center;
    display: flex;
}
.s1_1 .caption{
    color: var(--Public-222222_, #222);
    font-size: 15px;
    line-height: 1.3; 
    margin-top: 14px;
}
.s1_1 .s1 .img_wrap{
    position: relative;
}
.s1_1 .s1 .box{
    position: absolute;
    bottom: 5%; right: 3%;
    padding: 16px 24px;
    background: var(--1-1-point2, #292F3D);
    color: var(--Public-F8F8F8, #F8F8F8);
    max-width: 670px;
}
.s1_1 .txt_wrap .title.t20{
    font-size: 20px !important;
}
.s1_1 .txt_wrap .text.t20{
    font-size: 20px !important;
    line-height: 1.4;
}
.s1_1 .s2 .box2 .img_wrap{
    margin: 0;
}
.s1_1 .s2 .box2 .text{
    margin: 0;
    color: var(--Public-F8F8F8, #F8F8F8);
}
.s1_1 .s2 .box2.bl .text{
    background: var(--1-1-point1, #504A94);
}
.s1_1 .s2 .box2.gr .text{
    background: var(--1-1-point1, #439D80);
}
.s1_1 .s2 .box2.red .text{
    background: var(--1-1-point1, #BD6768);
}
.s1_1 .round.text{
    border-radius: 8px;
    background: var(--1-1-point1, #504A94);
    padding: 4px 20px;
    width: fit-content;
    color: var(--Public-FFFFFF, #FFF);
    font-weight: 800;
}
.s1_1 .box3{
    padding: 24px 40px;
    background: var(--1-1-bg1, #ECEFF3);
}
.s1_1 .box3.flexs{
    justify-content: flex-start;
    gap: 60px;
    align-items: center;
}
.s1_1 .box3 .num{
    font-size: 32px;
    font-weight: 700;
    line-height: 1; 
}
.s1_1 .box3 .img_wrap,
.s1_1 .box3 .txt_wrap{
    margin: 0;
}
.s1_1 .box3 .line.text{
    padding-bottom: 2px; 
    border-bottom: 0.5px solid var(--Public-222222_, #222);
    min-width: 274px;
}
.s1_1 .box4{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.s1_1 .box4 .img_wrap{
    vertical-align: bottom;
    margin-top: auto;
}
.s1_1 .box4 .text.flexs{
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 16px;
}
.s1_1 .box4 .text{
    line-height: 1.4 !important;
}
.s1_1 .box4 .text.flexs .image{
    flex-shrink: 0;
}
.s1_1 .box4 .text.flexs .image img{
    width: 80px;
}
.s1_1 .text.round.ver2{
    background: var(--1-1-bg2, #5EA68B);
}
.s1_1 .box5{
    background: var(--1-1-bg1, #ECEFF3);
    padding: 24px 40px;
}
.s1_1 .box5 .flexs{
    justify-content: flex-start;
    gap: 60px;
}
.s1_1 .box5 .flexs .text span{
    font-size: 20px;
}
.s1_1 .box5 .round2{
    width: fit-content;
    border-radius: 999px;
    border: 1px dashed var(--1-1-bg2, #5EA68B);
    background: var(--Public-FFFFFF, #FFF);
    padding: 4px 20px;
    margin-left: 160px;
    margin-bottom: 0 !important;
}
.s1_1 .box5 .round2 .num{
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.8px;
}
@media all and (max-width:1024px){
    .s1_1 .box_tit{margin-bottom: 28px;}
    .s1_1 .s1 .box{
        max-width: 55%;
        padding: 14px 20px;
    }
    .s1_1 .box3,.s1_1 .box5{
        padding: 12px 20px;
    }
    .s1_1 .box3.flexs{
        gap: 0;
        justify-content: space-between;
    }
    .s1_1 .box3 .img_wrap,
    .s1_1 .box3 .txt_wrap{
        margin: 0 auto !important;
    }
    .s1_1 .box3 .line.text{
        min-width: 0;
        width: 100%;
    }
    .s1_1 .box4 .text.flexs .image{
        display: none;
    }
    .s1_1 .box5 .flexs{
        gap: 30px;
    }
    .s1_1 .box5 .round2{
        margin-left: 80px;
    }
}
@media all and (max-width:768px){
    .s1_1 .box_tit{
        margin-bottom: 24px;
    }
    .s1_1 .box_tit>div{
        height: auto;
        font-size: 20px;
        line-height: 1.4;
        padding: 10px 20px;
    }
    .s1_1 .box_tit .title1{
        padding: 8px 20px;
    }
    .s1_1 .box_tit .title2{
        padding: 0 20px 0 10px;
    }
    .s1_1 .caption{
        font-size: 13px !important;
    }
    .s1_1 .s1 .box{
        position: static;
        max-width: 100%;
        margin-top: 16px !important;
        padding: 16px 20px;
    }
    .s1_1 .txt_wrap .title.t20{
        font-size: 18px !important;
    }
    .s1_1 .s2 .box2{
        margin-bottom: 20px;
    }
    .s1_1 .s2 .box2 .text{
        font-size: 15px;
        padding: 8px 0;
    }
    .s1_1 .box3.flexs{
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .s1_1 .box3.second .txt_wrap{
        width: 70%;
        margin: 0 auto;
    }
    .s1_1 .box3.flexs .text{
        margin-bottom: 0;
    }
    .s1_1 .box3 .num{
        font-size: 26px;
    }
    .s1_1 .box4 .text.flexs{
        display: flex;
    }
    .s1_1 .box4{
        margin-bottom: 30px;
    }
    .s1_1 .box4:last-child{
        margin-bottom: 0;
    }
    .s1_1 .box4 .text.flexs .image img{
        width: 60px;
    }
    .s1_1 .box5 .flexs{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .s1_1 .box5 .flexs .text span{
        font-size: 18px;
    }
    .s1_1 .box5 .flexs .text{
        margin-bottom: 0;
    }
    .s1_1 .box5 .round2{
        margin-left: 0;
        margin-top: 16px;
    }
    .s1_1 .box5 .round2 .num{
        font-size: 24px;
    }
}
@media all and (max-width:425px){
    .s1_1 .box3.second .flexs{
        display: flex;
        
    } 
    .s1_1 .box3.second .txt_wrap{
        width: 90%;
        margin: 0 auto;
    }
}
/*s1_2  */
.s1_2 .title, .s1_2 .ccolor{color:#A15951; }
.s1_2 .stit{
    font-size: 20px;
    font-weight: 700; 
    margin-bottom: 14px;
}
.s1_2 .title.line{
    padding: 10px 0;
    border-top: 1px solid var(--1-2-point1, #A15951);
border-bottom: 1px solid var(--1-2-point1, #A15951);
}
.s1_2 .stable{
    border:  1px solid #A15951;
    border-top-width: 2px;
    border-bottom-color: #F3F5F3 !important;
    box-sizing: border-box;
}
.s1_2 .stable tr td{ border-right: 1px solid #A15951;}

.s1_2 .stable thead {
    color: var(--Public-222222_, #222);
   
}
.s1_2 .stable tr td.bg{
    border-bottom: 1px solid var(--1-2-bg2, #F3F5F3);
    color: #fff;
    background: var(--1-2-point1, #A15951);
}
.s1_2 .stable tr td.text{
    background: var(--1-2-bg2, #F3F5F3);
}
.s1_2 .stable thead th{
    border-right: 1px solid #A15951;
    border-bottom: 1px solid #A15951;
}
.s1_2 .text span.ccolor{
    background: #FFFEEE;
}
.s1_2  .writers {color:#A15951!important}
.s1_2  .writers .img_wrap::before, .s1_2  .img_wrap::after {  background-color: #A15951!important; }

.s1_2 .flexs{
    align-items: stretch !important; /* 자식 높이를 똑같이 맞춤 */
}
.s1_2 .width600{
    max-width: 600px;
    margin: 0 auto !important;
}
.s1_2 .width1000{
    max-width: 1000px;
    margin: 0 auto !important;
}
.s1_2 .img_wrap .flexs .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 이미지 비율 유지하며 꽉 차게 */
}
@media all and (max-width:1024px){
    .s1_2 .width600{
    margin: 0 auto !important;
}
}
@media all and (max-width:767px){
    .s1_2 .img_wrap .flexs .image:nth-child(1) img{
        margin-bottom: 20px;
    } 
}
/**/
.s1_3 {background:  #DCE69A;}
.s1_3  .title{color: #825;}
@media all and (max-width:1280px){
.s1_3 .tb{max-width: 380px; width: 100%; margin: 0 auto!important;}
.s1_3 .tb2{max-width: 450px; width: 100%; margin: 0 auto!important;}

}

/**/
.width800{
    max-width: 800px; margin: 0 auto !important;
}
.s1_4 .title{color:#435E5E; border-bottom: 1px solid #435E5E; padding-bottom: 8px; margin-bottom: 20px !important; }
.s1_4 .ccolor1_4{color:  #435E5E;}
.s1_4 .width800{
    max-width: 800px; margin: 0 auto !important;
}
.s1_4 .title .num{
    border-radius: 4px;
    border: 1px solid var(--1-4-Point, #435E5E);
    padding: 0 10px;
    margin-right: 10px;
}
.s1_4 .flexs>div{
    flex: 1;
}
.s1_4 .t20{
    font-size: 20px;
}
.s1_4 .text.ccolor1_4{
    line-height: 1.89;
}
.s1_4  .writers {color:#435E5E!important}
.s1_4  .writers .img_wrap::before, .s1_4  .img_wrap::after {  background-color: #435E5E!important; }

.s1_4 .box{display: flex;padding: 24px 28px;flex-direction: column;align-items: flex-start;gap: 24px; background: #435E5E;}
.s1_4 .flex_box{display: flex; align-items: center; gap: 20px; color: #fff;}
.s1_4 .flex_box .image img{width: 60px;}
.s1_4 .flex_box .text{line-height: 28px !important;}
.s1_4 .flex_box .text span{font-size: 18px;font-weight: 600;line-height: 32px;letter-spacing: -0.18px;}
 
/* s1-5: 3-6 */
.s1_5{
    background: #E1E3DF;
}
.s1_5 .category{
    display: inline-block;
    padding: 8px 36px;
    border-radius: 40px;
    border: 1px solid var(--Public-222222_, #222);
    background: var(--Public-FFFFFF, #FFF);
    color: var(--Public-222222_, #222);
    font-size: 24px;
    font-weight: 800;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.48px;
    }
    .s1_5 .stit{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    }
    .s1_5 .width800{
        max-width: 800px;
        margin: 0 auto !important;
    }
    .s1_5 .width600{
        max-width: 600px;
        margin: 0 auto !important;
    }
    .s1_5 .box{
        padding: 20px 24px;
        border: 1px dashed var(--Public-222222_, #222);
        font-size: 15px;
    }
    @media all and (max-width:767px){
.s1_5 .category{
    font-size: 18px;
    line-height: 28px;
    padding: 4px 30px;
}
.s1_5 .stit{
    font-size: 18px;
}
.s1_5 .box{
    padding: 10px 12px;
}
}
/**/
.s2_1.sub_contents{
    color: #F8F8F8;
}
.s2_1 {background:#2C3B49 ; color: #F8F8F8;}
.subject p{
    font-size: 22px;
}
.s2_1 .box{padding: 24px 28px; color: #2C3B49; background: #fff;}

.s2_1  .title{color:#2C3B49; padding: 6px 16px; background: #fff; width: fit-content; margin-bottom: 18px !important;}
.s2_1  .title.mb25{
    margin-bottom: 25px !important;
}
.s2_1 .box .title{ color: #2C3B49; background: #fff; padding:0px;  margin: 0 0 14px 0!important;}
.s2_1 .box2{
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid var(--2-1-point2, #6EB68F);
    margin-bottom: 20px;
}
.s2_1 .stit{
font-size: 20px;
font-weight: 700;
border-top: 1px solid var(--3-3-point1, #6EB68F); 
margin-bottom: 16px;
color: var(--2-1-point2, #6EB68F);
}
.s2_1 .ccolor2_1{
    color: var(--2-1-point2, #6EB68F);
}
.s2_1 .ccolor2_1.text{
    margin-bottom: 4px !important;
}
.s2_1 .flexs.f1>div{
    flex: 1;
}
.s2_1 .caption{
    color: #f8f8f8 !important;
}

.s2_1   .writers {color: #f8f8f8!important}
.s2_1   .writers .img_wrap::before, .s2_1  .img_wrap::after {  background-color:  #f8f8f8!important; }
@media all and (max-width:1024px){
    .s2_1 .flexs.f1{
        flex-direction: column;
    }
    .s2_1 .box2{
        margin-bottom: 20px;
    }
}
@media all and (max-width:767px){
.s2_1 .table-overflow {
width: 100%;
overflow-x: auto;                 
-webkit-overflow-scrolling: touch; 
position: relative;
}
.s2_1 .stable {
    display: table; 
    width: 100%;
    min-width: 560px; 
    table-layout: fixed; 
}
.s2_1 .stable td{
    padding: 10px 6px;
}
.s2_1 .stable .text{
    white-space: normal;
}
.s2_1 .stable tbody tr td.bg{
    font-size: 14px !important;
}
.s2_1 .stable .bg,
.s2_1 .stable .bg * {
    line-height: 20px !important;
    white-space: normal;
}
}
.s2_2 .width600{
    max-width: 600px;
}
.s2_2 .aib{
    justify-content: center;
    align-items: flex-end;
}
.s2_2  i{color:#633F63 }
.s2_2 {background:#FAE3C6 ;}
.s2_2 .box{padding: 24px 28px; color: #633F63; background: #fff;}
.s2_2  .title{color:#633F63 !important; padding: 6px 16px; background: #fff; width: fit-content; margin-bottom: 18px !important;}
.s2_2 .box .title{ color: #633F63; background: #fff; padding:0px;  margin: 0 0 14px 0!important;}
.s2_2 .stit{
    color: var(--Public-F8F8F8, #F8F8F8);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    margin-bottom: 16px;
}
.s2_2 .width1020{
    max-width: 1020px;
    margin: 0 auto;
}
/* .s2_2 interview */
.part.interview{
    border-top: 1px solid var(--2-2-point1, #633F63);
    text-align: center;
}
.part.interview .interview_tit{
    display: inline-block;
    padding: 10px 40px;
    margin: 40px auto;
    background: var(--Public-222222_, #222);
    color: var(--Public-FFFFFF, #FFF);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.48px;
}
.part.interview .caption{
    color: var(--3-1-point, #633F63) !important ;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 133.333% */
    letter-spacing: -0.15px;
}

.part.interview .q_txt{
    color: var(--3-1-point, #633F63);
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px; /* 152.941% */
    letter-spacing: -0.17px;
    margin-bottom: 8px;
    text-align: left;
}
.part.interview .text{
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 188.235% */
    letter-spacing: -0.51px;
    text-align: left
}


.s2_2   .writers {color: #f8f8f8!important}
.s2_2   .writers .img_wrap::before, .s2_2  .img_wrap::after {  background-color:  #f8f8f8!important; }

@media all and (max-width:1280px){
    .s2_2 .mw376{
    max-width: 376px;
    margin: 0 auto;
}
    .s2_2 .part.interview>.text{
        margin-top: 40px;
    }

}

@media all and (max-width:767px){
.subject p{
    font-size: 18px;
}
}


/**/


.table_wrap .two{display: flex;}
.table_wrap .two .text{padding: 12px; margin: 0 !important;font-size: 17px; font-weight: 500; line-height: 24px !important; letter-spacing: -0.68px !important; }
.table_wrap .two>:nth-child(1){width: 210px; display: flex; align-items: center; border-bottom: 1px solid #fff; }
.table_wrap .two>:nth-child(2){width: 420px;display: flex; align-items: center;border-bottom: 1px solid #999; font-weight: 600!important; }
.table_wrap .line_no{border-bottom: none !important;}


@media all and (max-width:1280px){
   .table_flex{display: block;}
   .table_flex>:nth-child(1){margin-right: 0 !important;}
   .table_wrap{margin: 20px auto !important; width: fit-content;}
}

@media all and (max-width:767px){
    .table_wrap{width: 100%;}
    .table_wrap .two {
        width: 100%; /* 추가 */
    }
    .table_wrap .two>:nth-child(1){width:40%; word-break: keep-all !important; }
    .table_wrap .two>:nth-child(2){width:60%; flex: 1;}
    .table_wrap .two .text{letter-spacing: -0.8px !important; padding: 8px;}
}
/**/




/**/

.s3_1 .title{color: #3D7D8A;}
.s3_1 .width800{
    max-width: 800px;
    margin: 0 auto !important;
}
.s3_1 .width600{
    max-width: 600px;
    margin: 0 auto !important;
}
.s3_1 .stable tr .text{
    color: var(--Public-FFFFFF, #FFF);
    border-bottom: 1px solid var(--Public-FFFFFF, #FFF);
    background: var(--3-2-point1, #3D7D8A);
    padding: 14px;
}
.s3_1 .stable tr .bg{
    border-bottom: 1px solid var(--Public-999999, #999);
    background: var(--Public-F8F8F8, #F8F8F8);
    color: #3E4F4B;
    font-weight: 600;
}
.s3_1 .box2{
    background: var(--3-2-point1, #3D7D8A);
    border-radius: 0;
    color: var(--Public-FFFFFF, #FFF);
    padding: 40px;
}
.s3_1 .box2 .title{
    color: var(--Public-FFFFFF, #FFF)
}

.s3_1 .box_wrap{display: flex; gap: 28px; align-items: stretch;}
.s3_1 .box_wrap .box{display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex: 1; padding: 16px 28px; border: 1px solid #222;}
.s3_1 .box_wrap .box .box_t{color: #3D7D8A; font-weight: 700; text-align: center;}
.s3_1 .box_wrap .box .box_t .num{font-size: 20px;font-weight: 700;line-height: 32px; letter-spacing: -0.4px; display: block;}
.s3_1 .box_wrap .box .text{margin: 0; text-align: center; word-break: keep-all;}
.s3_1 .box_wrap .box .txt_wrap{display: flex; gap: 10px; flex-direction: column;}
.s3_1 .box_wrap .box  .img_wrap{width: 60px; margin: 0 auto 8px auto;}
.s3_1  .line_tit{  font-size: 20px;font-weight: 700;   line-height: 28px;   letter-spacing: -0.9px; margin-bottom: 14px; padding-top: 8px; text-align: left !important;border-top: 1px solid #222;color:#222;}

.s3_1 .part.interview{
    border-top: none;
    background: var(--3-1-point2, #EFECEB);
    padding: 40px;
}
.s3_1 .part.interview .speak{
    color: var(--3-2-point1, #3D7D8A);
}
.s3_1 .part.interview .interview_tit{
    margin: 0 auto 40px;
}
.s3_1 .part.interview .caption,
.s3_1 .part.interview .q_txt{
     color: var(--3-2-point1, #3D7D8A) !important;
}

@media all and (max-width:1280px){ 
}
@media all and (max-width:767px){
.s3_1 .flexs{
    display: flex;
    flex-direction: column;
}
}


@media all and (max-width:650px){
}
/*  */
.s3_2 .ccolor{
     color: #49538A;
}
.s3_2 .title{
    color: var(--3-2-point1, #49538A);
}
.s3_2 .aic{
    align-items: center;
}
.s3_2 .stable tr .text{
    color: var(--Public-FFFFFF, #FFF);
    border-bottom: 1px solid var(--Public-FFFFFF, #FFF);
    background: var(--3-2-point1, #49538A);
    padding: 14px;
}
.s3_2 .stable tr .bg{
    border-bottom: 1px solid var(--Public-999999, #999);
    background: var(--Public-F8F8F8, #F8F8F8);
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 400;
}
.s3_2 .box.text{
    padding: 20px 24px;
    border: 1px dashed var(--3-1-point, #49538A);
    font-size: 15px !important;
}
.s3_2 .box2{
    background: var(--3-2-point1, #49538A);
    border-radius: 0;
    color: var(--Public-FFFFFF, #FFF);
    padding: 40px;
}
.s3_2 .box2 .title{
    color: var(--Public-FFFFFF, #FFF)
}
.s3_2 .box3 .square{
    display: inline-block;
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    border-radius: 1px;
    background: #E5D4E6;
    margin-right: 10px;
}
.s3_2 .box3 .square.c2{
    background: #AAD6E3;
}
.s3_2 .box3 .square.c3{
    background: #E8B6B4;
}
.s3_2 .box3 .square.c4{
    background: #E8B6B4;
}
.s3_2 .box3 .square.c5{
    background: #DAECDB;
}
.s3_2 .txt_wrap .caption.mb28{
    font-size: 15px;
    line-height: 1.3; /* 133.333% */
    margin-bottom: 28px;
}
.s3_2 .box3{
    padding-top: 20px;
    border-top: 1px solid var(--Public-222222_, #222);
}
.s3_2 .box3 .flexs{
    justify-content: center;
    gap: 0;
}
.s3_2 .box3 .caption{
    font-size: 15px;
    line-height: 1.3; /* 133.333% */
}
.s3_2 .part.interview{
    border-top: none;
    background: var(--3-2-point2, #EFECEB);
    padding: 40px;
}
.part.interview .speak{
    color: var(--3-2-point1, #49538A);
    text-align: center;
    font-family: "Noto Serif KR";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 2; /* 200% */
    letter-spacing: -0.88px;
    margin-top: 74px;
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 7px;
}
.s3_2 .part.interview .interview_tit{
    margin: 0 auto 40px;
}
.s3_2 .part.interview .caption,
.s3_2 .part.interview .q_txt{
     color: var(--3-2-point1, #49538A) !important;
}
.s3_2 .width600{
    max-width: 600px;
    margin: 0 auto;
}
@media all and (max-width:1280px){
    .part.interview .speak{
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media all and (max-width:1024px){
    .s3_2 .box2,
    .s3_1 .box2{
        padding: 32px;
    }

    .s3_2 .mw376{
        max-width: 376px;
        margin: 0 auto;
    }
    .s3_2 .box3.flexs{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0;
        row-gap: 20px;
    }
    .s3_2 .box3 .flexs{
        width: 33.333%;
        display: flex;
        flex-direction: row;
        gap: 0;
        justify-content: start;
    }
}
@media all and (max-width:767px){
    .s3_2 .box2,
    .s3_1 .box2,
    .s3_2 .part.interview,.s3_1 .part.interview{
        padding: 20px 16px;
    }
    .part.interview .speak{
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .s3_2 .stable tr .bg{
        font-size: 14px !important;
    }
    
}
/*  */
.s4_1{
    background: var(--3-3-bg1, #D1C4E0);
}
.s4_1 .width1000{
    max-width: 1000px;
    margin: 0 auto;
}
.s4_1 .title, .s4_1 .ccolor{
    color: var(--3-3-point1, #432D4F);
}
.s4_1 .stit{
font-size: 20px;
font-weight: 700;
border-top: 1px solid var(--3-3-point1, #432D4F); 
margin-bottom: 16px;
}
.s4_1 .box{
    padding: 16px 20px;
    border-radius: 20px;
    background: var(--3-4-point1, #432D4F);
    color: var(--Public-F8F8F8, #F8F8F8);
}
.s4_1 .box .up{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--Public-F8F8F8, #F8F8F8);
    margin-bottom: 10px;
}
.s4_1 .stable thead th{
    background: var(--3-3-point1, #432D4F);
    color: var(--Public-FFFFFF, #FFF) !important;
    
}
.s4_1 .stable tbody tr td{
    border-bottom: 1px solid #432D4F;
}
.s4_1 .stable tbody tr td.bg{
    background: #fff;
    color: var(--3-3-point1, #432D4F); 
}
.s4_1 .stable .text{
    color: var(--3-3-point1, #432D4F);
    font-size: 17px;
}
.s4_1  .writers {color:#432D4F!important}
.s4_1  .writers .img_wrap::before, .s4_1  .img_wrap::after {  background-color: #432D4F!important; }
@media all and (max-width:767px){
.mb20_m{
    margin-bottom: 20px;
}
.s4_1 .box{
    margin-bottom: 20px;
}
}


/**/
.s4_2{background: #DDDDCF;}
.s4_2 .title,.ccolor3_2{color:#4C4948}
.s4_2 .flex_txt{display: flex; gap: 2px;}
.s4_2 .writers {color:#4C4948}
.s4_2 .writers .img_wrap::before, .s4_2  .writers .img_wrap::after {  background-color: #4C4948!important; }

@media all and (max-width:1280px){
.s4_2 .img_wrap .image.w410{max-width: 410px; margin: 0 auto;}
}
/**/

.ccolor4_1{color: #2D4847;}
.sub_visual.s4_3 .subject .flexs{display: flex; align-items:flex-start; gap: 2px; justify-content: left;}

.s4_3 .title sup{
    top: -0.8em;
}
.s4_3  .rd_box{  padding: 60px; background: #6EB68F; box-sizing: border-box !important; margin: 0 !important;}
.s4_3  .rd_box .tit_flex{display: flex; align-items: flex-start; margin-bottom: 22px;}
.s4_3  .rd_box .tit_flex .title{font-size: 24px !important; color: #222;line-height: 24px !important;}
.s4_3  .rd_box .tit_flex .title2{font-size: 15px !important; color:#222; line-height: 15px; font-weight: 700;}
.s4_3 .ls24{
    letter-spacing: -5.4px;
}
.s4_3  .rd_box .rd_tit{font-family: 'Cafe24Ssurround';color: #222;font-size: 24px; font-weight: 500 !important; line-height: 32px;letter-spacing: -0.48px; margin-bottom: 10px; word-break: keep-all;}
.s4_3  .rd_box .text{color:#222}
.s4_3  .rd_box .tit{margin-top: 60px; position: relative; margin-bottom: 24px;} 
.s4_3  .rd_box .tit img{ position: relative; z-index: 10; background:#6EB68F}
.s4_3  .rd_box .tit::after{position: absolute; content: ''; width: 100%; height: 1px; background:#2D4847; right: 0;
top:50%;z-index: 1;}
.s4_3  .rd_box .three{display: flex; justify-content: space-between; gap:30px}
.s4_3  .rd_box .three>.box_wrap{border-right: 1px dashed #fff; padding-right: 30px; width: 33%;}
.s4_3  .rd_box .three .wrap{ height: 307px;     box-sizing: border-box;}
.s4_3  .rd_box .three .img_wrap{margin-top: 0px !important;box-sizing: border-box; margin-bottom: 0 !important;}
.s4_3  .rd_box .text{margin-bottom: 0 !important;}
.s4_3  .rd_box .three .img_wrap img{width: 168px;}
.s4_3 .no-line{border: none !important; padding-right: 0 !important;}
.s4_3  .rd_box .rd_tit.flex_tit{display: flex;}
.s4_3  .rd_box .rd_tit sup{font-size: 15px; line-height: 15px !important; margin-left: 1px; margin-top: 10px;}

.s4_3 .tit1 img{width:118px ;}
.s4_3 .tit2 img{width:103px ;}
.s4_3 .tit3 img{width: 111px;}
.s4_3 .ls14{
    letter-spacing: -1.44px !important; 
}
.s4_3 .nowrap{white-space: nowrap;}
.s4_3 .ls288{
    letter-spacing: -2.5px !important; 
}
.s4_3 .nowrap{white-space: nowrap;}
@media all and (max-width:1280px){
    .s4_3  .rd_box .three .wrap{ height: 320px; }
     .s4_3  .rd_box .three .rd_tit{height: 64px;}
   .s4_3  .rd_box .three .rd_tit.long{height:96px;}
    }
@media all and (max-width:1160px){
    
   .s4_3  .rd_box .three .rd_tit,.s4_3  .rd_box .three .rd_tit.long{height: auto}

        .s4_3  .rd_box .three {display: block;} 
        .s4_3  .rd_box .three .wrap{ height:auto}
        .s4_3  .rd_box .three>.box_wrap{ width: 100%; border-right: none; border-bottom: 1px dashed #fff;}
        .s4_3  .rd_box .three>.box_wrap .img_wrap{margin-bottom: 22px !important; margin-top: 0 !important;}
        .s4_3  .rd_box .three .rd_tit{margin-top: 22px;}
        .s4_3  .rd_box .three .text{padding-bottom: 22px;}
        
.sub_visual.s4_3 .subject span{white-space: nowrap;}
.s4_3 .no{display: none !important;}
}


@media all and (max-width:767px){
    .s4_3  .rd_box .tit_flex{gap: 2px;}
    .s4_3  .rd_box .tit_flex .title{  white-space: nowrap; }
    .s4_3  .rd_box .tit_flex .title2{font-size: 11px !important; line-height: 11px; }
    .s4_3  .rd_box{padding: 36px 16px;}
    .s4_3 .rd_box .three>.box_wrap{padding-right: 0;}
    .s4_3  .rd_box .tit{margin-top: 40px;}
    .s4_3  .rd_box .rd_tit{display: flex; align-items: flex-start; }
    .s4_3  .rd_box .rd_tit sup{font-size: 12px;}
    .su.s5_1 .box.s6_1 .title.lineb_visual.s4_3 .subject sup{ font-size: 12px!important; line-height:14px !important; margin-top: 0 !important;}
}

@media all and (max-width:480px){
    .s4_3  .rd_box{padding: 50px 30px 30px 30px;}
    .s4_3  .rd_box .rd_tit.long {justify-content: space-around;}
    .s4_3  .rd_box .rd_tit.long sup{width: 40%; margin-top: 0;}
}
@media all and (max-width:344px){
    .s4_3  .rd_box{padding: 40px 20px 20px 20px;}
    .s4_3  .rd_box .rd_tit sup{padding: 0 !important;}
    .sub_visual.s4_3 .subject sup{ font-size: 10px!important; line-height:12px !important;}
}

/**/

.sub_contents.s5_1 .part .txt_wrap .title{color: #00644A !important}
.sub_contents.s5_1 .part .txt_wrap .title.bl{color: #222 !important}
.s5_1 .box_title {display: flex; align-items: flex-end;}
.s5_1 .box_title  .txt_wrap{border-top: 1px solid #9FA39F; width: 100%; padding-top: 10px; margin-bottom: 0 !important;}
.s5_1 .box_title .title{color: #00644A!important;}
.s5_1 .box_title .title img{max-width: 74px !important;}
.s5_1 .box{background: #F9F6EE; padding:  60px;}
.s5_1 .box .title{border-bottom: 1px solid #00644A; color: #222;  padding-bottom: 10px;}
.s5_1 .box2{
    padding: 20px 40px;
    background: var(--4-1-bg, #F3F6F7);
    max-width: 840px;
}
.s5_1 .box2.flexs{
    align-items: center;
    
}
.s5_1 .width1000{
    max-width: 1000px;
    margin: 0 auto;
}
.s5_1 .stit{
    max-width: 840px;
    color: var(--4-1-point, #00644A);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.5px;
    padding-top: 8px;
    border-top: 1px solid var(--4-1-point, #00644A);
    margin-bottom: 24px;
}
.s5_1 .ccolor5_1{
    color:#00644A;
}
.s5_1 .box .row{margin-bottom: 40px;}
.s5_1 .box .row:last-child{margin-bottom: 0 !important;}
.s5_1 .box  .row > .column:last-of-type{margin-top: 0 !important;}
.s5_1 .box .mm40{margin-bottom: 40px;}

.s5_1 .gap48{gap: 48px; margin-top: 30px;}
.s5_1 .width250{
    max-width: 270px;
}
@media all and (max-width:1280px){
    .s5_1 .box{padding:30px;}
    .s5_1 .box .pc-only{display: none !important;}
    .s5_1 .box .mo-only{display: block !important;}
    .s5_1 .width668{max-width: 668px; margin: 0 auto; }
    .sub_contents.s5_1 .box2.row .column:nth-child(2){
        padding: 0 !important;
    }
}
@media all and (max-width:767px){
    .s5_1 .img_wrap .image img.width{max-width: 90% !important; margin: 0 auto;}
    .s5_1 .mw60{
        max-width: 60%; 
        margin: auto;
    }
    .s5_1 .box .mm40{margin-bottom: 0px;} 
    .s5_1 .box .row{margin-top: 30px;}
    .s5_1 .box .txt_wrap >div {margin-bottom: 10px;}
    .s5_1 .box_title {display: block!important}

    .s5_1 .width237{ margin: 0 auto !important;}
    .s5_1 .width630{ margin: 0 auto !important;}
.s5_1 .gap48{gap: 20px;}
}



.s5_2.sub_contents{padding: 0px !important;}

.s5_2 .cont1 { padding: 80px 0;background-size: cover; background-image: url(../img/vol33/sub/s5_2_bg.png); background-repeat: no-repeat; background-position: bottom  center;}
.s5_2 .cont1 .text,
.s5_2 .cont1 .title{color:#F8F8F8}
.s5_2 .info .text{color: #F1F1FF}

.s5_2 .cont2 {background-color:  #F1F1FF; padding: 80px 0; }

.s5_2 .line {border: 1px solid; padding: 5px ; margin-bottom: 20px;}
.s5_2 .conts .line{ border-color:#F1F1FF}
.s5_2 .conts .line .title, .s5_2 .conts .line .text{ color: #F1F1FF!important;}

.s5_2 .subtit{padding: 2.5px 10px; font-weight: bold;  width: fit-content; margin-bottom: 15px !important;font-size:18px !important;}
.s5_2  .round_t{display: flex; flex-wrap: wrap; gap: 10px; align-items: left;}
.s5_2 .round {border-radius: 30px; padding:2.5px 20px; font-weight: bold; display: block; text-align: center; }
.s5_2  .round_t>:nth-child(1){margin-left: 0px !important;}

.s5_2 .conts .subtit.text{background:  #3B3B8C!important;color:  #F8F8F8!important; }
.s5_2 .conts .subtit.text.reverse{background:  #F8F8F8!important;color:  #3B3B8C!important; }
.s5_2 .conts .round  { color: #552D3D !important; border: 1px solid #552D3D}
.s5_2 .flexs.jcc{
    justify-content: center;
}
.s5_2 .flexs.jcc .line{
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
}
.s5_2 .flexs.jcc .img_wrap.width300{
    margin-left: auto;
    margin-right: auto;
}
.s5_2 .width300{
    max-width: 300px;
}


.s5_2 .cont2 {background: #2F3E4A}
.s5_2 .cont2 .title{color: #fff; line-height: 28px !important; font-size: 20px !important; margin-bottom: 20px;}
.s5_2 .cont2 .title.bk{color:#fff !important}
.s5_2 .cont2 .text.bk{color:#f8f8f8 !important}

.s5_2 .cont2 .round  { border: 1px solid #fff; color: #fff; }
.s5_2 .fit{width: fit-content !important;display: block;}
.s5_2 .flex2{display: flex; gap: 12px; align-items: flex-end;}
.s5_2 .flex2 .text{font-size: 17px;  font-style: normal;   font-weight: 800; line-height: 22px !important; letter-spacing: -0.17px !important; color:#f8f8f8 !important}

.s5_2 .icons{max-width: 42px; margin: 20px auto;}
.s5_2 .part.mb0{margin-bottom: 0 !important;}
.s5_2 .width60{max-width: 60px !important;}


@media all and (max-width:1280px){
    .s5_2  .cont2 .pc-only{display: none !important;}
    .s5_2  .cont2 .mo-only{display: block !important;}

   .s5_2 .mmt60{margin-top: 60px !important;}

    .s5_2 .width300{max-width: 300px; margin: 0 auto !important;}
    .s5_2 .width450{max-width: 450px; margin: 0 auto !important;}
    .s5_2 .flexs.jcc .line{
        width: 370px;
    }
}

@media all and (max-width:767px){
    .s5_2.sub_contents{padding: 0px !important;}
    .s5_2 .flexs.jcc .line{
        width: 100%;
    }
}
@media all and (max-width:460px){
    .s5_2 .flex2{display: block}
    .s5_2 .flex2 img{margin-bottom: 10px;}
}

.sub_visual.s5_3 .subject span.sub2{
    padding: 4px 10px;
    border-radius: 20px 0;
    background: var(--Public-FFFFFF, #FFF);
    margin-left: 20px;
    color: var(--Public-222222_, #222);
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.26;
    vertical-align: top;
}
.s5_3 .category{
    width: fit-content;
    display: inline-block;
    padding: 10px 20px;
    background: var(--bib-point1, #0097C4);
    color: var(--Public-FFFFFF, #FFF);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.45px;
    margin-bottom: 28px;
}
.s5_3 .title_big{
    font-size: 36px;
    font-weight: 800;
    line-height: 1.27;
    letter-spacing: -0.72px;
}
.s5_3 .title_big p{
    font-size: 24px;
    margin-top: 8px;
}
.s5_3 .title{
    color: var(--bib-point2, #145685);
}
.s5_3 .cont1>.flexs{
    gap: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--Public-999999, #999);
}
.s5_3 .cont1>.flexs>div{
    flex: 1 0 0;
}
.s5_3 .box1{
    align-items: center;
    gap: 10px;
}
.s5_3 .box1 .line{
    background: #999;
    flex-grow: 1;
    height: 1px;
}
.s5_3 .box1 .num{
    color: var(--bib-point1, #0097C4);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.33; 
    letter-spacing: -0.48px;
}
.s5_3 .caption{
    font-size: 15px;
}
.s5_3 .yel{
    padding: 4px 20px;
    border-radius: 8px 8px 0 0;
    background: var(--bib-point3, #E1E76C);
}
.s5_3 .gr{
    padding: 16px 20px;
    background: var(--1-1-bg1, #ECEFF3);
}
.s5_3 .box2{
    gap: 0;
    justify-content: flex-start;
    padding-bottom: 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--Public-999999, #999);
}
.s5_3 .box2 .text:first-child{
    min-width: 180px;
}
.width302{
    max-width: 302px;
}
.s5_3 .cont1>.flexs.gap24{
    gap: 24px;
}
.s5_3 .box3{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.s5_3 .box3 .txt_wrap{
    border-radius: 12px;
    background: var(--Public-EFEFEF, #EFEFEF);
    padding: 12px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}
.s5_3 .box3 .txt_wrap .text{
    letter-spacing: -0.68px;
    padding: 15px;
    text-indent: -15px;
    line-height: 1.4;
}
.s5_3 .box4{
    justify-content: flex-start !important;
    gap: 28px !important;
    align-items: center;
    flex-wrap: wrap;
}
.s5_3 .box4.gap20{
    gap: 20px !important;
    border: none;
}
.s5_3 .box4.gap20>div:first-child{
    margin-right: 8px;
}
.s5_3 .box4>div{
    flex: 0 0 auto !important;
}
.s5_3 .box4 .img_wrap.ar{
    width: 40px;
}
.s5_3 .box4 .img_wrap.plus{
    width: 32px;
}
.s5_3 .box4 .round{
    padding: 3px 28px;
    border-radius: 999px;
    background: var(--bib-point3, #E1E76C);
    line-height: 1.29 !important;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.s5_3 .box4 .bl{
    border-radius: 12px;
    background: var(--bib-bg1, #CFDDEA);
    padding: 26px 40px;
    color: var(--bib-point4, #145685);
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.68px;
}
.s5_3 .box4.gap20 .bl{
    padding: 8px 20px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.s5_3 .width234{
    max-width: 234px;
}
.s5_3 .bg{
    background: var(--bib-bg3, #F4F8E9);
    padding: 80px 0;
}
.s5_3 .text.bg{
    width: fit-content;
    padding: 4px 20px;
    color: var(--Public-FFFFFF, #FFF);
    text-align: center;
    font-weight: 800;
    letter-spacing: -0.17px;
    border-radius: 8px;
    background: var(--bib-bg2, #6F84A6);
}
.s5_3 .cont2 .flexs{
    gap: 60px;
    align-items: center;
}
.s5_3 .cont2 .bar_grid{
    display: grid;
    grid-template-columns: auto 1fr 1fr 2fr;
    align-items: center;
    row-gap: 12px;
}
.s5_3 .cont2 .lable_wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 1px solid var(--bib-bg2, #6F84A6);
}
.s5_3 .cont2 .lable_wrap .label{
    color: #39628E;
    white-space: nowrap;
}
.s5_3 .cont2 .lable_wrap .dash{
    flex: 0 0 auto;
    width: 24px;
    height: 0;
    border-top: 1px dashed #6F84A6;
}
.s5_3 .cont2 .bar_grid .seg{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: #39628E;
    border-right: 1px solid var(--bib-bg2, #6F84A6);
}
.s5_3 .cont2 .bar_grid .seg .text{
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0 10px;
}
.s5_3 .cont2 .bar_grid .seg .dash{
    flex: 1;
    min-width: 8px;
    height: 0;
    border-top: 1px dashed #6F84A6;
}
.s5_3 .cont2 .bar_grid .seg .arrow{
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.s5_3 .cont2 .bar_grid .seg .arrow.left{
    border-right: 6px solid #6F84A6;
}
.s5_3 .cont2 .bar_grid .seg .arrow.right{
    border-left: 6px solid #6F84A6;
}
.s5_3 .cont2 .proc_col{
    display: flex;
    align-items: stretch;
}
.s5_3 .cont2 .proc_col .proc + .proc{
    margin-left: -1px;
}
.s5_3 .cont2 .proc_col .link{
    flex: 0 0 auto;
    align-self: center;
    width: 24px;
    height: 1px;
    background: var(--bib-bg2, #6F84A6);
}
.s5_3 .cont2 .proc{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 32px;
    min-width: 0;
    padding: 0 16px;
    text-align: center;
    border: 1px solid var(--bib-bg2, #6F84A6);
}
.s5_3 .cont2 .proc.fill{
    border-radius: 6px;
    background: var(--Public-F8F8F8, #F8F8F8);
}
.s5_3 .cont2 .proc.fill.end{
    background: var(--Public-F8F8F8, #D5D8E4);
}
.s5_3 .cont2 .proc.step{
    border-radius: 6px 999px 999px 6px;
    background: var(--Public-FFFFFF, #FFF);
}
.s5_3 .cont2 .proc_col.multi .proc.wide{
    flex: 2;
}
.s5_3 .t20{
    color: var(--bib-point5, #39628E);;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}
.s5_3 .width75 .text.bg{
    width: 100%;
    border-radius: 8px 8px 0 0;
}
.s5_3 .img_wrap.wh{
    padding: 20px 28px;
    background: var(--Public-FFFFFF, #FFF);
}
.s5_3 .ccolor{
    color: var(--bib-point5, #39628E);
}
.caption_box{
    padding: 20px 24px;
    border: 1px dashed var(--bib-point5, #39628E);
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.3px;
}
.s5_3 .part.bg{
    background: var(--bib-bg2, #6F84A6);
    padding: 24px 32px;
    color: var(--Public-FFFFFF, #FFF);
}
.s5_3 .part.bg .text{
    margin-bottom: 14px !important;
    
}
.s5_3 .part.bg .text.line{
    text-decoration: underline;
    text-decoration-color: #fff;
    text-underline-offset: 7px;
}
.s5_3 .part.bg .title,
.s5_3 .part.bg .t20{
    color: var(--Public-FFFFFF, #FFF);
}
.width600{
    max-width: 600px;
    margin: 0 auto !important;
}
.s5_3 .writer{
    margin-top: 24px;
}
.s5_3 .row.eq_height{
    display: flex;
    align-items: stretch;
    gap: 28px;
}
.s5_3 .row.eq_height > .column{
    display: flex;
    flex-direction: column;
}
.s5_3 .row.eq_height > .column > .table_wrap,
.s5_3 .row.eq_height > .column > .txt_wrap.gr{
    flex: 1;
}
.s5_3 .table_wrap{
    background: var(--bib-bg4, rgba(244, 248, 233, 0.96));
    padding: 20px 28px;
    overflow-x: auto;
}
.s5_3 .gr{
    background: var(--bib-bg4, rgba(244, 248, 233, 0.96));
    padding: 20px 28px;
}
.s5_3 .text.wh{
    width: fit-content;
    padding: 8px 10px;
    background: var(--Public-FFFFFF, #FFF);
}
.s5_3 .table_wrap table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.s5_3 .table_wrap table .text{
    margin-bottom: 0 !important;
    line-height: 1.4;
}
.s5_3 .table_wrap thead td{
    padding: 0 20px;
    font-weight: 700;
    color: var(--bib-point5, #39628E);
    border-right:1px solid var(--bib-point5, #39628E) ;
}
.s5_3 .table_wrap tbody td{
    padding: 8px 20px;
    border-bottom: 1px solid var(--bib-point5, #39628E);
    background: var(--Public-FFFFFF, #FFF);
    border-right:1px solid var(--bib-point5, #39628E) ;
    text-align: center;
}
.s5_3 .table_wrap tbody td:last-child,
.s5_3 .table_wrap thead td:last-child{
    border-right: none;
}
.s5_3 .table_wrap tbody td.no_bottom{
    border-bottom: none;
}
.s5_3 .table_wrap tbody td:first-child{
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    border-right:1px solid var(--bib-point5, #39628E) ;
}
.s5_3 .table_wrap tbody td img{
    width: 59px;
    height: auto;
}
.s5_3 .text.bg2{
    width: 100%;
    border-radius: 8px 8px 0 0;
background: var(--bib-point5, #39628E);
}
.s5_3 span.line{
    text-decoration: underline;
    text-decoration-color: #E1E76C;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}
.s5_3 .flexs.gap60{
    gap: 60px;
}
.s5_3 .flexs.gap60>div{
    flex: 1;
}
.s5_3 .flexs.gap60 .text.wh{
    width: 100%;
}
.s5_3 .flexs.gap60 .text.wh .num{
    font-size: 24px;
}
.s5_3 .part.bg2{
    background: var(--bib-bg5, #EDF0F2);
    padding: 32px 48px;
}
.s5_3 .interview{
    display: flex;
    width: 330px;
    padding-right: 24px;
    align-items: center;
    gap: 12px;
    border-radius: 99px;
    background: var(--Public-FFFFFF, #FFF);
}
.s5_3 .interview .dot{
    border-radius: 99px;
    background: var(--Public-222222_, #222);
    padding: 8px 20px;
    color: var(--bib-point3, #E1E76C);
}
.s5_3 .interview .dash{
    flex-grow: 1;
    border-top: 1px dashed #6F84A6;
}
.s5_3 .part.bg2 .wrap{
    display: flex;
    gap: 16px;
    align-items: center;
}
.s5_3 .part.bg2 .wrap .title_wrap{
    width: 77%;
    display: flex;
    align-items: center;
}
.s5_3 .part.bg2 .wrap .title{
    color: var(--Public-FFFFFF, #FFF);
    padding: 12px 60px;
    border-radius: 999px;
    background: var(--bib-point4, #145685);
}
.s5_3 .part.bg2 .wrap .line{
    border-top: 1px solid #145685;
    flex-grow: 1;
}
.s5_3 .interview_wrap>div{
    margin-bottom: 40px;
}
.s5_3 .interview_wrap .q,
.s5_3 .interview_wrap .a{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.s5_3 .interview_wrap .q{
    margin-bottom: 16px;
}
.s5_3 .interview_wrap .alpha{
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    flex-shrink: 0;
}
.s5_3 .interview_wrap .q .alpha{
    border: 0.5px solid var(--bib-point4, #145685);
    background: var(--Public-FFFFFF, #FFF);
}
.s5_3 .interview_wrap .a .alpha{
    color: var(--Public-FFFFFF, #FFF);
    background: var(--bib-point4, #145685);
}
@media all and (max-width:1280px){
    .s5_3 .table_wrap{
        margin: 0 auto !important;
    }
    .s5_3 .box4.gap20{
        gap: 10px !important;
    }
}
@media all and (max-width:1024px){
    .s5_3 .mo80{
        max-width: 60% !important;
        margin-right: auto;
        margin-left: auto;
    }
    .sub_visual.s5_3 .subject span.sub2{
        font-size: 34px;
    }
    .s5_3 .box1 .num{
        font-size: 22px;
    }
    .s5_3 .title_big{
        font-size: 30px;
    }
    .s5_3 .title_big p{
        font-size: 20px;
    }
    .s5_3 .category{
        padding: 8px 16px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .s5_3 .cont1>.flexs{
        gap: 32px;
    }
    .s5_3 .cont1>.flexs.gap24{
        gap: 16px;
    }
    .s5_3 .box3 .txt_wrap{
        height: auto;
        min-height: 100px;
        padding: 10px 18px;
    }
    .s5_3 .box4{
        gap: 16px !important;
    }
    .s5_3 .box4 .round{
        width: 100px;
        height: 100px;
        padding: 3px 16px;
    }
    .s5_3 .box4.gap20{
        gap: 10px !important;
    }
    .s5_3 .box4 .bl{
        padding: 18px 24px;
    }
    .s5_3 .box4.gap20 .bl{
        width: 74px;
        height: 74px;
        padding: 4px 10px;
    }
    .s5_3 .table_wrap thead td{
        padding: 0 10px;
    }
    .s5_3 .table_wrap tbody td:first-child{
        gap: 8px;
        flex-direction: column;
    }
    .s5_3 .table_wrap tbody td:first-child{
        padding: 4px 10px;
    }
    .s5_3 .flexs.gap60{
        gap: 30px;
    }
    .s5_3 .part.bg2{
        padding: 24px 28px;
    }
    .s5_3 .interview{
        width: 280px;
    }
    .s5_3 .part.bg2 .wrap .title_wrap{
        width: 70%;
    }
    .s5_3 .part.bg2 .wrap .title{
        padding: 10px 30px;
    }
}
@media all and (max-width:767px){
    .s5_3 .mo80{
        max-width: 80% !important;
        margin-right: auto;
        margin-left: auto;
    }
    .s5_3 .flexs{
        display: flex;
        flex-direction: column;
    }
    .s5_3 .box1{
        flex-direction: row;
    }
    .sub_visual.s5_3 .subject span.sub2{
        font-size: 27px;
    }
    .s5_3 .box1 .num{
        font-size: 20px;
    }
    .s5_3 .caption{
    font-size: 13px;
    }
    .s5_3 .title_big{
        font-size: 24px;
    }
    .s5_3 .title_big p{
        font-size: 16px;
        margin-top: 6px;
    }
    .s5_3 .category{
        font-size: 13px;
        padding: 6px 14px;
        margin-bottom: 16px;
    }
    .s5_3 .cont1>.flexs{
        gap: 20px;
        padding-bottom: 24px;
    }
    .s5_3 .yel{
        padding: 4px 10px;
    }
    .s5_3 .gr{
        padding: 10px 14px;
    }
    .s5_3 .box2 .text:first-child{
        min-width: 0;
        display: block;
        margin-bottom: 4px;
    }
    .s5_3 .cont1>.flexs.gap24>div{
        margin-bottom: 14px;
    }
    .s5_3 .cont1>.flexs.gap24>div:last-child{
        margin-bottom: 0;
    }
    .s5_3 .bg{
        padding: 40px 0;
    }
    .s5_3 .t20{
        font-size: 18px;
    }
    .caption_box{
        padding: 10px 12px;
    }
    .s5_3 .table_wrap thead td{
        padding: 0 8px;
    }
    
    .s5_3 .part.bg{
        padding: 24px 20px;
    }
    .s5_3 .box3 .txt_wrap{
        height: auto;
        min-height: 90px;
        padding: 10px 16px;
    }
    .s5_3 .box4>div{
        width: 100%;
        margin-bottom: 14px;
    }
    .s5_3 .box4>div:last-child{
        margin-bottom: 0;
    }
    .s5_3 .box4.gap20>div:first-child{
        margin-right: 0;
    }
    .s5_3 .box4 .round{
        width: 90px;
        height: 90px;
        margin: 0 auto 14px;
    }
    .s5_3 .box4 .bl{
        width: 100%;
        padding: 16px 20px;
    }
    .s5_3 .box4.gap20 .bl{
        width: 70px;
        height: 70px;
        margin: 0 auto 14px;
    }
    .s5_3 .box4 .img_wrap.ar{
        width: 24px;
        margin: 0 auto 14px;
        transform: rotate(90deg);
    }
    .s5_3 .box4 .img_wrap.plus{
        width: 24px;
        margin: 0 auto 14px;
    }
    .s5_3 .width234{
        max-width: 100%;
    }
    .s5_3 .cont2 .flexs>div{
        margin-bottom: 20px;
    }
    .s5_3 .cont2 .flexs>div:last-child{
        margin-bottom: 0;
    }
    .s5_3 .cont2 .bar_grid{
        grid-template-columns: 1fr;
        row-gap: 8px;
    }
    .s5_3 .cont2 .lable_wrap{
        border-right: 0;
    }
    .s5_3 .cont2 .bar_grid .seg{
        border-right: 0;
    }
    .s5_3 .cont2 .proc{
        height: auto;
        min-height: 34px;
        padding: 6px 8px;
        font-size: 12px;
        white-space: normal;
    }
    .s5_3 .table_wrap tbody td{
        font-size: 13px;
        padding: 8px;
    }
    .s5_3 .row.eq_height{
        flex-direction: column;
        gap: 0;
    }
    .s5_3 .flexs.gap60{
        gap: 0;
    }
    .s5_3 .flexs.gap60>div{
        margin-bottom: 20px;
    }
    .s5_3 .flexs.gap60>div:last-child{
        margin-bottom: 0;
    }
    .s5_3 .part.bg2{
        padding: 20px 16px;
    }
    .s5_3 .interview{
        padding-right: 12px;
    }
    .s5_3 .part.bg2 .wrap{
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .s5_3 .part.bg2 .wrap .title_wrap{
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .s5_3 .part.bg2 .wrap .title{
        padding: 10px 20px;
        font-size: 20px !important;
    }
    .s5_3 .part.bg2 .wrap .line{
        display: none;
    }
}
@media all and (max-width:425px){
    .s5_3 .mo80{
        max-width: 100% !important;
    }
}
.s6_1 .title{color:#306094}
.s6_1 .txt_wrap .title.line{
    border-top: 1px solid var(--5-1-point, #306094);
    font-size: 20px !important;
}
.s6_1 .width600{
    max-width: 600px;
}
.s6_1 .width760{
    max-width: 760px;
    margin: 0 auto !important;
}
.s6_1 .flexs{
    justify-content: flex-start;
}
.s6_1 .width226{
    max-width: 226px;
    gap: 9px;
}
.s6_1 .table_wrap{
    width: 100%;          
    overflow-x: auto;     
    overflow-y: hidden;   
}
.s6_1 .table_wrap table{
    border-collapse: separate;
    border-spacing: 0;
    min-width: 850px;
    width: 100%;
}
.s6_1 .table_wrap th{
    padding: 10px 14px;
    border-bottom: 1px solid var(--Public-F8F8F8, #F8F8F8);
    background: var(--Public-222222_, #222);
    color: var(--Public-FFFFFF, #FFF);
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: -0.51px;
}
.s6_1 .table_wrap td{
    padding: 10px 14px;
    text-align: center;
    box-sizing: border-box;
}
.s6_1 .table_wrap .bg1{
    border-bottom: 1px solid var(--Public-F8F8F8, #F8F8F8);
    background: var(--5-1-point, #306094);
    color: var(--Public-FFFFFF, #FFF);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.72px;
}
.s6_1 .table_wrap .bg2{
    border-bottom: 1px solid var(--5-1-point, #306094);
    background: var(--5-1-bg1, #EDEEF5);
    color: var(--5-1-point, #306094);
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.68px;
}
.s6_1 .table_wrap tr td:nth-child(3){
    color: var(--5-1-point, #306094);
    font-size: 17px;
    line-height: 1 / 4;
    letter-spacing: -0.68px;
    text-align: left;
    border-bottom: 1px solid var(--5-1-point, #306094);
    background: var(--Public-FFFFFF, #FFF);
}

.s6_1 .table_wrap tr td:last-child{
    padding: 0;
    border: none;
}
.s6_1 .table_wrap td .img_wrap,
.s6_1 .table_wrap td .image {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
}
.s6_1 .table_wrap td .image img {
    width: 100%;
    height: 100%;         
    object-fit: cover;     
    vertical-align: top;
    height: 130px;
}
.s6_1  .writers .img_wrap::before, .s6_1 .img_wrap::after {  background-color:#306094!important; }
.s6_1 .writers {color:#306094}

@media all and (max-width:767px){
    .s6_1 .table_wrap th{
        font-size: 16px;
        padding: 5px 8px;
    }
    .s6_1 .table_wrap td{
        font-size: 15px !important;
        padding: 5px 8px;
    }
}


/* s6_2 */
.ccolor6_2,.s6_2 .title{color:#30475B}
.s6_2 .flexs.jcc{
    justify-content: center;
    align-items: center;
}
.s6_2 .width420{
    max-width: 420px;
}
.s6_2  .writers .img_wrap::before, .s6_2 .img_wrap::after {  background-color:#30475B !important; }
.s6_2 .writers {color:#30475B}
.s6_2 .stit{
    border-top: 1px solid var(--Public-222222_, #222);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}
.s6_2 .stit2{
    color: var(--Public-FFFFFF, #FFF);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    padding: 8px 10px;
    background: var(--Public-222222_, #222);
    margin-bottom: 3px;
}
.s6_2 .stit2.c2{
    background: var(--5-2-point1, #3E4F48);
}
.s6_2 .width920{
    max-width: 930px;
    margin: 0 auto 30px !important;
}

@media all and (max-width:1280px){
    .s6_1 .width600{
    padding-top: 20px;
    max-width: 600px;
    margin: 0 auto !important;
}
}
@media all and (max-width:767px){
    .s6_2 .flexs{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}


.ccolor7_1,.s7_1 .title{color:#344C5D}
.s7_1  .writers .img_wrap::before, .s7_1 .img_wrap::after {  background-color:#344C5D !important; }
.s7_1 .writers {color:#344C5D}





.s7_2 {background: #F5F3EE;}
.ccolor7_2{color:#433C32!important}

.s7_2 .title{color:#433C32!important}
.s7_2 .s7_box3{padding:30px !important; background:#433C32; color: #F5F3EE}
.s7_2 .s7_box3 .title,.s7_2 .s7_box3 .caption{ color:  #F5F3EE!important;}
.s7_2 .s7_box3>:nth-child(2){display: flex !important; align-items: flex-start;}
.s7_2 .s7_box3>:nth-child(2) img{width: fit-content; height: fit-content;  margin-left: 20px;}

.s7_2 .s7_box3>.column{margin-bottom: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important;margin-top: 0px !important;}
.s7_2 .s7_box3>:nth-child(1) .img_wrap{margin-top: 0px !important; margin-bottom: 0px !important;}
.s7_2 .s7_box3>:nth-child(1) .img_wrap img{ width: 100%;}
.s7_2 .flex_center {align-items: end !important;}
.s7_2 .width880{max-width: 880px; width: 100%; margin: 0 auto !important;}
.s7_2 .width1200{max-width: 1200px; margin: 0 auto !important;}


@media all and (max-width:1280px){
    .s7_2 .s7_box3{padding: 30px !important;}
    .s7_2 .s7_box3>:nth-child(1) .img_wrap img{ width: fit-content;}
    .s7_2 .s7_box3>:nth-child(2){display: block !important}
    
    .s7_2 .s7_box3>:nth-child(2) img{display: none;}
     .s7_2 .s7_box3 .txt_wrap{margin-bottom: 0 !important;}
    .s7_2 .s7_box3 .text{margin-bottom: 0 !important;}
    .s7_box3 .caption{margin-bottom: 18px;}
}
@media all and (max-width:767px) {
    .s7_2 .line_tit{line-height: 24px; word-break: keep-all;}
.s7_2 .box .tit{word-break: break-all !important;}
.s7_2 .box .flexs_center{display: block}
.s7_2 .box .flexs_center>:nth-child(1){margin-bottom: 10px;}
.s7_2 .box .flexs_center>:nth-child(2){text-align: right !important;}

    .s7_box3 img{width: 100% !important;}
    .s7_2 .alert{font-size: 16px !important;}
    .s7_2 .width60 .txt_wrap{margin-bottom: 20px !important; }
    .s7_box3 .caption{margin-bottom: 16px;}

}



.sub_contents.s8_1{
    background-image: url(/theme/basic/img/vol33/sub/contents_bg8-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.s8_1 .round{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 18px;
    background: #EEC850;
    aspect-ratio: 1;
    max-width: 90px;
    min-width: 80px;
}
.s8_1 .round.gr{
    background: #E0ECBC;
}
.s8_1 .round.pk{
    background: #EBC4DC;
}
.s8_1 .round.bl{
   background: #69C5D6;
}
.s8_1 .round.wh{
   background: var(--Public-FFFFFF, #FFF);
}
.s8_1 .bg{
    border-radius: 4px;
    background: var(--public-f-8-f-8-f-860, rgba(248, 248, 248, 0.60));
    padding: 20px;
    max-width: 1165px;
}
.s8_1 .flexs{
    align-items: center;
}
.s8_1 .bl_line {
    color: var(--6-point, #3C4D9C);
font-weight: 700;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
@media all and (max-width: 1024px){
        .s8_1 .flexs {
        display: block;
    }
}
/* .s8_1 .img_wrap{max-width: 800px; margin: 0 auto !important;}
.s8_1  .btn_wrap{text-align: center; margin-top: 28px;}
.s8_1  .btn {border-radius: 40px; background-color: #222; color: #fff;border-radius: 36px;padding: 10px 40px; border: none; cursor: pointer;color: #FFF;
font-size: 17px;font-weight: 800;line-height: 32px; letter-spacing: -0.17px; text-decoration: none;width: fit-content; } 
.s8_1  .btn:hover { background-color: #333 } 
.s8_1 .part{margin-bottom: 0 !important;} */


/* .s8_1 .flex{display: flex;} */

.sub_contents .txt_wrap .title{text-decoration: none!important; font-size: 24px !important; line-height: 32px !important; }



.flexs{display: flex; justify-content: space-between;gap: 30px;}
.flexs.gap28{gap: 28px;}
.flexs.center{align-items: center;}
.flexs.jcl{justify-content: left;}
.flex_center{display: flex; justify-content: center; gap:30px}
.flex_center.center{align-items: center;}
.flex-start{align-items: flex-start;}
.flex-end{align-items: flex-end;}

.tm-only{display: none !important;}

@media all and (max-width:767px) {
.sub_contents .txt_wrap .title{font-size: 22px !important; }
.text{font-size: 16px !important; line-height: 28px !important;}
.caption{font-size: 13px !important;}
 .flexs{display:block;}
 .flex_center{flex-direction: column; gap: 20px;}
  .flexs .mb_img{margin-bottom: 20px;}

}

@media all and (max-width: 1280px) and (min-width: 767px){
    .tb_none{display: none !important; }
}
@media all and (max-width: 1280px){
    .tm-none{display: none !important;}
    .tm-only{display: block !important;}
}

 @media all and (max-width:345px){
.sub_contents .txt_wrap .title{ font-size: 20px !important;}
    
}




.sub_contents .row .column {  padding:0 0 0 28px !important}
.sub_contents .row .column:first-child { padding-left: 0 !important; }

@media all and (max-width:1280px){
.sub_contents .row .column {padding-right: 0 !important; padding-left: 0 !important; width: 100% !important}
.sub_contents .row > .column:last-of-type{margin-top: 20px;}
}

#footer .footer .footer_left .company_info .adress{color:#999 !important}

  /*251219 오디오 버튼*/
/* 버튼 디자인 (원하는 대로 수정 가능) */
 .audio-btn {background-color: #1F445C; /* 녹색 배경 */color: white; padding: 10px 20px;border: none;border-radius: 20px;  cursor: pointer; font-size: 16px;    display: flex;   align-items: center;gap: 8px;   }
.audio-btn:hover {background-color: #153245;; }


.header_new.vol33 .gnb_new{padding-top:100px !important;}
.header_new .gnb_new .gnb_t{max-width: 1600px !important; width: 100% !important;}
.header_new .gnb_new .gnb_t .post{width: 100% !important; width: 360px !important; }
/* gnb_right(menu_wrap+banner 래퍼)가 flex:1로 남은 폭을 전부 가져가므로
   menu_wrap은 그 안에서 100% 폭만 채우면 되고, 좌측 오프셋은 gnb_right가 담당한다 */
.header_new .gnb_new .menu_wrap{width: 100% !important; max-width: 1160px !important;}
.header_new .gnb_new .menu_wrap .area>:nth-child(1){margin-right: 0px !important;}
.header_new .gnb_new .menu_wrap .area{gap: 160px;}
.header_new .gnb_new .menu_wrap .area .menu{ flex: 1 !important;}
@media all and (max-width:1660px){
.header_new .gnb_new { padding:  80px !important;}

.header_new .gnb_new .menu_wrap .area{gap: 40px; justify-content: left !important;}
.header_new .gnb_new .menu_wrap .area .menu{ flex:1}
}
@media all and (max-width:1280px){
    .header_new .gnb_new .gnb_t .post{width: 100% !important; width: 230px !important; }
    .header_new .gnb_new { padding:  40px !important;}
    .header_new .gnb_new .menu_wrap .area{gap: 40px; justify-content: left !important;}
}

@media all and (max-width:1024px){
.header_new .gnb_new,.header_new.vol33 .gnb_new { padding:15px 25px !important;}
}










#event_pop { position: fixed; top: 160px; left: 60px; z-index: 98; display:none; } 
#event_pop .event_box { background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.18); overflow: hidden; } 

#event_pop img { display: block; max-width: 400px; width: 100%; height: auto; } 
#event_pop .close_area { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; background: #f9fafb; border-top: 1px solid #e5e7eb; font-size: 14px; } 
#close_popup { appearance: none; border: 0; background: #111827; color: #fff; padding: 6px 12px; border-radius: 10px; cursor: pointer; font-size: 14px; } 
@media (max-width: 767px){
 #event_pop { top:100px; left: 50%; transform: translate(-50%); max-width:330px; width: 100%; } 
 }