@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');

.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/vol29/sub/visual_1_1.jpg') !important; }
.sub_visual.s1_2 { background-image:url('/theme/basic/img/vol29/sub/visual_1_2.jpg') !important;}
.sub_visual.s1_3 { background-image:url('/theme/basic/img/vol29/sub/visual_1_3.jpg')!important; }
.sub_visual.s1_4 { background-image:url('/theme/basic/img/vol29/sub/visual_1_4.jpg')!important; }
.sub_visual.s1_5 { background-image:url('/theme/basic/img/vol29/sub/visual_1_5.jpg')!important;}
.sub_visual.s2_1 { background-image:url('/theme/basic/img/vol29/sub/visual_2_1.jpg')!important; }
.sub_visual.s2_2 { background-image:url('/theme/basic/img/vol29/sub/visual_2_2.jpg')!important; }
.sub_visual.s2_2-1 { background-image:url('/theme/basic/img/vol29/sub/visual_2_2-1.jpg')!important; }
.sub_visual.s3_1 { background-image:url('/theme/basic/img/vol29/sub/visual_3_1.jpg')!important; }
.sub_visual.s3_2{ background-image:url('/theme/basic/img/vol29/sub/visual_3_2.jpg')!important; }
.sub_visual.s4_1 { background-image:url('/theme/basic/img/vol29/sub/visual_4_1.jpg')!important; }
.sub_visual.s4_2 { background-image:url('/theme/basic/img/vol29/sub/visual_4_2.jpg')!important;background-position: center bottom  }
.sub_visual.s4_3 { background-image:url('/theme/basic/img/vol29/sub/visual_4_3.jpg')!important; }
.sub_visual.s5_1 { background-image:url('/theme/basic/img/vol29/sub/visual_5_1.jpg')!important; }
.sub_visual.s5_2 { background-image:url('/theme/basic/img/vol29/sub/visual_5_2.jpg')!important;}
.sub_visual.s5_3 { background-image:url('/theme/basic/img/vol29/sub/visual_5_3.jpg')!important; }
.sub_visual.s6_1 { background-image:url('/theme/basic/img/vol29/sub/visual_6_1.jpg')!important; }
.sub_visual.s6_2 { background-image:url('/theme/basic/img/vol29/sub/visual_6_2.jpg')!important; }
.sub_visual.s7_1 { background-image:url('/theme/basic/img/vol29/sub/visual_7_1.jpg')!important;}
.sub_visual.s7_2 { background-image:url('/theme/basic/img/vol29/sub/visual_7_2.jpg')!important; }
.sub_visual.s8_1 { background-image:url('/theme/basic/img/vol29/sub/visual_8_1.jpg')!important; }
.sub_visual.reviewer { background-image:url('/theme/basic/img/vol29/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}


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

@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/vol29/sub/visual_1_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_2 { background-image:url('/theme/basic/img/vol29/sub/visual_1_2-mo.jpg')!important; background-position: center !important  }
  .sub_visual.s1_3 { background-image:url('/theme/basic/img/vol29/sub/visual_1_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_4 { background-image:url('/theme/basic/img/vol29/sub/visual_1_4-mo.jpg')!important; background-position: center !important }
  .sub_visual.s1_5 { background-image:url('/theme/basic/img/vol29/sub/visual_1_5-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_1 { background-image:url('/theme/basic/img/vol29/sub/visual_2_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s2_2 { background-image:url('/theme/basic/img/vol29/sub/visual_2_2-mo.jpg')!important; background-position: center !important }
   .sub_visual.s2_2-1 { background-image:url('/theme/basic/img/vol29/sub/visual_2_2-1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s3_1 { background-image:url('/theme/basic/img/vol29/sub/visual_3_1-mo.jpg')!important; background-position: center !important }
    .sub_visual.s3_2{ background-image:url('/theme/basic/img/vol29/sub/visual_3_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_1 { background-image:url('/theme/basic/img/vol29/sub/visual_4_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s4_2 { background-image:url('/theme/basic/img/vol29/sub/visual_4_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s4_3 { background-image:url('/theme/basic/img/vol29/sub/visual_4_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_1 { background-image:url('/theme/basic/img/vol29/sub/visual_5_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s5_2 { background-image:url('/theme/basic/img/vol29/sub/visual_5_2-mo.jpg')!important;background-position: center !important  }
  .sub_visual.s5_3 { background-image:url('/theme/basic/img/vol29/sub/visual_5_3-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_1 { background-image:url('/theme/basic/img/vol29/sub/visual_6_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s6_2 { background-image:url('/theme/basic/img/vol29/sub/visual_6_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_1 { background-image:url('/theme/basic/img/vol29/sub/visual_7_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.s7_2 { background-image:url('/theme/basic/img/vol29/sub/visual_7_2-mo.jpg')!important; background-position: center !important }
  .sub_visual.s8_1 { background-image:url('/theme/basic/img/vol29/sub/visual_8_1-mo.jpg')!important; background-position: center !important }
  .sub_visual.reviewer { background-image:url('/theme/basic/img/vol29/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: #38854F;border-color:#38854F}
.s1_2 .info {border-color: #4A6E6A; color: #4A6E6A;}
.s1_3 .info {border-color:#86263F; color: #86263F;}
.s1_4 .info{border-color: #2F485B ;color: #2F485B}
.s1_5 .info{border-color:#006970; color:#006970}
.s2_1 .info {border-color:#126C4B; color: #126C4B;}
.s2_2 .info {border-color:#B05D54; color: #B05D54;}
.s2_2-1 .info {border-color:#897D4A; color: #897D4A;}
.s3_1 .info {border-color:#317CAA; color:#317CAA}
.s3_2 .info {border-color:#A24E39; color:#A24E39;}
.s4_1 .info {border-color:#0B596F; color: #0B596F;}
.s4_3 .info {border-color:#f8f8f8; color:#f8f8f8;}
.s5_1 .info{border-color: #C55140; color: #C55140 !important;}
.s5_2 .info{border-color: #3A2181; color: #3A2181 !important;}
.s6_1 .info{border-color:#5F3A50; color:#5F3A50!important;}
.s7_1 .info {border-color:#3E5762; color: #3E5762;}
.s7_2 .info {border-color:#473A2F; ; color: #473A2F;}


.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 .part.mt80 .text,.s1_1 .part.mt80 .txt_wrap,.s1_1 .img_wrap{margin: 0 !important;}


.s1_1 .tit24{font-size: 24px;font-weight: 700;line-height: 32px;letter-spacing: -0.48px;}
.s1_1 .tit20{font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.4px;}
.s1_1 .txt18{font-size: 18px;line-height: 32px;letter-spacing: -0.36px;}
.s1_1 .txt{font-size: 17px;font-weight: 700;line-height: 26px; letter-spacing: -0.17px;}

.s1_1 .flexs1{display: flex;}
.s1_1 .flexs1.gap20{gap: 20px;}
.s1_1 .aic{align-items: center;}

.s1_1 .box_tit{ display: flex;background:#DFEFE0;border-radius: 99px; margin-bottom: 36px; width: 100%;}
.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 .box_tit .title1{color: #fff;background: #222;}    
.s1_1 .box_tit .title2{color: #38854F; background:#DFEFE0;padding:0px 30px 0 16px;}


.s1_1 .box_tit2{ display: flex;background:#DFEFE0;border-radius: 99px; margin-bottom: 36px; width: 100%; align-items: center;}
.s1_1 .box_tit2>div{font-size: 24px;font-weight: 800;line-height: 32px;letter-spacing: -0.48px;padding: 0px 30px;border-radius: 99px; height: 80px; display: flex; align-items: center;}
.s1_1 .box_tit2 .title1{color: #fff;background: #222; height: fit-content;padding: 8px 30px;}    
.s1_1 .box_tit2 .title2{color: #38854F; background:#DFEFE0;padding:0px 30px 0 18px;}

.s1_1 .gr_flex{display: flex; gap: 10px; align-items: center; }
.s1_1 .gr_flex .icon1{width: 20px;height: 20px; display: block;}
.s1_1 .gr_flex2{display: flex; gap: 6px; align-items:flex-start; color: #38854F;}
.s1_1 .gr_flex2 .icon2{width: 20px; display: block;}
.s1_1 .gr_flex2 .text{line-height: 32px;}

.s1_1 .cont1_flex{display: flex; gap: 40px;}
.s1_1 .box1_wrap{width: 40%;}
.s1_1 .box2_wrap{width: 60%;}
.s1_1 .box1_wrap .box1_flex{display: flex; flex-direction: column; gap: 14px;}
.s1_1 .box1_wrap .flexs1{justify-content:left; align-items: center; padding-bottom: 14px; border-bottom: 1px solid #ccc;}
.s1_1 .box1_wrap .flexs1 .img_wrap img{width: 60px;}

.s1_1 .box2_wrap  .box2_flex{display: flex; flex-direction: column; gap: 14px;}
.s1_1 .box2_wrap .flexs1{justify-content:left; align-items: center;padding: 12px 0 26px 0; border-bottom: 1px solid #ccc;}
.s1_1 .box2_wrap .box2_flex >:nth-child(1) {padding: 0 0 14px 0;border-bottom: 3px solid #DFEFE0;}
.s1_1 .box2_wrap .box2_flex >:nth-child(1)  .img_wrap img{width: 60px;}
.s1_1 .box2_wrap .gr_box{font-weight: 800;line-height: 32px;padding: 2px 12px; background:  #38854F; width: 86px; display: flex; align-items: center; justify-content: center; color: #fff; }

.s1_1 .box3_wrap{display: flex; gap: 40px;}
.s1_1 .box3_flexs {display: flex; flex-direction: column; gap: 14px; flex: 1;}
.s1_1 .box3_flexs .flexs1{justify-content:left; align-items: center;padding: 12px 0 26px 0; border-bottom: 1px solid #ccc;}
.s1_1 .box3_flexs .flexs1 .img_wrap img{width: 60px;}

.s1_1 .box4_wrap{display: flex; gap: 28px;}
.s1_1 .box4_wrap>:nth-child(1){width: 430px;}
.s1_1 .box4_wrap>:nth-child(1) .text{margin-bottom: 8px !important; }

.s1_1 .box4_wrap>:nth-child(2){flex:1}
.s1_1 .box4_flex {display: flex; gap: 20px; margin-top: 28px;}
.s1_1 .box4_flex .img_wrap{width: 60px;}
.s1_1 .box4_flex .gr_flex{margin-bottom: 8px;}

.s1_1 .cont5_flex{display: flex; gap: 40px;}
.s1_1 .cont5_flex>div{flex: 1;}
.s1_1 .box5_wrap .flexs1 .img_wrap{width: 60px; min-width: 60px;}
.s1_1 .box5_wrap .flexs1 .gr_box2{font-weight: 800;line-height: 32px;padding: 2px 12px; background:  #38854F; width:70px; min-width: 70px; display: flex; align-items: center; justify-content: center; color: #fff;box-sizing: border-box; white-space: nowrap; height: fit-content; }
.s1_1 .box5_wrap .box5_flex{display: flex; margin-top: 28px; gap: 28px; flex-direction: column;}

.s1_1 .box6{display: flex;  flex-wrap: wrap; width: 100%;  margin-bottom: 28px;}
.s1_1 .box6 .tit20{display: flex;padding: 50px 10px;justify-content: center;align-items: center;  width: 50%;}
.s1_1 .box6>:nth-child(1){border-top: 1px dashed  #222;border-right: 1px dashed  #222;border-left: 1px dashed  #222;}
.s1_1 .box6>:nth-child(2){border-top: 1px dashed  #222;border-right: 1px dashed  #222}
.s1_1 .box6>:nth-child(3){border-top: 1px dashed  #222;border-bottom: 1px dashed  #222;border-right: 1px dashed  #222;border-left: 1px dashed  #222;}
.s1_1 .box6>:nth-child(4){border-top: 1px dashed  #222; border-bottom: 1px dashed  #222;border-right: 1px dashed  #222}

.s1_1 .box7_flex{display: flex; flex-direction: column; gap: 20px;}
.s1_1 .box7_flex .flexs1{padding-bottom: 14px; border-bottom: 1px solid #ccc;}
.s1_1 .box7_flex .flexs1 .lh24{line-height: 24px; font-weight: 700;}
.s1_1 .box7_flex .flexs1 .num{display: flex; gap: 6px; align-items: center;}
.s1_1 .box7_flex .flexs1 .num .text{font-weight: 800; color: #38854F;;}
.s1_1 .box7_flex .flexs1 .num .img_wrap img{max-height: 70px;}
.s1_1 .box7_flex >:nth-child(3){padding: 0; border: none !important; }
.s1_1 .box7_flex .flexs1 .num_wrap>:nth-child(1){margin-bottom: 20px;}

@media all and (max-width:1280px){
.s1_1 .box1_wrap{width: 50%;}
.s1_1 .box2_wrap{width: 50%;}

.s1_1  .box4_wrap, .cont5_flex{flex-direction: column;}
.s1_1 .box4_wrap .box4{width: 100%; max-width: 860px; margin: 0 auto;}

.s1_1 .box_tit2>div{padding: 0px 30px;border-radius: 99px; height: 48px; align-items: center; display: flex;}
.s1_1 .box_tit2 .title2{padding:0px 30px 0 16px;}
.s1_1 .box_tit2 .title2 br{display: none;}

.s1_1 .box5_wrap .box5_flex{width: 100%; max-width: 800px; margin: 28px auto 0 auto;}
.s1_1 .box7_flex{flex-direction: row;}
.s1_1 .box7_flex .flexs1 .text{align-items: center !important;}
.s1_1 .box7_flex >:nth-child(2){border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.s1_1 .box7_flex .flexs1 .text br{display: none;}
.s1_1 .box7_flex >.flexs1{flex-direction: column; justify-content: center; align-items: center; text-align: center;flex: 1; border-bottom: none; }
.s1_1 .box7_flex .flexs1 .num .img_wrap img{height: 40px !important;}
}




@media all and (max-width:1024px){
.s1_1 .tit20{font-size: 19px;}
.s1_1 .cont1_flex{gap: 80px;}
.s1_1 .box3_wrap{gap: 14px;}
.s1_1 .cont1_flex,.s1_1 .box3_wrap{flex-direction: column;}
.s1_1 .box1_wrap,.s1_1 .box2_wrap{width: 100%;}
}

@media all and (max-width:767px){
    .s1_1 .box_tit{align-items: center;}
.s1_1 .box_tit>div,.s1_1 .box_tit2>div{font-size: 20px; line-height: 22px; height: 80px; padding:8px 20px; }

.s1_1 .box_tit .title1{display: flex; align-items: center;  justify-content: center; height: fit-content;}
.s1_1 .box_tit .title2{word-break: keep-all; padding:8px 20px 8px 12px;}

.s1_1 .tit24{font-size: 20px;}
.s1_1 .tit22{font-size: 18px;}
.s1_1 .tit20{font-size: 18px;}
.s1_1 .txt18{font-size: 17px;}

.s1_table .tit20{font-size: 16px;}
.s1_1 .box7_flex{display: block;}
.s1_1 .box7_flex >:nth-child(2){border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: none; border-left: none;}
}

@media all and (max-width:500px){
.s1_1 .box2_wrap .box2_flex > :not(:first-child),.s1_1 .box4_flex,.s1_1 .box5_wrap .box5_flex .flexs1{flex-direction: column;  gap: 14px; justify-content: center; align-items: center;}
.s1_1 .gr_flex{flex-direction: column;}
.s1_1 .box4_flex{margin: 20px auto 0px auto;}
.s1_1 .box4_flex .img_wrap{margin: 0 auto !important;}
.s1_1 .box4_flex>div{margin: 0 auto; text-align: center;}
.s1_1 .box7_flex .flexs1 .text{align-items: center !important;}
.s1_1 .box7_flex .flexs1 .text br{display: none;}
.s1_1 .box7_flex >.flexs1{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.s1_1 .box7_flex .flexs1 .num .img_wrap img{height: 40px !important;}
}

@media all and (max-width:350px){
 .s1_1 .box1>div{font-size: 18px;}
}

/**/

.s1_2 .title { color: #4A6E6A; border-top: 1px solid #4A6E6A; border-bottom: 1px solid #4A6E6A; text-align: center; margin-bottom: 20px !important;display: flex; justify-content: center; align-items: center;  height: 52px;}
.s1_2 .ccolor1_2 {color:#4A6E6A}

.s1_2 .mo-only2{display: none;}
.s1_2 .writers {color:#4A6E6A}
.s1_2  .writers .img_wrap::before, .s1_2 .img_wrap::after {  background-color: #4A6E6A!important; }


@media all and (max-width:767px){
.s1_2 .title span{font-size: 18px;}
  .s1_2 .title{height: auto; word-break: keep-all; padding: 6px 0;}
}


@media all and (max-width:480px){
  
}



/**/

.s1_3 {background: #C2D9CD;}
.s1_3 .title_wrap {display: flex; justify-content: center; align-items: center; text-align: center;  margin-bottom: 16px;} 
.s1_3 .title_wrap .txt_wrap {display: flex; align-items: center; text-align: center; width: 100%;  margin: 0px !important; } 
.s1_3 .title_wrap .txt_wrap::before, .s1_3 .title_wrap .txt_wrap::after {content: ""; flex: 1; height: 1px; background-color: #222; } 

.s1_3 .title_wrap .txt_wrap .title {background: #222; padding:4px;width: fit-content; text-align: center;
color:#C2D9CD; margin-bottom: 0 !important; }
.s1_3 .title_wrap .txt_wrap .title span{display: flex; align-items: center; justify-content: center; border: 1px solid #fff;background: #222; height: 55px; padding:0 20px;}

.s1_3 .ccolor1_3{color:#C2D9CD}
.s1_3 .column .text{margin: 0;}
.s1_3 .column .img_wrap{max-width: 400px; margin: 0 auto;}
@media all and (max-width:767px){

}
@media all and (max-width:580px){
.s1_3 .title_wrap .txt_wrap .title {width: 100%; word-break: keep-all;}
.s1_3 .title_wrap .txt_wrap .title span{display: flex; align-items: center; justify-content: center; border: 1px solid #fff; width:100%;background:#222; height: 55px; }
.s1_3 .title_wrap .txt_wrap::before, .s1_3 .title_wrap .txt_wrap::after{display: none;}
  }
@media all and (max-width:580px){
    .s1_3 .title_wrap .txt_wrap .title span{padding: 40px 5px;}
}

/**/

.s1_4 .title{color:#576E6A; border-bottom: 1px solid #576E6A; padding-bottom: 8px; margin-bottom: 20px !important; }
.s1_4 .ccolor1_4{color:  #2F485B;}
.s1_4 .width974{max-width: 974px; margin: 30px auto 0 auto !important; width: 100%; align-items: stretch; padding-bottom: 50px;}
.s1_4 .width974>:nth-child(1){position: relative;}
.s1_4 .width974>:nth-child(1) .image{ height: 100%;}
.s1_4 .width974>:nth-child(1) .image img{ height: 100%;}
.s1_4 .width974>:nth-child(1) .caption{position: absolute; bottom: -50px; left: 0%; width: 100%;  }

.s1_4 .width988{max-width: 988px; margin: 30px auto 0 auto !important; width: 100%;}
.s1_4 .width320{max-width: 320px; margin: 0 auto !important; width: 100%;}
.s1_4 .width320 img{height: 452px; object-fit: cover; background: #2F485B;}

.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:#1F4E6E!important}
.s1_4  .writers .img_wrap::before, .s1_4  .img_wrap::after {  background-color: #1F4E6E!important; }

.s1_4 .box{display: flex;padding: 24px 28px;flex-direction: column;align-items: flex-start;gap: 24px; background: #2F485B;}
.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_4 .ais{align-items: stretch;margin-bottom: 70px;}
.s1_4 .ais>:nth-child(2){position: relative;}
.s1_4 .ais>:nth-child(2) .image{height: 100%;}
.s1_4 .ais>:nth-child(2) .image img{height: 100%; object-fit: cover;}
.s1_4 .ais>:nth-child(2) .caption{position: absolute; bottom: -50px; left: 50%; width: 100%; transform: translate(-50%,0); }

@media all and (max-width:1280px){
.s1_4 .ais.flexs{display: block; margin-bottom:20px;}
.s1_4 .ais>:nth-child(2) .image{height: auto;}
.s1_4 .ais>:nth-child(2) .image img{height: auto; object-fit: contain;}
.s1_4 .ais>div{max-width: 825px; margin: 20px auto;}
.s1_4 .ais>:nth-child(2) .caption{position: static; bottom: auto; left: auto; transform: none;}
}

@media all and (max-width:1024px){
.s1_4 .width974{ padding-bottom: 0px;}
.s1_4 .width974>:nth-child(1) .caption{position:static; bottom: auto; left:auto; width: 100%;  }


.s1_4 .width974.flexs,.s1_4 .width988.flexs{display: block !important;}
.s1_4 .width974>:nth-child(1){max-width: 620px !important; margin: 20px auto 0 auto;}
.s1_4 .width974>:nth-child(2){max-width: 320px !important; margin: 20px auto 0 auto;}
.s1_4 .width988>:nth-child(1){max-width: 640px !important; margin: 20px auto;}
}
@media all and (max-width:380px){
.s1_4 .flex_box{flex-direction: column; gap: 14px;}
.s1_4 .flex_box .image{margin: 0 auto 0 0;}
}


/**/
.s1_5 {background:#E6F2F3 ;}
.s1_5 .box{padding: 24px 28px; color: #fff; background: #005F64;}

.s1_5  .title{color:#005F64; padding: 6px 16px; background: #fff; width: fit-content; margin-bottom: 18px !important;}
.s1_5 .box .title{ color: #fff; background: #005F64; padding:0px;  margin: 0 0 14px 0!important;}

.s1_5  .vol29_box.boxs1{background:  #005F64; color: #fff; }
.s1_5 .vol29_box.boxs1 .text{color: #005F64;}
.s1_5 .vol29_box.boxs1 .line{border-color: #222;}
.s1_5  .vol29_box.boxs1 .vol29_box1{min-width: 300px}
.s1_5  .vol29_box.boxs1 .vol29_box1 .icon{width:22px}
.s1_5  .vol29_box.boxs1 .vol29_box2{background: #fff; align-items: center; padding: 24px 16px; gap: 44px;}
.s1_5  .vol29_box.boxs1 .vol29_box2 .t28{color: #627A7F;text-align: center;font-size: 28px;font-weight: 700;line-height: 32px; letter-spacing: -0.56px;}
.s1_5  .vol29_box.boxs1 .vol29_box2 .arrow{ width:40px !important; flex: none; margin: 0 auto; }
.s1_5  .vol29_box.boxs1 .vol29_box2 .text{text-align: center; margin-top: 8px; margin-bottom: 0 !important; line-height: 24px !important;}
.s1_5  .vol29_box.boxs1 .vol29_box2 .text .dot{display: block; line-height: 16px !important;}

.s1_5  .vol29_box.boxs2{background:#005F64; color: #fff; margin-top: 36px; }
.s1_5  .vol29_box.boxs2 .vol29_box1{min-width: 180px; border-right:1px solid #fff; color:#fff}
.s1_5  .vol29_box.boxs2 .vol29_box2 .line{display: flex; align-items: flex-end; justify-content: space-between;}
.s1_5  .vol29_box.boxs2 .vol29_box2 .logo{height: 41px !important;}
.s1_5   .writers {color: #005F64!important}
.s1_5   .writers .img_wrap::before, .s1_4  .img_wrap::after {  background-color:  #005F64!important; }

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

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

/**/

.s2_1 .title,.ccolor2_1{color:  #126C4B!important}
.s2_1 .box{background: #EFF4F7; padding: 40px;}
.s2_1 .box .tit_box{background: #222; color: #fff!important; width: fit-content; margin: 0 auto; padding: 5px 30px;}
.s2_1 .box span{color:  #126C4B; font-weight: bold;}
.s2_1 .box2{background:  #126C4B; color: white; padding: 30px; } 
.s2_1 .wh{color:#fff !important}
.s2_1  sub{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;bottom: -0.2em;}
.s2_1 .table_flex .image{position: relative;}
.s2_1 .table_flex .caption{position: absolute; bottom: -30px; left: 50%; transform: translate(-50px,0);}



.s2_1 .img_wrap .caption.ccolor2_1 {color: #126C4B!important;}
.s2_1 .bg{background: #f8f8f8;padding: 40px;border-radius: 20px; margin-bottom: 0 !important;}
.s2_1 .bg span{color:   #126C4B;display: block; font-weight: bold; margin-bottom: 16px;}
.s2_1 .width317.img_wrap .image{max-width: 317px; width: 100%; margin: 0 0 0 auto;}
.s2_1  .width1018{max-width: 1018px !important; margin: 0 auto; width: 100%;}


@media all and (max-width:1280px){
    .s2_1 .table_flex .caption{position: static; transform: translate(0,0);}
}
@media all and (max-width:1024px){
.s2_1  .width1018{display: block;}
.s2_1 .flex_center{display: block;}
.s2_1 .flex_center>:nth-child(1){width: 100%;}
.s2_1 .flex_center>:nth-child(2){width: fit-content; margin: 20px auto 0 auto !important;}
.s2_1 .bg{margin-top: 20px;}
.s2_1 .width317.img_wrap .image{ margin: 0  auto;}
.s2_1 .flexs.three{display: block;}
.s2_1 .flexs.three .flexs{display: block;}
.s2_1 .flexs.three .img_wrap{margin: 20px auto 0 auto !important; max-width: 410px;}
.s2_1 .flexs.three .image img{height: auto;}
.s2_1 .flexs.three .flexs .mb_img{margin-bottom: 20px !important;}
.s2_1 .flexs.three  br{display: none;}

.s2_1 .width627 .image{max-width: 627px; width: 100%; margin: 0 auto;}
}
@media all and (max-width:767px){
    .s2_1 .box{ padding: 40px 20px;}
    .s2_1 .box .txt_wrap{margin-top: 0;}
    .s2_1 .box2{ padding: 20px;}

}

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

.s2_1 .table_wrap .two>:nth-child(1){background: #126C4B; color: #fff;}
.s2_1 .table_wrap .two>:nth-child(2){background: #f8f8f8; color: #3E4F4B}

@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;}
   .s2_1 .flex_end{display: block;}
}

@media all and (max-width:767px){
    .table_wrap .two>:nth-child(1){width:40%; word-break: keep-all !important; }
    .table_wrap .two>:nth-child(2){width:60%;}
    .table_wrap .two .text{letter-spacing: -0.8px !important; padding: 8px;}
}
/**/
.s2_2  .category,.s2_2-1  .category{display: flex; margin-bottom: 36px;}
.s2_2 .category span,.s2_2-1 .category span{padding: 12px 14px;width: fit-content; font-size: 17px;font-weight: 600;line-height: 24px; letter-spacing: -0.68px; display: block;}
.s2_2 .category>:nth-child(1),.s2_2-1 .category>:nth-child(1){border: 1px solid #fff; color: #C9FFCC;}
.s2_2 .category>:nth-child(2),.s2_2-1 .category>:nth-child(2){border: 1px solid #fff; border-left: none; color:  #fff;}


.s2_2 .flex_three{display: flex; justify-content: center; gap: 80px; margin: 0 auto !important;}
.s2_2 .flex_three .img_wrap{max-width: 200px;}
.s2_2 .flex_three .text{color: #B05D54; text-align: center !important; margin: 14px auto 0 auto !important;font-weight: 600;}

.s2_2 .icon{width: 28px; height: 28px; display: inline-block; margin-right: 8px;}
.s2_2 .title{color: #B05D54;}
.s2_2-1 .title{color: #897D4A;}
.s2_2 .box{padding: 24px 28px; background: #B05D54;}
.s2_2 .box .title{margin-bottom: 14px !important; color:#fff}
.s2_2 .box .text{margin: 0 !important; color:#fff}

.s2_2-1 .box{background: #897D4A}

.s2_2-1 .vol29_box{background:  #EFEFEF;  border-top: 1px solid #222; border-bottom: 1px solid #222;}
.s2_2-1 .vol29_box .small.tit{color:#fff; background: #897D4A }
.s2_2-1 .vol29_box .line{border-color: #222;}
.s2_2-1 .vol29_box .vol29_box1{min-width: 200px}

.s2_2-1 .width200{width: 200px; margin: 0 auto !important;}
.s2_2-1 .width200 .text{ text-align: center !important; margin: 14px auto 0 auto !important;color: #897D4A ;font-weight: 600;}
.s2_2-1 .flexs.gap34{gap: 34px;}
@media all and (max-width:767px){
    .s2_2 .flex_three{gap: 20px; margin: 0 auto;}
    .s2_2 .icon{margin-right: 4px;}
    .s2_2-1 .width200 .text{margin-bottom: 20px !important;}
    .s2_2-1 .vol29_box .vol29_box1 br{ display: none;}
}



/**/
.s3_1 {background: #FFFEF4;}
.s3_1 .title,.s3_1 .description li,.ccolor3_1{color:#317CAA!important}
.s3_1 .img_box_t{background: #E7DEB7; font-weight: 700; }
.s3_1 .big_tit{ color:#317CAA;text-align: center;font-size: 32px;font-weight: 600;line-height: 44px;text-decoration: underline;   text-underline-position: under; width: fit-content; margin: 0 auto; text-decoration-thickness: 1px;} 

.s3_1 .line_tit{  font-size: 20px;font-weight: 700;   line-height: 28px;   letter-spacing: -0.5px; margin-bottom: 16px; padding-top: 8px; text-align: left !important;border-top: 1px solid #222;margin-top: 28px;}
.s3_1 .stable{ border-width: 1px; }
.s3_1 .stable tr{ border-color:#999 ;}
.s3_1 .stable tr > *{padding:12px 14px;}
.s3_1 .stable tr td{border-width: 1px; border-color:#999 ;}
.s3_1 .stable thead th {background: #E7DEB7; color: #222; text-align: center !important;}
.s3_1 .stable .bg{text-align: center !important; background: #317CAA; color: #fff;font-size: 18px;font-weight: 600;line-height: 24px; letter-spacing: -0.72px;}
.s3_1 .stable .flex_t{display: flex; align-items: center; gap: 14px;}
.s3_1 .stable .flex_t img{width: 100px;}
.s3_1 .stable .text{margin-bottom: 0 !important; line-height: 24px !important;}
.s3_1 .stable .bg sup{top:-4px;font-size:12px; line-height: 0; position: relative; vertical-align: baseline;}



.s3_1 .writers {color:#317CAA}
.s3_1 .writers .img_wrap::before, .s3_1  .writers .img_wrap::after {  background-color:#317CAA!important; }
@media all and (max-width:1300px){

.s3_1 .stable .bg sup{white-space: wrap; line-height: 16px; word-break: break-all; top: 0; }
} 
@media all and (max-width:1211px){
.s3_1 .stable .bg>div{display: flex; gap: 2px; }
.s3_1 .stable .bg {white-space: nowrap;}
.s3_1 .stable .flex_t{ gap: 6px;}
} 

@media all and (max-width:767px){
.s3_1 .big_tit{font-size: 22px;  line-height: 40px; }
.s3_1 .stable tr > *{padding: 4px 8px;}
.s3_1 .stable .flex_t{flex-direction: column; justify-content: space-between;;}
.s3_1 .stable .vat2{vertical-align: top;}
.s3_1 .stable .bg {white-space: wrap; word-break: keep-all; line-height: 20px !important;}
}

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

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

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


.s4_1  .rd_box{  padding: 60px; background: #BAB4D5; box-sizing: border-box !important; margin: 0 !important;}
.s4_1  .rd_box .tit_flex{display: flex; align-items: flex-start; margin-bottom: 22px;}
.s4_1  .rd_box .tit_flex .title{font-size: 24px !important; color: #222;line-height: 24px !important;}
.s4_1  .rd_box .tit_flex .title2{font-size: 15px !important; color:#222; line-height: 15px; font-weight: 700;}

.s4_1  .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_1  .rd_box .text{color:#222}
.s4_1  .rd_box .tit{margin-top: 60px; position: relative; margin-bottom: 24px;} 
.s4_1  .rd_box .tit img{ position: relative; z-index: 10; background:#BAB4D5}
.s4_1  .rd_box .tit::after{position: absolute; content: ''; width: 100%; height: 1px; background:#0B596F; right: 0;
top:50%;z-index: 1;}
.s4_1  .rd_box .three{display: flex; justify-content: space-between; gap:30px}
.s4_1  .rd_box .three>.box_wrap{border-right: 1px dashed #fff; padding-right: 30px; width: 33%;}
.s4_1  .rd_box .three .wrap{ height: 270px;     box-sizing: border-box;}
.s4_1  .rd_box .three .img_wrap{margin-top: 0px !important;box-sizing: border-box; margin-bottom: 0 !important;}
.s4_1  .rd_box .text{margin-bottom: 0 !important;}
.s4_1  .rd_box .three .img_wrap img{width: 168px;}
.s4_1 .no-line{border: none !important;}
.s4_1  .rd_box .rd_tit.flex_tit{display: flex;}
.s4_1  .rd_box .rd_tit sup{font-size: 15px; line-height: 15px !important; margin-left: 1px; margin-top: 10px;}

.s4_1 .tit1 img{width:118px ;}
.s4_1 .tit2 img{width:103px ;}
.s4_1 .tit3 img{width: 111px;}

.s4_1 .nowrap{white-space: nowrap;}
@media all and (max-width:1280px){
    .s4_1  .rd_box .three .wrap{ height: 320px; }
     .s4_1  .rd_box .three .rd_tit{height: 64px;}
   .s4_1  .rd_box .three .rd_tit.long{height:96px;}
    }
@media all and (max-width:1160px){
    
   .s4_1  .rd_box .three .rd_tit,.s4_1  .rd_box .three .rd_tit.long{height: auto}

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


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

@media all and (max-width:480px){
    .s4_1  .rd_box{padding: 50px 30px 30px 30px;}
    .s4_1  .rd_box .rd_tit.long {justify-content: space-around;}
    .s4_1  .rd_box .rd_tit.long sup{width: 40%; margin-top: 0;}
}
@media all and (max-width:344px){
    .s4_1  .rd_box{padding: 40px 20px 20px 20px;}
    .s4_1  .rd_box .rd_tit sup{padding: 0 !important;}
    .sub_visual.s4_1 .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: #1789B3}

.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: #1789B3!important;}
.s5_1 .box_title .title img{max-width: 74px !important;}
.s5_1 .box{background: #E9F5F7; padding:  60px;}
.s5_1 .box .title{border-bottom: 1px solid #1789B3; 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 .lh_5_1{letter-spacing: -0.05rem !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 .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/vol29/sub/s5_2_bg.png); background-repeat: no-repeat; background-position: bottom  center;}

.s5_2 .info .text{color: #3A2181}

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

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

.s5_2 .cont2 {background: #3A2181}
.s5_2 .cont2 .title{color: #C2D9CD; line-height: 28px !important; font-size: 20px !important; margin-bottom: 20px;}
.s5_2 .cont2 .title.bk{color:#fff !important}

.s5_2 .cont2 .text{color:#fff}
.s5_2 .cont2 .round  { color:  #fff!important;  border: 1px solid #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{color: #fff !important;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;}

.s5_2 .mmt60{margin-top: 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:0px !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:#5F3A50 !important}

.s6_1 .vol29_box{background: #5F3A50; color: #fff;   }
.s6_1 .vol29_box .small.tit{color:#222; background: #fff; }
.s6_1 .vol29_box .vol29_box1{min-width: 200px; border-right: 1px solid #fff;}
.s6_1 .vol29_box .img_wrap{max-width: 160px; margin: 0 auto;}

.s6_1  .line_tit{  font-size: 20px;font-weight: 700;   line-height: 28px;   letter-spacing: -0.5px; margin-bottom: 14px; padding-top: 8px; text-align: left !important;border-top: 1px solid #222;color:#222; margin-top: 0px;}

.s6_1  .box{display: flex;padding: 24px 28px;flex-direction: column;align-items: flex-start;gap: 24px; background: #5F3A50;}
.s6_1  .flex_box{display: flex; align-items: center; gap: 20px; color: #fff;}
.s6_1  .flex_box .image img{width: 50px;}
.s6_1 .flex_box .text{line-height: 28px !important;}
.s6_1 .flex_box .text span{font-size: 18px;font-weight: 600;line-height: 32px;letter-spacing: -0.18px;}

.s6_1 .ais{align-items: stretch;padding-bottom: 50px !important; max-width: 1000px; margin: 0 auto;}
.s6_1 .ais>:nth-child(1){position: relative;max-width:566px ;}
.s6_1 .ais>:nth-child(1) .image{height: 100%;}
.s6_1 .ais>:nth-child(1) .image img{height: 100%; object-fit: cover;}
.s6_1 .ais>:nth-child(1) .caption{position: absolute; bottom: -50px; left: 50%; width: 100%; transform: translate(-50%,0); }

.s6_1 .writers {color:#5F3A50!important}
.s6_1  .writers .img_wrap::before, .s6_1 .img_wrap::after {  background-color:#5F3A50!important; }

@media all and (max-width:1280px){
.s6_1 .ais.flexs{display: block; }
.s6_1 .ais>:nth-child(1) .image{height: auto;}
.s6_1 .ais>:nth-child(1) .image img{height: auto; object-fit: contain;}
.s6_1 .ais>div{max-width: 825px; margin: 20px auto;}
.s6_1 .ais>:nth-child(1) .caption{position: static; bottom: auto; left: auto; transform: none;}
.s6_1 .vol29_box .vol29_box2 .img_wrap{margin: 0 0 0 auto ;}
}

@media all and (max-width:1024px){
.s6_1 thead th{ font-size: 18px;line-height: 26px;}
.s6_1 .stable td,.s6_1 .stable th{padding: 6px !important; }
}

@media (max-width: 767px) {
    .s6_1 .vol29_box .vol29_box1{ border-right:none;}
    .s6_1 .tit{font-size: 18px;}
   .s6_1 thead th{ font-size: 16px;line-height: 24px;}
}
@media all and (max-width:380px){
.s6_1 .flex_box{flex-direction: column; gap: 14px;}
.s6_1 .flex_box .image{margin: 0 auto 0 0;}
}





/**/
.vol29_box{display: flex; align-items: stretch;}
.vol29_box .vol29_box1{padding: 6px 16px; display: flex; flex-direction: column; align-items: center; gap:14px; justify-content: center;}
.vol29_box .vol29_box2{padding: 24px 40px; display: flex; gap: 36px;}
.vol29_box .vol29_box2 >div {flex:1}
.vol29_box .small{font-size: 15px;font-weight: 400;line-height: 24px; letter-spacing: -0.3px;}
.vol29_box .small.tit{padding: 2px 12px; background: #fff;text-align: center;}
.vol29_box .t20{text-align: center;font-size: 20px;font-weight: 700;line-height: 28px; letter-spacing: -0.5px;}
.vol29_box .line{border-bottom: 1px solid #fff; padding-bottom: 6px; margin-bottom: 8px !important; font-weight: 600;}
@media (max-width: 1280px) {
.vol29_box .vol29_box2{flex-direction: column;}
}
@media (max-width: 767px) {
.vol29_box{flex-direction: column;}
.vol29_box .vol29_box1{padding:16px 24px 0 24px;}
.vol29_box .vol29_box2{padding: 24px ;}
}

.s7_1 .vol29_box{background:  #3E5762; color: #fff;}
.s7_1 .vol29_box .small.tit{color:#222}
.s7_1 .vol29_box .vol29_box1{ border-right: 1px solid #fff;}

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


.s7_1 .line_tit{  font-size: 20px;font-weight: 700;   line-height: 28px;   letter-spacing: -0.5px; margin-bottom: 14px; padding-top: 8px; text-align: left !important;border-top: 1px solid #222;color:#222; margin-top: 28px;}
.s7_1  .line_tit sup{top:-0.7em;font-size: 50%; line-height: 0; position: relative; vertical-align: baseline;}
.s7_1 .vol29_box{background:  #3E5762; color: #fff;}
.s7_1 .vol29_box .small sup{top:-4px;font-size:12px; line-height: 0; position: relative; vertical-align: baseline;}


.s7_1 .tit_wrap {width: 300px; margin: 0 auto 30px auto;}
.s7_1 .tit_wrap .text{text-align: center !important; margin: 0 !important; font-weight: 600;}
.s7_1 .tit_wrap>:nth-child(1){border-bottom: 1px solid #3E5762;}
.s7_1 .flex_box{display: flex; border: 1px solid #fff;}
.s7_1 .flex_box .img_wrap{margin: 0 !important;}
.s7_1 .flex_box>:nth-child(2) .image{position: relative;}
.s7_1 .flex_box>:nth-child(2) .image::after{content: ''; background: #EEE93A; width: 5px; height: 100%; position: absolute; left: 0; top: 0;}
.s7_1 .flex_box>:nth-child(2) .image::before{content: ''; background: #EEE93A; width: 5px; height: 100%; position: absolute; right: 0; top: 0;}
.s7_1 .flex_box .small_t{margin-top: 14px; font-size: 15px;font-weight: 400;line-height: 24px; letter-spacing: -0.3px;}
@media (max-width: 1280px) {
    .s7_1 .flexs.three{flex-direction: column;width: 100%; max-width:400px; margin: 0 auto;}
    .s7_1 .flexs.three .flexs{flex-direction: column;}
.s7_1 .flexs.three br{display: none;}
}

@media (max-width: 1024px) {
.s7_1 .flex_box{max-width: 400px; margin: 0 auto;}
.s7_1 .flex_box{flex-direction: column;}
.s7_1 .flex_box>:nth-child(2){margin: 25px auto !important;}
.s7_1 .flex_box>:nth-child(2) .image::after{ display: none;}
.s7_1 .flex_box>:nth-child(2) .image::before{display: none;}

}
@media (max-width: 767px) {
.s7_1 .line_tit{ font-size: 18px; line-height: 26px;}
.s7_1 .vol29_box .vol29_box1{ border-right: none}
    .s7_1 .flexs.three .flexs{margin-top: 20px;}
}
/**/


.s7_2 {background: #E2E8F5}
.ccolor7_2{color:#473A2F!important}

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



.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.vol29 .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.vol29 .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%; } 
 }