/* SUB COMMON */

.sub_content { padding:70px 0 80px 0; }
.sub_content .container { max-width:920px; padding: 0 15px; margin:  0 auto}
.sub_content .sub_tit{text-align: center;} 
.sub_content .sub_tit .sub_category{text-align: center; display: inline-block;font-size: 20px; margin-top: 30px; }
.sub_content .sub_tit .sub_category span{font-size:26px}
.sub_content .sub_tit h2 {font-size: 36px}
.sub_content .sub_tit h3 {font-size: 24px}
.sub_content .sub_tit h2 span{ display: block; font-size: 30px; font-weight: normal;}
.sub_content .content_inner{padding-top: 50px;max-width: 920px;margin:0  auto}

.sub_content .sub_tit .sub_category span { display: inline-block; width: 50px}
.sub_content .sub_tit .sub_category span.color1{border-bottom: 3px solid #ff8212; }
.sub_content .sub_tit .sub_category span.color2{border-bottom: 3px solid #326ae9 }
.sub_content .sub_tit .sub_category span.color3{border-bottom: 3px solid #e72c22}
.sub_content .sub_tit .sub_category span.color4{border-bottom: 3px solid#ffdb33 }

@media all and (max-width:768px){
 .sub_content  .top{margin-bottom: 60px;}
.sub_content .content_inner{padding-top: 0px;}
.sub_content .sub_tit h2 {font-size: 30px}
.sub_content .sub_tit h3 {font-size: 20px}
.sub_content .sub_tit h2 span{  font-size: 28px;}
.sub_content p{font-size: 16px !important; line-height: 27px !important;}
}
@media all and (max-width:480px){
    .sub_content  .top{margin-bottom: 40px !important;}
    .sub_content .sub_tit h2 {font-size: 24px;word-break: keep-all;}
    .sub_content .sub_tit h3 {font-size: 18px;word-break: keep-all;}
    .sub_content .sub_tit h2 span{ font-size: 24px;}
    .sub_content .sub_tit .sub_category{font-size: 16px !important}
    }
/* SUB Contents */
.sub_content .container{position: relative;}
.arrow { position: fixed;   top: 50%;  transform: translate(-50%, -50%); display: none;  z-index: 90; background: red; width: 100%; left: 50%; text-align: center;}
.arrow .left{ left: 15%; position: absolute;}
.arrow .right { right : 15%;  position: absolute;}
.arrow .arrow_txt {color: black; font-size: 14px; margin-top: 5px}
@media all and (max-width:1580px){
    .arrow .left{ left: 8%; position: absolute;}
    .arrow .right { right : 8%;  position: absolute;}
}
@media all and (max-width:1280px){
    .sub_content .content_inner {padding: 0 40px;}
    .arrow .left{ left: 3%; position: absolute;}
    .arrow .right { right : 3%;  position: absolute;}
}
@media all and (max-width:980px){
    .arrow .left{ left: 1%; position: absolute;}
    .arrow .right { right : 1%;  position: absolute;}
    .arrow .arrow_txt {font-size: 12px;}
}
@media all and (max-width:765px){
    .sub_content .content_inner {padding: 0 0px;}
    .arrow {display: none !important;}
}
.sub_content  .top{margin-bottom: 80px;}
.sub_content .part{ 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: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.03em;text-align: justify; }
.sub_content .part .txt_wrap .title{ font-weight: 600; font-size: 20px;margin-bottom: 10px }
.sub_content .part .txt_wrap span { font-style:italic; }
.sub_content .part .txt_wrap .stit{font-size: 18px;font-weight: bold;}
@media all and (max-width:768px){
    .sub_content .part .txt_wrap .title{ font-size: 18px; }
}
.sub_content .part .img_wrap{ text-align: center }
.sub_content .part .img_wrap:after { display:block; content:''; clear:both; }
.sub_content .part .img_wrap.two figure { float: left; width: 48.75%; margin-right: 2.5%; }
.sub_content .part .img_wrap.two figure:nth-last-of-type(1) { margin-right: 0; }
.sub_content .part .img_wrap figure figcaption { margin: 0.5rem 0 0; font-size: 0.875rem; color: #333; text-align: center; line-height: 1.25rem; transform:skew(-0.03deg); word-break: keep-all; }
.sub_content .part .img_wrap img{ max-width: 100%; width:auto; }
.sub_content .part .img_wrap .caption{ color:#666666; font-size: 14px; margin-top:10px }
.sub_content .part .img_wrap img.wide{width:1280px!important; margin-left:-195px;max-width:none}
 /*하단 버튼*/
.sub_content .sub_button{margin:0 auto;text-align: center;padding-top:150px}
.sub_content .sub_button .opinion_button{display: inline-block; padding:8px 10px; background: #12555f; color:#fff; border-radius: 10px;font-weight: bold;}
.sub_content .sub_button .opinion_button a{color:#FFf}
.sub_content .sub_button .share_button {display: flex; justify-content: space-between; width:120px;margin: 50px auto 0;}
.sub_content .sub_button .share_button .mail,
.sub_content .sub_button .share_button .facebook,
.sub_content .sub_button .share_button .link {display: flex;justify-content: center;align-items: center;background: #7b7b7b; border-radius: 50%;width:46px; height: 46px}

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

.fwb{font-weight: 600 !important;}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10 {margin-top: 0.625rem !important;}
.mt13 {margin-top: 13px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mb0 {margin-bottom: 0!important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom: 1.25rem !important;}
.mb40 {margin-bottom: 2.5rem !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !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 .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.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  */
/* high five*/
.video_wrap {margin: 20px 0;}
.video_wrap .video {   width: 100%;
  height: 0;
  padding-top: 56.25%; /* 가장 중요 */
  position: relative; }
.video_wrap .video .iframe {width: 100%; height: 500px;  border: 0;  width: 100%;
  height: 100%;
  position: absolute;  top: 0;
  left: 0;}


/* Coarching */
.ego_button{display: inline-block; background: #eb7258; color:#fff; font-weight: bold;padding:15px 50px; border-radius: 50px; font-size: 18px}


/* inspiting */


/*quiz*/
.quiz_button{display: inline-block; background: #fe86a1; border-radius: 30px; padding:10px 50px;margin:0 auto; font-size: 18px; font-weight: bold; color: white !important;}
.event_button{display: inline-block; background: #6798ff; border-radius: 30px; padding:10px 50px;margin:0 auto; font-size: 18px; font-weight: bold;color: white !important;}



@media all and (max-width:1280px) {
  .sub_content .part .img_wrap img.wide{width:auto !important; margin-left: 0;max-width: 100%}
}
@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
  .sub_content .part .img_wrap.two figure{width:100%}
  .sub_content .part .img_wrap.two figure:nth-last-of-type(1){margin-top:20px}
  .row .col_2:last-child{margin-top:20px}
  .re-mt20{margin-top:20px !important}
  .re-mt0{margin-top: 0}
  .row .column{display: block; float: none; width:100% !important;}
  .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; }
 }
@media all and (max-width:540px) {
}






/*sms 팝업 복사*/
.tran_none {
  -webkit-transition: initial;
  -moz-transition: initial;
  -ms-transition: initial;
  -o-transition: initial;
  transition: initial;
}
.view-m {
  display: none !important;
}

h1.h3{font-size: 34px; line-height: 1.2; font-weight: 600;}



#popup-share-Bubble {
  position: absolute;
  right: 0;
  bottom: 50px;
  bottom: 5.95vw;
  width: 630px;
  width: 77.78vw;
  padding-left: 29px;
  padding-left: 3.45vw;
  padding-right: 29px;
  padding-right: 3.45vw;
  display: none;
}
#popup-share-Bubble:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  width: 3.57vw;
  height: 80px;
  height: 9.52vw;
  content: "";
  background: url(../images/common/bg_gong_lft.png) 0 0 no-repeat;
  background-size: 30px 62px;
  background-size: 3.57vw 7.38vw;
  z-index: 1;
}
#popup-share-Bubble:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  width: 3.57vw;
  height: 80px;
  height: 9.52vw;
  content: "";
  background: url(../images/common/bg_gong_rgh.png) 0 0 no-repeat;
  background-size: 30px 73px;
  background-size: 3.57vw 8.69vw;
  z-index: 1;
}

#popup-share-Bubble ul {
  padding-top: 6px;
  padding-top: 0.71vw;
  margin-left: -14px;
  margin-left: -1.67vw;
  height: 61px;
  height: 7.26vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#popup-share-Bubble li {
  float: left;
  margin-left: 20px;
  margin-left: 2.38vw;
}

#popup-share-Bubble li button {
  font-size: 20px;
  font-size: 2.38vw;
  height: 37px;
  height: 4.4vw;
  line-height: 37px;
  line-height: 4.4vw;
}

#popup-share-Bubble li button .img {
  margin-right: 7px;
  margin-right: 0.83vw;
}
#popup-share-Bubble li button .txt {
  border-bottom: 1px solid #222;
}
#popup-share-Bubble .close {
  position: absolute;
  right: -1px;
  top: 50%;
  width: 32px;
  width: 3.81vw;
  height: 32px;
  height: 3.81vw;
  margin-top: -16px;
  margin-top: -1.9vw;
}




  h1.h3{font-size: 36px; font-size: 4.29vw; margin:0 30px; margin:0 3.57vw;}

  .mt10{margin-top: 10px; margin-top: 1.2vw;}
  .mt10{margin-top: 20px; margin-top: 2.38vw;}

  .area_fixed{ border: 1px solid #ddd; padding: 20px; padding: 2.38vw; margin-top: 20px; margin-top: 2.38vw;  text-align: center;}
  .area_fixed .t1{ margin-bottom: 10px; margin-bottom: 1.79vw; }
  .area_fixed .inp_txt{width: 300px; width: 35.71vw;}
  .area_fixed .default_btn{width: 100px; width: 11.9vw; height: 48px;}

  .fot_logo_sz1{width: 100px; height: auto;}

  button{font-size: 24px; font-size: 2.88vw; line-height: 34px; line-height: 4.08vw; }

  #footer .area.fl ul{float: none;}

  #wzOpinionTy1 .box-prd2 .inr #form td{padding: 15px; padding: 1.8vw; font-size: 20px; font-size: 2.4vw;}
  #wzOpinionTy1 .box-prd2 .inr #form input{padding: 0.36vw 1.2vw; }
  input[type='text'], input[type='password'], textarea{font-size: 22px; font-size: 2.64vw; line-height: 4.32vw;}
  .view-m {
    display: block !important;
  }
  .view-m-dib {
    display: inline-block !important;
  }
  .hide-m {
    display: none !important;
  }
  .pr-mb2 {
    margin-bottom: 80px;
    margin-bottom: 9.52380952vw;
  }
  .eventTy1-list .lst {
    text-align: left !important;
  }
  .eventTy1-list .lst .dec1,
  .eventTy1-list .lst .dec2 {
    font-size: 20px;
    font-size: 2.38095238vw;
  }
  .eventTy1-list .lst .dec1 {
    position: relative;
    padding-left: 55px;
    padding-left: 6.54761905vw;
    margin-top: 10px;
    margin-top: 1.19047619vw;
  }
  .eventTy1-list .lst .dec1 .h {
    position: absolute;
    left: 0;
    top: 0;
  }
  .eventTy1-list .lst .dec2 > span {
    display: inline-block;
    margin-right: 5px;
    margin-right: 0.5952381vw;
    position: relative;
  }
  .bbs-info {
    display: none;
  }
  .wrap_qt {
    top: 50%;
    margin-top: -30px;
    margin-top: -3.57142857vw;
    right: -176px;
    right: -20.95238095vw;
    display: none;
  }
  body.share .wrap_qt {
    top: 50%;
  }
  .area_qt {
    width: 241px;
    width: 28.69047619vw;
    height: 261px;
    height: 31.07142857vw;
  }
  .wrap_qt #qt_open {
    width: 241px;
    width: 28.69047619vw;
    height: 261px;
    height: 31.07142857vw;
    padding-top: 40px;
    padding-top: 4.76190476vw;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  .wrap_qt #qt_open .close {
    right: 7px;
    right: 0.83333333vw;
    top: 5px;
    top: 0.5952381vw;
    width: 40px;
    width: 4.76190476vw;
    height: 40px;
    height: 4.76190476vw;
  }
  .wrap_qt #qt_open .close:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -458px -427px;
    background-position: -54.52380952vw -50.83333333vw;
    width: 16px;
    width: 1.9047619vw;
    height: 15px;
    height: 1.78571429vw;
    content: "";
    margin-left: -4px;
    margin-left: -0.47619048vw;
    margin-top: -7.5px;
    margin-top: -0.89285714vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .wrap_qt #qt_open .logo {
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  .wrap_qt #qt_open .logo img {
    width: 142px;
    width: 16.9047619vw;
    height: auto;
  }
  .wrap_qt #qt_open .txt {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  .wrap_qt #qt_open .txt > * {
    margin-left: 2px;
    margin-left: 0.23809524vw;
    margin-right: 2px;
    margin-right: 0.23809524vw;
  }
  .wrap_qt #qt_open .btn img {
    width: 220px;
    width: 26.19047619vw;
    height: auto;
  }
  .wrap_qt .btn_open img {
    width: 65px;
    width: 7.73809524vw;
    height: auto;
  }
  .wrap_qt.open {
    right: 5px;
    right: 0.5952381vw;
  }
  .wrap_qt.open .btn_open {
    left: -70px;
    left: -8.33333333vw;
  }
  /*cover*/
  .out_cover:hover .cover:after {
    top: 20px;
    top: 2.38095238vw;
    bottom: 20px;
    bottom: 2.38095238vw;
    left: 20px;
    left: 2.38095238vw;
    right: 20px;
    right: 2.38095238vw;
  }
  .out_cover .cover:after {
    border-width: 1px;
  }
  [class^="p-solo"] {
    font-size: 25px;
    font-size: 2.97619048vw;
    padding-top: 40px;
    padding-top: 4.76190476vw;
    padding-bottom: 40px;
    padding-bottom: 4.76190476vw;
  }
  .inr-c {
    margin-left: 40px;
    margin-left: 4.76190476vw;
    margin-right: 40px;
    margin-right: 4.76190476vw;
  }

  .layerPopup .popup .pop_tit {
    height: 59px;
    height: 7.02380952vw;
    padding-right: 78px;
    padding-right: 9.28571429vw;
  }
  .layerPopup .popup .pop_tit > h1 {
    padding-top: 9px !important;
    padding-top: 1.07142857vw !important;
    padding-left: 20px !important;
    padding-left: 2.38095238vw !important;
    font-size: 26px;
    font-size: 3.0952381vw;
  }
  #lnb {
    z-index: 17;
    display: none;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial;
    height: auto;
  }
  #lnb:after {
    display: none;
  }
  #lnb.posa {
    position: fixed;
    top: 0 !important;
  }
  #lnb .menu {
    max-width: inherit;
  }
  #lnb .depth2 .inner {
    padding: 0;
  }
  #lnb .m2 .depth2,
  #lnb .m3 .depth2,
  #lnb .m4 .depth2 {
    margin-left: 0;
  }
  #lnb .depth2 > .inner > ul > li {
    margin-right: 0;
    float: none;
  }
  #area_bar_event {
    margin-top: 0;
  }
  #con_bar_event .inr-c.tp {
    height: 80px;
    height: 9.52380952vw;
  }
  #con_bar_event .inr-c {
    width: auto;
    height: auto;
  }
  #con_bar_event .inr-c .v-a > * {
    font-size: 25px;
    font-size: 2.97619048vw;
    display: block;
  }
  #con_bar_event .tp > * {
    font-size: 0;
  }
  #con_bar_event .now {
    margin-right: 10px;
    margin-right: 1.19047619vw;
    line-height: 30px;
    line-height: 3.57142857vw;
  }
  #con_bar_event .now > * {
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    height: 3.57142857vw;
    font-size: 29px;
    font-size: 3.45238095vw;
    font-weight: 500;
  }
  #con_bar_event .now strong {
    padding-right: 20px;
    padding-right: 2.38095238vw;
    margin-right: 10px;
    margin-right: 1.19047619vw;
  }
  #con_bar_event .now strong:after {
    width: 10px;
    width: 1.19047619vw;
    height: 17px;
    height: 2.02380952vw;
    margin-top: -9px;
    margin-top: -1.07142857vw;
    background-position: -276px -428px;
    background-position: -32.85714286vw -50.95238095vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  #con_bar_event .now span {
    display: inline-block;
    width: 630px;
    width: 75vw;
    height: 30px;
    height: 3.57142857vw;
    line-height: 30px;
    line-height: 3.57142857vw;
    max-width: inherit;
  }
  #con_bar_event .win {
    margin-top: 10px;
    margin-top: 1.19047619vw;
  }
  #con_bar_event .win > * {
    padding-left: 33px;
    padding-left: 3.92857143vw;
    margin-right: 13px;
    margin-right: 1.54761905vw;
    display: inline-block;
    line-height: 30px;
    line-height: 3.57142857vw;
    margin-bottom: 6px;
    margin-bottom: 0.71428571vw;
  }
  #con_bar_event .win > *:after {
    width: 27px;
    width: 3.21428571vw;
    height: 30px;
    height: 3.57142857vw;
    margin-top: -15px;
    margin-top: -1.78571429vw;
    background-position: -128px -117px;
    background-position: -15.23809524vw -13.92857143vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  #con_bar_event .more {
    padding-top: 0;
  }
  #con_bar_event .more a {
    font-size: 25px;
    font-size: 2.97619048vw;
    padding-right: 20px;
    padding-right: 2.38095238vw;
  }
  #con_bar_event .more a:after {
    top: 13px;
    top: 1.54761905vw;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -276px -428px;
    background-position: -32.85714286vw -50.95238095vw;
    width: 10px;
    width: 1.19047619vw;
    height: 17px;
    height: 2.02380952vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  #con_bar_event .list-mormal-a2 {
    margin-top: 20px;
    margin-top: 2.38095238vw;
    padding-bottom: 20px;
    padding-bottom: 2.38095238vw;
  }
  #con_bar_event .lstevent .h1 {
    font-size: 40px;
    font-size: 4.76190476vw;
    margin-top: 10px;
    margin-top: 1.19047619vw;
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
  }
  #con_bar_event .lstevent .btn_close {
    top: 21px;
    top: 2.5vw;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -261px -19px;
    background-position: -31.07142857vw -2.26190476vw;
    width: 28px;
    width: 3.33333333vw;
    height: 28px;
    height: 3.33333333vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .list-mormal-a2 {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .list-mormal-a2 thead th {
    padding: 10px 10px;
    padding: 1.19047619vw 1.19047619vw;
  }
  .list-mormal-a2 tbody td,
  .list-mormal-a2 tbody th {
    padding: 12px 30px;
    padding: 1.42857143vw 3.57142857vw;
  }
  .c-navbar__menu {
    width: 50px;
    width: 5.95238095vw;
    height: 40px;
    height: 4.76190476vw;
    margin-top: -4px;
    margin-top: -0.47619048vw;
  }
  /*메뉴*/
  #lnb .menu > li {
    display: block;
  }
  #lnb .menu > li.m1 {
    width: 50%;
  }
  #lnb .menu > li.m2 {
    width: 50%;
  }
  #lnb .depth2 {
    margin-left: 0;
  }
  #lnb {
    position: fixed;
    left: 0;
    top: 0;
    width: 670px;
    width: 79.76190476vw;
    height: 100%;
    text-align: left;
  }
  #lnb:after {
    display: none;
  }
  #lnb .top {
    height: 110px;
    height: 13.0952381vw;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-left: 3.57142857vw;
    font-size: 0;
    text-align: left;
  }
  #lnb .top:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: "";
  }
  #lnb .top h1 {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
  }
  #lnb .top h1 img {
    width: 186px;
    width: 22.14285714vw;
    height: auto;
  }
  #lnb .top .close {
    position: absolute;
    right: 30px;
    right: 3.57142857vw;
    top: 45px;
    top: 5.35714286vw;
    font-size: 0;
    line-height: 0;
  }
  #lnb .top .close img {
    width: 31px;
    width: 3.69047619vw;
    height: auto;
  }
  #lnb .scroll {
    position: relative;
    overflow: hidden;
  }
  #lnb .menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    z-index: 2;
    text-align: left;
  }
  #lnb .menu > li {
    width: 50%;
    float: none;
  }
  #lnb .menu > li > a {
    display: block;
    width: 100%;
    padding: 35px 30px;
    padding: 4.16666667vw 3.57142857vw;
    font-size: 26px;
    font-size: 3.0952381vw;
    height: auto;
    line-height: 32px;
    line-height: 3.80952381vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    font-weight: 500;
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  #lnb .menu > li > a:after {
    display: none;
  }
  #lnb .menu > li.on a {
    -ms-word-break: keep-all;
    word-break: keep-all;
    background-color: #323b50;
    color: #fff;
  }
  #lnb .menu > li.on .depth2 {
    display: block;
  }
  #lnb .menu > li:first-child .depth2 {
    border-left: 0;
  }
  #lnb .depth2 {
    padding: 0;
    border-right: 0;
    height: auto;
    position: relative;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    display: none;
    background-color: #323b50;
    color: #fff;
  }
  #lnb .depth2 li {
    padding-left: 30px;
    padding-left: 3.57vw;
  }
  #lnb .depth2 a {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-left: 30px;
    padding-left: 3.57142857vw;
    font-size: 24px;
    font-size: 2.85714286vw;
    min-height: 95px;
    min-height: 11.30952381vw;
    line-height: 32px;
    line-height: 3.80952381vw;
    padding-top: 35px;
    padding-top: 4.16666667vw;
    padding-right: 10px;
    padding-right: 1.19047619vw;
    padding-bottom: 35px;
    padding-bottom: 4.16666667vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    font-weight: 300;
  }
  #lnb .depth2 a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.3;
    content: "";
    width: 100%;
    height: 1px;
  }
  #lnb .scroll:after {
    position: absolute;
    left: 50%;
    width: 50%;
    top: 0;
    height: 100%;
    content: "";
    background-color: #323b50;
    z-index: 0;
  }

  .box-prd1 {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  .box-prd1 .thumb {
    padding: 12px;
    padding: 1.42857143vw;
  }
  .box-prd1 .thumb img {
    width: 100%;
    height: auto;
  }
  .box-prd1 .summary {
    padding: 12px;
    padding: 1.42857143vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .box-prd2 .thumb img {
    width: 100%;
    height: auto;
  }
  .box-prd2 .summary {
    padding: 25px;
    padding: 2.97619048vw;
  }
  .box-prd2 .summary .cate {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    margin-bottom: 7px;
    margin-bottom: 0.83333333vw;
  }
  .box-prd2 .summary .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 40px;
    line-height: 4.76190476vw;
  }
  .box-prd2 .summary .txt.lt {
    padding-top: 15px;
    padding-top: 1.78571429vw;
    margin-top: 15px;
    margin-top: 1.78571429vw;
  }
  .box-prd2 .summary .txt.lt:after {
    width: 50px;
    width: 5.95238095vw;
  }
  .header_list {
    margin-bottom: 40px;
    margin-bottom: 4.76190476vw;
  }
  .header_list .area_fl {
    float: none;
  }
  .header_list .area_fl .col {
    margin-left: 0px;
    margin-left: 0vw;
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-top: 10px;
    margin-top: 1.19047619vw;
  }
  .header_list .area_fr {
    float: none;
    text-align: left;
  }
  .list-thumb-a > *:nth-child(1n + 1) {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .list-thumb-a > *:first-child {
    margin-top: 0;
  }
  .list-thumb-a .lst .thumb {
    width: 375px;
    width: 44.64285714vw;
  }
  .list-thumb-a .lst .thumb img {
    width: 100%;
    height: auto;
  }
  .list-thumb-a .lst .cont {
    width: 350px;
    width: 41.66666667vw;
    padding-right: 30px;
    padding-right: 3.57142857vw;
  }
  .list-thumb-a .lst .thumb,
  .list-thumb-a .lst .thumb a,
  .list-thumb-a .lst .cont {
    height: 200px;
    height: 23.80952381vw;
  }
  .list-thumb-a .lst .cont .inr {
    font-size: 23px;
    font-size: 2.73809524vw;
  }
  .list-thumb-a .lst .cont .head {
    padding-bottom: 5px;
    padding-bottom: 0.5952381vw;
    margin-bottom: 5px;
    margin-bottom: 0.5952381vw;
  }
  .list-thumb-a .lst .cont .head:after {
    width: 25px;
    width: 2.97619048vw;
  }
  .list-thumb-a .lst .cont .h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 35px;
    max-height: 4.16666667vw;
    overflow: hidden;
  }
  .list-thumb-a .lst .cont .h2 {
    color: #107ea0;
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    max-height: 40px;
    max-height: 4.76190476vw;
    overflow: hidden;
  }
  .list-thumb-a .lst .cont .summary {
    margin-top: 5px;
    margin-top: 0.5952381vw;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 70px;
    max-height: 8.33333333vw;
    overflow: hidden;
  }
  /*#contents > .inr-c {
    padding-top: 40px;
    padding-top: 4.76190476vw;
  }*/
  #contents > .inr-c > .header.type1 {
    padding-top: 50px;
    padding-top: 6vw;
  }
  .tbl.type2 thead th {
    padding: 20px 15px;
    padding: 2.38095238vw 1.78571429vw;
  }
  .list-thumb-a .lst:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9.5px;
    width: 10px;
    height: 19px;
    background-image: url(../images/common/ico_common.png);
    background-repeat: no-repeat;
    background-position: -17px -25px;
    content: "";
  }
  .btn_search2.i-set {
    width: 50px;
    width: 5.95238095vw;
    height: 50px;
    height: 5.95238095vw;
  }
  .btn_search2.i-set:after {
    width: 21px;
    width: 2.5vw;
    height: 20px;
    height: 2.38095238vw;
    margin-left: -10.5px;
    margin-left: -1.25vw;
    margin-top: -10px;
    margin-top: -1.19047619vw;
    background-position: -53.69vw -12.38vw;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .list-thumb-b .lst {
    padding-right: 40px;
    padding-right: 4.76190476vw;
  }
  .list-thumb-b .lst .thumb,
  .list-thumb-b .lst .cont {
    height: 215px;
    height: 25.5952381vw;
  }
  .list-thumb-b .lst .thumb {
    width: 325px;
    width: 38.69047619vw;
  }
  .list-thumb-b .lst .thumb a {
    width: 325px;
    width: 38.69047619vw;
    height: 215px;
    height: 25.5952381vw;
  }
  .list-thumb-b .lst .thumb + .cont {
    margin-left: 350px;
    margin-left: 41.66666667vw;
  }
  .list-thumb-b .lst .cont {
    margin-left: 30px;
    margin-left: 3.57142857vw;
    height: 215px;
    height: 25.5952381vw;
  }
  .list-thumb-b .lst .cont .inr {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .list-thumb-b .lst .cont .head {
    padding-bottom: 15px;
    padding-bottom: 1.78571429vw;
    margin-bottom: 15px;
    margin-bottom: 1.78571429vw;
  }
  .list-thumb-b .lst .cont .head:after {
    width: 50px;
    width: 5.95238095vw;
  }
  .list-thumb-b .lst .cont .cate {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  .list-thumb-b .lst .cont .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 35px;
    max-height: 4.16666667vw;
    overflow: hidden;
  }
  .list-thumb-b .lst .cont .summary {
    margin-top: 5px;
    margin-top: 0.5952381vw;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 70px;
    max-height: 8.33333333vw;
    overflow: hidden;
  }
  .list-thumb-b .lst.noimg .cont {
    margin-left: 20px;
    margin-left: 2.38095238vw;
    height: 215px;
    height: 25.5952381vw;
  }
  .list-thumb-b.sz2 .lst .thumb,
  .list-thumb-b.sz2 .lst .cont {
    height: 180px;
    height: 21.42857143vw;
  }
  .list-thumb-b.sz2 .lst .thumb {
    width: 235px;
    width: 27.97619048vw;
  }
  .list-thumb-b.sz2 .lst .thumb a {
    height: 180px;
    height: 21.42857143vw;
  }
  .list-thumb-b.sz2 .lst .cont {
    margin-left: 265px;
    margin-left: 31.54761905vw;
    height: 180px;
    height: 21.42857143vw;
  }
  .list-thumb-b.sz2 .lst .cont .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 35px;
    line-height: 4.16666667vw;
  }
  .list-thumb-b .lst.noimg .cont {
    margin-left: 40px;
    margin-left: 4.76190476vw;
    height: 215px;
    height: 25.5952381vw;
  }
  .list-thumb-a.ty2 > *:nth-child(1n + 1) {
    width: auto;
    margin-right: 0;
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .list-thumb-a.ty2 .lst .thumb,
  .list-thumb-a.ty2 .lst .cont {
    height: 226px;
    height: 26.9047619vw;
  }
  .list-thumb-a.ty2 .lst .thumb {
    width: 265px;
    width: 31.54761905vw;
  }
  .list-thumb-a.ty2 .lst .thumb a {
    height: 226px;
    height: 26.9047619vw;
  }
  .list-thumb-a.ty2 .lst .cont {
    margin-left: 285px;
    margin-left: 33.92857143vw;
  }
  .list-thumb-a.ty2 .lst .cont .inr {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .list-thumb-a.ty2 .lst .cont .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 35px;
    max-height: 4.16666667vw;
    overflow: hidden;
  }
  .list-thumb-a.ty2 .lst .cont .info {
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-top: 6px;
    margin-top: 0.71428571vw;
  }
  .list-thumb-a.ty2 .lst .cont .summary {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 70px;
    max-height: 8.33333333vw;
    overflow: hidden;
  }
  .list-thumb-a.ty2 .bbs-info {
    bottom: 10px;
    bottom: 1.19047619vw;
  }
  .list-thumb-a.ty2 .noimg .cont {
    margin-left: 20px;
    margin-left: 2.38095238vw;
  }
  .list-normal-a .lst {
    padding-right: 40px;
    padding-right: 4.76190476vw;
  }
  .list-normal-a .lst .cont {
    padding-top: 30px;
    padding-top: 3.57142857vw;
    padding-bottom: 30px;
    padding-bottom: 3.57142857vw;
  }
  .list-normal-a .lst .cont {
    margin-left: 20px;
    margin-left: 2.38095238vw;
  }
  .list-normal-a .lst .cont .inr {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .list-normal-a .lst .cont .txt.lt {
    padding-top: 15px;
    padding-top: 1.78571429vw;
    margin-top: 15px;
    margin-top: 1.78571429vw;
  }
  .list-normal-a .lst .cont .txt.lt:after {
    width: 50px;
    width: 5.95238095vw;
  }
  .list-normal-a .lst .cont .cate {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  .list-normal-a .lst .cont .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 35px;
    max-height: 4.16666667vw;
    overflow: hidden;
  }
  .list-normal-a .lst .cont .summary {
    margin-top: 10px;
    margin-top: 1.19047619vw;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    max-height: 105px;
    max-height: 12.5vw;
    overflow: hidden;
  }
  /*/리스트/*/
  /*리스트 : 아무것도 없을때*/
  .lst-none {
    padding: 50px;
    padding: 5.95238095vw;
  }
  .lst-none .t1 {
    margin-top: 30px;
    margin-top: 3.57142857vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .lst-none .t2 {
    margin-top: 15px;
    margin-top: 1.78571429vw;
  }
  .lst-none.type1 {
    padding: 180px 50px 140px 50px;
    padding: 21.42857143vw 5.95238095vw 16.66666667vw 5.95238095vw;
  }
  .lst-none.type1 .t1 {
    margin-top: 20px;
    margin-top: 2.38095238vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  /*헤더 박스 타입*/
  .header.type1 {
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  .header.type1 .p_total .categori {
    font-size: 25px;
    font-size: 2.97619048vw;
    padding-right: 10px;
    padding-right: 1.19047619vw;
    margin-right: 10px;
    margin-right: 1.19047619vw;
  }
  .box-search1 {
    width: 200px;
    width: 23.80952381vw;
  }
  .box-search1 .btn {
    top: -2px;
    top: -0.23809524vw;
  }
  .box-search1 {
    width: 235px;
    width: 27.97619048vw;
    height: 50px;
    height: 5.95238095vw;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 5.95238095vw;
    -moz-border-radius: 5.95238095vw;
    border-radius: 5.95238095vw;
  }
  .box-search1 > input {
    height: 50px;
    height: 5.95238095vw;
    line-height: 50px;
    line-height: 5.95238095vw;
    padding: 0px 50px 0px 20px;
    padding: 0vw 5.95238095vw 0vw 2.38095238vw;
  }
  .box-search1 .btn {
    width: 50px;
    width: 5.95238095vw;
    height: 50px;
    height: 5.95238095vw;
  }
  /*게시판(테이블)*/
  col.no {
    width: 80px;
    width: 9.52380952vw;
  }
  col.data {
    width: 140px;
    width: 16.66666667vw;
  }
  col.re {
    width: 130px;
    width: 15.6vw;
  }
  col.form_th {
    width: 128px;
    width: 15.23809524vw;
  }
  .tbl.type2 th,
  .tbl.type2 td {
    padding: 15px;
    padding: 1.78571429vw;
  }
  .tbl.type2 tbody td.tit {
    padding-left: 30px;
    padding-left: 3.57142857vw;
  }
  .tbl.type3 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 2.38095238vw;
    -moz-border-radius: 2.38095238vw;
    border-radius: 2.38095238vw;
  }
  .tbl.type3 table thead th,
  .tbl.type3 table tbody th {
    padding: 15px;
    padding: 1.78571429vw;
  }
  .tbl.type3 table tbody td .inner {
    padding: 30px;
    padding: 3.57142857vw;
  }
  #spot.main,
  .bxMain,
  .bxMain .bg {
    height: auto;
    font-size: 0;
  }
  .bxMain {
    position: relative;
    left: 0;
    top: 0;
    /*height: 950px;
    height: 113.0952381vw;*/
  }
  .bxMain .bg {
    background: none;
  }
  .bxMain .bg img {
    width: 100%;
    height: auto;
  }
  .pos-r {
    position: relative;
  }
  .main-page {
    padding-top: 70px;
    padding-top: 8.33333333vw;
    padding-bottom: 70px;
    padding-bottom: 8.33333333vw;
  }
  .main-page > .header {
    padding-top: 20px;
    padding-top: 2.38095238vw;
    margin-bottom: 40px;
    margin-bottom: 4.76190476vw;
  }
  .main-page > .header:after {
    width: 60px;
    width: 7.14285714vw;
    margin-left: -30px;
    margin-left: -3.57142857vw;
  }
  .main-page > .header .h1 {
    font-size: 50px;
    font-size: 5.95238095vw;
  }
  .main-page.banner img {
    width: 100%;
    height: auto;
  }
  .main-page.banner .bx-pager1 {
    left: 0;
    margin-left: 0;
    width: 100%;
    top: inherit;
    bottom: 15px;
    bottom: 1.78571429vw;
    margin-top: 0;
    text-align: center;
  }
  .main-page.banner .bx-pager1 li {
    display: inline-block;
    width: 25px;
    width: 2.97619048vw;
  }
  .main-page.banner .bx-pager1 li a {
    width: 15px;
    width: 1.78571429vw;
    height: 15px;
    height: 1.78571429vw;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 1.78571429vw;
    -moz-border-radius: 1.78571429vw;
    border-radius: 1.78571429vw;
    overflow: hidden;
  }
  .main-page.banner .bx-pager1 li a span {
    font-size: 0;
  }
  .main-page.banner.slide .inr-c {
    margin-left: 0;
    margin-right: 0;
  }
  .main-page.banner .event_info {
    position: absolute;
    left: 0;
    height: 170px;
    height: 20.23809524vw;
    top: -170px;
    top: -20.23809524vw;
    width: 100%;
    padding: 15px 20px;
    padding: 1.78571429vw 2.38095238vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .main-page.banner .event_info .area.fr {
    position: absolute;
    right: 30px;
    right: 3.57142857vw;
    top: 0;
    top: 0;
  }
  .main-page.banner .event_info .area.fl .t1 {
    margin-bottom: 5px;
    margin-bottom: 0.5952381vw;
  }
  .main-page.banner .event_info .area.fl .t2 {
    margin-bottom: 5px;
    margin-bottom: 0.5952381vw;
    max-height: 56px;
    max-height: 6.66666667vw;
    line-height: 28px;
    line-height: 3.33333333vw;
    width: 380px;
    width: 45.23809524vw;
    margin-bottom: 0;
  }
  .main-page.banner .event_info .item{height: 133px; height: 15.96vw;}
  .main-page.banner .event_info .area.fr .t1,
  .main-page.banner .event_info .area.fr .t2 {
    width: 130px;
    width: 15.6vw;
    height: 130px;
    height: 15.6vw;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    -webkit-border-radius: 15.6vw;
    -moz-border-radius: 15.6vw;
    border-radius: 15.6vw;
  }
  .main-page.banner .event_info .area.fr .t2 {
    margin-left: 20px;
    margin-left: 2.38095238vw;
  }
  .main-page.banner .event_info .area.fr .t1 > *,
  .main-page.banner .event_info .area.fr .t2 > * {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 1.6;
  }
  .main-page.banner .event_info .area.fr .t1 .vm > *,
  .main-page.banner .event_info .area.fr .t2 .vm > * {
    font-weight: 300;
  }
  .main-page.banner.n2 {
    padding-bottom: 60px;
    padding-bottom: 7.14285714vw;
    padding-top: 60px;
    padding-top: 7.14285714vw;
  }
  .main-page.banner.n2 img {
    width: 100%;
    height: auto;
  }
  .main-page.banner.n2 .area.fl,
  .main-page.banner.n2 .area.fr {
    width: auto;
    float: none;
  }
  .main-page.banner.n2 .area.fr {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .main-page.banner .circle_info.pt,
  .main-page.banner .circle_info {
    top: -130px;
    top: -15.47619048vw;
    padding-right: 20px;
    padding-right: 2.38095238vw;
    width: 100%;
    height: 140px;
    height: 16.66666667vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main-page.banner .circle_info.oeb {
    top: -310px;
    top: -36.9vw;
  }
  .main-page.banner .circle_info .lst li {
    margin-left: 20px;
    margin-left: 2.38095238vw;
  }
  .main-page.banner .circle_info .lst li a {
    width: 120px;
    width: 14.28571429vw;
    height: 120px;
    height: 14.28571429vw;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    -webkit-border-radius: 14.28571429vw;
    -moz-border-radius: 14.28571429vw;
    border-radius: 14.28571429vw;
  }
  .main-page.banner .circle_info .lst li a span {
    font-size: 22px;
    font-size: 2.61904762vw;
    line-height: 1.2;
    padding: 0px 5px;
    padding: 0vw 0.5952381vw;
  }
  .wrap-travel.main-page .lst .thumb a {
    display: block;
    width: 100%;
    height: 180px;
    height: 21.42857143vw;
    overflow: hidden;
    position: relative;
  }
  .wrap-travel.main-page .lst .h1 {
    color: #1f86a5;
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    height: 80px;
    height: 9.52380952vw;
    overflow: hidden;
  }
  .wrap-travel.main-page .lst .txt {
    color: #000;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    height: 70px;
    height: 8.33333333vw;
    overflow: hidden;
  }
  .wrap-lifestyle.main-page .inr-c {
    width: auto;
    margin-left: 30px;
    margin-left: 3.57142857vw;
    margin-right: 30px;
    margin-right: 3.57142857vw;
  }
  .wrap-lifestyle.ty2.main-page .lst-isotope > *:nth-child(1n + 1),
  .wrap-lifestyle.main-page .lst-isotope > *:nth-child(1n + 1) {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
    margin-top: 0;
  }
  .wrap-lifestyle.main-page .lst-isotope .summary {
    font-size: 24px;
    font-size: 2.85714286vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fl {
    width: auto;
    padding-left: 0;
    height: auto;
    float: none;
  }
  .wrap-lifestyle.ty2.main-page .area.fr {
    width: auto;
    float: none;
    display: none;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head {
    margin-bottom: 35px;
    margin-bottom: 4.16666667vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head .txt {
    margin-top: 10px;
    margin-top: 1.19047619vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head .txt .t2 {
    margin-left: 10px;
    margin-left: 1.19047619vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head .prev,
  .wrap-lifestyle.ty2.main-page .area.fr .head .next {
    top: 20px;
    top: 2.38095238vw;
    width: 13px;
    width: 1.54761905vw;
    height: 25px;
    height: 2.97619048vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head .prev {
    background-position: -171px -22px;
    background-position: -20.35714286vw -2.61904762vw;
  }
  .wrap-lifestyle.ty2.main-page .area.fr .head .next {
    background-position: -211px -22px;
    background-position: -25.11904762vw -2.61904762vw;
  }
  .list-mormal-a1 li a {
    height: 120px;
    height: 14.28571429vw;
    padding: 0px 70px 0px 15px;
    padding: 0vw 8.33333333vw 0vw 1.78571429vw;
  }
  .list-mormal-a1 li a .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    height: 40px;
    height: 4.76190476vw;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-mormal-a1 li a .h1:after {
    right: 15px;
    right: 1.78571429vw;
    margin-top: -21.5px;
    margin-top: -2.55952381vw;
    width: 43px;
    width: 5.11904762vw;
    height: 43px;
    height: 5.11904762vw;
    line-height: 42px;
    line-height: 5vw;
    font-size: 30px;
    font-size: 3.57142857vw;
    content: "+";
  }
  .list-mormal-a1 li a .t1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
    height: 35px;
    height: 4.16666667vw;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    margin-top: 0.5952381vw;
  }
  .wrap-ebook.main-page .lst-owl {
    padding-top: 60px;
    padding-top: 7.14285714vw;
    padding-bottom: 60px;
    padding-bottom: 7.14285714vw;
  }
  .wrap-ebook.main-page .box-prd1 .cont {
    font-size: 24px;
    font-size: 2.85714286vw;
  }
  .wrap-ebook.main-page .box-prd1 .btn {
    margin-top: 10px;
    margin-top: 1.19047619vw;
    padding: 5px 10px;
    padding: 0.5952381vw 1.19047619vw;
  }
  .wrap-ebook .lst-owl.nav3 .owl-prev {
    left: -49px;
    left: -5.83333333vw;
    width: 60px;
    width: 7.14285714vw;
  }
  .wrap-ebook .lst-owl.nav3 .owl-next {
    right: -49px;
    right: -5.83333333vw;
    width: 60px;
    width: 7.14285714vw;
  }
  .lst-owl .lst {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .lst-owl .lst img {
    width: 100%;
    height: auto;
  }

  .lst-owl .owl-prev {
    left: -40px;
    left: -4.76190476vw;
    margin-top: -32.5px;
    margin-top: -3.86904762vw;
    width: 22px;
    width: 2.61904762vw;
    height: 65px;
    height: 7.73809524vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl .owl-next {
    right: -40px;
    right: -4.76190476vw;
    margin-top: -32.5px;
    margin-top: -3.86904762vw;
    width: 22px;
    width: 2.61904762vw;
    height: 65px;
    height: 7.73809524vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl.nav2 .owl-prev {
    left: -75px;
    left: -8.92857143vw;
    margin-top: -32.5px;
    margin-top: -3.86904762vw;
    width: 65px;
    width: 7.73809524vw;
    height: 65px;
    height: 7.73809524vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl.nav2 .owl-next {
    right: -75px;
    right: -8.92857143vw;
    margin-top: -32.5px;
    margin-top: -3.86904762vw;
    width: 65px;
    width: 7.73809524vw;
    height: 65px;
    height: 7.73809524vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl.nav3 .owl-prev,
  .lst-owl.nav3 .owl-next {
    width: 50px;
    width: 5.95238095vw;
  }
  .lst-owl.nav3 .owl-prev:after {
    left: 20px;
    left: 2.38095238vw;
    margin-top: -21.5px;
    margin-top: -2.55952381vw;
    width: 22px;
    width: 2.61904762vw;
    height: 43px;
    height: 5.11904762vw;
    background-position: -107px -13px;
    background-position: -12.73809524vw -1.54761905vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl.nav3 .owl-next:after {
    right: 20px;
    right: 2.38095238vw;
    margin-top: -21.5px;
    margin-top: -2.55952381vw;
    width: 22px;
    width: 2.61904762vw;
    height: 43px;
    height: 5.11904762vw;
    background-position: -80px -13px;
    background-position: -9.52380952vw -1.54761905vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .lst-owl.dot2 .owl-dots .owl-dot {
    width: 20px;
    width: 2.38095238vw;
    height: 20px;
    height: 2.38095238vw;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 2.38095238vw;
    -moz-border-radius: 2.38095238vw;
    border-radius: 2.38095238vw;
    margin-left: 10px;
    margin-left: 1.19047619vw;
    margin-right: 10px;
    margin-right: 1.19047619vw;
  }
  .layerPopup .popup {
    min-height: 489px;
    min-height: 58.21428571vw;
  }
  .layerPopup .popup .pop_tit2 {
    padding-top: 20px;
    padding-top: 2.38095238vw;
    margin-bottom: 60px;
    margin-bottom: 7.14285714vw;
  }
  .layerPopup .popup .pop_tit2 h1 {
    padding-top: 72px;
    padding-top: 8.57142857vw;
    font-size: 50px;
    font-size: 5.95238095vw;
    line-height: 1.2;
  }
  .layerPopup .popup .pop_tit2 h1 :after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url('../images/common/bg_pop_tit.png');
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 90px;
    width: 10.71428571vw;
    height: 51px;
    height: 6.07142857vw;
    margin-left: -45px;
    margin-left: -5.35714286vw;
    content: "";
    -webkit-background-size: 90px 51px;
    background-size: 90px 51px;
    -webkit-background-size: 10.71428571vw 6.07142857vw;
    background-size: 10.71428571vw 6.07142857vw;
  }
  .layerPopup .popup .btn_close2 {
    width: 80px;
    width: 9.52380952vw;
    height: 80px;
    height: 9.52380952vw;
  }
  .layerPopup .popup .btn_close2:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -261px -19px;
    background-position: -31.07142857vw -2.26190476vw;
    width: 28px;
    width: 3.33333333vw;
    height: 27px;
    height: 3.21428571vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
    margin-left: -14px;
    margin-left: -1.66666667vw;
    margin-top: -13.5px;
    margin-top: -1.60714286vw;
  }
  .view_pop1.layerPopup .popup {
    background-position: 40px 30px;
    background-position: 4.76190476vw 3.57142857vw;
    -webkit-background-size: 140px 54px;
    background-size: 140px 54px;
    -webkit-background-size: 16.66666667vw 6.42857143vw;
    background-size: 16.66666667vw 6.42857143vw;
  }
  .view_pop1.layerPopup .popup:after {
    right: 40px;
    right: 4.76190476vw;
    top: 170px;
    top: 20.23809524vw;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url('../images/common/bg_pop1.png');
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 140px;
    width: 16.66666667vw;
    height: 54px;
    height: 6.42857143vw;
    content: "";
    -webkit-background-size: 140px 54px;
    background-size: 140px 54px;
    -webkit-background-size: 16.66666667vw 6.42857143vw;
    background-size: 16.66666667vw 6.42857143vw;
    z-index: 0;
  }
  .layerPopup .popup > .cont {
    padding: 0px 30px;
    padding: 0vw 3.57142857vw;
    min-height: 900px;
    min-height: 75vh;
  }
  .layerPopup .popup .iscrollY {
    height: 860px;
    height: 73vh;
    margin-top: 10px;
    margin-top: 1.19047619vw;
  }
  .view_pop1.layerPopup .list_thumb {
    text-align: left;
    font-size: 0;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  .view_pop1.layerPopup .list_thumb > *:nth-child(1n + 1) {
    width: 100%;
    margin-right: NaN%;
    margin-top: 4.16666667%;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .view_pop1.layerPopup .list_thumb > *:nth-child(1n + 0) {
    margin-right: 0;
  }
  .view_pop1.layerPopup .list_thumb > *:nth-child(-n + 1) {
    margin-top: 0;
  }
  .view_pop1.layerPopup .list_thumb .i-cut {
    height: 463px;
    height: 55.11904762vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 35px;
    line-height: 4.16666667vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .inr {
    padding: 15px 35px 15px 30px;
    padding: 1.78571429vw 4.16666667vw 1.78571429vw 3.57142857vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .head {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .h1 {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 40px;
    line-height: 4.76190476vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary .ico {
    padding-right: 32px;
    padding-right: 3.80952381vw;
  }
  .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary .ico:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -83px -119px;
    background-position: -9.88095238vw -14.16666667vw;
    width: 21px;
    width: 2.5vw;
    height: 21px;
    height: 2.5vw;
    content: "";
    top: 1px;
    top: 0.11904762vw;
  }
  #spot.sub .thumb .img {
    height: 270px;
    height: 32.14285714vw;
  }
  .tab-ty1 {
    top: 0;
    margin-bottom: 60px;
    margin-bottom: 7.14285714vw;
    border-top: 1px solid #ddd;
    background-color: #fff;
  }
  .tab-ty1 > ul {
    display: block;
    border-width: 0;
    border-style: solid;
  }
  .tab-ty1 > ul > li {
    font-size: 30px;
    font-size: 3.57142857vw;
    line-height: 30px;
    line-height: 3.57142857vw;
  }
  .tab-ty1 > ul > li > a {
    padding: 20px 0px;
    padding: 2.38095238vw 0vw;
    display: block;
    width: 100%;
    height: 50px;
    height: 5.95238095vw;
    line-height: 50px;
    line-height: 5.95238095vw;
    background-color: #fff;
    border-style: solid;
    border-width: 0 0 0.36vw 0;
    border-color: #fff;
    font-weight: 700;
  }
  .tab-ty1 > ul > li:first-child > a {
    border-width: 0 0 0.36vw 0;
  }
  .tab-ty1 > ul > li > a:hover {
    background: none;
    color: #5a9d4f;
    border-color: #fff;
  }
  .tab-ty1 > ul > li.on > a {
    border-color: #5a9d4f;
    color: #5a9d4f;
    background: #fff;
  }
  #container,
  #container.sub {
    min-height: 500px;
    min-height: 59.52380952vw;
  }
  #container.sub .inr-c {
    margin-left: 30px;
    margin-left: 3.57142857vw;
    margin-right: 30px;
    margin-right: 3.57142857vw;
  }
  #container.sub .path {
    width: 99%;
    left: 0.5%;
    height: 140px;
    height: 16.66666667vw;
    padding-top: 12px;
    padding-top: 1.42857143vw;
    top: -50px;
    top: -5.95238095vw;
    border-bottom: 0;
  }
  #container.sub .path h1.h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    font-weight: 300;
  }
  #container.sub .path h1.h1 > * {
    display: block;
    position: relative;
  }
  #container.sub .path h1.h1 .t1 {
    padding-bottom: 10px;
    padding-bottom: 1.19vw;
    /*margin-bottom: 15px;
    margin-bottom: 1.78571429vw;*/
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  #container.sub .path h1.h1 .t1:after {
    width: 30px;
    width: 3.57142857vw;
    height: 2px;
    height: 0.23809524vw;
    margin-left: -15px;
    margin-left: -1.78571429vw;
  }
  #container.sub .path h1.h1 .t2 {
    font-size: 36px;
    font-size: 4.29vw;
    margin-top: 6px;
    margin-top: 0.71vw;
  }
  #container.sub .path .lst_sns {
    position: absolute;
    right: 30px;
    right: 3.57142857vw;
    top: 18px;
    top: 2.14285714vw;
  }
  #container.sub .path .lst_sns > ul > li {
    margin-left: 10px;
    margin-left: 1.19047619vw;
  }
  #container.sub .path .lst_sns > ul > li.btn_ebook {
    margin-left: 10px;
    margin-left: 1.19047619vw;
    padding-top: 3px;
    padding-top: 0.35714286vw;
  }
  #container.sub .path .lst_sns img {
    width: 40px;
    width: 4.76vw;
    height: auto;
  }
  .i-txt {
    min-width: 40px;
    min-width: 4.76190476vw;
    height: 30px;
    height: 3.57142857vw;
    line-height: 30px;
    line-height: 3.57142857vw;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 5.95238095vw;
    -moz-border-radius: 5.95238095vw;
    border-radius: 5.95238095vw;
    font-size: 20px;
    font-size: 2.38095238vw;
    padding-left: 10px;
    padding-left: 1.19047619vw;
    padding-right: 10px;
    padding-right: 1.19047619vw;
  }
  .i-txt.w2 {
    min-width: 40px;
  }
  .content_h1 {
    font-size: 50px;
    font-size: 5.95238095vw;
  }
  .content_h2 {
    font-size: 40px;
    font-size: 4.76190476vw;
  }
  .content_h3 {
    font-size: 30px;
    font-size: 3.57142857vw;
  }
  .content_h4 {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  /*
  기사 헤더 타입1
*/
  .header-content {
    margin-bottom: 40px;
    margin-bottom: 4.76190476vw;
  }
  .header-content .embe {
    font-size: 30px;
    font-size: 3.57142857vw;
  }
  .header-content .h1 {
    margin-top: 10px;
    margin-top: 1.19047619vw;
    margin-top: 5px;
    text-align: center;
    font-size: 50px;
    font-size: 5.95238095vw;
  }
  /*
  발문
*/
  .epilogue-content {
    margin-top: 50px;
    margin-top: 5.95238095vw;
    margin-bottom: 50px;
    margin-bottom: 5.95238095vw;
  }
  .epilogue-content .t1 {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .title-cont {
    margin-bottom: 70px;
    margin-bottom: 8.33333333vw;
  }
  .title-cont .area.fl,
  .title-cont .area.fr {
    float: none;
  }
  .title-cont .area.fl .h {
    font-size: 50px;
    font-size: 5.95238095vw;
    line-height: 1.4;
    letter-spacing: -1px;
  }
  .title-cont .area.fr {
    padding-top: 24px;
    padding-top: 2.85714286vw;
  }
  .title-cont .area.fr > * {
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-left: 30px;
    margin-left: 3.57142857vw;
  }
  .title-cont .area.fr .like {
    padding-left: 35px;
    padding-left: 4.16666667vw;
  }
  .title-cont .area.fr .like:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -128px -117px;
    background-position: -15.23809524vw -13.92857143vw;
    width: 27px;
    width: 3.21428571vw;
    height: 25px;
    height: 2.97619048vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
    margin-top: -13px;
    margin-top: -1.54761905vw;
  }
  .bbs-pageing {
    margin-top: 52px;
    margin-top: 6.19047619vw;
  }
  .bbs-pageing:hover {
    opacity: 1;
  }
  .bbs-pageing .pageprev {
    left: 30px;
    left: 3.57142857vw;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -31px -515px;
    background-position: -3.69047619vw -61.30952381vw;
    width: 51px;
    width: 6.07142857vw;
    height: 116px;
    height: 13.80952381vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .bbs-pageing .pagenext {
    right: 30px;
    right: 3.57142857vw;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -96px -516px;
    background-position: -11.42857143vw -61.42857143vw;
    width: 51px;
    width: 6.07142857vw;
    height: 116px;
    height: 13.80952381vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  [class^="content-ty"] {
    margin-bottom: 70px;
    margin-bottom: 8.33333333vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  [class^="content-ty"] img {
    width: 100%;
    height: auto;
  }
  [class^="content-ty"] .thumb,
  [class^="content-ty"] .cont {
    margin-bottom: 35px;
    margin-bottom: 4.16666667vw;
  }
  [class^="content-ty"] .thumb .summary {
    margin-top: 15px;
    margin-top: 1.78571429vw;
    padding-bottom: 20px;
    padding-bottom: 2.38095238vw;
  }
  [class^="content-ty"] .thumb .summary p {
    font-size: 21px;
    font-size: 2.5vw;
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
  }
  [class^="content-ty"] .vd {
    margin-bottom: 35px;
    margin-bottom: 4.16666667vw;
  }
  [class^="content-ty"] .cont .h1 {
    margin-bottom: 25px;
    margin-bottom: 2.97619048vw;
    font-size: 50px;
    font-size: 5.95238095vw;
  }
  [class^="content-ty"] .cont .h2 {
    margin-bottom: 25px;
    margin-bottom: 2.97619048vw;
    font-size: 40px;
    font-size: 4.76190476vw;
  }
  [class^="content-ty"] .cont .h3 {
    margin-top: 40px;
    margin-top: 4.76190476vw;
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
    font-size: 30px;
    font-size: 3.57142857vw;
  }
  [class^="content-ty"] .cont .txt .h4 {
    margin-bottom: 10px;
    margin-bottom: 1.19047619vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  [class^="content-ty"] .cont .txt {
    font-size: 32px;
    font-size: 3.80952381vw;
  }
  [class^="content-ty"] .cont .txt p {
    margin-bottom: 35px;
    margin-bottom: 4.16666667vw;
  }
  [class^="content-ty"].hori.bx2 {
    font-size: 0;
  }
  [class^="content-ty"].hori.bx2 .area {
    display: inline-block;
    width: 100%;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  [class^="content-ty"].vati .area {
    margin-top: 30px;
  }
  [class^="content-ty"].vati .area:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
  }
  [class^="content-ty"].vati .area:first-child {
    margin-top: 0;
  }
  [class^="content-ty"].vati .thumb {
    width: 100%;
    float: none;
  }
  [class^="content-ty"].vati .cont {
    width: 100%;
    float: none;
  }
  [class^="content-ty"] .thumb .imgtxt {
    font-size: 22px;
    font-size: 2.61904762vw;
  }
  [class^="content-ty"] .thumb .imgtxt.top {
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  [class^="content-ty"] .thumb .imgtxt.bot {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .content-ty4.hori.bx2 .area .thumb {
    margin-bottom: 0;
  }
  .content-ty4.hori.bx2 .area.fr {
    margin-top: 30px;
    margin-top: 3.57142857vw;
  }
  .content-ty4 .area:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
  }
  .content-ty4 .area .thumb {
    width: 35.71428571%;
    float: left;
  }
  .content-ty4 .area .cont {
    float: none;
    padding-left: 40.47619048%;
    width: auto;
  }
  [class^="content-ty"] .chimg .prev:after,
  [class^="content-ty"] .chimg .next:after {
    margin-top: -28.5px;
    margin-top: -3.39285714vw;
    margin-left: -14px;
    margin-left: -1.66666667vw;
  }
  [class^="content-ty"] .chimg .prev:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -578px -402px;
    background-position: -68.80952381vw -47.85714286vw;
    width: 28px;
    width: 3.33333333vw;
    height: 57px;
    height: 6.78571429vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  [class^="content-ty"] .chimg .next:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -626px -402px;
    background-position: -74.52380952vw -47.85714286vw;
    width: 28px;
    width: 3.33333333vw;
    height: 57px;
    height: 6.78571429vw;
    content: "";
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  [class^="content-ty"] .owl-nav .owl-prev,
  [class^="content-ty"] .owl-nav .owl-next {
    visibility: hidden;
  }
  .line_bot {
    margin-bottom: 60px;
    margin-bottom: 7.14285714vw;
    margin-top: 60px;
    margin-top: 7.14285714vw;
  }
  .title2 {
    font-size: 40px;
    font-size: 4.76190476vw;
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  .lst-related {
    margin-bottom: 50px;
    margin-bottom: 5.95238095vw;
  }
  .txt-balloon {
    margin-bottom: 60px;
    margin-bottom: 7.14285714vw;
  }
  .txt-balloon .inner {
    width: 70%;
    font-size: 30px;
    font-size: 3.57142857vw;
  }
  .txt-balloon.bot {
    margin-bottom: 70px;
    margin-bottom: 8.33333333vw;
  }
  .p-write {
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  .p-write.ty2 {
    padding-top: 25px;
    padding-top: 2.97619048vw;
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  .p-write.ty2:after {
    width: 30px;
    width: 3.57142857vw;
  }
  .content-ty-hov .inr-c:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
  }
  .content-ty-hov .thumb {
    width: 400px;
    width: 47.61904762vw;
    margin-right: 30px;
    margin-right: 3.57142857vw;
    margin-bottom: 0;
  }
  .content-ty-hov .cont {
    margin-left: 0;
    display: inline;
  }
  .lst-related .box-prd2 .thumb .i-cut {
    height: 240px;
    height: 28.57142857vw;
  }
  .lst-related .box-prd2 .summary {
    padding: 22px 20px;
    padding: 2.61904762vw 2.38095238vw;
  }
  .lst-related .box-prd2 .summary .cate {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    height: 40px;
    height: 4.76190476vw;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .lst-related .box-prd2 .summary .h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    height: 40px;
    height: 4.76190476vw;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #area_allmenu {
    position: fixed;
    left: 0;
    bottom: -30px;
    bottom: -3.57142857vw;
    width: 100%;
    z-index: 11;
  }
  #area_allmenu.allOpen,
  #area_allmenu.btn_open {
    bottom: 0;
  }
  .allmenu_fot .inr-c {
    margin-right: 30px;
    margin-right: 3.57142857vw;
    margin-left: 30px;
    margin-left: 3.57142857vw;
  }
  .allmenu_fot .area_iscroll {
    margin-top: 30px;
    margin-top: 3.57142857vw;
    margin-left: 30px;
    margin-left: 3.57142857vw;
    margin-right: 30px;
    margin-right: 3.57142857vw;
  }
  .allmenu_fot .btn_all,
  .allmenu_fot .btn_open {
    position: absolute;
    bottom: 0;
    background-color: #3c3c3c;
    width: 100px;
    width: 11.9047619vw;
    height: 60px;
    height: 7.14285714vw;
    -webkit-border-radius: 2.38095238vw 1.78571429vw 0 0;
    -moz-border-radius: 2.38095238vw 1.78571429vw 0 0;
    border-radius: 2.38095238vw 1.78571429vw 0 0;
  }
  .allmenu_fot .btn_open:after {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url("../images/common/ico_common.png");
    background-repeat: no-repeat;
    *display: inline;
    *zoom: 1;
    background-position: -276px -428px;
    background-position: -32.85714286vw -50.95238095vw;
    width: 10px;
    width: 1.19047619vw;
    height: 17px;
    height: 2.02380952vw;
    content: "";
    margin-left: -5px;
    margin-left: -0.5952381vw;
    margin-top: -8.5px;
    margin-top: -1.01190476vw;
    -webkit-background-size: 840px;
    background-size: 840px;
    -webkit-background-size: 100vw;
    background-size: 100vw;
  }
  .allmenu_fot .btn_all span {
    height: 24px;
    height: 2.85714286vw;
    margin-top: -12px;
    margin-top: -1.42857143vw;
  }
  .allmenu_fot .btn_all span:after {
    height: 24px;
    height: 2.85714286vw;
    margin-top: -12px;
    margin-top: -1.42857143vw;
  }
  .allmenu_fot .inr-c.pa {
    padding-bottom: 40px;
    padding-bottom: 4.76190476vw;
    position: absolute;
    left: 0;
    top: 0;
    width: 720px;
    width: 85.71428571vw;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
  }
  .allmenu_fot .header {
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
  }
  .allmenu_fot .header .h1 {
    font-size: 40px;
    font-size: 4.76190476vw;
    margin-right: 150px;
    margin-right: 17.85714286vw;
  }
  #area_allmenu.open .btn_open:after {
    margin-top: -6px;
    margin-top: -0.71428571vw;
  }
  /*
 	카테고리 맵
 */
  .cate-map .inner {
    padding: 30px;
    padding: 3.57142857vw;
  }
  .cate-map .map .pos {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  #footer .ar_foo_c {
    padding: 0 5%;
  }
  #footer .ar_foo_c a {
    color: #fff;
  }
  #footer .ar_foo_c .flogo img {
    height: 45px;
    height: 5.35714286vw;
  }
  #footer.chf .ar_foo_c .flogo img,
  #footer.kwater .ar_foo_c .flogo img,
  #footer.thek .ar_foo_c .flogo img {
    height: 80px;
    height: 9.52380952vw;
  }
  #footer .ar_foo_c .txt1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    text-align: center;
  }
  #footer .ar_foo_c .txt2 {
    font-size: 30px;
    font-size: 3.57142857vw;
  }
  #footer .ar_foo_c .txt2 > span {
    margin-left: 0;
    display: block;
  }
  #footer .ar_foo_c.pb-ty {
    padding-bottom: 0;
  }
  #footer .ar_foo_c .flogo.ty2 {
    float: none;
    width: auto;
    width: 50%; margin-left: auto; margin-right: auto;
  }
  #footer .ar_foo_c .flogo.ty2 img{
    max-width: 100%; height: auto;
  }
  #footer .ar_foo_c .info {
    float: none;
    margin-left: 0;
    margin-top: 1em;
  }
  #footer .ar_foo_c .lst ul li {
    margin-bottom: 0.6em;
    display: block;
    text-align: center;
  }
  #footer .ar_foo_c .lst ul li p {
    display: block;
    font-size: 25px;
    font-size: 2.97619048vw;
    margin: 0 2%;
    margin-top: 20px;
    margin-top: 2.4vw;
  }
  #footer .ar_foo_c .lst ul li p.mt10 {
    margin-top: 0.6em;
  }
  #footer .ar_foo_c .lst ul li p span:first-child {
    margin-right: 16px;
    margin-right: 1.9047619vw;
    padding-right: 15px;
    padding-right: 1.78571429vw;
  }
  #footer .ar_foo_c .lst ul li p span:first-child:after {
    margin-top: 0;
    top: 5%;
    width: 1px;
    height: 90%;
  }
  #footer .ar_foo_c .lst ul li p span:first-child:before {
    right: -1px;
    margin-top: 0;
    top: 5%;
    width: 1px;
    height: 90%;
  }
  #footer .ar_foo_c .copy {
    margin-top: 1em;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  #footer .ar_foo_c .copy span.line {
    padding-left: 7px;
    padding-left: 0.83333333vw;
    padding-right: 7px;
    padding-right: 0.83333333vw;
  }
  #footer .ar_foo_c .copy span.line:after {
    width: 1px;
    height: 20px;
    height: 2.38095238vw;
    margin-top: -10px;
    margin-top: -1.19047619vw;
  }
  #footer .ar_foo_c .bbt .btn-mor {
    margin: .5%;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 40px;
    line-height: 4.76190476vw;
    width: auto;
    padding: 0.3em 0.5em;
    background: url(../images/common/ico_bbt_m.png) right center no-repeat;
    -webkit-background-size: auto 20%;
    background-size: auto 20%;
  }
  #footer .ar_foo_c .bbt .btn-mor span {
    padding-right: 25px;
    padding-right: 2.97619048vw;
  }
  #footer .ar_foo_c .sns .bbt {
    float: none;
    margin-left: 0;
  }
  #btn-event_applcn {
    padding-bottom: 50px;
    padding-bottom: 5.95238095vw;
  }

  .btn_dark,
  .btn-dark,
  #wzOpinionTy1 .box-prd2 .buttons button {
    padding: 7px 30px;
    padding: 0.84vw 3.6vw;
    border: 2px solid #222;
    min-width: 180px;
    min-width: 21.6vw;
    font-weight: 700;
  }







