@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/vol20/sub/visual_1_1.jpg') !important; }
.sub_visual.s1_2 { background-image:url('/theme/basic/img/vol20/sub/visual_1_2.jpg') !important; background-position: right}
.sub_visual.s1_3 { background-image:url('/theme/basic/img/vol20/sub/visual_1_3.jpg')!important; }
.sub_visual.s1_4 { background-image:url('/theme/basic/img/vol20/sub/visual_1_4.jpg')!important; }
.sub_visual.s1_5 { background-image:url('/theme/basic/img/vol20/sub/visual_1_5.jpg')!important; background-position: right !important;}
.sub_visual.s2_1 { background-image:url('/theme/basic/img/vol20/sub/visual_2_1.jpg')!important; }
.sub_visual.s2_2 { background-image:url('/theme/basic/img/vol20/sub/visual_2_2.jpg')!important; }
.sub_visual.s3_1 { background-image:url('/theme/basic/img/vol20/sub/visual_3_1.jpg')!important; }
.sub_visual.s3_2{ background-image:url('/theme/basic/img/vol20/sub/visual_3_2.jpg')!important; }
.sub_visual.s4_1 { background-image:url('/theme/basic/img/vol20/sub/visual_4_1.jpg')!important; }
.sub_visual.s4_2 { background-image:url('/theme/basic/img/vol20/sub/visual_4_2.jpg')!important; }
.sub_visual.s4_3 { background-image:url('/theme/basic/img/vol20/sub/visual_4_3.jpg')!important; }
.sub_visual.s5_1 { background-image:url('/theme/basic/img/vol20/sub/visual_5_1.jpg')!important; }
.sub_visual.s5_2 { background-image:url('/theme/basic/img/vol20/sub/visual_5_2.jpg')!important;background-position: center bottom }
.sub_visual.s5_3 { background-image:url('/theme/basic/img/vol20/sub/visual_5_3.jpg')!important; }
.sub_visual.s6_1 { background-image:url('/theme/basic/img/vol20/sub/visual_6_1.jpg')!important; }
.sub_visual.s6_2 { background-image:url('/theme/basic/img/vol20/sub/visual_6_2.jpg')!important; background-position: right}
.sub_visual.s7_1 { background-image:url('/theme/basic/img/vol20/sub/visual_7_1.jpg')!important; background-position: 70%}
.sub_visual.s7_2 { background-image:url('/theme/basic/img/vol20/sub/visual_7_2.jpg')!important; }
.sub_visual.s8_1 { background-image:url('/theme/basic/img/vol20/sub/visual_8_1.jpg')!important; }
.sub_visual.reviewer { background-image:url('/theme/basic/img/vol20/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 }
.fwb{font-weight: bold}
.wbk {word-break: keep-all !important;}
.wbk2 {word-break: keep-all !important;    word-spacing:-0.08rem}
.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;}
}
@media all and (max-width:767px) {
  .sub_visual {height: 660px !important;}
  .sub_visual.s1_1 { background-image:url('/theme/basic/img/vol20/sub/visual_1_1-mo.jpg')!important; }
  .sub_visual.s1_2 { background-image:url('/theme/basic/img/vol20/sub/visual_1_2-mo.jpg')!important; }
  .sub_visual.s1_3 { background-image:url('/theme/basic/img/vol20/sub/visual_1_3-mo.jpg')!important; }
  .sub_visual.s1_4 { background-image:url('/theme/basic/img/vol20/sub/visual_1_4-mo.jpg')!important; }
  .sub_visual.s1_5 { background-image:url('/theme/basic/img/vol20/sub/visual_1_5-mo.jpg')!important; }
  .sub_visual.s2_1 { background-image:url('/theme/basic/img/vol20/sub/visual_2_1-mo.jpg')!important; }
  .sub_visual.s2_2 { background-image:url('/theme/basic/img/vol20/sub/visual_2_2-mo.jpg')!important; }
  .sub_visual.s3_1 { background-image:url('/theme/basic/img/vol20/sub/visual_3_1-mo.jpg')!important; }
    .sub_visual.s3_2{ background-image:url('/theme/basic/img/vol20/sub/visual_3_2-mo.jpg')!important; }
  .sub_visual.s4_1 { background-image:url('/theme/basic/img/vol20/sub/visual_4_1-mo.jpg')!important; }
  .sub_visual.s4_2 { background-image:url('/theme/basic/img/vol20/sub/visual_4_2-mo.jpg')!important; }
  .sub_visual.s4_3 { background-image:url('/theme/basic/img/vol20/sub/visual_4_3-mo.jpg')!important; }
  .sub_visual.s5_1 { background-image:url('/theme/basic/img/vol20/sub/visual_5_1-mo.jpg')!important; }
  .sub_visual.s5_2 { background-image:url('/theme/basic/img/vol20/sub/visual_5_2-mo.jpg')!important; }
  .sub_visual.s5_3 { background-image:url('/theme/basic/img/vol20/sub/visual_5_3-mo.jpg')!important; }
  .sub_visual.s6_1 { background-image:url('/theme/basic/img/vol20/sub/visual_6_1-mo.jpg')!important; }
  .sub_visual.s6_2 { background-image:url('/theme/basic/img/vol20/sub/visual_6_2-mo.jpg')!important; }
  .sub_visual.s7_1 { background-image:url('/theme/basic/img/vol20/sub/visual_7_1-mo.jpg')!important; }
  .sub_visual.s7_2 { background-image:url('/theme/basic/img/vol20/sub/visual_7_2-mo.jpg')!important; }
  .sub_visual.s8_1 { background-image:url('/theme/basic/img/vol20/sub/visual_8_1-mo.jpg')!important; }
  .sub_visual.reviewer { background-image:url('/theme/basic/img/vol20/sub/visual_reviewer-mo.jpg')!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}

*{
     -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;}
.flexs> :nth-child(1){margin-right: 20px !important;}
.flexs.center{align-items: center;}
.flex_center{display: flex; justify-content: center; align-items: center;}
.flex_center>:first-child{margin-right: 20px !important;}
.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;}
.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: #17A8B4;border-color:#17A8B4}
.s1_2 .info {border-color:#005395; color: #005395;}
.s1_4 .info{border-color:#D35A9C; color: #D35A9C;}
.s1_5 .info{border-color:#213491; color:#213491}
.s2_1 .info {border-color:#3B9A9B; color: #3B9A9B;;}
.s2_2 .info {border-color:#40689C; color: #40689C;}
.s3_1 .info {border-color:#824C3F; color:#824C3F;}
.s3_2 .info {border-color:#881D36 ; color:#881D36 ;}
.s4_2 .info {border-color:#103381; color: #103381;}
.s4_3 .info {border-color:#f8f8f8; color:#f8f8f8;}
.s5_1 .info{border-color:#508E55; color: #508E55 !important;}
.s5_2 .info{border-color:#fff ; color:#fff  !important;}
.s6_1 .info{border-color:#5D8EC6 ; color:#5D8EC6 !important;}
.s7_2 .info {border-color:#42618B; color: #42618B}


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

/**/

/**/

.s1_2 {background:  #EEEBE9}
.s1_2 .title { color: #005395; border-top: 1px solid #005395; border-bottom: 1px solid #005395; text-align: center; margin-bottom: 20px !important;padding: 12px 0px;}

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

.s1_2 .img_wrap.line{border-color: #005395;}
.s1_2 .img_wrap .img_tit{ color: #005395;}
.s1_2 .width1000{max-width: 1000px}
/**/
.s1_3 {background: #F8C5AC;}
.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 {border: 1px dashed #fff; background: black; padding: 10px 30px; border-radius: 50px; width: fit-content; text-align: center;
color:#F8C5AC}
@media all and (max-width:768px){
    .s1_3 .description{margin-bottom: 80px !important;}
}
@media all and (max-width:460px){
    .s1_3 .title_wrap .txt_wrap .title { padding: 10px 20px; border-radius: 50px; width: fit-content; text-align: center; font-size: 18px;}
  }

/**/
.s1_4 .ccolor1-4 {color:#D35A9C }
.s1_4  .line{border-color:#D35A9C  ; color:#D35A9C ;}
.s1_4  .description{border-color:#D35A9C !important ; }
.s1_4  .description ul li{color:#D35A9C   !important}

.s1_4 .width800{max-width: 800px;}

.s1_4 .box {padding: 48px 60px; background: #D35A9C;border-radius: 36px; color: #fff;}
.s1_4 .box .line{ width: 100%; border-color: #fff; color: #fff; margin-bottom: 32px;}
.s1_4 .box .row{margin-bottom: 30px;}
.s1_4 .box .row>div{ padding-top: 0; padding-bottom: 0;}
.s1_4 .box .row>div>div{margin: 0;}
.s1_4 .box .title.fwn{font-weight: normal !important; margin-bottom: 14px; }

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

.s1_4_flex{display: flex;  gap: 16px;   align-items: stretch; margin-bottom: 14px;}
.s1_4_flex .img_txt{ font-size: 18px;font-weight: 700;line-height: 18px; /* 100% */letter-spacing: -0.45px; display: flex; align-items: center;border-radius: 24px; width: 153px; justify-content: center;}

.s1_4_flex .img_txt.box1{background: #C5BFBF; color: #222;}
.s1_4_flex .img_txt.box2{background: #222; color: #fff;}
.flex_sb{display: flex; justify-content: space-between;}
.s1_4_flex .image {display: flex;align-items: center;}
.s1_4_flex .image img {max-height: 100%;height: auto;display: block;}
.s1_4 .mt4{margin-top: 4px !important;}

@media all and (max-width:767px){
    .s1_4_flex{display: block;}
.s1_4_flex .img_txt{ font-size: 16px;line-height: 16px;padding: 0 12px;width: 100%; padding: 40px 0; }
.s1_4_flex .image{justify-content: center; margin: 20px 0;}
.s1_4_flex>:nth-child(2),.s1_4_flex>:nth-child(4){transform: rotate(90deg);}
.s1_4 .box{padding: 48px 32px;}
}




/**/
.s1_5 .mb24{margin-bottom: 24px !important}
.s1_5 .ccolor1_5{color: #213491;}
.s1_5 .title{margin-bottom: 24px;}
.s1_5 .title img{max-width: 20px;}
.s1_5 .title.ccolor1_5{color: #213491; border-bottom: 2px dashed #213491; padding-bottom: 6px; margin-bottom: 12px !important;}

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

.s1_5 .width410>div{max-width: 410px; margin: 0 auto;}
.s1_5 .img_wrap .img_box_t{background: #213491; color: #fff;}
.s1_5   .description{border-color: #213491 !important ; }
.s1_5  .description ul li{color: #213491  !important}


/**/

.s2_1 .title,.ccolor2_1{color:#3B9A9B!important}
.s2_1 .box{background: #efefef; padding: 20px 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: #3B9A9B; font-weight: bold;}
.s2_1 .box2{background: #3B9A9B; color: white; padding: 30px 30px 10px 30px; } 
.s2_1 .wh{color:#fefefe !important}
.s2_1 .description ul li{color:#3B9A9B  !important}
.s2_1 .img_wrap.line{border-color: #3B9A9B;}
.s2_1 .img_wrap .img_tit{ color: #3B9A9B;}


@media all and (max-width:767px){
    .s2_1 .box{ padding: 20px 20px 20px 20px;}
    .s2_1 .box .txt_wrap{margin-top: 0;}
    .s2_1 .box .tit_box{margin-bottom: 30px !important;}
    .s2_1 .box2{ padding: 20px 20px 0px 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:#3B9A9B; color: #fff;}
.s2_1 .table_wrap .two>:nth-child(2){background: #f8f8f8; color: #3B9A9B; }

@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;}
}
/**/
.s2_2 .flex_end{justify-content: center !important;}
.s2_2 .title,.ccolor2_2{color:   #40689C }
.s2_2 .box{background: #EFEFEF; padding: 20px 40px;}
.s2_2 .box .tit_box{background:#222; color: white; width: fit-content; margin: 0 auto; padding: 5px 30px;}
.s2_2 .box span{color:#40689C ; font-weight: bold;}
.s2_2 .box2{background: #40689C; color: #fefefe !important; padding: 30px 30px 10px 30px;}
.s2_2  .ccolor2_2{color: #40689C !important ;}
.s2_2 .wh{color:#fefefe !important}
.s2_2 .description ul li{color:#40689C !important}
.s2_2 sup.small{font-size: 10px !important;}

.s2_2 .img_wrap.line{border-color: #40689C; }
.s2_2 .img_wrap .img_tit{ color: #40689C; }
.s2_2 .table_wrap .two>:nth-child(1){background: #40689C; color: #fff; }
.s2_2 .table_wrap .two>:nth-child(2){background: #f8f8f8; color: #40689C; }



@media all and (max-width:767px){
    .s2_2 .box{ padding: 30px 20px 20px 20px;}
    .s2_2 .box .txt_wrap{margin-top: 0;}
    .s2_2 .box .tit_box{margin-bottom:30px !important;}
    .s2_2 .box2{ padding: 20px 20px 0px 20px;}
}


/**/
.s3_1 .ad_box {display: flex;gap: 32px; background: #824C3F; min-height: 400px;  align-items: center; justify-content: space-between; gap: 32px; padding:  56px 64px;}
.s3_1 .ad_box  .ad_tit{   font-family: "Black Han Sans", sans-serif;font-size: 36px;font-weight: 400;   line-height: 38px; color:  #FFFEEE; text-align: center; margin-bottom: 10px;}
.s3_1 .ad_box  .ad_text{     font-family: 'Cafe24Ssurround';color:  #FFFEEE;  font-size: 16px;  font-weight: 700; line-height: 24px; text-align: center;}
.s3_1 .ad_box span{transform: rotate(-90deg);color:  #FFFEEE}
.s3_1 .ad_box .ad_wrap{width: 33%;}

.s3_1 .box_tit{margin-top: 0px !important; padding: 6px 10px; background: #824C3F;  color: #f8f8f8; font-weight: 700 !important;  margin-bottom: 12px !important;} 

.s3_1 .size {font-size: 110%;}
.s3_1 .box{background: #f9faf9; padding: 20px 30px; background-image:url('/theme/basic/img/vol20/sub/s3_1_bg.jpg'); background-size: cover; background-position: top;background-repeat: no-repeat;
position: relative;}

.s3_1 .box .title{width: fit-content; margin: 20px auto 0 auto;color:#824C3F !important; }
.s3_1 .box .lines2 {border-bottom: 1px solid #333; width: 100%; display: block; }
.s3_1 .writers2>:nth-child(1){width: 30%;}
.s3_1 .writers2>:nth-child(2){width: 70%;}
.s3_1 .box .icon{position: absolute; right: 20%; top:80px}
.s3_1 .dash{margin-top: 10px;}
.s3_1 .dash li{position: relative; padding-left: 10px; color: #64464E!important;}
.s3_1 .dash li::before{position: absolute; content: '•'; left: 0px;    }


.s3_1 .dash li {word-break: keep-all !important;}   

@media all and (max-width:1280px){
    .s3_1 .box .col_3{width: 100% !important;}   
    .s3_1 .dash li {word-break: break-all !important;}   
    .s3_1 .side_line{border-left: 0px solid #322e17; padding-left: 0px !important;}
    .s3_1 .box .icon{position: absolute; right: 15%; }
    .s3_1 .side_line{ height: fit-content;}

}
@media all and (max-width:1080px){
    .s3_1 .box .icon{ display: none; }
    .s3_1 .ad_box {display: block; height: auto; width: fit-content; margin: 20px auto; max-width: 480px !important;}
    .s3_1 .ad_box .ad_wrap{width: 100%; }
    .s3_1 .ad_box span{display: block; text-align: center; transform: rotate(0); margin: 32px;}
}

@media all and (max-width:767px){
    .s3_1 .writers2 {display: block}
    .s3_1 .writers2>div{width: 100% !important;}
    .s3_1 .writers2 .image img{width: fit-content;}
    .s3_1 .box{background-image:url('/theme/basic/img/vol20/sub/s3_1_bg-mo.jpg'); background-size: cover; background-position: top;background-repeat: no-repeat;}

    .s3_1 .text.tar{text-align: left !important;}
}
.sub_visual.s3_2 .subject span{display: flex; align-items:flex-start; gap: 2px;}
.sub_visual.s3_2 .subject sup{ font-size: 30px!important; line-height: 30px !important; margin-top: 10px;}

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

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

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

@media all and (max-width:480px){
    .s3_2  .rd_box{padding: 50px 30px 30px 30px;}
    .s3_2  .rd_box .rd_tit.long {justify-content: space-around;}
    .s3_2  .rd_box .rd_tit.long sup{width: 40%; margin-top: 0;}
    .sub_visual.s3_2 .subject sup{ font-size: 12px!important; line-height:18px !important;}
}
@media all and (max-width:344px){
    .s3_2  .rd_box{padding: 40px 20px 20px 20px;}
    .s3_2  .rd_box .rd_tit sup{padding: 0 !important;}
    .sub_visual.s3_2 .subject sup{ font-size: 10px!important; line-height:16px !important;}
}
/**/
.s4_1 {background: #E1E3DF;}
.s4_1 .title.round{  width: fit-content; margin:0 auto 24px auto !important; border: 1px solid black; background: white; border-radius: 30px;  padding:6px 36px;}
.s4_1 .fix {max-width: 1000px; margin: auto;}


/**/

.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: #03425E;}
.s5_1 .box_title {display: flex; align-items: flex-end;}
.s5_1 .box_title  .txt_wrap{border-top: 1px solid #A7AAA1; width: 100%; padding-top: 10px; margin-bottom: 0 !important;}
.s5_1 .box_title .title{color: #03425E!important;}
.s5_1 .box{background: #DDEFF7; padding: 20px 60px;}
.s5_1 .box .title{border-bottom: 1px solid #03425E; color: #222 !important; padding-bottom: 10px;}
.s5_1 .box .txt_wrap >div {margin-bottom: 0;}
.s5_1 .lh_5_1{letter-spacing: -0.05rem !important;}
@media all and (max-width:1280px){
    .s5_1 .box{padding: 20px 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 .txt_wrap >div {margin-bottom: 10px;}
    .s5_1 .box_title {display: block!important}
}

/**/
.s5_2.sub_contents{padding: 0px !important;}
.s5_2 .cont1 {background:url('./');}

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


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

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

.s5_2 .cont2 {background: #C8E7F2;}
.s5_2 .cont2 .title{color: #265C50; line-height: 28px !important; font-size: 20px !important; margin-bottom: 20px;}
.s5_2 .cont2 .title.bk{color:#222 !important}
.s5_2 .cont2 .text{color:#4A2F2D}
.s5_2 .cont2 a{color: #578143!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;}
@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:#5D8EC6 !important}
.s6_1 .writers {color:#5D8EC6!important}
.s6_1  .writers .img_wrap::before, .s6_1 .img_wrap::after {  background-color: #5D8EC6!important; }
/**/
.s6_2 .ccolor6_2{color:#5D8EC6}
.s6_2  .writers .img_wrap::before, .s6_2 .img_wrap::after {  background-color: #5D8EC6!important; }
.s6_2 .writers {color:#5D8EC6}
.s6_2  .description ul li{color:#5D8EC6!important}
/**/
.ccolor7_1,.s7_1 .title{color:#4A5D57}
.s7_1  .writers .img_wrap::before, .s7_1 .img_wrap::after {  background-color: #4A5D57!important; }
.s7_1 .writers {color:#4A5D57}
.s7_1  .description ul li{color:#4A5D57!important}
.s7_1 .img_wrap.line{border-color: #4A5D57; }
.s7_1 .img_wrap .img_tit{ color: #4A5D57; }
/**/
.s7_2 {background: #F8F8EE;}
.ccolor7_2{color:#42618B!important}
.s7_2 .title,.s7_2 .description li{color:#42618B!important}
.s7_2 .s7_box3{padding:30px !important; background:#42618B ; 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 .alert {text-align: center; color:#42618B!important; font-size: 20px !important; font-weight: 500;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;}
.s7_2 .width60 *:not(.caption) {margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important;}
.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 .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(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;}

}
@media all and (max-width:767px) {
      .s7_2 .s7_box3{padding: 20px !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/vol20/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: #F5D550;}
.s8_1 .flex_wrap .round.wh{background: #fff;}
.s8_1 .flex_wrap .round.bl{background: #4AB1DF;}
.s8_1 .flex_wrap .round.bl2{background: #65C3CC;}
.s8_1 .box span{border-bottom: 1px solid #3C4D9C; font-weight: 800;color: #3C4D9C;;}

@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: 28px !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){
.sub_contents .row > .column {width: 100% !important;}
.sub_contents .row > .column {padding-right: 0 !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;}
    }