@charset "utf-8";

@font-face {
    font-family: 'OngleipKonkon';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* SUB COMMON */
.sub {  }
.sub_content { padding: 50px; }
.sub_content .container { max-width:1170px; }

/* SUB VISUAL */
.sub_visual { position: relative; display: table;  background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:700px; }
.sub.s1_1 .sub_visual { background-image:url('../images/sub/s1_1_visual.jpg'); }
.sub.s1_2 .sub_visual { background-image:url('../images/sub/s1_2_visual.jpg'); }
.sub.s1_3 .sub_visual { background-image:url('../images/sub/s1_3_visual.jpg'); }
.sub.s1_4 .sub_visual { background-image:url('../images/sub/s1_4_visual.jpg'); }
.sub.s1_5 .sub_visual { background-image:url('../images/sub/s1_5_visual.jpg'); }
.sub.s1_6 .sub_visual { background-image:url('../images/sub/s1_6_visual.jpg'); }
.sub.s2_1 .sub_visual { background-image:url('../images/sub/s2_1_visual.jpg'); }
.sub.s2_2 .sub_visual { background-image:url('../images/sub/s2_2_visual.jpg'); }
.sub.s2_3 .sub_visual { background-image:url('../images/sub/s2_3_visual.jpg'); }
.sub.s2_4 .sub_visual { background-image:url('../images/sub/s2_4_visual.jpg'); }
.sub.s2_5 .sub_visual { background-image:url('../images/sub/s2_5_visual.jpg'); }
.sub.s3_1 .sub_visual { background-image:url('../images/sub/s3_1_visual.jpg'); }
.sub.s3_2 .sub_visual { background-image:url('../images/sub/s3_2_visual.jpg'); }
.sub.s3_3 .sub_visual { background-image:url('../images/sub/s3_3_visual.jpg'); }
.sub.s3_4 .sub_visual { background-image:url('../images/sub/s3_4_visual.jpg'); }
.sub.s3_5 .sub_visual { background-image:url('../images/sub/s3_5_visual.jpg'); }
.sub.s3_6 .sub_visual { background-image:url('../images/sub/s3_6_visual.jpg'); }
.sub.post .sub_visual { background-image:url('../images/sub/post_visual.jpg'); }
.sub.list .sub_visual { background-image:url('../images/sub/list_visual.jpg'); }
.sub_visual .text_wrap { display:table-cell; text-align: center; vertical-align:middle; }
.sub_visual .text_wrap .category span { display:inline-block; font-size:24px; color:#ffffff; padding-bottom:5px; border-bottom:2px solid #ffffff; margin-bottom:40px; }
.sub_visual .text_wrap .writer{font-size: 18px; color:#FFF;margin-top:40px}


.sub_visual .text_wrap .subject { font-size: 40px; line-height:54px; font-weight:600; color:#ffffff; }

@media all and (max-width:767px){
    .sub_visual .text_wrap{padding: 0 20px;}
    .sub_visual .text_wrap .subject {word-break: keep-all;}
    .sub_visual .text_wrap .writer{font-size: 16px;word-break: keep-all; }
}

.sub_top .info_box{
  font-size: 16px;
  line-height: 30px;
  padding: 1.5rem;
background: #f4f4f4;
  margin-bottom: 3.5rem;
  text-align: center;
}
.sub_top .info_box .info_text{

}
.sub_content .part{
  margin-bottom: 80px;
}
@media all and (max-width:767px){
    .sub_content .part{
  margin-bottom:60px;
}
}
.sub_content .part .txt_wrap { margin-bottom:40px; }
.sub_content .part .txt_tit { font-size:24px; font-weight:600; text-decoration: underline; margin-bottom:15px; }
.sub_content .part .txt_desc { font-size:16px; line-height:30px; letter-spacing: -0.03em}

.sub_content .part .txt_wrap {
    margin: 20px 0;
}
.sub_content .part .txt_wrap p{
  font-size: 16px;
font-weight: 400;
line-height: 32px;
  letter-spacing: -0.03em
}
.sub_content .part .txt_wrap .title{
  font-weight: bold; font-size: 22px;margin-bottom: 10px
}
.sub_content .part .img_wrap{
  text-align: center;
  margin: 30px 0;
}
.sub_content .part .img_wrap.full {
  margin: 0px -50px;
}
.sub_content .part .caption{
  color:#666666; font-size: 14px; margin-top:10px
}

.tac{text-align: center!important}
.tal{text-align: left!important}
.tar{text-align: right!important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10 {margin-top: 0.625rem !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top: 13px !important;}
.mt16 {margin-top: 16px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}

.mb40 {margin-bottom: 2.5rem !important;;}
.mb0 {margin-bottom:0!important;}
.mb20 {margin-bottom:20px!important;}
.mb22 {margin-bottom:22px!important;}
.mb30 {margin-bottom:30px!important;}
.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}

.fwn{font-weight:normal !important; }
.fwb{font-weight: bold !important; }
.width100 img{width: 100%;}

.ls5{letter-spacing: -0.05rem !important;}
/*ROW*/
.row:after { display: block; content: ''; clear: both; }
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box; }
.row .col_2:first-child { padding-left: 0px; }
.row .col_2:last-child { padding-right: 0px; }
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box; }
.row .col_3.two { width: 66.6666%; }
.row .col_3:first-child { padding-left: 0px; }
.row .col_3:last-child { padding-right: 0px; }

.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box; }
.row .col_4:first-child { padding-left: 0px; }
.row .col_4:last-child { padding-right: 0px; }



/* column */
.row {
  overflow: hidden;
}
.row:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.row.mt30 {
  margin-top: 1.875rem;
}
.row.mb30 {
  margin-bottom: 1.875rem;
}
.row.mb60 {
  margin-bottom: 3.75rem;
}
.row .column {
  display: inline-block;
  float:left;
  padding-left: 2.5%;
}
.row.width50 .column {
  padding-left: 0px;
}
.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0; }
.row .column.mid {vertical-align: middle;}
.row .column.right {float: right; }
.row .column.right {padding-left: 2.5%; }
.row .column.right + .column {padding-left: 0; }

.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width8 > .column:first-child {width: 8%;}
.row.width8 > .column {width: 92%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 71%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 67%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
/* .row.width36 > .column.right {width: 64%;}
.row.width36 > .column.right + .column {width: 36%;} /* 454px  40.3333 */
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}
.row.width48 > .column:first-child {width: 48%;}
.row.width48 > .column {width: 52%;}
.row.width50 > .column:first-child {width: calc(50% - 15px); margin-right: 30px;}
.row.width50 > .column {width:  calc(50% - 15px);}

.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}

.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;} /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;} /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;} /* 478px  40.3333 */

.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;} /* 478px  40.3333 */

.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;} /* 462px  41 */

.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;} /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;} /* 454px  40.3333 */

.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}

.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}

.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}

.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;} /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;} /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;} /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;} /* 311  */
.row.width85 > .column {width: 85%;}
.row.width85 > .column + .column {width: 15%;} /* 311  */