/*-----subpage-----*/

.s1_2  .big_t{font-size: 22px !important;}
.s1_2 .tac_t{width: fit-content; margin: 0 auto !important;}
.s1_2 .flexs{border: 2px solid #6fac46; padding: 30px; margin-top: 10px;}
.s1_2 .flexs>:nth-child(1){width: 40%;}
.s1_2 .flexs>:nth-child(2){width: 60%;}

.s1_2 .ccolor1_2{color:#6fac46 !important}
.s1_2 .box{padding: 30px; border: 2px solid #6fac46; max-width: 600px; width: 100%; border-radius: 30px;}
.s1_2 .box{margin: auto;}

@media all and (max-width:768px){
.s1_2  .big_t{font-size: 20px !important;}

.s1_2 .flexs{ padding: 20px;}
  .s1_2 .flexs>:nth-child(1), .s1_2 .flexs>:nth-child(2){width: 100% !important; margin-left: 0;margin-bottom: 20px;}

}


.s1_3 .flexs.end>:nth-child(1){width: 40%;}
.s1_3 .flexs.end>:nth-child(2){width: 60%;}
.s1_3 .box{padding: 40px; border-radius: 30px; background: #fae4d5;}
.s1_3 .box span{display: block; margin-bottom: 10px !important;color:#833b0a;font-style: normal !important; font-weight: bold;}
.s1_3 .box.color2{background: #deebf7;}
.s1_3 .box span{color: #2e5395;}

@media all and (max-width:768px){
    .s1_3 .flexs.end>:nth-child(1),  .s1_3 .flexs.end>:nth-child(2){width: 100%;}
} 
  

.s1_4 .box{background: #deead6; border-radius: 15px; padding:10px; border: 1px solid #c0d9b1; height: fit-content; min-width: 300px;  max-width: 400px;}
.s1_4 .box p{text-align: center !important;}
.s1_4 .mo-m{margin-top: 80px;}
.s1_4 .box2{border: 1px solid #86b867; padding:20px 40px; position: relative;}
.s1_4 .box2 .box_tit{position: absolute; top:-20px; height: 40px; display: flex; align-items: center; background: #86b867; padding: 20px; color: white; font-weight: bold;}
.s1_4 .num{text-indent: -16px; padding-left: 16px; word-break: keep-all; }

.s1_4 .flexs.end{position: relative;}
.s1_4 .flexs.end .b_text{position: absolute; left: 30%; top: 30px; }
.s1_4 .flexs.end>:nth-child(1){width: 40%;}
.s1_4 .flexs.end>:nth-child(2){width: 60%;}

.s1_4 .flexs2{display: flex;}
.s1_4 .flexs2>div{width: 50%; }
.s1_4 .flexs2>:nth-child(1){margin-right: 20px !important;}

.s1_4 .table .flexs p{font-size: 16px;}
.s1_4 .table .flexs .flexs2>div{margin-top: 20px;}
.s1_4 .flexs2 .txt{height: 100px;}


@media all and (max-width:920px){
    .s1_4 .table .flexs{display: block !important;}
    .s1_4 .table .flexs>:nth-child(1){margin-right: 0 !important;}
    .s1_4 .table .flexs>div{width: 100% !important;}
}
@media all and (max-width:768px){
  .s1_4 .photo_slide .click {display: none; }
  .s1_9 .row{margin: 0 auto;width: 280px; margin: 0 auto}
  .s1_9 .col_3 img{width: fit-content;}
  .s1_4 .flexs.end>:nth-child(1),  .s1_4 .flexs.end>:nth-child(2){width: 100%;}
  .s1_4 .table .flexs.txt_wrap p{font-size: 14px !important;}
} 

@media all and (max-width:460px){
  .s1_4  .owl-dots{bottom: 0px;}
  .s1_4 .flexs2 {display: block !important;}
  .s1_4 .flexs2>div{width: 100% !important; margin-right: 0 !important;}
  .s1_4 .flexs2 .txt{height:fit-content; margin-top: 10px;}
} 

.s1_5 .title{color:#f36d6d}
.s1_5 span{font-style: normal !important; color: #0070c0;}
.s1_6 .box1_6{margin: 0 auto; width: fit-content;color: #ec7c30; text-align: center !important;}
.s1_6 .ccolor1_6{color: #ec7c30; text-align: center;}
.s1_6 .mark{background: #f8caac; width: fit-content; padding: 2.5px 8px; border-radius: 8px;}

@media all and (max-width:768px){
    .s1_6 .btn{ border-radius: 80px; width: 320px; padding: 15px 30px; color: white; font-size: 20px !important; cursor: pointer;}
    .video_wrap {
        margin: 0px 10px !important; 
    }

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

}

.s1_7 .big_tit{font-size: 22px !important;}
.s1_7 .box{padding: 20px;}

.s1_7_tit{position: relative; max-width: 1400px;margin:0  auto; width: 100%;}
.s1_7_tit img{position: relative; z-index: 8; padding: 0 20px; background: white;}
.s1_7_tit::before{content: ''; width: 100%; background:#6d4534 ; height: 2px; position: absolute; left: 0%; top: 50%; z-index: 1;}
@media all and (max-width:768px){
    .s1_7_tit img{max-width: 240px !important; padding: 0 10px;}
}
@media all and (max-width:480px){
    .s1_7_tit img{max-width: 220px !important; padding: 0 5px;}
}
.content_inner.s1_7-2{max-width: 1200px;margin:0  auto; width: 100%; padding: 0px 80px 0 0px; }
.content_inner.s1_7-2 .photo>div .img_wrap {position: relative;overflow: hidden;height: fit-content; width: fit-content;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure {position: relative;display: block;width: 100%;height: 100%;}
.content_inner.s1_7-2 .photo>div  .img_wrap img {display: block;width: 100%;height: auto;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0;padding: 15px;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: opacity 0.3s ease;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure:hover .txt_wrap {opacity: 1;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p {text-align: center;font-size: 18px;color: #f1f1f1;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .member {font-size: 15px;font-style: normal !important;display: block;margin-bottom: 5px;color: #f1f1f1;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .desc {font-size: 16px;font-style: normal !important;line-height: 24px;word-break: keep-all;display: block;color: #f1f1f1;}

.s1_7-2 .photo .photo1{ margin: 60px auto; align-items: center; justify-content: space-between !important; }
.s1_7-2 .photo .photo1>:nth-child(1){margin-top: 60px !important; }
.s1_7-2 .photo .photo2>:nth-child(1),.s1_7-2 .photo .photo2>:nth-child(2){margin-right: 40px !important;}
.s1_7-2 .photo .photo2>:nth-child(1){margin-top: 100px !important;}
.s1_7-2 .photo .photo2>:nth-child(3){margin-top: 80px!important;}
.s1_7-2 .photo .photo3{ margin: 60px 0; align-items: flex-end !important;}
.s1_7-2 .photo .photo3>:nth-child(1){margin-bottom: 60px;}
.s1_7-2 .photo .photo4>:nth-child(3){margin-top: 80px;}
.s1_7-2 .photo .photo4>:nth-child(1){margin-top: 160px;}
.s1_7-2 .photo .photo4>:nth-child(2){margin-top: 40px!important;}
.s1_7-2 .photo .photo4>:nth-child(1),.s1_7-2 .photo .photo4>:nth-child(2){margin-right: 40px !important;}

.s1_7-2 .photo .img_wrap img{width: 100%; max-width: fit-content;}  

@media all and (max-width:1024px){
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap {padding: 10px;}
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p {font-size: 16px;color: #f1f1f1;}
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .member {font-size: 14px;}
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .desc {font-size: 14px; line-height: 18px;}

}

@media all and (max-width:780px){
    .content_inner.s1_7-2{padding: 20px}
    .content_inner.s1_7-2 .photo>div .img_wrap {max-width:fit-content !important;width: 100% !important;margin: 20px auto !important;}
    .s1_7-2 .photo>div{margin: 20px auto !important;}
    .content_inner.s1_7-2 .photo .flexs{display: block;}
    .s1_7-2 .photo .img_wrap img{width: 100%; max-width: fit-content;}
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap {padding: 15px;}
    .content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p {font-size: 18px;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .member {font-size: 15px;}
.content_inner.s1_7-2 .photo>div  .img_wrap figure .txt_wrap p .desc {font-size: 16px;line-height: 24px;}

}
.s1_8 .fwb{font-weight: 500 !important; font-style: normal !important;}
.s1_8 .line{border-top: 1px solid #5693c7; padding-top: 20px;}
.s1_8 .flexs2{display: flex; justify-content: space-between; margin-bottom: 40px;}
.s1_8 .flexs2>div{width: 50% !important;}
.s1_8 .flexs2>div:nth-child(1){margin-right: 20px;}
.s1_8 .img_wrap img {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);}

.s1_8 [class*="box"] {border: 2px solid #000; padding: 20px; width: fit-content; margin: auto;  display: flex; align-items: center; justify-content: center;  position: relative; z-index: 1;margin-top: 20px; margin-bottom: 20px;}
.s1_8 [class*="box"]::after{position: absolute; content: ''; background-image: url('../images/sub/sub1_8_box.jpg');
    right: -2px; bottom: -2px; width: 34px; height: 41px;background-size:contain; background-repeat: no-repeat;  z-index: 2; background-position: right bottom;} 
.s1_8 .box2::after{ background-image: url('../images/sub/sub1_8_box2.jpg');}
.s1_8 .box3::after{ background-image: url('../images/sub/sub1_8_box3.jpg');}
.s1_8 .box4::after{ background-image: url('../images/sub/sub1_8_box4.jpg');}

.s1_8 .box1{background: #e1efd9; border-color: #6fac46; width: 350px;}
.s1_8 .box2{background: #f8caac; border-color: #ef8f4f; width: 350px;}
.s1_8 .box3{background: #dec0e6; border-color: #915eb5; width: 350px;}
.s1_8 .box4{background: #d5f0f9; border-color: #00afef; width: 350px;}



@media all and (max-width:1280px){
    .s1_8 .flexs2{display: block;margin-bottom: 0;}
    .s1_8 .flexs2>div{width: 100% !important; margin-bottom: 60px;}
}
@media all and (max-width:480px){
    .s1_8 [class*="box"]{width: 360px !important;}
}
@media all and (max-width:360px){
    .s1_8 [class*="box"]{width: 320px !important; }
}


.s1_9 .title{text-align: center !important; font-size: 22px !important;}
.s1_9 .flexs{align-items: flex-end;}
.s1_9 .flexs>:nth-child(1){width: 30%;}
.s1_9 .flexs>:nth-child(2){width: 70%; word-break: keep-all;}
@media all and (max-width:768px){
    
.s1_9 .title{ font-size: 20px !important;}
    .s1_9 .flexs>:nth-child(1){width: 100%;}
    .s1_9 .flexs>:nth-child(2){width: 100%; word-break: break-all;}
}
.ccolor1_9{color:#ec7c30 !important; font-style: normal !important;}
.ccolor1_9_2{color:#4057f9 !important;font-style: normal !important;}

.box1_9_1{border: 2px solid #ec7c30; padding: 40px;}
.box1_9_2{border: 2px solid #4057f9; padding: 40px;}
.s1_9 .num{    display: block !important; text-indent: -20px;  padding-left: 18px;  margin: 0; font-style: normal !important;}


.s1_10 .box{border: 1px solid #70ad47; padding:20px 40px; position: relative;}
.s1_10 .box .box_tit{position: absolute; top:-20px; height: 40px; display: flex; align-items: center; background: #70ad47; padding: 20px; color: white; font-weight: bold;}
@media all and (max-width:910px){
    .s1_10 .row .column{width: 100% !important;}
    .s1_10 .pc-only{display: none !important;}
    .s1_10 .mo-only{display: block !important;}
    .s1_10 .box{padding:40px 20px 20px 20px;}
    .s1_10 .box .column:nth-child(2){margin-top: 20px;}
    .s1_10 .box>:nth-child(3){margin-top: 40px;}
}


.s1_11 .box{ border: 2px solid #c45911; padding: 40px;}
.s1_11 .box span{color:#c45911; font-style: normal !important; font-weight: bold;}
.s1_11 .num{text-indent: -20px; padding-left: 20px; word-break: keep-all; }

.s1_11 .flexs {
    gap: 20px;
  }
  
  .s1_11 .flexs .txt_wrap {
    flex: 1; /* 양쪽 동일한 너비 */
    display: flex;
    flex-direction: column;
  }
  




.s1_12 .photo_slide{position: relative;}
.s1_12 .photo_slide .item {text-align: center !important;}
.s1_12 .photo_slide .item img{max-width:780px!important; margin:0 auto}
.s1_12 .photo_slide .click {position: absolute; right: -15%; z-index: 9; top: 50%; color: #a8a8a8; font-size: 14px;}
.s1_12 .photo_slide .owl-theme .owl-nav .owl-next{position: absolute;top:48%;right:0; background-image: url('../images/sub/sub1_4_next.png');width: 20px; height: 36px;}
.s1_12 .photo_slide .owl-theme .owl-nav .owl-prev{position: absolute;top:48%;left:0; background-image: url('../images/sub/sub1_4_prev.png');width: 20px; height: 36px;}
.s1_12 .photo_slide .owl-theme .owl-nav .owl-next span,
.s1_12 .photo_slide .owl-theme .owl-nav .owl-prev span{display: none}
.s1_12 .photo_slide .owl-theme .owl-nav .owl-next:hover{background-image: url('../images/sub/sub1_4_next_h.png');}
.s1_12 .photo_slide .owl-theme .owl-nav .owl-prev:hover{background-image: url('../images/sub/sub1_4_prev_h.png');}



.s1_12  .photo_text {max-width:700px;margin:0 auto; background: #ffe7d8; border:2px solid #000; padding:0px 20px; margin-top:40px;text-align: center;}
.s1_12 .photo_text .txt_wrap p{margin-top: 15px}
.s1_12 .photo_text .txt_wrap h3{margin-bottom: 5px !important}


@media all and (max-width:1080px){
  .s1_12 .photo_slide .owl-theme .owl-nav .owl-prev,.s1_12 .photo_slide .owl-theme .owl-nav .owl-next,  .s1_12 .photo_slide .click {display: none; }
} 

@media all and (max-width:360px){
    .owl-dot{max-width: 18px;}

} 

@media all and (max-width:360px){
    .owl-dot{max-width: 18px;}

} 


@media all and (max-width:768px){
    .s1_7 .big_tit{font-size: 20px !important; word-break: keep-all;}
    .s1_9 .flex.three{display: block}
    .s1_9 .flex.three>div{width: 100%;}
   
} 
.btn2_5{  display: inline-block;  }
.btn2_5 p{background: #c5e0f3; color:#21267a; font-weight: bold !important; width: fit-content; text-align: center; padding: 7px 30px; border-radius: 30px;  }


/*---추가 클래스---*/

.flexs{display: flex; justify-content: space-between;}
.flexs>:nth-child(1){margin-right: 20px !important;}

.flexs.end{align-items: end;}
.flexs.center{align-items: center;}

@media all and (max-width:768px) {
.flexs{display: block; width: 100%;}
.flexs>:nth-child(1){margin-right: 0px !important; margin-bottom: 20px;}
 .wkeep{word-break: keep-all;}
}
.wbk{word-break: keep-all;}
/*서브 목록 중복 스크롤 방지용*/
.gnb{overflow-y: hidden;}

@media all and (max-width:768px) {
    .gnb{overflow-y:auto}
    .column:nth-child(2){padding-left: 0px;}
    }