/* SUB COMMON */
.sub_content { padding:100px 0 80px 0; }
.sub_content .container { max-width:890px; 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;padding-bottom: 5px; margin-bottom: 30px;}
.sub_content .sub_tit .sub_category span{font-size:26px}
.sub_content .sub_tit h2 {font-size: 36px;font-weight: 900;}
.sub_content .sub_tit h2 span{ display: block; font-size: 30px; font-weight: normal;}
.sub_content .sub_tit .stit{font-size: 20px;margin-top:20px;margin-bottom:40px}
.sub_content .content_inner{margin:0  auto;width:100%}


/* SUB Contents */
.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; max-width: 800px;margin:0 auto}
.sub_content .part .txt_wrap p{ font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.03em }
.sub_content .part .txt_wrap p.line{ padding:40px 0 ; border-top:1px solid #000; border-bottom:1px solid #000;width: 70%;  margin: 0 auto;word-break: auto-phrase;}
.sub_content .part .txt_wrap .title{ font-weight: 700; font-size: 22px;margin-bottom: 10px }
.sub_content .part .txt_wrap span { font-style:italic; }
.sub_content .part .txt_wrap .stit{font-size: 18px;font-weight: normal;}

.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{ font-size: 13px;
    color: #808080; margin-top:10px }
	.caption{ font-size: 13px;
    color: #808080; margin-top:10px }

 /*하단 버튼*/
.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}

.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: 20px!important;}
.mb40 {margin-bottom: 2.5rem !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}



.pc-only{}
.mo-only{display: none;}

@media all and (max-width:768px){
    .pc-only{display: none;}
    .mo-only{display: block;}
}
/*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  */


/*유튜브*/
.video_wrap {margin: 20px 0;}
.video_wrap .video {position: relative; width: 100%; padding-bottom: 56.25%; }
.video_wrap .video .iframe {width: 100%; height: 100%; position: absolute; border: 0;}



.ls3{letter-spacing:-0.03em!important}
.ls4{letter-spacing:-0.04em!important}
.ls5{letter-spacing:-0.05em!important}
.ls6{letter-spacing:-0.06em!important}



.swiper-slide{position: relative !important;}
.sub-control .swiper-button-prev{background-image:url("../images/sub/arrow.png")  ; background-color: rgba(0, 0, 0, 0.4);    background-size: auto;  left: 4.5%!important;  width: 40px; height: 60px; border-radius:   5px  ; transition:ease-in-out 0.3s; z-index: 5px !important;}
.sub-control .swiper-button-next{background-image:url("../images/sub/arrow.png");  transform: rotate(180deg); background-size: auto; right: 4.5% !important;width: 40px; height: 60px; border-radius:  5px ; background-color: rgba(0, 0, 0, 0.4);  transition: 0.3s; }

.sub-control .swiper-button-prev:hover{ background-color: rgba(0, 0, 0, 0.5);background-image:url("../images/sub/arrow2.png")  ; }
.sub-control .swiper-button-next:hover{ background-color: rgba(0, 0, 0, 0.5);background-image:url("../images/sub/arrow2.png")  ; }


.sub-control2 .swiper-button-prev{background-image:url("../images/sub/arrow.png")  ; background-color: rgba(0, 0, 0, 0.4);    background-size: auto;  left: 16%!important;  width: 40px; height: 60px; border-radius:   5px  ; transition:ease-in-out 0.3s; z-index: 5px !important;}
.sub-control2 .swiper-button-next{background-image:url("../images/sub/arrow.png");  transform: rotate(180deg); background-size: auto; right: 16% !important;width: 40px; height: 60px; border-radius:  5px ; background-color: rgba(0, 0, 0, 0.4);  transition: 0.3s; }


/*기존 sbi에서 가져옴*/
.inr-c-800:after {/*원래는 .wrap_bg1:after*/
    content: "";
    position: absolute;
    left: 30%;
    top: 4.7em;
    width: 3em;
    height: 10em;
    background-image: url("../images/sub/clip.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@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) {
    .sub-control .swiper-button-prev{ left: 2%!important;  background-size: 40% !important; width: 30px; height: 40px;}
    .sub-control .swiper-button-next{right: 2% !important;  background-size: 40% !important; width: 30px; height: 40px;}
    .with .sub-control2 .swiper-button-prev{left: 2%!important;  background-size: 40% !important; width: 30px; height: 40px;}
.with .sub-control2 .swiper-button-next{right: 2% !important;  background-size: 40% !important; width: 30px; height: 40px;}
      
}
@media all and (max-width:768px) {
.inr-c-800:after {/*원래는 .wrap_bg1:after*/
    content: "";
    position: absolute;
    left: 10%;
    top: -1.6em;
    width: 3em;
    height: 10em;
    background-image: url("../images/sub/clip.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/*기존 sbi에서 가져옴*/
.pr2-head-top {
    padding-top: 11vw !important;
}
.inr-c-800{    margin-left: 30px!important;
    margin-left: 3.62318841vw!important;
    margin-right: 30px;
    margin-right: 3.62318841vw!important;
	position:relative;
    max-width: none;
    width: auto;}




  .sub_content{padding-top: 0}
  .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-mt40{margin-top:40px !important}
  .re-mt0{margin-top: 0}
  .re-mb0{margin-bottom:0!important}
  .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; }
  .sub_content .part .txt_wrap p.line{width:100%}

  .sub_content .sub_tit h2{ word-break: keep-all;}
  .sub_content .sub_tit .sub_category{font-size:16px ; padding-bottom: 0 !important;}
  .sub_content .sub_tit .stit{font-size: 4.46859903vw !important}
  
  .re-w60{width:60%!important}
 }


@media all and (max-width:540px) {
.video_wrap .video .iframe{height: 200px}
}


@media screen and (max-width: 700px){
    .sub_content .sub_tit h2{font-size:7.2vw}
}




/*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;}


@media screen and (max-width: 840px) {
  body {
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 1.6;
    padding-top: 240px;
    padding-top: 60px;
  }
h3{font-size: 18px;}
#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;
  }

  #header.head_scroll.share,
  #header.head_scroll.normal,
  #header.head_scroll.menu {
    top: 0;
    height: 240px;
    height: 28.57142857vw;
  }
  #header.head_scroll.share #lnb,
  #header.head_scroll.normal #lnb,
  #header.head_scroll.menu #lnb {
    top: 0;
  }
  #header.head_scroll.share .bar_event {
    margin-top: 0;
  }
  body.share #area_bar_event,
  body.share .bxMain {
    margin-top: 0;
  }
  #header .header_inner > .top {
    height: 60px;
    height: 7.14285714vw;
    z-index: 5;
  }
  #header .header_inner > .top .area.fr a {
    height: 60px;
    height: 7.14285714vw;
    margin-left: 20px;
    margin-left: 2.38095238vw;
  }
  #header .header_inner > .top .area.fr a > * {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  #header .header_inner > .top .area.fr a.btn_search,
  #header .area_search_top {
    display: none !important;
  }
  #header .header_inner > .mid {
    height: 120px;
    height: 14.28571429vw;
    padding-top: 15px;
    padding-top: 1.78571429vw;
    z-index: 5;
  }
  #header .header_inner > .mid.pcNone {
    display: block;
  }
  #header .header_inner > .mid .h img {
    width: auto;
    height: 65px;
    height: 7.74vw;
  }
  #header .header_inner > .mid .area.fl {
    top: 32px;
    top: 3.80952381vw;
    display: block;
  }
  #header .header_inner > .mid .area.fr {
    top: 50%;
    margin-top: -1.8vw;
  }
  #header .header_inner > .mid .area.fr .search .view-m img {
    width: 34px;
    width: 4.04761905vw;
    height: auto;
  }
  #header .header_inner > .mid .area.fr .img_open {
    width: 40px;
    width: 4.76190476vw;
    height: auto;
  }
  #header .header_inner > .mid .area.fr .box_search {
    right: 110px;
    right: 13.0952381vw;
    top: -4px;
    top: -0.47619048vw;
  }
  #header .header_inner > .mid .area.fr .box_search input {
    width: 350px;
    width: 41.66666667vw;
    line-height: 1;
    border: 0.36vw solid #222;
    padding: 5px 10px;
    padding: 0.5952381vw 1.19047619vw;
    font-size: 26px;
    font-size: 3.0952381vw;
  }
  #header .header_inner > .mid > .inr-c {
    text-align: center !important;
  }
  .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;
  }
  #footer {
    padding-top: 0;
    font-size: 25px;
    font-size: 2.97619048vw;
    line-height: 1.3;
  }
  #footer .inr-c {
    margin-left: 0;
    margin-right: 0;
  }
  #footer .sns_mo {
    background-color: #525252;
    padding-top: 20px;
    padding-top: 2.38095238vw;
    padding-bottom: 20px;
    padding-bottom: 2.38095238vw;
    text-align: center;
    font-size: 0;
  }
  #footer .sns_mo li {
    display: inline-block;
    margin-left: 20px;
    margin-left: 2.38095238vw;
    margin-right: 20px;
    margin-right: 2.38095238vw;
  }
  #footer .sns_mo li img {
    width: 50px;
    width: 5.95238095vw;
    height: auto;
  }
  #footer .area.fl {
    float: none;
    text-align: center;
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
    padding-top: 60px;
    padding-top: 7.2vw;
  }
  #footer .area.fr {
    float: none;
    text-align: center;
  }
  #footer .area.fl ul {
    text-align: center;
  }
  #footer .area.fl ul li {
    display: inline-block;
    float: none;
    width: auto;
    border: 0;
    text-align: left;
    margin-left: 0px;
    margin-left: 0vw;
    margin-right: 0px;
    margin-right: 0vw;
  }
  #footer .area.fl ul li a {
    display: block;
    width: 100%;
    padding: 0;
    padding-left: 40px;
    padding-left: 4.76190476vw;
    border: 0;
  }
  #footer .area.fl ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
  }
  #footer .area.fl ul li.n1 a:after {
    background-position: -64px -83px;
    background-position: -7.61904762vw -9.88095238vw;
    -webkit-background-size: 420px;
    background-size: 420px;
    -webkit-background-size: 50vw;
    background-size: 50vw;
    width: 35px;
    width: 4.16666667vw;
    height: 27px;
    height: 3.21428571vw;
    margin-left: 0;
  }
  #footer .area.fl ul li.n2 a:after {
    background-position: -104px -82px;
    background-position: -12.38095238vw -9.76190476vw;
    -webkit-background-size: 420px;
    background-size: 420px;
    -webkit-background-size: 50vw;
    background-size: 50vw;
    width: 35px;
    width: 4.16666667vw;
    height: 29px;
    height: 3.45238095vw;
    margin-left: 0;
  }
  #footer .area.fl ul li.n2 {
    padding-left: 20px;
    padding-left: 2.38095238vw;
    margin-left: 20px;
    margin-left: 2.38095238vw;
    position: relative;
  }
  #footer .area.fl ul li.n2:after {
    position: absolute;
    left: 0;
    top: 4px;
    top: 0.47619048vw;
    width: 1px;
    height: 21px;
    height: 2.5vw;
    background-color: #505050;
    content: "";
  }
  #footer .area.fl ul li:first-child {
    border: 0;
  }
  #footer .area.fl ul li:first-child a {
    border: 0;
  }
  #footer .area.fl ul li.n1 a:hover:after {
    background-position: -10px -241px;
    background-position: -1.19047619vw -28.69047619vw;
  }
  #footer .area.fl ul li.n2 a:hover:after {
    background-position: -47px -243px;
    background-position: -5.5952381vw -28.92857143vw;
  }
  #footer .area.fr .mobile {
    margin-bottom: 35px;
    margin-bottom: 4.16666667vw;
  }
  #footer .area.fr .mobile > * {
    margin-left: 10px;
    margin-left: 1.19047619vw;
    margin-right: 10px;
    margin-right: 1.19047619vw;
    display: inline-block;
  }
  #footer .area.fr .mobile > * img {
    width: 87px;
    width: 10.35714286vw;
    height: auto;
  }
  #footer .area.fr .mobile .pr img {
    width: 87px;
    width: 10.35714286vw;
    height: auto;
  }
  #footer .area.fr .mobile .as img {
    width: 224px;
    width: 26.66666667vw;
    height: auto;
  }
  #footer .area.fr .mobile .gp img {
    width: 224px;
    width: 26.66666667vw;
    height: auto;
  }
  #footer .sns .add {
    float: none;
    text-align: center;
  }
  #footer .top {
    margin-top: 70px;
    margin-top: 8.33333333vw;
    text-align: center;
  }
  #footer .top img {
    width: 62px;
    width: 7.38095238vw;
    height: auto;
  }
  .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;
  }
  .owl-dots {
    margin-top: 30px;
    margin-top: 3.57142857vw;
  }
  .wrap-ebook .owl-dots{display: none;}
  .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;
  }
  .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;
  }




}
/*sbi*/


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

/*like*/
.like1{background: url(../images/sub/like.png) 0 0 no-repeat; width:47px; height: 51px;display: block;margin-bottom: 30px}
.like1.on{background: url(../images/sub/like_on.png) 0 0 no-repeat !important; }

/*withpeople*/
.sub-slider { position:relative;overflow:hidden}
.sub-slider .sub-control{position:absolute;top:50%;width:100%}
.swiper-button-prev{left:0px!important}
.swiper-button-next{right:0px!important}
/*
.swiper-pagination-bullet-active { background: rgb(255, 255, 255) !important; }*/

/*TrendCatchUp*/
.tcu .button_wrap{margin-bottom: 20px}
.tcu .button{background: #f0f4e3; border-radius: 20px;padding:15px 20px; font-size: 22px; font-weight: 900; color:#511f1e; display: flex; justify-content: space-between;margin-bottom: 20px;font-style: normal; }

/*포커스1*/
.focus_btn{display: inline-block;}
.focus_btn p{text-align: center;  width: fit-content; border: 3px solid #027ffd; color: #027ffd; padding:20px 30px; border-radius: 50px; font-weight: bold !important; font-size: 24px;}

/*스페셜데이*/
.spday .row .col_2 img{width: 100%;}
@media (max-width:768px){
    .spday .row {margin-bottom: 20px;}
    .spday .row .col_2 img{max-width: fit-content;}
}

/*TeamToon*/
.base{    inset: auto;
    margin: 0 auto;
    display: block;
    position: relative;
    box-sizing: content-box;
    min-height: 835px;
    height: 835px;
    width: 100%;
}
.base .fix{    position: fixed;
    margin: auto;
    inset: 0px auto auto 0px;
    box-sizing: border-box;
    padding-top:40px;
	    transform: translateX(-50%);
    left: 50%;
    height: 100%;
    width: 70%;
	}
.base img{width:100%}
.inner{background: #fff; padding-top:80px; position: relative; padding:40px 0 }
@media (max-width:768px){
.base .fix{
    width: 100%;
	}
	
}
/*news*/
/*news*/
.news h2{font-size: 26px!important;}
.news .stit{font-size: 27px!important;padding-bottom:30px; border-bottom: 1px solid #000;font-weight: bold;}


.writer span {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

@media (max-width:768px){
.sub-slider .item img{width:100% !important}
.tcu .button {font-size:1.5em}
.news h3{font-size: 1.17em!important;}
.news .sub_category{font-size:2.77777778vw !important ;}
}

/*open*/
.open_pd{padding:0 70px;}

@media (max-width:768px){
.open_pd{padding:0 20px;}
	
.open_sub_img{  
    margin-top: 50px !important;
}

}

.open_sub_img{  margin-left: 30px!important;
    margin-left: 3.62318841vw!important;
    margin-right: 30px;
    margin-right: 3.62318841vw!important;
    margin-top: 70px;
}

/*quiz*/
.qbox {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: right bottom 70px;
    background-color: #fff;
}
.qbox.q1{
  background-color: #F5F3E6;
    background-size: auto 50%;
}
.qbox.q2 { background-color:#E4F6F6}
.qbox.q3 { background-color:#DEE9E3; }

@media all and (max-width:768px) {
  .sub_content .part .txt_wrap p{font-size: 16px!important;}
  .news h2{    font-size: 4.57246377vw!important;}

}




#container.sub {padding-bottom: 100px; background-color: #e3edff; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.qbox { padding: 30px; margin-bottom: 30px; border-radius: 20px; background-repeat: no-repeat; background-position: right bottom 80px; background-color: #fff;}
.qbox.q1 {background-image: url('../images/sub/quiz_2.jpg'); background-size:auto; background-position: 90% 25%;}


.qbox.q2 .cont {text-align: center;}
.qbox.q2 .inp_radio {display: inline-block; vertical-align: middle; margin: 0 5%;}
.qbox.q2 .inp_radio input + label::after, .qbox.q2 .inp_radio input + label:after {border-color: ff5437;}
.qbox.q2 .inp_radio input:checked + label::after, .qbox.q2 .inp_radio input:checked + label:after {background-color: #3274DC ;}

.qbox.bom {position: relative; text-align: center; padding: 20px 30px; margin-bottom: 0; background-color: #D7E3F9; color: #3274DC;}
.qbox.bom:after {
    content:""; position: absolute; left: 10%; top: -40px;
    width: 20px; height: 60px; border-radius: 20px; border: 2px solid #fff; background-color: #3274DC;
}
.qbox.bom:before {
    content:""; position: absolute; right: 10%; top: -40px;
    width: 20px; height: 60px; border-radius: 20px; border: 2px solid #fff; background-color: #3274DC;
}
.qbox.bom .tit {padding-left: 0; padding-right: 0; margin-bottom: 15px; padding-bottom: 15px; margin-left: 0; }
.qbox.bom .tit .h1 {color: #000000; font-weight: 900; font-size: 25px;}
.qbox.bom .cont {padding-left: 0; padding-right: 0; margin-left: 0; font-size: 20px;}


.qbox .tit {position: relative; padding-left: 80px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #3274DC; }
.qbox .tit .num {position: absolute; left: -30px; top: 0px; padding: 15px 10px 15px 10px; background-color: #3274DC; border-radius: 0px 50px 50px 0px; line-height: 1; color: #fff;}
.qbox .tit .num img {width: 45px; display: block;}
.qbox .tit .h1 {font-size: 22px; line-height: 1.5; color: #000; font-weight: 500; margin-bottom: 10px;}
.qbox .tit .p_hint {font-size: 18px; color: #3274DC;}
.qbox .tit .p_hint span {display: inline-block; padding: 2px 5px 3px; margin-right: 5px; font-weight: 500; color: #fff; line-height: 1; background-color: #3274DC }
.qbox .cont {padding-left: 80px; padding-right: 80px; font-size: 18px;}
.qbox .cont .inp {margin-bottom: 40px;}
.qbox .cont .ans {display: none; padding: 5px; background-color: #ffffff; color:#e7242e; text-align: center;}
.qbox .cont .ans.active { display:block; } 
.qbox .cont .ans .an1 { display:none; }
.qbox .cont .ans .an1.active { display:block; }
.qbox .cont .ans .an2 { display:none; }
.qbox .cont .ans .an2.active { display:block; }
.qbox .cont .ans img {height: 25px;}

.inp_radio {z-index:0; position: relative; min-height: 20px; margin-top: 1em;}
.inp_radio:first-child {margin-top: 0;}
.inp_radio input {position: absolute; opacity:0; z-index: 0;}
.inp_radio input + label {
    position:relative;
    display:inline-block;
    padding-left:30px;
    font-size: 20px; min-height:20px; line-height:20px;
    cursor:pointer; vertical-align:top;
}
.inp_radio input + label::after,
.inp_radio input + label:after {
    content:"";
    width:16px; height:16px;
    position:absolute; left:0; top:50%; margin-top: -10px;
    border: 2px solid #3274DC; background-color: #fff;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.inp_radio input:checked + label::after,
.inp_radio input:checked + label:after {
    background-color:#3274DC;
}


.qbox_end {padding: 30px; margin-bottom: 20px; border-radius: 20px; font-size: 20px; color: #000; line-height: 1.5; background-color: #D7E3F9;background-image: url('../images/sub/quiz_6.jpg'); background-size: auto 35%;background-repeat: no-repeat;background-position: right bottom 200px;}
.qbox_end .tit {padding-bottom: 30px; text-align: center; font-weight: 900; font-size: 50px; line-height: 1;}
.qbox_end .tit img {height: 40px; margin-bottom: 5px;}
.qbox_end .cont {
    padding: 15px 0; margin-bottom: 30px;
    border-top: 1px solid #3274DC; border-bottom: 1px solid #3274DC;
    background-image: url('/story/upload/share/T1/images/s5/a20/quiz4.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 90%;
}
.qbox_end .cont li {overflow:hidden; margin: 10px 0;}
.qbox_end .cont li .h1 {display: block; padding-right: 10px; float: left; border-right: 1px solid #000; margin-top: 5px; line-height: 1;}
.qbox_end .cont li .t1 {display: block; margin-left: 105px; font-weight: normal;}
.qbox_end .botm {text-align: center;}
.qbox_end .botm input[type='text'] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    width: 100%; height: 50px; line-height: 50px; border: 0; max-width:300px;
    font-size: 20px; text-align: center;
    margin-bottom: 20px;
}
.qbox_end .botm .btns {display: inline-block; width: 100%; max-width:240px; padding: 0 20px; height: 50px; font-size: 30px; font-weight: 700; color: #2967fe; background-color: #fff; border-radius: 50px;}
.qbox_end .botm button { display:inline-block; width: 200px; padding: 10px; background-color:#ffffff; color:#3274DC; font-weight:bold; border: 1px solid #3274DC; border-radius:30px; font-size: 25px;}

@media (max-width:840px){
    .qbox {padding: 3vw 4vw; border-radius: 4vw; background-position: right bottom 10px;}
    .qbox .tit {padding-left: 0; padding-bottom: 3vw; margin-bottom: 4vw;}
    .qbox .tit .num {position: static; display: inline-block; margin-bottom: .2em; padding: .3em .5em; border-radius: .4em; font-size: 5vw; line-height: 1;}
    .qbox .tit .num img {width: 6vw;}
    .qbox .tit .h1 {font-size: 4vw;}
    .qbox .tit .p_hint {font-size: 3.2vw; letter-spacing:-0.03em;}
    .qbox .cont {padding-left: 0; padding-right: 0; font-size: 3.4vw;}
    .qbox .cont .inp {margin-bottom: 6vw;}
    .qbox .cont .ans {padding: .5em;}
    .qbox .cont .ans img {height: 4vw;}

    .qbox.bom {padding: 2vw 4vw;}
    .qbox.bom:after {left: 8%; top: -5vw; width: 3vw; height: 7vw;}
	.qbox.bom:before
     {right: 8%; top: -5vw; width: 3vw; height: 7vw;}
    .qbox.bom .tit {margin-bottom: 2vw; padding-bottom: 2vw; }
    .qbox.bom .tit .h1 {font-size: 4.5vw;}
    .qbox.bom .cont {font-size: 3.4vw;}
.qbox.q1{background-size:auto 30%; background-position:80% 100%;}
    .qbox.q3 {background-size: 60% auto;}
    .qbox.q2 .inp_radio img {width: 14vw;}

    .inp_radio {min-height:3.4vw}
    .inp_radio input + label {font-size: 3.4vw; padding-left:4.5vw; min-height:3.4vw; line-height:3.4vw; }
    .inp_radio input + label::after,
    .inp_radio input + label:after {width: 3.4vw; height: 3.4vw; margin-top: -1.5vw; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}


    .qbox_end {padding: 3vw 4vw 4vw; margin-bottom: 2vw; border-radius: 4vw; font-size: 3.4vw;background-size: auto 20%;background-position: right 95%}
    .qbox_end .tit {padding-bottom: 3vw; font-size: 7vw;}
    .qbox_end .tit img {height: 5vw; margin-bottom: 5px;}
    .qbox_end .cont {margin-bottom: 3vw; background-size: 20vw auto; background-position: right 99%;}
    .qbox_end .cont ul {}
    .qbox_end .cont li {margin: 1vw 0;}
    .qbox_end .cont li .h1 {padding-right: 1.5vw; margin-top: .9vw;}
    .qbox_end .cont li .t1 {margin-left: 16vw;}
    .qbox_end .cont li:last-child {line-height: 1.3;}
    .qbox_end .cont li:last-child .t1 {padding-top: .15em;}
    .qbox_end .botm input[type='text'] {max-width:50vw; font-size: 4.5vw; height: 8vw; line-height: 8vw; margin-bottom: 2vw;}
    .qbox_end .botm .btns {padding: 0 5vw; max-width:50vw; height: 8vw; font-size: 5vw;}
	.qbox_end .botm button{
    max-width: 50vw;
    height: 8vw;
    font-size: 5vw;}
}


/*opinion*/
.opinion .b_box{border:1px solid #aaa; border-radius: 10px; padding:20px; margin: 20px 0; }
.opinion .label{font-size: 20px}
.opinion .flex{display: flex}
.opinion .flex .box2{width:32%}
.opinion .flex2{display: flex}
.opinion .flex2 .box2{ width:48%}
.opinion { /*background: #f7f8fb;*/ padding:40px; margin:0 auto}
.opinion  .box2{text-align: center;border:1px solid #Ddd; box-sizing: border-box;margin-bottom: 10px; background: #f7f8fb; margin:20px auto; }
.opinion  .box2 span{display: block; padding:10px;border-bottom: #Ddd}
.opinion  .box2 span:last-of-type{font-size: 14px; background: }


.quiz__enter{ border:1px solid #ddd; padding: 40px; border-radius: 10px; }
.quiz__enter-col {margin-bottom: 10px}
.quiz__enter-col .tit{width:130px; float:left; line-height: 40px}
.quiz__enter-col .input input{width:calc(100% - 130px);border:1px solid #aaaaaa; height: 40px;border-radius: 10px;padding-left: 15px}
.quiz__enter-col .tit.long{width:100%}
.quiz__enter-col .long input{width:100%;border:1px solid #aaaaaa; height: 40px;border-radius: 10px;padding-left: 15px}

.quiz-wrap__button button{background: #0dcb67; width: 140px; height: 45px; color:#FFF; margin:20px auto 0 auto; border-radius: 10px}


/*popup*/
.popup {
  position: fixed;
  z-index: 9999;
  opacity: 1;
  left:0 ;top:0;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw; height: 100%;
  display: none
}
.popup .pop_inner{
  left: 50%;
  position: absolute;
  top: 100px;
  z-index: 9999;
  opacity: 1;
  background: #fff;
  width: 100%;
min-height: 489px;
max-width: 1200px;
margin-left: -600px;
max-height: 700px;
height: 100%
}

.popup .pop_tit{
  height: 49px;
  padding: 0 78px 0 0;
  border-bottom: 1px solid #d5d5d5;
  background-color: #2c3d5e;
  padding-top: 5px;
  padding-left: 20px;
  color: #ffffff;
  font-size: 26px;
  position: relative;
}
.popup .pop_tit button{
  position: absolute;
  right:20px
}
.popup .pop_cont{
  padding:10px
}
.popup .pop_cont table{ border:1px solid #ddd}
.popup .pop_cont .number{
  padding: 15px;
border-bottom: 1px solid #ddd;
}
.popup .pop_cont .cont{
  padding: 15px;
border-bottom: 1px solid #ddd;
}
.popup .pop_cont .number td{padding: 10px;
border: 1px solid #c3c3c3;}
.popup .pop_cont .cont td{padding: 10px;
border: 1px solid #c3c3c3;}

.popup .pop_cont .inp_txt{
  width: 100%;
height: auto;
line-height: normal;
padding: 9px 20px;
border: 1px solid #c3c3c3;
border-radius: 0;
outline-style: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

.textarea {
    width: 100%;
    height: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    padding: 15px;
}
.buttons {
    text-align: right;
}
.btn_dark{
  padding: 7px 30px;
  border-radius: 30px;
background-color: transparent;
border: 4px solid #222;
color: #222;
text-align: center;
min-width: 180px;
font-weight: 700;
}

/*문자*/
.popup.active{ display: block}

@media all and (max-width:768px) {
	.popup .pop_inner{position:relative; margin-left:0;left: inherit;width:90%; margin:0 auto ;height:auto}
}

#videos{position: relative;margin-bottom: 50px;}
#videos .swiper-pagination{position: absolute; bottom: -50px;}

.flexs{display: flex; justify-content: space-between;}
.flexs>div{width: 50%;}
.flexs>:nth-child(1){margin-right: 20px;}

@media all and (max-width:768px){
    .flexs{display: block;}
    .flexs>div{width:100%;}
.flexs>:nth-child(1){margin-right: 0px;}
}

.flexs_three{display: flex; gap: 20px;}
.flexs_three>div{width: 33%;}