.art_txt { position:absolute; left:0px; right:0px; bottom: -5px; color:#ffffff; font-size:80px; line-height:80px; height:80px; font-weight:bold; }
@media all and (max-width:1280px){
.info_text .tb-none{display: none;}
}
@media all and (max-width:1024px){
.row> .column{width: 100% !important; padding: 0 !important; }
.tb-none{display: none;}
.column .mm{margin-bottom: 30px !important;}
}

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

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

    .part.mb80 {margin-bottom:60px!important;}
}

/* SUB */
.s1_1 .bg1{ background-color:#063024;  background-image: url('../images/sub/s1_1_1.png'); background-size :cover; background-repeat: no-repeat; background-position:  center; }
.s1_1 .bg2{background-color:#DDDDDD;  background-image: url('../images/sub/s1_1_2.png'); background-size :cover; background-repeat: no-repeat; background-position: right bottom;}

.s1_1 .part{margin: 0 !important;}
.s1_1 .sub_content{padding: 80px !important;}

.s1_1_box { position: relative;}
.s1_1_box  .img_wrap img{max-width: 576px; width: 100%;}
.ccolor_wh{color:#fff; }
.s1_1_box .box *{color: #fff; text-align: center;}
.s1_1_box .box{border-radius: 24px;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(115, 115, 115, 0.40);width: 100%; max-width: 480px;padding: 20px 0; margin-top: 40px;}
.s1_1_box .box .s_tit{font-size: 24px;font-weight: 400;line-height: 36px; letter-spacing: -0.48px;}
.s1_1_box .box .big_tit{font-size: 32px;font-weight: 700;line-height: 36px;letter-spacing: -0.64px; margin-bottom: 12px;}

.s1_1_box2 { position: relative;}
.s1_1_box2 *{color:#023524}

.s1_1_box2 .row{margin-top: 60px;}
.s1_1_box2 .row>:nth-child(2){padding-left: 60px;}
.s1_1_box2 .row>:nth-child(2)>:nth-child(1){border-top: 1px solid #023524; padding-top: 16px;}
.s1_1_box2 .line_tit{font-size: 20px;font-weight: 700;line-height: 32px; letter-spacing: -0.4px;border-top: 1px solid #023524;padding-top: 8px;}
.s1_1_box2 .flexs .img_wrap{margin: 0 !important;}


@media all and (max-width:1280px){
    .s1_1 .sub_content{padding:40px!important;}
}

@media all and (max-width:1024px){
   .s1_1_box2 .flexs{gap: 20px;}
}
@media all and (max-width:767px){

.s1_1_box .box{padding: 20px; word-break: keep-all;}
.s1_1_box br{display: none;}
  .s1_1_box2 .flexs .img_wrap{margin-top:30px !important;}
  .s1_1_box2 .row>:nth-child(2){padding-left: 0px !important;}
  .s1_1_box2 .row>:nth-child(2)>:nth-child(1){border-top: none; padding-top: 0px;}

.s1_1_box .box .s_tit{font-size: 20px;line-height: 26px; }
.s1_1_box .box .big_tit{font-size: 26px;line-height: 32px; }
.s1_1_box2 .line_tit{margin-bottom: 30px;}
}
@media all and (max-width:480px){

 .s1_1 .sub_content{padding:36px 24px;}
}


.s1_2 .title,.ccolor1_2{color: #EA5454;}
.s1_2 .line{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_2 .box_wrap{border-top: 1px solid #EA5454;border-bottom: 1px solid #EA5454;background:#EDEDED; padding: 30px 36px 40px 36px; margin-top: 16px;}
.s1_2 .box{margin-bottom: 48px;}
.s1_2 .tit{display: flex;padding: 2px 40px;justify-content: center;align-items: center;gap: 10px;border-radius: 999px;background: #EA5454;color:  #FFF;font-size: 20px;font-weight: 700;line-height: 32px; letter-spacing: -0.4px; width: fit-content; margin-bottom: 16px;}
.s1_2 .box_wrap p{margin-bottom: 16px;}
.s1_2 .num_wrap{display: flex; gap: 10px;  align-items: flex-start; margin-bottom: 20px;}
.s1_2 .num_wrap .num{border-radius: 999px;background: #EA5454;display: flex;width: 24px !important;height: 24px !important;justify-content: center;align-items: center; color: #fff;   flex: 0 0 24px; margin: 4px 0 0 0;}
.s1_2 .num_wrap p:not(.num){flex: 1 1 auto; margin: 0;}


@media all and (max-width:767px){
.s1_2 .box_wrap{padding: 36px 24px;}
.s1_2 .num_wrap .num{margin-top: 5px;}

.s1_2 .tit{font-size: 18px;}
}




.s1_3 .intro{display: flex; gap: 21px; padding:68px 48px; background: #F1F1DE; position: relative;}
.s1_3 .intro .boxtit{position: absolute; bottom: 18px; right: 20px; width: 300px;}
.s1_3 .intro .img2{display: flex; align-items: flex-end;}
.s1_3 .box1,.s1_3 .box2{display: flex; align-items: center;}
.s1_3 .box2{margin-top: 32px;}
.s1_3 .box1 img,.s1_3 .box2 img{height: 30px;}

.s1_3 .box1 .txt,.s1_3 .box2 .txt{width: 410px; padding: 20px 24px;border-radius: 24px; }
.s1_3 .box1 .txt p,.s1_3 .box2 .txt p{color:#fff}
.s1_3 .box1 .txt{background: #005A4A; }
.s1_3 .box2 .txt{background: #ED7445;}

.s1_3 .box1 .txt .title{display: flex;padding: 4px 24px;justify-content: center;align-items: center;border-radius: 999px;color: #005A4A;background: #FFF;width: fit-content;}
.s1_3 .box2 .txt .title{display: flex;padding: 4px 24px;justify-content: center;align-items: center;border-radius: 999px;color: #ED7445;background: #FFF;width: fit-content;   margin-left: auto;}

.s1_3 .tm-only{display: none !important;}
.s1_3 .txt_wrap,.s1_3 .intro .img_wrap{margin-top: 0 !important; margin-bottom: 0 !important;}

@media all and (max-width:1024px){
    .s1_3 .tm-only{display: block !important;}
    .s1_3 .pc-only2{display: none !important;}
 
    .s1_3 .intro{padding:36px 36px 80px 36px;}
    .s1_3 .intro .txt_wrap{display: flex; gap: 10px;}
    .s1_3 .intro .txt_wrap:nth-child(2){margin-top: 32px !important; }
     .s1_3 .box2{margin-top: 0px;}
}
@media all and (max-width:767px){
    .s1_3 .intro{padding:36px 24px 24px 24px}
    
    .s1_3 .intro .txt_wrap{flex-wrap: wrap; gap: 20px;}
    .s1_3 .intro .txt_wrap:nth-child(2){flex-direction: column-reverse; margin-top: 0 !important;}
    .s1_3 .box1{display: flex;flex-direction: column; margin-bottom: 40px;}
    .s1_3 .box2{display: flex;flex-direction:column-reverse;}
    .s1_3 .box1 img, .s1_3 .box2 img{display: none;}
    .s1_3 .box2 .txt{background: #ED7445;}
    .s1_3 .box1 .txt,.s1_3 .box2 .txt{width: 100%}
    .s1_3 .intro .boxtit{position:static; margin-top: 36px;}
}


.s1_3 .top{margin-top: 70px;}
.s1_3 .flex{display: flex; align-items: flex-start; gap: 16px;}
.s1_3 .part{margin-bottom: 80px;}

.s1_3 .flex>:nth-child(1){  flex-shrink: 0;  white-space: nowrap; font-weight: bold; line-height: normal !important; padding-top: 4px;}
.s1_3 .ccolor1-3_1{color:#ED7445; border-top: 1px solid #ED7445; width: fit-content; font-weight: bold !important;}
.s1_3 .ccolor1-3_2{color:#005A4A; border-top: 1px solid #005A4A; width: fit-content; font-weight: bold !important;}

.s1_3 .ox_wrap{position: relative; padding: 80px; background: #005A4A;}
.s1_3 .big_t{padding: 4px 24px; margin: 0 auto; color:#005A4A;font-size: 24px;font-weight: 700;line-height: 36px;letter-spacing: -0.48px; background: #F1F1DE; border-radius: 999px; width: fit-content; display: flex; align-items: center; justify-content: center;}
.s1_3 .ps{position: absolute;width: 200px; top: 50px; margin: 0 !important;}
.s1_3 .width341{margin: 10px auto 0 auto !important;}
.s1_3 .width341 img{max-width: 341px; width: 100%;}
.s1_3 .ox_box_wrap{display: flex; gap:40px; margin-top: 60px;   flex-wrap: wrap; justify-content: center;}
.s1_3 .ox_box{width: calc(50% - 20px); padding: 28px 36px; border-radius: 24px; background: #F1F1DE;}
.s1_3 .ox_box .title{text-align: center; margin-top: 16px;}
.s1_3 .ox_box .num{margin: 0 auto;display: flex;padding: 2px 40px;justify-content: center;align-items: center; background: #005A4A; border-radius: 999px; width: fit-content; font-size: 28px;font-weight: 700;line-height: 42px;letter-spacing: -0.56px; color: #fff;}  
.s1_3 .ox_box .img_wrap{margin: 16px 0 !important;}
.s1_3 .ox_box .img_wrap img{width: 100px;}


.subSwiper{position: relative;}
.subSwiper .swiper-pagination { position: absolute;  left: 50%; bottom: 20px;}
.subSwiper .swiper-pagination-bullet {
    width: 10px;height: 10px;background: #fff; opacity: 1;margin: 0 6px;}
.subSwiper .swiper-pagination-bullet-active {   background: #ED7445;   /* 움직일 때 */}

@media all and (max-width:1024px){
    .s1_3 .ox_wrap{padding: 36px;}
    .s1_3 .ps{top:20px; width: 180px;}
    .s1_3 .ox_box_wrap{gap: 36px;}
    .s1_3 .ox_box{width: calc(50% - 18px); padding:36px 24px;}
}

@media all and (max-width:767px){
    
.s1_3 .part,.s1_3 .mb80{margin-bottom: 60px !important;}
.s1_3 .row>:nth-child(1){margin-bottom: 20px !important;}
 .s1_3 .ox_wrap{padding:36px 24px;}
 .s1_3 .ox_box_wrap{flex-wrap: wrap; gap: 24px;}
 .s1_3 .ox_box{width: 100%;}
 .s1_3 .ps{top:150px; width: 130px; right: 50px}
 .s1_3 .ox_box_wrap{margin-top: 120px;}
}

@media all and (max-width:480px){
 .s1_3 .ps{top:170px; width: 100px;}
  .s1_3 .ox_box_wrap{margin-top: 110px;}
}

.s1_4 .flexs.width50{display: flex; gap: 30px; justify-content:center;}
.s1_4 .flexs.width50 .box1{width: 50%; padding: 40px 60px;
  background:  repeating-linear-gradient(90deg, #222 0 10px, transparent 10px 18px) top, repeating-linear-gradient(90deg, #222 0 10px, transparent 10px 18px) bottom, repeating-linear-gradient(0deg, #222 0 10px, transparent 10px 18px) left, repeating-linear-gradient(0deg, #222 0 10px, transparent 10px 18px) right,
    #FFF8E3;
  background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
  background-position:  top left,  bottom left,  top left,  top right;
  background-repeat: no-repeat;
}
.s1_4 .box1 .box1_flex{display: flex; gap: 60px;  justify-content: center; margin-top: 28px;}
.s1_4 .box1 .box1_flex p{ line-height: 24px !important; text-align: center;}
.s1_4 .box1 .box1_flex span{display: block; margin-bottom: 4px;}

.s1_4 .box1_flex2{display: flex; gap: 16px 10px; flex-wrap: wrap; margin-top: 20px;}
.s1_4 .box1_flex2 > div{width: calc((100% - 10px) / 2); text-align: center; border-radius: 999px; padding: 8px 0px;}
.s1_4 .box1_flex2 > div p{color: #fff; line-height: 24px !important;}
.s1_4 .box1_flex2 .box_tit{font-size: 22px;font-weight: 700;line-height: 32px;letter-spacing: -0.44px;color: #fff;}
.s1_4 .box1_flex2 .box1-1{background: #C43B26;}
.s1_4 .box1_flex2 .box1-2{background: #8868AB;}
.s1_4 .box1_flex2 .box1-3{background: #92C86E;}
.s1_4 .box1_flex2 .box1-4{background:#425EA2;}
.s1_4 .box1_flex2 .box1-5{background:#EE891E;}

.s1_4 .box1 .img_wrap.h{margin: 32px auto 4px auto !important;}
.s1_4 .box1 .img_wrap.h img{height: 24px;}
.s1_4 .box1.box1-2 p {line-height: 28px !important;text-align: center; }
@media all and (max-width:1280px){
    .s1_4 .box1 .box1_flex{gap: 0px ; justify-content: space-between;}
    .s1_4 .flexs.width50 .box1{padding: 30px 24px;}
     .s1_4 .box1 .box1_flex p{word-break: keep-all;}
    .s1_4 .box1 .box1_flex  .tb-none{display: none !important;}
}
@media all and (max-width:800px){
.s1_4 .flexs.width50{flex-wrap: wrap;}
.s1_4 .flexs.width50 .box1{width: 100%;}
.s1_4 .box1 .box1_flex{gap: 40px; justify-content: center;}
}
@media all and (max-width:767px){
  .s1_4 .box1 .box1_flex{flex-direction: column; gap: 20px;}
  .s1_4 .box1_flex2{flex-direction: column;}
.s1_4 .box1_flex2 > div{width:100%; }
}

.s1_4 .box_wrap2{padding: 60px 80px;border: 1px solid #E94436;}
.s1_4 .box2_flex{display: flex; gap: 10px; justify-content: center; align-items: center; margin-bottom: 60px;}
.s1_4 .box2_flex>:nth-child(1){max-width: 356px; margin: 0 !important;}
.s1_4 .box2_flex>:nth-child(2){max-width: 90px; margin: 0 !important;}

.s1_4 .box2_flex2{display: flex; gap: 40px; flex: 1; margin: 0 !important;}
.s1_4 .box2_flex2>div{display: flex; flex-direction: column; gap: 30px;}
.s1_4 .box2_flex2 .box2{  padding: 28px 36px; background: #FEF0EA;border-radius: 24px; }
.s1_4 .box2_flex2 .box2 .flex_tit{position: relative; height: 80px; display: flex; align-items: flex-end; margin-bottom: 16px;}
.s1_4 .box2_flex2 .box2 .flex_tit img{position: absolute; width: 80px; bottom: 0;}
.s1_4 .box2_flex2 .box2 .flex_tit .box2_tit{padding: 6px 28px 6px 68px; margin-left: 18px; margin-bottom: 2px; background: #E94436; border-radius: 999px; color: #fff; font-weight: bold; width: fit-content;}
.s1_4 .box2_flex2 .box2 .flex_tit .box2_tit br{display: none;}

@media all and (max-width:1280px){
.s1_4 .box_wrap2{padding: 30px 24px;}
}
@media all and (max-width: 890px) and (min-width: 768px){
    
.s1_4 .box2_flex2 .box2 .flex_tit .box2_tit br{display: block;}
}

@media all and (max-width:767px){
    .s1_4 .box2_flex{margin-bottom: 24px;}

    .s1_4 .box2_flex{padding: 0 20px;}
.s1_4 .box2_flex2{flex-wrap: wrap; gap: 30px;}
.s1_4 .box2_flex2 .box2{padding: 24px;}
}
@media all and (max-width:400px){
.s1_4 .box2_flex2 .box2 .flex_tit .box2_tit br{display: block;}
}



.s1_5 .box{margin: 0; padding: 100px; background-image: url('../images/sub/s1_5_bg.png'); background-size: cover; background-color: #F9F5F2; background-repeat: no-repeat;  }
.s1_5 .box .flexs{margin-bottom: 0 !important;}
.s1_5 .box .flexs .img_wrap{margin: 0;}

.s1_5 .size1 img{max-width:650px ; width: 100%;}
.s1_5 .size2 img{max-width:896px ;width: 100%;}
.s1_5 .size3 img{max-width:970px ;width: 100%;}
.s1_5 .size4 img{max-width:462px ;width: 100%;}
.s1_5 .size5 img{max-width:436px ;width: 100%;}
.s1_5 .size6 img{max-width:896px ;width: 100%;}

@media all and (max-width:1280px){
    .s1_5 .size1 img{max-width:80%}
 .s1_5 .box{padding:40px;}
 .s1_5 .mb100{margin-bottom:40px !important}
}

@media all and (max-width:767px){
.s1_5  .img_wrap{margin: 0 !important;}
.s1_5 .box{padding:32px 24px;}
.s1_5 .mm{margin-bottom: 80px !important;}
.s1_5 .mm2{margin-bottom: 60px !important;}
.s1_5 .ps{position: relative;  padding-bottom: 200px;}

.s1_5 .ps>:nth-child(1){position: absolute;max-width: 80px; z-index: 2;  right:0px; bottom:-20px;}
.s1_5 .ps>:nth-child(3){position: absolute;max-width: 286px;  z-index: 1; right:0px; bottom:-20px;}

.s1_5 .ps2{position: relative;}
.s1_5 .ps2>:nth-child(1){position: absolute;width:100px; left: 20px; top:-20px}

.s1_5 .ps3{position: relative; padding-bottom: 200px;}
.s1_5 .ps3>:nth-child(2){position: absolute; bottom: 0; max-width:288px ; right: 0;}
}

@media all and (max-width:480px){
    
.s1_5 .ps>:nth-child(1){max-width: 60px;}
.s1_5 .ps2>:nth-child(1){width:80px;}
}


.s1_6 .box_tit{background: #a8aac3; height: 44px;}
.s1_6 .box_tit .left{height: 44px; background: #285184; border-radius: 0 999px 999px 0; width: fit-content; display: flex;
align-items: center; justify-content: center; padding: 0 30px; color: #fff;font-size: 22px; font-weight: bold;}
.s1_6 .box_wrap{padding: 50px; background: #edeef1; display: flex; gap: 30px; flex-wrap: wrap;}
.s1_6 .box {padding-bottom: 30px; display: flex; align-items:flex-start; justify-content: space-between; border-bottom: 1px solid #285184; margin-top: 30px; width: calc((100% - 60px) / 2); gap: 10px; margin-top: 0;}
.s1_6 .box .img_wrap{width: 40%; margin: 0 !important; display: flex; align-items: flex-end;}
.s1_6 .box .img_wrap img{height: 170px;}
.s1_6 .box .txt_wrap{width: 60%; margin: 0 !important;}
.s1_6 .box .txt_wrap .tit{color: #285184;}
.s1_6 .box .txt_wrap .tit span{font-size: 22px; font-weight: bold;color: #285184;}
.s1_6 .box .txt_wrap p{word-break: keep-all;}

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

.s1_6 .width730{max-width: 730px; margin: auto;}
.s1_6 .box_wrap{padding: 40px;}
.s1_6 .box{width: 100%; align-items: center;}
}
@media all and (max-width:767px){
    
.s1_6 .box_wrap{padding: 40px 20px}
.s1_6 .box {display: block}
.s1_6 .box .img_wrap{width: 100%; margin: 0 0 20px 0 !important;}
.s1_6 .box .txt_wrap{width: 100%; margin: 0 0 20px 0 !important;}
}


.s2_1 .title ,.s2_1 .title span{color:#71B4A5;}

.s2_1 .box0{display: flex; align-items: center; gap: 6px; padding: 20px; justify-content: center; background:  #EBF3F1; margin: 20px auto;}
.s2_1 .box0>div{display: flex; gap: 6px;align-items: center;  justify-content: center;}
.s2_1 .box0 p{padding: 8px 20px; background: #71B4A5; border-radius: 8px; height: 64px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-weight: bold !important; line-height: 24px !important;}
.s2_1 .box0 img{width: 7px;}
.s2_1 .box0 .arrow_mo img{display: none;}
@media all and (max-width:1210px){
.s2_1 .box0{display: block; width: fit-content; }
.s2_1 .box0 p{width: 180px;}
.s2_1 .box0 .arrow{width: 180px; margin-left: auto; margin-top: 6px; margin-bottom: 6px; transform: rotate(90deg);}
.s2_1 .box0 .box0-2{ flex-direction: row-reverse;}
.s2_1 .box0 .box0-2 img{ transform: rotate(-180deg);}
}
@media all and (max-width:1024px){
.s2_1 .box0 p{width: 150px;}
.s2_1 .box0 .arrow{width: 150px;}
}
@media all and (max-width:767px){
    .s2_1 .box0 {width: 300px;}
    .s2_1 .box0>div{flex-direction: column !important;}
    .s2_1 .box0 p{width: 100%} 
     .s2_1 .box0 p br{display: none;}
    .s2_1 .box0 .arrow{transform: rotate(0deg); width: 100%;}
   .s2_1 .box0>div img{ transform: rotate(90deg);}
    .s2_1 .box0 .box0-2 img{ transform: rotate(90deg);}

}


.s2_1 .box{background: #005A4A; padding: 80px;}
.s2_1 .box .flex{display: flex; gap: 30px; border-bottom: 1px solid #fff; margin-bottom: 40px;align-items: flex-end;}
.s2_1 .box .img_wrap{margin: 0 !important; width: 30%;}
.s2_1 .box .txt_wrap{margin: 0 0 20px 0 !important;  width: 70%;}
.s2_1 .box .title small{display: block; color: #CDE5DE; font-weight: normal;}
.s2_1 .box .title {color:#CDE5DE}
.s2_1 .box p{color:#fff}

@media all and (max-width:1024px){
 .s2_1 .box{padding: 60px 40px;}   
.s2_1 .box .flex{flex-wrap: wrap;}
.s2_1 .box .img_wrap{width: 100%;}
.s2_1 .box .txt_wrap{width: 100%; margin: 0 !important;}
.s2_1 .box .flex.fdr{flex-direction: column-reverse;}

}
@media all and (max-width:767px){
 .s2_1 .box{padding: 40px 24px;}   
}


.s2_2 .title{color: #3E3A39; padding-top: 6px; border-top: 1px solid #222; width: fit-content;}
.s2_2 .title span{color: #3E3A39;}
.s2_2 .box_img{border: 1px solid #222; background: #fff;box-shadow: 6px 6px 0 0 #404040; padding: 15px 15px 30px 15px}
.s2_2  .box_img .icon {max-width: 127px; margin: 0 0 16px auto ;}

.s2_2 .box_wrap{border: 1px solid #222; background: #fff;box-shadow: 6px 6px 0 0 #404040; padding: 20px 40px 40px 40px;}
.s2_2 .box_wrap .icon {max-width: 127px; margin: 0 0 10px auto ;}
.s2_2 .box_wrap .tit{font-size: 22px;font-weight: 400;line-height: 32px; letter-spacing: -0.44px; text-align: center;}
.s2_2 .box_wrap .big_tit{font-family: "Jalnan Gothic";font-size: 32px;;font-weight: 400;line-height: 40px;letter-spacing: -0.64px; text-align: center;}
.s2_2 .box_wrap .box{padding: 24px 32px; background: #EDEDED; margin-top: 30px;}
.s2_2 .box_wrap .box .box_tit{padding: 4px 16px; background: #3E3A39; margin-bottom: 10px; width: fit-content; color: #fff; font-weight: bold;}
.s2_2 .mm{margin-bottom:0px !important;}

@media all and (max-width:767px){
    
.s2_2 .mm{margin-bottom:30px !important;}

.s2_2 .title{width: 100%;}
.s2_2 .box_wrap .tit{font-size: 18px}
.s2_2 .box_wrap .big_tit{font-size: 28px;}
.s2_2 .box_wrap{padding: 15px 15px 30px 15px}
.s2_2  .box_img .icon,.s2_2 .box_wrap .icon {max-width:80px; }

}



.s2_3 .title{ color: #DD6A52; border-bottom: 1px solid #DD6A52;  padding-bottom: 8px; word-break: keep-all;}
.s2_3 .box{background: #DD6A52; color: #fff; padding: 28px 40px; margin-top: 30px;}
.s2_3 .part{margin-bottom: 80px;}
.s2_3 .img_wrap{margin-bottom: 0 !important;}

@media all and (max-width:1170px){
    .s2_3 .flexs{display: block; max-width: 940px; margin: 0 auto;}
    .s2_3 .mm{margin-bottom: 30px !important;}
}
@media all and (max-width:767px){
    .s2_3 .part{margin-bottom: 60px;}
}

.s2_4 .card_box{ background-color: #f7f7f7; padding: 40px ;  display: flow-root;}
.s2_4 .card_number { position: relative; border-bottom:3px solid #000; padding-bottom:10px;font-weight: bold; }
.s2_4 .card_number .name { font-size:14px; position:absolute; right:0px; bottom: 20px; }
.s2_4 .card_number .count { display: flex; align-items: center;  width: 40px;height:40px;border-radius:30px; border: 3px solid #000;  justify-content: center; }
.s2_4 .card_number .count span { display:inline-block; font-size:16px; line-height: 40px; }


.s2_4 .title small{display: block; font-weight: normal !important;}
@media all and (max-width:1280px){
     .s2_4 .width54 .column{width: 100% !important; padding: 0 !important}
  
}
@media all and (max-width:767px){
.s2_4 .card_box{padding:  20px; }
.s2_4 .card_box .img_wrap img{width: 100%;}
}



.s3_1 {}

.s3_1 .title{color:#ED6D4B}
.s3_1 .box{background: url("../images/sub/s3_1_bg.png") no-repeat center center; background-size: cover; padding: 40px;}
.s3_1 .width268{max-width: 268px; margin: 0 0 30px 0 !important; }
.s3_1 .width160{max-width: 160px; margin: 0 0 30px 0 !important;}
.s3_1 .box .flex_tit{display: flex; align-items: center; gap: 20px; margin-bottom: 30px;}
.s3_1 .box .flex_tit p{ color: #ED6D4B;}
.s3_1 .box .tit{width: 100px !important;min-width: 100px; border-radius: 999px; border: 1px solid #ED6D4B;background: #FFF; color: #ED6D4B;  padding: 4px 0; display: flex; align-items: center; justify-content: center; font-size: 18px;line-height: 28px; font-weight: bold;}

.s3_1 .box.box2 .flex_tit{display: flex; align-items: flex-start; gap: 10px;}
.s3_1 .box.box2 .flex_tit img{width: 21px; margin-top: 8px;}
@media all and (max-width:1056px){
.s3_1 .box .flex_tit{align-items: flex-start; gap: 10px;}
.s3_1 .box .tit{margin-top: 2px;}
}
@media all and (max-width:1024px){
.s3_1 .box{padding: 30px;}
}
@media all and (max-width:767px){
.s3_1 .box .flex_tit{flex-direction: column;}
.s3_1 .box.box2 .flex_tit{display: flex; flex-direction: row;}
.s3_1 .box{padding:30px 24px;}
.s3_1 .box .tit{font-size: 16px; line-height: 32px; padding: 2px 0;}
}


.s3_1 .mt9{margin-top: 9px !important;}
.s3_1 .box_wrap2{background: url("../images/sub/s3_1_bg.png") no-repeat center center; background-size: cover; padding: 60px 80px;}
.s3_1 .width296{max-width: 296px; margin: 0 auto 30px auto !important; }
.s3_1 .box_wrap2 .flex{display: flex; gap: 30px; align-items: flex-start }
.s3_1 .box_wrap2 .flex>div{  width: calc((100% - 60px) / 3);  }
.s3_1 .box_wrap2 .flex .img_wrap{margin: 0 !important;}
.s3_1 .box_wrap2 .flex .box2{  background:  #fff; padding: 56px 40px 40px 40px; border-radius: 24px; position: relative; height:356px ; }
.s3_1 .box_wrap2 .flex.size2 {margin-top: 30px; align-items: center;}
.s3_1 .box_wrap2 .flex.size2 .box2{height:260px ;}
.s3_1 .box_wrap2 .flex .box2_tit{border-radius: 20px;background: #ED6D4B;padding: 8px 0; width: 100%; max-width:229px ;height:64px ; flex-direction: column;  display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: -32px; left: 50%; transform: translateX(-50%);}
.s3_1 .box_wrap2 .flex .box2_tit span{color: #fff;}
.s3_1 .box_wrap2 .flex p{color: #ED6D4B;}
@media all and (max-width:1280px){
.s3_1 .box_wrap2{padding:  40px;}
}
@media all and (max-width:1180px){
.s3_1 .box_wrap2 .flex .box2{ height: 368px }
.s3_1 .box_wrap2 .flex.size2 .box2{height: 240px}
.s3_1 .box_wrap2 .flex .box2{padding: 56px 24px 24px 36px;  }
}
@media all and (max-width:1032px){
.s3_1 .box_wrap2 .flex .box2{ height: 400px }
.s3_1 .box_wrap2 .flex.size2 .box2{height: 272px}
}
@media all and (max-width:1024px){
.s3_1 .mt9{margin-top: 0px !important;}

.s3_1 .box_wrap2 .flex{flex-wrap: wrap;}
.s3_1 .box_wrap2 .flex>div{  width: 100%  }
.s3_1 .box_wrap2 .flex .box2{ height: auto}
.s3_1 .box_wrap2 .flex.size2 .box2{height: auto}
.s3_1 .box_wrap2 .flex .img_wrap{max-width: 400px; width: 100%; margin: 0 auto !important;}

.s3_1 .box_wrap2 .flex .box2_tit{max-width: 80%;}
}
@media all and (max-width:767px){
.s3_1 .box_wrap2{padding:  36px 24px;}
.s3_1 .width296{max-width:240px}
}

.s3_2 {}

.s3_2 .box{padding: 24px 36px;border: 1px solid #429F7A}
.s3_2 .title{padding: 12px 24px; text-align: center; color: #fff; background: #429F7A;border-radius: 24px 24px 0 0; margin-bottom: 0 !important;}
@media all and (max-width:767px){
.s3_2 .box{padding: 30px 24px;}
}

.s3_3 .box{padding: 60px; background: url('../images/sub/s3_3_bg.png') no-repeat center center; background-size: cover;}

.s3_3 .line{position: relative; z-index: 2;}
.s3_3 .line::after{ z-index: -1; content: ''; position: absolute; left: 0;top: 50%; width: 100%; height: 12px; background: #C7C7E0; transform: translateY(-50%);}

.s3_3 .boxs{max-width: 410px;  border-radius: 20px; padding: 20px 24px; color: #fff; background: rgba(66, 88, 166, 0.80); display: flex; align-items: center; justify-content: center;}
.s3_3 .boxs.right{background: rgba(66, 88, 166, 0.60); margin-left: auto;}

.s3_3 .num_ps{position: relative; padding-top: 30px;}
.s3_3 .num_round{   display: flex;width: 32px;height: 32px;justify-content: center; color: #fff; background: rgba(66, 88, 166, 0.80); border-radius: 999px;  font-size: 20px; font-weight: bold; line-height: 30px;  }
.s3_3 .num_round.right{margin-left: auto;background: rgba(66, 88, 166, 0.60);}
.s3_3 .num_ps .num_round{position: absolute;top:-14px;}
.s3_3  .num_ps .num_round.right{ right: 0}
.s3_3 .first .num_round{margin-bottom: 12px;}

.s3_3 .ps{position: relative; padding-top: 70px;}
.s3_3 .ps .img_wrap{margin: 0; position: absolute; bottom: 0; right: 10px; max-width: 140px;}

.s3_3 .box_tit{color: #fff;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.45px; padding: 6px 16px; background: rgba(66, 88, 166, 0.80); width: fit-content; border-radius: 8px; margin-bottom: 20px;} 
.s3_3 .flex_txt{display: flex; gap: 10px; margin-bottom: 16px; align-items: center; }
.s3_3 .flex_txt img{width: 20.473px;height: 21.884px;}
.s3_3 .flex_txt .txt{font-family: 'OngleipKonkon'; font-size: 20px; position: relative; z-index: 2;
font-weight: 400;line-height: 32px;letter-spacing: -0.5px;}
.s3_3 .flex_txt .txt::after{ z-index: -1; content: ''; position: absolute; left: 0;top: 50%; width: 100%; height:7px; background: rgba(251, 196, 0, 0.40); transform: translateY(-50%);}



@media all and (max-width:1280px){
.s3_3 .boxs{max-width: 340px;}
.s3_3 .ps{width: fit-content;}
.s3_3 .ps .img_wrap{right: -80px; bottom: 20px;}
}
@media all and (max-width:1024px){
.s3_3 .first {margin-top: 20px;}
.s3_3 .boxs{max-width: 400px;}

.s3_3 .tb_img img{max-width: 60%;}
}
@media all and (max-width:767px){
    .s3_3 .boxs{max-width: 90%;}
    .s3_3 .box{padding: 36px 24px;}
    .s3_3 .num_ps{margin-top: 16px; padding-top: 0;}
    .s3_3 .num_ps .num_round{position: static; margin-bottom: 12px;}
    .s3_3 .ps {padding-top: 0; width: 100%}
    .s3_3 .ps .img_wrap{position: static; margin-left: auto;}
    .s3_3 .flex_txt{gap: 6px; align-items: flex-start;}
    .s3_3 .flex_txt img{width: 16px; height: 17px; margin-top: 5px;}
    .s3_3 .tb_img img{max-width: 70%;}

}
@media all and (max-width:480px){
    .s3_3 .tb_img img{max-width: 100%;}
    .s3_3 .flex_txt .txt{font-size: 18px;   text-decoration-line: underline;
     text-decoration-color: rgba(251, 196, 0, 0.40);text-decoration-thickness: 4px;text-underline-offset: 4px;}
    .s3_3 .flex_txt .txt::after{display: none; }
}



.s3_4 .ml{margin-left: -14px;}
.s3_4 .box1{padding: 60px 30px; background: #FCF6EE}

.s3_4 .box1 .row {margin-top: 60px; border-top: 1px solid #DC9B4D; padding-top: 60px;}
.s3_4 .box1 .first{padding-top: 0 !important; margin-top: 0 !important; border: none !important;}
.s3_4 .box1 .row .column .txt_wrap {margin: 0 !important;}
.s3_4 .box1 .row .column .img_wrap{margin: 0 !important;}

.s3_4 .box1 .row .column .txt_wrap .tit{color: #E5A123;font-size: 20px;font-weight: 700;line-height: 32px; letter-spacing: -0.4px; display: inline-block;}
.s3_4 .box1 .row .column .txt_wrap .tit p{display: inline-block; margin-bottom: 10px; margin-left: 10px;}
.s3_4 .box1 .row .column .txt_wrap .tit.c1{color: #DD581C;}
.s3_4 .box1 .row .column .txt_wrap .tit.c2{color:  #3CA8D1;}
.s3_4 .box1 .row .column .txt_wrap .tit.c3{color: #E5A123;}
.s3_4 .box1 .row .column .txt_wrap .tit.c4{color:#27A05D;}


@media all and (max-width:1024px){
 .s3_4 .box1 .row .column .txt_wrap .tit p{ margin-bottom: 6px;margin-left: 3px;}   
.s3_4 .box1{padding: 60px 20px;}
.s3_4 .box1 .row .column{width: 100% !important;}
.s3_4 .box1 .row .column .img_wrap{margin: 0 auto 20px auto !important; max-width: 50%;}
}
@media all and (max-width:767px){
.s3_4 .box1 .row .column .img_wrap{ max-width: 80%;}
}
@media all and (max-width:344px){
.s3_4 .box1 .row .column .txt_wrap .tit p{display: block;margin-left: 0px; }
}




.s3_5 .title{color:  #508CCB;}
.s3_5 .flex_box{display: flex; gap: 30px; justify-content: center; align-items: center;}
.s3_5 .flex_box p{line-height: 28px !important; margin-top: 4px;}

.s3_5 .flex_box>div{margin: 0 !important; width: 50%;}
.s3_5 .flex_box .box{border: 1px solid #508CCB;background: #F8FAFD ;padding: 28px 40px;}
.s3_5 .flex_box .box .tit{margin-bottom: 14px; color:  #508CCB;text-align: center;font-size: 20px;font-weight: 700;line-height: 32px; letter-spacing: -0.4px;}
.s3_5 .flex_box .box p{position: relative;padding-left: 23px;}
.s3_5 .flex_box .box p::before{content: ''; width: 19px; height: 24px; background-image: url('../images/sub/s3_5_2.png'); background-size:cover ; position: absolute; left: -5px; top: 4px;}
.s3_5 .flex_box img{max-width: 440px; width: 100%;}
@media all and (max-width:1024px){
.s3_5 .flex_box{display: block}
.s3_5 .flex_box>div{width: 100%;}
}

.s3_6 {}
.s3_6 .part .title {background: #f6ad38; width: fit-content; padding: 0 15px; position: relative;}
.s3_6 .part .title span{position: absolute; right: -30px; top: -10px;}


.post .top_img{position: relative;}
.post .top_img .img_wrap img{width: 230px;}
.post .top_img a{position: absolute; right: 0; bottom: 0; width: 85px;}
.post .part1{background: #F4EE9E; padding: 40px;}
.post .part1 .txt_wrap{ margin: 0 !important; }
.post .part1 .box p{text-align: center; color:#127B49; font-weight: bold;padding: 24px 36px; background: white; margin-bottom: 40px; box-shadow: 4.95px 4.95px 10px 0 rgba(106, 102, 141, 0.20); font-size: 18px;}
.post .part1 .box small{color:#127B49; display: block; font-size: 16px;}
.post .part1 .box .red{color:#E4373A;display: block;}

.post .part1 .box_wrap{display: flex; flex-wrap: wrap;}
.post .part1 .box2{padding: 28px 24px; width: 50%; background: white;}
.post .part1 .box2 .num{display: flex;width: 46px;height: 46px;
justify-content: center;color: #FFF;border-radius: 99px;
background:#127B49;font-size: 28px;font-weight: 700;line-height: 44px; letter-spacing: -0.56px; margin: 0 auto;}
.post .part1 .quiz_box_wrap{display: flex; justify-content: center; gap: 12px; margin: 20px auto 24px auto;}
.post .part1 .quiz_box{background: #ABCFAA; width: 56px;height: 56px; border-radius: 8px;}
.post .part1 .txt{word-break: keep-all; font-size: 20px;font-weight: 700;line-height: 36px;letter-spacing: -0.4px; text-align: center;}
.post .part1 .txt img{height: 22px; padding-bottom: 4px;}
.post .part1 .box_wrap>:nth-child(1){border-right: 1px dashed #127B49;border-bottom: 1px dashed #127B49}
.post .part1 .box_wrap>:nth-child(4){border-left: 1px dashed #127B49;border-top: 1px dashed #127B49}

@media (max-width: 1024px) {
 .post .part1 .box_wrap{display: block}
.post .part1 .box2{width: 100%;}
.post .part1 .box_wrap>:nth-child(1){border-right: 0;}
.post .part1 .box_wrap>:nth-child(2){border-bottom: 1px dashed #127B49}
.post .part1 .box_wrap>:nth-child(4){border-left: 0;}
.post .part1 .box_wrap br{display: none;}
}
@media (max-width: 767px) {
 .post .part1{padding: 24px;}   
.post .part1 .quiz_box_wrap{gap:8px; margin: 16px auto 20px auto;}
.post .part1 .quiz_box{width: 40px; height: 40px;}
}
@media (max-width: 480px) {
.post .part1 .quiz_box{width: 36px; height: 36px;}
}   

.post .box_tit{display: flex; justify-content: space-between;}
.post .box_tit>div{flex: 1;}
.post .box_tit .img_wrap{margin: 0 !important;}
.post .box_tit .img_wrap img{width: 160px;}
.post .box_tit .big_tit{text-align: center; }
.post .box_tit .big_tit span{color:#127B49;font-size: 32px;font-weight: 700;line-height: 44px; letter-spacing: -0.64px; border-bottom: 1px solid #127B49; height: fit-content;}

.post .part2{border: 1px solid #127B49; padding: 40px; margin-top: 80px;}
.post .part2 .box_flex{display: flex; gap: 30px;}
.post .part2 .box_flex .box2_wrap{flex: 1; display: flex; gap: 30px; flex-direction: column;}
.post .part2 .box_flex .box2_wrap .box3{border-radius: 24px;background: #F5F7F4; padding: 24px 28px;}
.post .part2 .box_flex .box2_wrap .tit2{color:#127B49;text-align: center;font-size: 18px;font-weight: 400;line-height: 28px; letter-spacing: -0.45px; margin-bottom: 12px; }
.post .part2 .box_flex .box2_wrap .tit2 span{ padding-bottom: 8px; display: block; font-weight: bold;color:#127B49; position: relative;}
.post .part2 .box_flex .box2_wrap .tit2 span::after{position: absolute; bottom:0; left: 50%; background-color:#127B49;   content: ''; width: 24px; height: 1px; transform: translateX(-50%);}


@media (max-width: 1024px) {
 .post .box_tit{flex-direction: column-reverse; gap: 40px;}   
 .post .box_tit .img_wrap{margin: 0 !important; margin-right:  auto !important;}
.post .part2 .box_flex{flex-direction: column;}
.post .part2 .none{display: none;}
.post .part2 .box_flex .box2_wrap{flex: auto;}
}
@media (max-width: 767px) {
.post .part2{padding: 24px;}   
}
@media (max-width: 480px) {
    .post .box_tit .big_tit span{font-size: 26px;}
    .post .part2 .box_flex .box2_wrap .tit2{font-size: 16px; word-break: keep-all; line-height: 24px;}
}   




/* SUB BOX */
.start_box { background-color:#f7f7f7; padding: 20px; font-size:16px; line-height:30px; text-align:center; margin-bottom:50px; }
.end_box { border-top: 1px solid #303030; border-bottom: 1px solid #303030; padding: 20px; font-size:16px; line-height:30px; margin-bottom:50px; }

.img_wrap.full { margin: 0px -50px; }
.img_wrap.full img{ max-width:initial; width:100%; text-align: center !important; margin: 0 auto;}
.img_wrap { text-align: center; margin-bottom:40px; }
.img_wrap.half {}
.img_wrap.half:after { display:block; content:''; clear:both; }
.img_wrap.half figure { float:left; width:49%; margin-right:2%; }
.img_wrap.half figure:last-child { margin-right:0px; }



/* SUB ARROW */
.sub_move_arrow { position: relative; background-color:#f1f1f1; text-align:center; margin-top:80px;  }
.sub_move_arrow:after { display: block; content: ''; clear: both; width: 1px; height: 20px; background-color: #333333; position: absolute; left: 0px; right: 0px; top: 50%; margin: -10px auto 0px auto; z-index:2; }
.sub_move_arrow .move_prev { display:inline-block; padding-right:40px; }
.sub_move_arrow .move_next { display:inline-block; padding-left: 40px;}
.sub_move_arrow a { display: block; font-size: 16px; color: #333333; line-height: 40px; padding: 20px 0px; height: 80px; box-sizing: border-box; }



/*listPage*/
.listarea{padding: 50px; width: 80%;margin:0 auto}
.listPages {
	padding: 50px 80px;
	background-color: #fff;
}

.listPages-area {
	margin-bottom: 50px;
}

.list_title {
	margin-bottom: 40px;
	font-size: 28px;
	font-family: 'S-CoreDream-6Bold';
	text-align: center;
  border-bottom: 1px solid #333;;
  padding-bottom: 10px;
  font-weight: bold;
}

.list_list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
.list_item.one{width:100%}
.list_item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 48.6078%;
	margin-right: 7.1896%;
}

.list_item:last-child {
	margin-right: 0;
}

.list_item-vol {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.list_item-img {
	margin-bottom: 15px;
	box-shadow: 5px 5px #ddd;
	width:200px;
}

.list_item-webzine {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 30px;
	background-color: #62b0e3;
	color: #fff;
	border-radius: 40px;
	font-weight: bold;
}

.list_item-view {
	text-align: center;
	width: 100%;
}
.list_item-view .vol{
  font-weight: bold;
  font-size: 22px
}
.list_item-view a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 14px 16px;
	padding-left: 20px;
}
.list_item-view a:first-child {
	background-image: url('../images/list/ico-pdf.png');
}
.list_item-view a:last-child{
	background-image: url('../images/list/ico-ebook.png');
}

.flexs{display: flex; justify-content: space-between; gap: 30px;}
.wbk{word-break: keep-all;}

.tm-only{display: none !important;}
 .mo-only{display: none}
@media all and (max-width:1410px) {

 }
 @media all and (max-width:1024px) {
  .sub_visual { height:600px; }
  .sub_visual .text_wrap .category span { font-size:18px; margin-bottom:30px; }
  .sub_visual .text_wrap .subject { font-size:30px; line-height:42px; }
  .sub_content .part .txt_wrap .title { font-size: 20px; }
 .tm-only{display: block!important;}
}

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

  .re-mt0{margin-top: 0}
  .mo-only{display: block}
  .pc-only{display: none}
  .img_wrap.full { margin: 0px -20px !important; }

  .sub_visual { height:400px; }
  .sub_visual .text_wrap .category span { font-size:16px; margin-bottom:20px; }
  .sub_visual .text_wrap .subject { font-size:26px; line-height:36px; }
  .sub_content { padding: 20px; }
  .sub_content .part .txt_wrap .title { font-size: 18px; }

  .row .column{display: block; float: none; width:100% !important; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0;}
  .row .col_2 { width: 100%; padding: 0px; }
  .row .col_3 { width: 100%; padding: 0px; }
  .row .col_3.two { width: 100%; padding: 0px; }
  .row .col_4 { width: 50%; padding: 0px; }

  .listarea{width:100%}
  .list_list{display: block;}
  .list_item{width:100%;padding:20px}

  .art_txt { font-size:60px; line-height:60px; height:60px; }


  .s1_3 .color .title {font-size:22px !important;}
  .s1_4 .box2 { padding: 20px 15px;}
  .s2_1 .box1 { padding: 20px;}
  .s2_1 .box1 .mini-box{margin-top:0px; padding: 5px 10px ;}
  .s2_1 .box1 .mini-box p{word-break:break-all}
  .s2_3_box .color_box { padding-bottom:200px; }
  .s2_3_box .row.half .column { width:100%; }
  .s2_3_box .txt_tit { font-size:15px; }
  .s2_3_box .txt_desc  { font-size:13px; }
  .s2_4_box .txt_tit { font-size:18px; }
  .s2_4_box .txt_desc { font-size:14px; line-height:26px; }
  .s2_4 .flower{display: block;}
  .s3_2_box .column { margin-bottom:50px; }
  .s3_3 .box1{ padding: 20px;}
  .s3_3 .box2 {padding:10px 20px; }
  

  .start_box  { font-size: 14px;}
  .start_box br {display: none;}
  .end_box { font-size: 14px; text-align:center; }
  .end_box br {display: none;}
  .flexs{display: block;}
 }
@media all and (max-width:460px) {
  .sub_visual { height:300px; }
  .sub_visual .text_wrap .category span { font-size:14px; margin-bottom:10px; }
  .sub_visual .text_wrap .subject { font-size:22px; line-height:28px; }
  .art_txt { font-size:40px; line-height:40px; height:40px; }
  .s1_1 .alert_list li { font-size:14px; }
  .s1_1 .alert_list li span.num { clear:both; display:block; font-size:14px; width:18px; line-height:18px; height:18px; margin-right: 0px; margin-bottom:5px; padding:5px; }

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