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


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




.flexs{display: flex; justify-content: space-between;gap: 20px;}
.flexs.center{align-items: center;}
.flex_center{display: flex; justify-content: center; align-items: center; gap:20px}
.flex-start{align-items: flex-start;}
.flex-end{align-items: flex-end;}

.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;}
.mt40{margin-top: 40px !important;}
.mt5{margin-top: 5px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !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;}
.pr0{padding-right: 0px !important;}
.description { padding: 15px; border: 1px dashed #5f6463;}
.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 .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 .info {border-top: 1px solid; border-bottom: 1px solid; }
.subject_mini{line-height: 1.8rem; margin-top: 5px;}


.s1_1 .info { color: #A93134;border-color:#A93134}
.s1_2 .info {border-color:#4D4B7B; color: #4D4B7B;}
.s1_3 .info {border-color:#781A1E; color: #781A1E;}
.s1_4 .info{border-color:#92505B ;color: #92505B;}
.s1_5 .info{border-color:#355170;; color:#355170}
.s2_1 .info {border-color:#194D7D; color: #194D7D;}
.s2_2 .info {border-color:#5170B6; color: #5170B6;}
.s3_1 .info {border-color:#4A916F; color:#4A916F;;}
.s3_2 .info {border-color:#006569; ; color:#006569;;}
.s4_2 .info {border-color:#103381; color: #103381;}
.s4_3 .info {border-color:#f8f8f8; color:#f8f8f8;}
.s5_2 .info{border-color: #A8D77F; color: #A8D77F !important;}
.s6_1 .info{border-color:#7C516B; color:#7C516B!important;}
.s7_1 .info {border-color:#205667; color: #205667;}
.s7_2 .info {border-color:#2B899B ; color: #2B899B }


.img_wrap.line{border-top: 1px solid #222; width: fit-content; margin: 20px auto !important;}
.img_wrap .caption.bk{color:#222 !important;text-align: left !important}
.img_wrap .img_tit{  font-size: 18px;font-weight: 700;   line-height: 18px;   letter-spacing: -0.45px; margin-bottom: 16px; margin-top: 8px;text-align: left !important;}
 .img_box_t{width: 100%; font-size: 18px;font-weight: 700;   line-height: 18px;   letter-spacing: -0.45px; padding: 8px 10px; text-align: left !important; margin-bottom: 14px;}
@media all and (max-width:767px){
.img_box_t{line-height: 24px; padding: 4px 10px;}
}


/**/

 .ccolor1_1{color: #A93134;}
.s1_1 .box{display: flex; background: #222;border-radius: 99px; width: fit-content;margin-bottom: 30px; }
.s1_1 .box>div{font-size: 26px;font-weight: 700;line-height:46px;letter-spacing: -0.52px;padding: 0px 30px;border-radius: 99px; height: 48px; }
.s1_1 .box .title1{color: #fff;background:  #A93134;}
.s1_1 .box .title2{color: #D19886; background: #222; padding:0 30px 0 18px;}

.s1_1 .big_t{font-size: 48px;font-weight: 500;line-height: 48px; letter-spacing: -0.96px; margin-bottom: 16px;}

.s1_1 .line{display: flex;align-items: center;justify-content: center; padding: 0 16px; height: 32px;border-radius: 6px;
border: 1px solid #222; width: fit-content; margin-bottom: 10px;}

.s1_1 .flexs{gap: 30px ;}
.s1_1 .round{color: #A93134; border-radius: 99px;background:  #E0E5F2;padding: 16px 0;font-size: 20px;line-height: 20px; }

.s1_1 .box_wrap{display: flex; gap: 30px; flex-wrap: wrap;}
.s1_1 .box_wrap .box2{flex: 1 1 calc(33.333% - 20px); padding: 16px 32px;border-radius: 24px; }
.s1_1 .box_wrap .box2 .text{text-align: center; word-break: keep-all; margin: 0 !important;}
.s1_1 .box_wrap .line_tit{text-align: center;font-size: 22px;font-weight: 700;line-height: 30px; letter-spacing: -0.44px;margin-bottom: 10px;text-decoration-line: underline;text-decoration-style: solid;
text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font; }

.s1_1 .box_wrap .line_tit2{text-align: center;font-size: 22px;font-weight: 700;line-height: 30px; letter-spacing: -0.44px;margin-bottom: 10px;}
.s1_1 .box_wrap .line_tit2 span{text-decoration-line: underline;text-decoration-style: solid;
text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.s1_1 .box_wrap .line_tit2 sup{
   text-decoration: underline; 
  text-decoration-thickness: inherit;
  text-underline-offset: inherit;
  font-size: 14px;
}

.s1_1 .box_wrap .box2.gr{background: #8DCCB3;}
.s1_1 .box_wrap .box2.bl{background: #7598C7;color: #fff;}
.s1_1 .box_wrap .box2.wh{border: 1px solid #7598C7;}

@media all and (max-width:767px){
.s1_1 .box>div{font-size: 20px; line-height: 22px; padding: 10px 20px; height: auto;}
.s1_1 .box .title2{padding: 10px 20px 10px 10px; height: auto;}
.s1_1 .box_wrap{display: block;}
.s1_1 .box_wrap .box2{width: 100%; margin-bottom: 20px;}
.s1_1 .round{padding: 16px; font-size: 18px; word-break: keep-all; border-radius: 24px;}
}
@media all and (max-width:360px){
.s1_1 .box>div{font-size: 18px; line-height: 18px; padding: 8px 15px;}
.s1_1 .box .title2{padding: 8px 15px 8px 8px; }
}


/**/

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


.s1_2 .writers {color:#4D4B7B}
.s1_2  .writers .img_wrap::before, .s1_2 .img_wrap::after {  background-color: #4D4B7B!important; }


@media all and (max-width:767px){
    .s1_2 .title{gap: 5px;}
.s1_2 .title span{font-size: 18px;}
}


@media all and (max-width:480px){
    .s1_2 .title,.s1_2 .title span{word-break: keep-all;}
}


/**/
.s1_3 {background: #D2E3B5;}
.s1_3 .title_wrap {display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 60px !important; margin-bottom: 0px !important;} 
.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: #212121; } 

.s1_3 .title_wrap .txt_wrap .title {background: black; padding:4px;width: fit-content; text-align: center;
color:#D2E3B5; }
.s1_3 .title_wrap .txt_wrap .title span{display: flex; align-items: center; justify-content: center; border: 1px solid #fff;background: black; height: 55px; padding:0 36px;}

@media all and (max-width:767px){
.s1_3 .title_wrap .txt_wrap .title span{ padding: 40px 0;}
}
@media all and (max-width:580px){
.s1_3 .title_wrap .txt_wrap .title {width: 100%; margin: 0 15px;}
.s1_3 .title_wrap .txt_wrap .title span{display: flex; align-items: center; justify-content: center; border: 1px solid #fff; width:100%;background: black; height: 55px;}

  }

/**/
.s1_4 .line{position: relative;}
.s1_4 .line::before {content: ''; width: 1px; height:90%; position: absolute; left: 0;background: #FCEBA2; top:15px;}
.s1_4 .line .text{padding-left: 16px;}
.s1_4 .line .text span{position: relative; display: block; color: #A93134; font-weight: bold;}
.s1_4 .line .text span::before{content: ''; background: #FCEBA2; position: absolute; top:50%; left: -16px; width: 10px; height: 1px; }

.s1_4 .box_wrap{display: flex; margin-bottom: 20px !important;}
.s1_4 .box_tit{padding: 4px 16px 6px 16px; width: fit-content; border-radius: 8px; background: #A93134; color: #fff; display: block;}
.s1_4 .box_tit1{padding: 4px 16px 6px 16px; width: fit-content; border-radius: 8px; color: #A93134; background:#FCEBA2 ; margin-left: 8px; display: block;}

.s1_4 .flex_tit{display: flex; align-items:center; gap: 8px; color: #A93134;margin-bottom: 20px !important;}
.s1_4 .flex_tit img{width: 26px; margin-top: 4px;}


.s1_4 .box_wrap2{background: #FCEBA2; padding: 40px;}
.s1_4 .box_flex{display: flex;}
.s1_4 .box_flex .text{    margin-bottom: 0px !important; width: 50%;}
.s1_4 .box_flex .text .num{display: flex;align-items: center; justify-content: center; margin-bottom: 6px; width: 30px; height: 30px; background: white; font-weight: bold; color: #A93134; }
.s1_4 .box_flex .text b{display: block; margin-bottom: 6px;}

.s1_4 .box1{padding: 0 30px 30px 0; border-bottom: 1px solid #666; border-right: 1px solid #666;}
.s1_4 .box2{padding: 0 0 30px 30px; border-bottom: 1px solid #666;}
.s1_4 .box3{padding:  30px 30px 0 0;border-right: 1px solid #666;}
.s1_4 .box4{padding: 30px 0 0 30px ;}

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

@media all and (max-width:767px){
.s1_4 .box_wrap{display: block;}
.s1_4 .box_tit1{margin-left: 0px; margin-top: 10px; word-break: keep-all;}


.s1_4 .box_wrap2{padding: 30px;}
.s1_4 .box1{padding: 0 20px 20px 0; }
.s1_4 .box2{padding: 0 0 20px 20px;}
.s1_4 .box3{padding: 20px 20px 0 0;}
.s1_4 .box4{padding: 20px 0 0 20px ;}
}
@media all and (max-width:560px){
.s1_4 .box_flex{display: block;}
.s1_4 .box_flex .text { width: 100%; }

.s1_4 .box1{border-right:none;border-bottom: 1px solid #666; padding: 0 0 20px 0;}
.s1_4 .box2{ border-bottom: 1px solid #666; padding:20px 0 20px 0;}
.s1_4 .box3{border-right:none;border-bottom: 1px solid #666; padding:20px 0 20px 0;}
.s1_4 .box4{padding:20px 0 0 0;}

.s1_4 .mo-only2{display: block}
.s1_4 .pc-only2{display: none;}

}

/**/
.s1_5{background: #FEFDF2;}
.ccolor1_5,.s1_5 .title{color:#355170}
.s1_5 .title span{display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 999px; width: 40px; height: 40px;color:#1B4837}

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

.s1_5   .description{border-color: #355170!important ; }
.s1_5  .description ul li{color: #355170  !important}
.s1_5  .line_tit{  font-size: 18px;font-weight: 700;   line-height: 18px;   letter-spacing: -0.45px; margin-bottom: 16px; padding-top: 8px; text-align: left !important;border-top: 1px solid #355170 !important;color:#355170}



/**/
.s2_1 .img_box_t{background: #194D7D; color: #fff;}
.s2_1 .title,.ccolor2_1{color:#194D7D!important}
.s2_1 .box{background: #EFEFEF; 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: #194D7D; font-weight: bold;}
.s2_1 .box2{background: #194D7D; color: white; padding: 30px; } 
.s2_1 .wh{color:#fefefe !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 .flex_center>:nth-child(1){width: 60%;}
.s2_1 .flex_center>:nth-child(2){width: 40%;}
.s2_1 .bg{background: #C8DFF4;padding: 40px;border-radius: 20px; margin-bottom: 0 !important;}
.s2_1 .bg span{color: #194D7D;display: block; font-weight: bold; margin-bottom: 16px;}

.s2_1  .description{border-color: #194D7D!important ; }
.s2_1  .description ul li{color: #194D7D !important}
@media all and (max-width:1280px){
    .s2_1 .table_flex .caption{position: static; transform: translate(0,0);}
}
@media all and (max-width:1023px){
.s2_1 .flex_center{display: block;}
.s2_1 .flex_center>:nth-child(1){width: 100%;}
.s2_1 .flex_center>:nth-child(2){width: 100%;}
.s2_1 .bg{margin-top: 20px;}
}
@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:#194D7D; color: #fff;}
.s2_1 .table_wrap .two>:nth-child(2){background: #f8f8f8; color: #3E4F4B}
.s2_1  .description{border-color: #194D7D!important ; }
.s2_1  .description ul li{color: #194D7D !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 .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;}
}
/**/
.ccolor2_2{color: #5170B6 !important;}
.s2_2 .img_box_t{background:#5170B6; color: #fff;}
.s2_2 .flex_end{justify-content: center !important;}
.s2_2 .flex_end>:nth-child(1){width: 50%;}
.s2_2 .flex_end>:nth-child(2){width: 50%;}

.s2_2 .title{color:   #5170B6 }
.s2_2 .box{background: #EFEFEF; padding: 40px;}
.s2_2 .box .tit_box{background:#222; color: white; width: fit-content; margin: 0 auto; padding: 5px 30px;}
.s2_2 .box span{color:#5170B6; font-weight: bold;}
.s2_2 .box2{background: #5170B6; color: #EFF4F7 !important; padding: 30px ;}
.s2_2 .box2 .title{color: #EFF4F7 !important;}

.s2_2 .table_wrap .two>:nth-child(1){background: #5170B6; color: #EFF4F7;width: 210px; }
.s2_2 .table_wrap .two>:nth-child(2){background: #f8f8f8; color: #222; width: 100%;}
.s2_2  .description{border-color: #5170B6!important ; }
.s2_2  .description ul li{color: #5170B6 !important}

@media all and (max-width:1280px){
.s2_2 .flex_end>:nth-child(1){width: 100%;}
.s2_2 .flex_end>:nth-child(2){width: 100%;}
}

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


    .s2_2 .box{ padding: 40px 20px;}
    .s2_2 .box .txt_wrap{margin-top: 0;}
    .s2_2 .box .tit_box{margin-bottom:30px !important;}
    .s2_2 .box2{ padding: 20px ;}
}


/**/
.ccolor3_1{color: #F5DC87;}
.sub_visual.s3_1 .subject span{display: flex; align-items:flex-start; gap: 2px;}
.sub_visual.s3_1 .subject sup{ font-size: 30px!important; line-height: 30px !important; margin-top: 10px;}

.s3_1  .description{border-color: #fff!important ; }
.s3_1  .description ul li{color:#fff !important}

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

.s3_1  .rd_box .rd_tit{font-family: 'Cafe24Ssurround';color: #fff;font-size: 24px; font-weight: 500 !important; line-height: 32px;letter-spacing: -0.48px; margin-bottom: 10px; word-break: keep-all;}
.s3_1  .rd_box .text{color:#fff}
.s3_1  .rd_box .tit{margin-top: 60px; position: relative; margin-bottom: 24px;} 
.s3_1  .rd_box .tit img{width: fit-content; position: relative; z-index: 10; background:#4A916F;;}
.s3_1  .rd_box .tit::after{position: absolute; content: ''; width: 100%; height: 1px; background: #F5DC87; right: 0;
top:50%;z-index: 1;}
.s3_1  .rd_box .three{display: flex; justify-content: space-between; gap:30px}
.s3_1  .rd_box .three>.box_wrap{border-right: 1px dashed #F5DC87; padding-right: 30px; width: 33%;}
.s3_1  .rd_box .three .wrap{ height: 210px;     box-sizing: border-box;}
.s3_1  .rd_box .three .img_wrap{margin-top: 22px !important;box-sizing: border-box; margin-bottom: 0 !important;}
.s3_1  .rd_box .text{margin-bottom: 0 !important;}
.s3_1 .no-line{border: none !important;}
.s3_1  .rd_box .rd_tit.flex_tit{display: flex;}
.s3_1  .rd_box .rd_tit sup{font-size: 15px; line-height: 15px !important; margin-left: 1px; margin-top: 10px;}


@media all and (max-width:1280px){
    .s3_1  .rd_box .three .wrap{height: 240px;}
    }
@media all and (max-width:1160px){
        .s3_1  .rd_box .three {display: block;} 
        .s3_1  .rd_box .three .wrap{ height:auto}
        .s3_1  .rd_box .three>.box_wrap{ width: 100%; border-right: none; border-bottom: 1px dashed #F5DC87;}
        .s3_1  .rd_box .three>.box_wrap .img_wrap{margin-bottom: 22px !important; margin-top: 0 !important;}
        .s3_1  .rd_box .three .rd_tit{margin-top: 22px;}
        .s3_1  .rd_box .three .text{padding-bottom: 22px;}
        
.sub_visual.s3_1 .subject sup{ font-size: 16px!important; line-height:28px !important;  margin-top: 0px;}
.s3_1 .no{display: none !important;}
}


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

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

/**/
.s3_2 {background: #D9DBD8;}
.s3_2 .title.round{  width: fit-content; margin:0 auto 24px auto !important; border: 1px solid black; background: white; border-radius: 30px;  padding:6px 36px;}
.s3_2 .fix {max-width: 1000px; margin: auto;}
.ccolor3_2{color: #1E2380; font-weight:bold;}


/**/
.s4_1{background: #F2F6E6;}
.s4_1 .caption2{font-size: 15px;font-weight: 400;line-height: 20px;letter-spacing: -0.15px; text-align: center;}
.s4_1 .title{display: flex; align-items: flex-end; padding:7px 24px 10px 24px; background: #fff; border-radius: 999px; gap: 8px; margin-bottom: 20px !important;}
.s4_1 .title .text{margin: 0px !important; line-height: 17px !important; font-weight: normal !important;}
.s4_1 .box{display: block; padding: 4px 16px; background: #222; color: #fff; font-weight: bold; margin-bottom: 12px;}
.s4_1 .mark{background: #FFF462; font-weight: bold;}
.s4_1 .width1100{max-width: 1100px; margin: 20px auto !important;}
@media all and (max-width:500px){
.s4_1 .title{display: block;}
.s4_1 .title .text{margin-top: 5px !important;}
}
/**/

.s4_2 .flexs{border-bottom: 1px solid #103381; padding-bottom: 40px;}
.s4_2 .flexs.last{border-bottom: 0px solid #103381;}
.s4_2 .cont{width: 50%;}
.s4_2 .cont .img_wrap{border-bottom: 1px solid #103381;}
.s4_2 .cont .txt_wrap .text{word-break: break-all;}
.s4_2 .dash li{position: relative; padding-left: 10px; }
.s4_2 .dash li::before{position: absolute; content: '•'; left: 0px;   }
@media all and (max-width:900px){
.s4_2 .caption .subject .mo-only{display: block !important;}
}
@media all and (max-width:767px){
    .s4_2 .cont{width: 100%; }
    .s4_2 .flexs{border-bottom: 0px solid #103381; padding-bottom: 0px; margin-bottom: 0 !important;}
    .s4_2 .cont .img_wrap{border-bottom: 0px solid #103381;}
}

/**/
.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{color: #7B905F;}
.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: #7B905F!important;}
.s5_1 .box{background: #F7F1E4; padding:  60px;}
.s5_1 .box .title{border-bottom: 1px solid #7B905F; 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;}
@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;}
}
@media all and (max-width:767px){
    
 .s5_1 .box .mm40{margin-bottom: 0px;} 
 .s5_1 .box .flex_center{display: flex !important;}
    .s5_1 .box .row{margin-top: 30px;}
    .s5_1 .box .txt_wrap >div {margin-bottom: 10px;}
    .s5_1 .box_title {display: block!important}
}

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

.s5_2 .cont1 { background-image:url('/theme/basic/img/vol23/sub/s5_2_bg.png')!important;background-color: #100D0E ; padding: 80px 0;background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.s5_2 .cont1 .text{color: #f8f8f8;}
.s5_2 .info .text{color: #A8D77F;}

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

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

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

.s5_2 .cont2 .round  { color:  #222!important;  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{color: #222 !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;}
@media all and (max-width:1280px){
    .s5_2  .cont2 .pc-only{display: none !important;}
    .s5_2  .cont2 .mo-only{display: block !important;}
}
@media all and (max-width:767px){
    .s5_2 .cont1 {background-position: left center;}
    .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:#7C516B !important}

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



/**/
/**/
.sub_visual.s7_1 .description {border-color: #fff;}
.sub_visual.s7_1 .description ul li { color: #fff !important;}


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

.s7_1 .line_tit{  font-size: 18px;font-weight: 700;   line-height: 18px;   letter-spacing: -0.45px; margin-bottom: 16px; padding-top: 8px; text-align: left !important;border-top: 1px solid #306B3F;color:#306B3F;}
.s7_1 .img_box_t{background:#E6E6E6 ; color: #306B3F; margin-bottom: 20px;}
.s7_1 .img_box_t.ccolor7 {background:#306B3F ; color: #fff;}

.sub_contents.s7_1  .description{border-color: #306B3F!important ; }
.sub_contents.s7_1  .description ul li{color: #306B3F !important}

.s7_1 .flexs{gap:40px}

@media all and (max-width:767px){
    .s7_1 .arrow {width: fit-content; margin: 20px auto !important; max-width: 40px;}
    .mm40{margin-top: 40px !important;}
}
/**/


.s7_2 {background: #FEEFE3;}
.ccolor7_2{color:#2B899B!important}

.s7_2 .title,.s7_2 .description li{color:#2B899B!important}
.s7_2 .description{border-color:#2B899B ;}
.s7_2 .s7_box3{padding:30px !important; background:#2B899B ; color: #f8f8f8;}
.s7_2 .s7_box3 .title,.s7_2 .s7_box3 .caption{ color: #f8f8f8 !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;}
@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{ background-image:url('/theme/basic/img/vol23/sub/s8_1_bg.png')!important;background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.s8_1 .flex_wrap{display: flex; justify-content: space-between;margin: 0 0 80px 0 !important; align-items: center; gap: 24px;}

.s8_1 .flex_wrap .round{display: flex;min-width: 80px !important; min-height: 80px !important; justify-content: center; align-items: center;  border-radius: 300px; margin: 0 !important;width: 5%;max-width: 80px !important; max-height: 80px !important; font-weight: bold; }
.s8_1 .flex_wrap .box{ border-radius: 4px;background:rgba(248, 248, 248, 0.60); padding: 20px; margin: 0 !important;width: 95%;}
.s8_1 .flex_wrap .round.yl{background: #F5DC87;}
.s8_1 .flex_wrap .round.wh{background: #fff;}
.s8_1 .flex_wrap .round.gr{background: #9DCD72}
.s8_1 .flex_wrap .round.or{background: #EB884C}
.s8_1 .flex_wrap .round.bl{background: #75C6ED}

.s8_1 .box span{border-bottom: 1px solid #3C4D9C; font-weight: 800;color: #3C4D9C;;}
.s8_1 .small{font-size: 11px; line-height: 0; position: relative; vertical-align: baseline;bottom:  -1px;}
@media all and (max-width:767px){
    .s8_1 .flex_wrap{display: block;}
    .s8_1 .flex_wrap .round{ margin: 0 auto 20px auto !important;}
    .s8_1 .flex_wrap .box{width: 100%;}
}


.sub_contents .txt_wrap .title{text-decoration: none!important; font-size: 24px !important; line-height: 32px !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;}
 .flex_center {display: block !important;}
 .flexs{display:block;}
 .flexs>:nth-child(1){margin-right: 0px !important;}
 .flex_center{display: block}
 .flex_center>:first-child{margin-right: 0px !important;}

 .pc-only{display: none !important;}
 .mo-only{display: block !important;}
}

@media all and (max-width: 1280px) and (min-width: 767px){
    .tb_none{display: none !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;}
}