@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;
}


.sub_visual { background-position:center; background-size: cover; height: 800px !important;position: relative;}
.sub_visual.s1_1 { background-image:url('/theme/basic/img/vol31/sub/visual_1_1.jpg') !important; }
.sub_visual.s1_2 { background-image:url('/theme/basic/img/vol31/sub/visual_1_2.jpg') !important;}
.sub_visual.s1_3 { background-image:url('/theme/basic/img/vol31/sub/visual_1_3.jpg')!important;background-color: #957A82; background-position:center right; background-size: contain;  background-repeat: no-repeat;}
.sub_visual.s1_4 { background-image:url('/theme/basic/img/vol31/sub/visual_1_4.jpg')!important; }
.sub_visual.s1_5 { background-image:url('/theme/basic/img/vol31/sub/visual_1_5.jpg')!important;}
.sub_visual.s2_1 { background-image:url('/theme/basic/img/vol31/sub/visual_2_1.jpg')!important; }
.sub_visual.s2_2 { background-image:url('/theme/basic/img/vol31/sub/visual_2_2.jpg')!important; }
.sub_visual.s3_1 { background-image:url('/theme/basic/img/vol31/sub/visual_3_1.jpg')!important; }
.sub_visual.s3_2{ background-image:url('/theme/basic/img/vol31/sub/visual_3_2.jpg')!important; }
.sub_visual.s4_1 { background-image:url('/theme/basic/img/vol31/sub/visual_4_1.jpg')!important; }
.sub_visual.s4_2 { background-image:url('/theme/basic/img/vol31/sub/visual_4_2.jpg')!important;}
.sub_visual.s4_3 { background-image:url('/theme/basic/img/vol31/sub/visual_4_3.jpg')!important; }
.sub_visual.s5_1 { background-image:url('/theme/basic/img/vol31/sub/visual_5_1.jpg')!important; }
.sub_visual.s5_2 { background-image:url('/theme/basic/img/vol31/sub/visual_5_2.jpg')!important;}
.sub_visual.s5_3 { background-image:url('/theme/basic/img/vol31/sub/visual_5_3.jpg')!important; }
.sub_visual.s6_1 { background-image:url('/theme/basic/img/vol31/sub/visual_6_1.jpg')!important; }
.sub_visual.s6_2 { background-image:url('/theme/basic/img/vol31/sub/visual_6_2.jpg')!important; }
.sub_visual.s7_1 { background-image:url('/theme/basic/img/vol31/sub/visual_7_1.jpg')!important;}
.sub_visual.s7_2 { background-image:url('/theme/basic/img/vol31/sub/visual_7_2.jpg')!important; }
.sub_visual.s8_1 { background-image:url('/theme/basic/img/vol31/sub/visual_8_1.jpg')!important; }
.sub_visual.reviewer { background-image:url('/theme/basic/img/vol31/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/vol31/sub/visual_1_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_2 { background-image:url('/theme/basic/img/vol31/sub/visual_1_2-mo.jpg')!important; background-position: center !important  }
  .sub_visual.s1_3 { background-image:url('/theme/basic/img/vol31/sub/visual_1_3-mo.jpg')!important; background-position: center !important; background-size: cover; }
  .sub_visual.s1_4 { background-image:url('/theme/basic/img/vol31/sub/visual_1_4-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_5 { background-image:url('/theme/basic/img/vol31/sub/visual_1_5-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_1 { background-image:url('/theme/basic/img/vol31/sub/visual_2_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_2 { background-image:url('/theme/basic/img/vol31/sub/visual_2_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s3_1 { background-image:url('/theme/basic/img/vol31/sub/visual_3_1-mo.jpg')!important; background-position: center !important }
    .sub_visual.s3_2{ background-image:url('/theme/basic/img/vol31/sub/visual_3_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_1 { background-image:url('/theme/basic/img/vol31/sub/visual_4_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_2 { background-image:url('/theme/basic/img/vol31/sub/visual_4_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s4_3 { background-image:url('/theme/basic/img/vol31/sub/visual_4_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_1 { background-image:url('/theme/basic/img/vol31/sub/visual_5_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_2 { background-image:url('/theme/basic/img/vol31/sub/visual_5_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s5_3 { background-image:url('/theme/basic/img/vol31/sub/visual_5_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_1 { background-image:url('/theme/basic/img/vol31/sub/visual_6_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_2 { background-image:url('/theme/basic/img/vol31/sub/visual_6_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_1 { background-image:url('/theme/basic/img/vol31/sub/visual_7_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_2 { background-image:url('/theme/basic/img/vol31/sub/visual_7_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s8_1 { background-image:url('/theme/basic/img/vol31/sub/visual_8_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.reviewer { background-image:url('/theme/basic/img/vol31/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}
.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_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: #00466E;border-color:#00466E}
.s1_2 .info {border-color: #356196; color: #356196;}
.s1_3 .info {border-color:#195E55; color: #195E55;}
.s1_4 .info{border-color: #417D43 ;color: #417D43}
.s1_5 .info{border-color:#F8F8F8; color:#F8F8F8}
.s2_1 .info {border-color:#F8F8F8; color: #F8F8F8;}
.s2_2 .info {border-color:#4B4B52; color: #4B4B52;}
.s3_1 .info {border-color:#DB471C; color:#DB471C}
.s3_2 .info {border-color:#3566B6; color:#3566B6;}
.s4_1 .info {border-color:#DD560F; color: #DD560F;}
.s4_2 .info {border-color:#3566B6; color:#3566B6;}
.s4_3 .info {border-color:#870C41; color:#870C41;}
.s5_1 .info{border-color: #C55140; color: #C55140 !important;}
.s5_2 .info{border-color: #F8CABD; color: #F8CABD !important;}
.s5_3 .info{border-color: #4B4B52; color: #4B4B52 !important;}
.s6_1 .info{border-color:#1B2D71; color:#1B2D71!important;}
.s7_1 .info {border-color:#344C5D; color: #344C5D;}
.s7_2 .info {border-color:#374A5E; ; color: #374A5E;}


.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 !important; }
.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 .w20{
    max-width: 20px;
}
.s1_1 .w10{
    max-width: 10px;
}
.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: #EFEBE2;
    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 {
    color: #00466E;
    background: #EFEBE2;
    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: 48px;
    align-items: center;
    display: flex;
}

.s1_1 .b1{
    border-radius: 32px 32px 32px 0;
    background: var(--1-1-bg2, #6D97C8);
    overflow: hidden;
    padding-top: 32px;
    color: var(--Public-FFFFFF, #FFF);
}
.s1_1 .b1 span{
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.4px;
    text-align: left;
    padding-left: 40px;
    margin-bottom: 20px;
}
.s1_1 .b1 .big{
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px; /* 100% */
    letter-spacing: -2.4px;
}
.s1_1 .b1 .big.right{
    text-align: right;
    padding-right: 40px;
}
.s1_1 .b1 .tar{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 200% */
    letter-spacing: -0.48px;
    padding-right: 40px;
}
.s1_1 .b1:nth-child(2){
    margin-top: 28px !important;
}
.s1_1 .w852{
    max-width: 852px;
    margin: 0 auto;
}
/* b2 */
/* 전체 flex 컨테이너 */
.s1_1 .flex40 {
    display: flex;
    gap: 40px;
    align-items: center;
    overflow: hidden;
    margin-bottom: 14px;
}

/* 각 아이템 */
.s1_1 .flex40 .b2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 0;
    position: relative;
    background: var(--1-1-bg3, #E8EDF6);
}

/* 이미지 */
.s1_1 .flex40 .b2 .img_wrap {
    margin-bottom: 20px;
}

.s1_1 .flex40 .b2 .img_wrap img {
    width: 50%;
    height: auto;
}

/* 이름 태그 */
.s1_1 .flex40 .b2 .name {
    display: inline-block;
    background: #759BCA;
    color: #fff;
    font-weight: 800;
    padding: 4px 20px;
    border-radius: 999px;
    margin-bottom: 10px;
}

/* 설명 텍스트 */
.s1_1 .flex40 .b2 p:last-child {
    line-height: 28px; /* 164.706% */
}
.s1_1 .caption{
    font-size: 15px;
}

/* b3 */
/* 이미지 카드 flex */
.s1_1 .flexauto {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.s1_1 .flexauto .b3 {
    flex: 1;
    position: relative;
    height: 260px;
    border-radius: 24px;
    overflow: hidden;
}

/* 배경 이미지 영역 */
.s1_1 .flexauto .b3{
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

/* 각 카드 배경 이미지 */
.s1_1 .flexauto .b3:nth-child(1) { background-image: url('/theme/basic/img/vol31/sub/sb1_1_9.png'); }
.s1_1 .flexauto .b3:nth-child(2) { background-image: url('/theme/basic/img/vol31/sub/sb1_1_10.png'); }
.s1_1 .flexauto .b3:nth-child(3) { background-image: url('/theme/basic/img/vol31/sub/sb1_1_11.png'); }
.s1_1 .flexauto .b3:nth-child(4) { background-image: url('/theme/basic/img/vol31/sub/sb1_1_12.png'); }
.s1_1 .flexauto .b3:nth-child(5) { background-image: url('/theme/basic/img/vol31/sub/sb1_1_13.png'); }

/* 카드 텍스트 */
.s1_1 .flexauto .b3 p {
    font-weight: 700;
    color: #fff;
    line-height: 28px; /* 140% */
    content: '';
    position: absolute;
    left: 0; bottom: 0 ;
    width: 100%; height: 35%;
    background: rgba(80, 124, 147, 0.80);
    padding: 12px 20px;
}
.s1_1 .flexauto .b3 p span{
    font-size: 15px;
    margin-left: 13px;
}
.s1_1 .bottom{
    position: relative;
    width: 100%;
}
/* 하단 태그 라인 */
.s1_1 .flex10 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;  
    width: 452px;
    margin: 0 auto;
    padding: 12px 20px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--1-1-point2, #0075B2);
    position: relative;
    z-index: 1;
}

/* 가로 점선 라인 */
.s1_1 .bottom::before {
    content: '';
    position: absolute;
    top: -80%;
    left: 0;
    width: 100%;
    height: 130%;
    border: 1px dashed #0075B2;
    border-radius: 32px;
    box-sizing: border-box;
    border-top: none;
    z-index: 0;
}
.s1_1 .flex10 img:nth-of-type(1){
   width: 60px;
}
.s1_1 .flex10 span {

    background: #0075B2;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 4px 16px;
    border-radius: 6px;
}
/* box5 */

/* 각 아이템 */
.s1_1 .box5 .b4 {
    position: relative;
    border-top: 1px solid var(--1-1-point2, #0075B2);
}

/* 타이틀 */
.s1_1 .box5 .b4 > p {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    margin-bottom: 12px;
    padding-top: 6px;
}

/* 숫자 콘텐츠 */
.s1_1 .box5 .b4 .cont {
    font-weight: 800;
    padding: 24px 16px;
    margin-bottom: 12px;
    background: #E8EDF6;
    line-height: 32px;
}

.s1_1 .box5 .b4 .cont span {
    font-size: 32px;
    font-weight: 800;
    color: #0075B2;
}
.s1_1 .box5 .b4 .cont img {
    margin-left: 14px;
    width: 10px;
    height: auto;
}
/* 우측 아이콘 이미지 */
.s1_1 .box5 .b4 >.img_wrap {
    position: absolute;
    right: 16px;
    top: 40%;
    transform: translateY(-50%);
    max-width: 100px;
}
/* box6 */

/* 각 텍스트 박스 */
.s1_1 .box6 .text {
    padding: 24px;
    background: #EFEBE2;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    margin-bottom: 44px !important;
}

/* 볼드 텍스트 */
.s1_1 .box6 .text span {
    color: var(--1-1-point1, #00466E);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.64px;
}

.s1_1 .box6 .text::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%; top: 100%;
    width: 1px;
    height: 44px;
    border-left: 2px dashed #0075B2;
}
.s1_1 .box6 .text:nth-child(4):after,
.s1_1 .box6 .text.last::after{
    display: none;
}
.s1_1 .box6 .text:nth-child(4){
    margin-bottom: 0 !important;
}
/* 화살표 이미지 */
.s1_1 .box6 .img_Wrap {
    width: 40px;
    margin: 4px auto;
}

.s1_1 .box6 .img_Wrap img {
    width: 100%;
    height: auto;
    display: block;
}

/* 마지막 텍스트 */
.s1_1 .box6 .text.last {
    font-size: 20px;
    font-weight: 700;
}

.s1_1 .box6 .text.last span {
    color: #222;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.64px;
}
.s1_1 .box6 .text.last span:last-child{
    font-size: 24px;
}

@media all and (max-width:1280px){
    .s1_1 .flex-mo{
        display: flex !important;
        justify-content: space-between;
        margin-bottom: 20px !important;
    }
    .s1_1 .flex-mo>div{
        flex: 1;
    }
    .s1_1 .b1:nth-child(2){
        margin:0 0 0 28px !important;
    }
}

@media all and (max-width:1024px){
    .s1_1 .flex40 {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
    }

    .s1_1 .flex40 .b2 {
        flex: 0 0 48%;
        width: 48%;
    }
    .s1_1 .flexauto{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .s1_1 .flexauto .b3{
        width: 80%;
        aspect-ratio: 4 / 2;
    }
    .s1_1 .w852{
        min-width: 100%;
    }
    .s1_1 .bottom::before{
        width: 80%; left: 10%;
    }

}

@media all and (max-width:767px){
    .s1_1 .flex-mo{
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .s1_1 .box_tit>div{
        font-size: 22px !important;
    }
    .s1_1 .b1:nth-child(2){
        margin:20px 0 0 0 !important;
    }
    .s1_1 .b1{
        max-width: 320px;
        padding-top: 20px;
    }
    .s1_1 .b1 .big{
        font-size: 60px;
    }
    .s1_1 .b1 .big.right,
    .s1_1 .b1 .tar{
        padding-right: 16px;
    }
    .s1_1 .flex40 {
        flex-direction: column;
    }
    .s1_1 .flex40 .b2{
        width: 80%;
    }
    .s1_1 .flex10{
        width: 80%;
    }
    .s1_1 .box5 .b4 .cont,
    .s1_1 .box6 .text{
        padding: 20px 16px;
    }
    .s1_1 .flexauto .b3 p span{
    margin-left: 0;
}
}
@media all and (max-width:520px){
    .s1_1 .flex10 img:nth-of-type(1){
        display: none;
    }
    .s1_1 .flex10{
        flex-direction: column;
        width: 50%;
        border-radius: 16px;
    }
    
}
@media all and (max-width:425px){
    
    .s1_1 .box5 .b4>.img_wrap{
        display: none;
    }
    .s1_1 .box5 .b4 .cont{
        text-align: center;
    }
    .s1_1 .flexauto .b3{
        width: 100%;
    }
    .s1_1 .bottom::before{
        width: 100%; left: 0;
    }
    .s1_1 .flex10{
        width: 80%;
    }
}
@media all and (max-width:350px){
    .s1_1 .flex40>div{
        width: 100%;
    }
}



/**/
.s1_3 {background:  #F8CBD9;}
.s1_3  .title{color: #195E55;}
.s1_3 .width720{max-width: 720px; width: 100%; margin: 0 auto !important;}
@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;}
}

/**/

.s1_4 .title{color:#417D43; border-bottom: 1px solid #417D43; padding-bottom: 8px; margin-bottom: 20px !important; }
.s1_4 .ccolor1_4{color:  #417D43;}
.s1_4 .width800{
    max-width: 800px; margin: 0 auto !important;
}
.s1_4 .title .num{
    border-radius: 4px;
    border: 1px solid var(--1-4-Point, #417D43);
    padding: 0 10px;
}

.s1_4 .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;}

.s1_4  .writers {color:#417D43!important}
.s1_4  .writers .img_wrap::before, .s1_4  .img_wrap::after {  background-color: #417D43!important; }

.s1_4 .box{display: flex;padding: 24px 28px;flex-direction: column;align-items: flex-start;gap: 24px; background: #417D43;}
.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;}
 


/**/
.s2_1 {background:#4A564B ; color: #F8F8F8;}
.subject p{
    font-size: 22px;
}
.s2_1 .box{padding: 24px 28px; color: #4A564B; background: #fff;}

.s2_1  .title{color:#4A564B; padding: 6px 16px; background: #fff; width: fit-content; margin-bottom: 18px !important;}
.s2_1 .box .title{ color: #4A564B; background: #fff; padding:0px;  margin: 0 0 14px 0!important;}
.s2_1 .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_1 .caption{
    color: #f8f8f8 !important;
}
.s2_1 .stit{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px;
    text-decoration-color: #222;
    margin-top: 60px;
}
.s2_1   .writers {color: #f8f8f8!important}
.s2_1   .writers .img_wrap::before, .s2_1  .img_wrap::after {  background-color:  #f8f8f8!important; }
.s2_1 .box2{
    border: 1px dashed var(--Public-F8F8F8, #F8F8F8);
    padding: 20px 24px;
    margin-top: 30px;
}


.s2_2  i{color:#4B4B52 }
.s2_2 {background:#E8DBD9 ;}
.s2_2 .box{padding: 24px 28px; color: #4B4B52; background: #fff;}
.s2_2 .text{
    color: var(--Public-222222_, #222);
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 188.235% */
    letter-spacing: -0.425px;
}
.s2_2  .title{color:#4B4B52 !important; padding: 6px 16px; background: #fff; width: fit-content; margin-bottom: 18px !important;}
.s2_2 .box .title{ color: #4B4B52; 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 interview */
.s2_2 .part.interview{
    border-top: 1px solid var(--2-2-point1, #4B4B52);
    text-align: center;
}
.s2_2 .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;
}
.s2_2 .part.interview .caption{
    color: var(--3-1-point, #4B4B52) !important ;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 133.333% */
    letter-spacing: -0.15px;
}

.s2_2 .part.interview .q_txt{
    color: var(--3-1-point, #4B4B52);
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px; /* 152.941% */
    letter-spacing: -0.17px;
    margin-bottom: 8px;
    text-align: left;
}
.s2_2 .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;
}
}



@media all and (max-width:1280px){
    
.s2_1  .vol31_box.boxs1 {flex-direction: column !important;}
  .s2_1  .vol31_box.boxs1 .vol31_box2{flex-direction:row !important;}
  .s2_1  .vol31_box.boxs1 .vol31_box1{padding:16px !important;}
  .s2_1 .vol31_box.boxs1 .vol31_box2 .t28{font-size: 24px; line-height: 28px;}

  .s2_1 .flexs{display: block!important; margin: 0 auto; max-width: 600px;}
}
@media all and (max-width:767px){
    .s2_1  .vol31_box.boxs1 {  max-width: 320px !important; margin:0 auto;}
    .s2_1 .vol31_box.boxs1 .vol31_box1{min-width: 0 !important; }
  .s2_1  .vol31_box.boxs1 .vol31_box2{flex-direction:column !important;  gap:20px !important}
  .s2_1 .vol31_box.boxs2 .vol31_box1{border-right: none !important;}
}

/**/


.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{background: #D4EAF2;}
.s3_1 .title{color: #DB471C;}
.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: #DB471C; 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 .writers {color:#DB471C;}
.s3_1 .writers .img_wrap::before, .s3_1  .writers .img_wrap::after {  background-color:#DB471C!important; }
@media all and (max-width:1280px){ 
    .s3_1 .box_wrap{
        flex-wrap: wrap;
        gap: 28px;
    }

    .s3_1 .box_wrap .box{
        flex: 0 0 calc(50% - 14px);
        gap: 10px;
    }

    .s3_1 .tb{max-width:350px ; margin: 0 auto !important;}

}
@media all and (max-width:767px){
.s3_1 .tb{max-width: 302px ; margin: 0 auto !important;}
}


@media all and (max-width:650px){
    .s3_1 .box_wrap{flex-direction: column;}
    .s3_1 .box_wrap .box {gap: 10px;}
    .s3_1 .box_wrap .box  .img_wrap{margin: 0 auto;}
}


/**/
.s4_2{background: #D4EBEA;}
.s4_2 .title,.ccolor3_2{color:#3566B6}
.s4_2 .flex_txt{display: flex; gap: 2px;}
.s4_2 .writers {color:#3566B6}
.s4_2 .writers .img_wrap::before, .s3_2  .writers .img_wrap::after {  background-color: #3566B6!important; }

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

.ccolor4_1{color: #870C41;}
.sub_visual.s4_3 .subject .flexs{display: flex; align-items:flex-start; gap: 2px; justify-content: left;}
.sub_visual.s4_3 .subject sup{ font-size: 30px!important; line-height: 30px !important; margin-top: 27px;}

.s4_3  .rd_box{  padding: 60px; background: #74BF86; 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  .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:#74BF86}
.s4_3  .rd_box .tit::after{position: absolute; content: ''; width: 100%; height: 1px; background:#870C41; 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: 270px;     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 sup{ font-size: 16px!important; line-height:18px !important;  margin-top: 20px; }
.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;}
    .sub_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;}
}


/**/

/* .s4_2 {background: #E1E3DF;}
.s4_2 .title.round{  width: fit-content; margin:0 auto 24px auto !important; border: 1px solid black; background: white; border-radius: 30px;  padding:6px 36px;}
.s4_2 .fix {max-width: 1000px; margin: 0 auto;}
.s4_2 .width800{max-width: 800px; margin: 0 auto !important; }

.s4_2 .tit{font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.5px; margin-bottom: 12px;}
/**/
/* .s4_3 {background: #142c56;}
.s4_3 .text{color:#f8f8f8 }
.s4_3 .title{border-top: 2px solid #dce071; color:#dce071; padding-top: 10px;}
.s4_3 .line.txt_wrap{border-bottom: 1px solid #dce071;}
.s4_3 .sub_tit1{color:#dce071;margin-bottom: 5px !important; font-weight: bold; display: flex; align-items: center;}
.s4_3 .sub_tit1 span{color:white; border: 1px solid #f8f8f8 ; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; margin-right: 10px;}
.s4_3 .sub_tit2{background:#dce071;color: #142c56; border-radius: 0 30px 30px 0; width: 300px; padding: 0px 20px;margin-bottom: 0 !important; font-weight: bold; text-align: center !important;}
.s4_3 .caption{color:#dce071!important; word-break: keep-all;}
.s4_3 .column{padding-bottom: 0 !important;}
@media all and (max-width:1280px){
    .s4_3 .sub_tit2{margin-bottom: 20px !important;}
}
@media all and (max-width:767px){
    .s4_3 .sub_tit2{width: 270px;}
}
@media all and (max-width:360px){
    .s4_3 .sub_tit1{ word-break: keep-all !important; align-items: start;}
   .s4_3 .sub_tit1 span{margin-right: 8px; margin-top:4px;}
} */ */
/**/

.s5_1 .title,.ccolor5_1{color: #437F70}

.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: #437F70!important;}
.s5_1 .box_title .title img{max-width: 74px !important;}
.s5_1 .box{background: #EDF1E1; padding:  60px;}
.s5_1 .box .title{border-bottom: 1px solid #437F70; color: #222 !important; padding-bottom: 10px;}

.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;}
@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; }

}
@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/vol31/sub/s5_2_bg.png); background-repeat: no-repeat; background-position: bottom  center;}
.s5_2 .cont1 .text{color:#fff}
.s5_2 .info .text{color: #F8CABD}

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

.s5_2 .line {border: 1px solid; padding: 5px ; margin-bottom: 20px;}
.s5_2 .conts .line{ border-color:#F8CABD}
.s5_2 .conts .line .title, .s5_2 .conts .line .text{ color: #F8CABD!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:  #00435E!important;color:  #F8CABD!important; }
.s5_2 .conts .round  { color: #F8CABD !important; border: 1px solid #F8CABD}

.s5_2 .cont2 {background: #F5B1A0}
.s5_2 .cont2 .title{color: #00435E; line-height: 28px !important; font-size: 20px !important; margin-bottom: 20px;}
.s5_2 .cont2 .title.bk{color:#222 !important}

.s5_2 .cont2 .round  { border: 1px solid #222;  }
.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;}

.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;}
}
@media all and (max-width:767px){
    .s5_2.sub_contents{padding: 0px !important;}
}
@media all and (max-width:460px){
    .s5_2 .flex2{display: block}
    .s5_2 .flex2 img{margin-bottom: 10px;}
}




.s6_1 .title{color:#1B2D71}
.s6_1  .writers .img_wrap::before, .s6_1 .img_wrap::after {  background-color:#1B2D71!important; }
.s6_1 .writers {color:#1B2D71}





.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: #D2E3D3}
.ccolor7_2{color:#374A5E!important}

.s7_2 .title{color:#374A5E!important}
.s7_2 .s7_box3{padding:30px !important; background:#374A5E; color: #D2E3D3}
.s7_2 .s7_box3 .title,.s7_2 .s7_box3 .caption{ color:  #D2E3D3!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;}

}




.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 30px !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.vol31 .gnb_new{padding-top:100px !important;}
.header_new .gnb_new .gnb_t{max-width: 1600px !important; gap: 128px; width: 100% !important;}
.header_new .gnb_new .gnb_t .post{width: 100% !important; width: 360px !important; }
.header_new .gnb_new .menu_wrap{width: 100% !important; max-width: 1160px !important; flex: 1;}
.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{gap: 40px;}
    .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.vol31 .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%; } 
 }