@charset "utf-8";
#foot_layout{margin-top:0;}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide img {display: block;width: 100%;height: auto;}

@font-face {
  font-family: 'score-dream-bold';
  src: url('/pcms/common/font/score-dream/score-dream-bold.woff2') format('woff2'),
  url('/pcms/common/font/score-dream/score-dream-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* slick */

/* #mainSlide .slick-list{overflow: visible;} */
#mainSlide .slick-list{overflow: overflow;}

#top_layout .top_wrap {
  max-width: none;
  margin: 0 auto;
  padding: 0px;
  position: relative;
  width:100%;
}


/* main reset */
.main span,
.main b {
  /* display: inline-block; */
  vertical-align: middle;
  /* color: #010101; */
  /* font-size: 18px; */
}
.inner {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 85px;
  position: relative;
  width:100%;
}
.content_wrap {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  width:100%;
  /* border: 1px solid; */
}
.inner:after,
.content_wrap:after{display: block;clear: both;visibility: hidden;content: '';}
@media screen and (max-width:1600px) {
  #top_layout .top_wrap {
    padding: 0;
  }


}


@media(max-width:1569px){
  .inner {max-width:100%; padding:0 35px;}
  .main .section1 .inner .video video{/* min-width: 100%; *//* width: auto !important; *//* min-height: 100%; *//* height: auto !important; */}
}

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

  .inner {
    padding: 0 20px;
  }
}

/*
@media screen and (max-width: 639px) {

  .inner {
    padding: 0 15px;
  }
}
 */

/* section1 */
.main .section1 {
  position: relative;
  height: 690px;
  line-height: 0;
  font-size: 0;
  color: #fff;
}
.main .section1 .inner {
  height: 100%;
}
.main .section1 .inner .inner_wrap {
  height: 100%;
  padding: 118px 0 78px;
  background: url(/template/centerC/images/main/sec1_bg.jpg) center no-repeat;
  background-size: cover;
  border-bottom-right-radius: 50px;
  position: relative;
}

.main .section1 .inner .video{position:absolute;top:0;left:0;width: 100%;height: 100%;z-index:1;overflow: hidden;transform: scale(1.01);}
.main .section1 .inner .video video{position:absolute;left:0;width: 100%;height: 100%;object-fit: cover;}

/* 2022-03-11 수정
.main .section1 .inner .video{position:absolute;top:0;left:0;width: 100%;height: 100%;z-index:1;overflow: hidden;border-bottom-right-radius: 50px;/* object-fit: cover; */transform: scale(1.2);}
*/
/* 2022-03-11 수정
.main .section1 .inner .video video{position:absolute;top:-20px;left:0;width: 114%;height: 100%;object-fit: cover;}
*/

.main .section1 .inner .content_wrap {
  height: 100%;
  position: relative;
  z-index: 2;
}
.main .section1 .left {
  display: inline-block;
  vertical-align: top;
  padding-right: 30px;
  width: 34%;
  float: left;
}
.main .section1 .left h2 {
  margin-top: 48px;
  font-family: 'gmarket';
  font-weight:600;
  font-size: 50px;
  line-height: 1.12;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.35);
}
.main .section1 .left p {
  margin-top: 14px;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -1px;
}
.main .section1 .left > a {
  position: relative;
  margin: 15px 0 0 0;
  padding: 10px;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 1.1;
}
.main .section1 .left > a:before{content:'';position:absolute;top:50%;left: 0px;width: 25px;height: 25px;background-color: rgba(255,255,255,0.2);border-radius:50%;transform:translate(0,-50%);transition: all 0.3s ease-out;}
.main .section1 .left a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 10px;
  width: 13px;
  height: 9px;
  background: url(/template/centerC/images/main/sec1_icon6.png) no-repeat;
  transition: all 0.3s ease-out;
}
.main .section1 .left > a:hover:before{transform:translate(0,-50%) scale(1.5);}
.main .section1 .left > a:hover:after{transform:translate(20px,0)}
.main .section1 .left .next_box {
  margin: 37px 0 0 -280px;
  font-size: 0;
  line-height: 0;
}
.main .section1 .left .next_box .img_list {
  display: inline-block;
  vertical-align: top;
}
.main .section1 .left .next_box .img_list li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  display:none;
}
.main .section1 .left .next_box .img_list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7dc242;
}
.main .section1 .left .next_box .img_list li img {
  opacity: 0.2;
}
.main .section1 .left .next_box .next {
  position: relative;
  display:none;
  vertical-align: middle;
  width: 140px;
  height: 140px;
  padding-left: 20px;
  font-size: 15px;
  color: #fff;
  line-height: 140px;
  box-shadow: 0 0 0 2px #7dc242 inset;
  z-index: 1;
}
.main .section1 .left .next_box .next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #778f9b;
}
.main .section1 .left .next_box .next:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52px;
  height: 2px;
  background: #778f9b;
}
.main .section1 .right {
  position: relative;
  display: block;
  width: 66%;
  height: 460px;
  float: right;
}
.main .section1 .right .wrap {
  /* display: table-cell; */
  /* vertical-align: middle; */
  width: 100%;
  /* height: 510px; */
  /* overflow: hidden; */
  display: block;
  position: relative;
}
.main .section1 .right .wrap .slide {/* overflow:hidden; */width: 100%;height: 510px;position:relative;/* border: 1px solid; */}
/* .main .section1 .right .wrap .slide .slick-list{height: 510px !important;} */
.main .section1 .right .wrap .slide .item {
  position: relative;
  padding: 0 82px 54px 0;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
.main .section1 .right .wrap .slide .item .thum{max-height: 460px;overflow: hidden !important;}
.main .section1 .right .wrap .slide .item img {
  width: 100%;
  max-height:407px
 
}
.main .section1 .right .box {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 300px;
  height: 200px;
  padding: 40px 25px 0;
  background: #006940;
  box-shadow: 7px 7px 8px rgb(0 0 0 / 13%);
}
.main .section1 .right .box a{color:#fff;display:block;width:100%;height:100%}
.main .section1 .right .box:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 19px;
  width: 93px;
  height: 47px;
  background: url(/template/centerC/images/main/sec1_bg2.png) no-repeat;
  display: none;
}
.main .section1 .right .box h3 {
  font-family: 'gmarket';font-weight:600;
  font-size: 22px;
  line-height: 1.2;
  max-height: 52px;
  overflow: hidden;
}
.main .section1 .right .box p {
  margin-top: 9px;
  font-size: 16px;
  line-height: 1.2;
  max-height: 60px; /*2022-03-24 수정 */
  overflow: hidden;
}
.main .section1 .right .box .bottom_txt {
  position: absolute;
  left: 27px;
  bottom: 35px;
}
.main .section1 .right .box .bottom_txt span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  z-index: 1;
}
.main .section1 .right .box .bottom_txt span.date {
  margin-right: 8px;
}
.main .section1 .right .box .bottom_txt span.date:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -3px 7px 0 0;
  width: 17px;
  height: 17px;
  background: url(/template/centerC/images/main/sec1_icon1.png) no-repeat;
}
.main .section1 .right .box .bottom_txt span.date:after {
  content: "";
  display: none;
  vertical-align: middle;
  margin: -3px 0 0 10px;
  width: 1px;
  height: 8px;
  background: #318565;
}
.main .section1 .right .box .bottom_txt span.tv:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  width: 19px;
  height: 14px;
  background: url(/template/centerC/images/main/sec1_icon2.png) no-repeat;
}
.main .section1 .right .slide_pager {
  position: absolute;
  top: -7px;
  right: 10px;
  width: 41px;
  text-align: center;
}
.main .section1 .right .slide_pager button {
  display: inline-block;
  width: 29px;
  height: 29px;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.main .section1 .right .slide_pager button.pause span {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 9px;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.main .section1 .right .slide_pager button.pause span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6.5px;
  display: inline-block;
  width: 13px;
  height: 2px;
  background: #fff;
}
.main .section1 .right .slide_pager button.pause span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6.5px;
  display: inline-block;
  width: 13px;
  height: 2px;
  background: #fff;
}



.main .section1 .right .slide_pager button.play span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  color: transparent;
  /* background: url(/template/centerC/images/main/sec1_icon3.png) center no-repeat; */
  /* transform: rotate(90deg); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.394 12L10 7.737v8.526L16.394 12zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
  background-size: 100%;
}



.main .section1 .right .slide_pager button.stop {
  display: none;
  background: url(/template/centerC/images/main/sec1_icon7.png) center no-repeat;
}
.main .section1 .right .slide_pager button.prev {
  background: url(/template/centerC/images/main/sec1_icon3.png) center no-repeat;
}
.main .section1 .right .slide_pager span {
  display: inline-block;
  width: 29px;
  height: 29px;
  font-size: 16px;
  line-height: 29px;
  color: #fff;
}
.main .section1 .right .slide_pager .current {
  margin-top: 9px;
}
.main .section1 .right .slide_pager .slash {
  height: 15px;
  background: url(/template/centerC/images/main/sec1_icon4.png) center no-repeat;
}
.main .section1 .right .slide_pager .total {
  opacity: 0.5;
}
.main .section1 .right .slide_pager .next {
  margin-top: 13px;
  height: 38px;
  background: url(/template/centerC/images/main/sec1_icon5.png) center no-repeat;
}
@media screen and (min-width: 1551px) and (max-width: 1917px) {
  .main .section1 .left .next_box {
    margin: 0;
    position: absolute;
    left: 40px;
    bottom: 78px;
  }
}
@media screen and (max-width: 1550px) {
  .main .section1 {
    background: url(/template/centerC/images/main/sec1_bg.jpg) center no-repeat;
    background-size: cover !important;
  }
  .main .section1 .inner .inner_wrap {
    background: none;
  }
  .main .section1 .left .next_box {
    margin: 64px 0 0 0;
  }
  .main .section1 .left .next_box .img_list {
    display: none;
  }
  .main .section1 .right .wrap ul {
    height: 100%;
  }
  .main .section1 .right .wrap ul li {
    height: 100%;
  }
}
@media screen and (max-width: 1340px) {
  .main .section1 .inner .inner_wrap {
    padding: 117px 0 0;
  }
  .main .section1 .left h2 {
    margin-top: 18px;
    font-size: 38px;
  }
  .main .section1 .left {
    width: 37%;
  }
  .main .section1 .left p {
    margin-top: 9px;
    font-size: 17px;
  }
  .main .section1 .left .next_box {
    margin: 64px 0 0 0;
  }
  .main .section1 .right {
    width: 63%;
  }
  .main .section1 .right .wrap ul li {
    padding: 0 43px 97px 0;
  }
  .main .section1 .right .box {
    bottom: 0;
    background-position: 188px 67px;
  }
  .main .section1 .right .slide_pager {
    right: -12px;
  }
}

@media screen and (max-width:1279px) {

  .main .section1 .right .wrap .slide .item .thum{max-height:407px}


}


@media screen and (max-width: 1250px) {

  .main .section1,.main .section1 .right .wrap .slide{height:auto}
  .main .section1 .inner .inner_wrap{padding:100px 0 4vw;}
  .main .section1 .right .wrap .slide .item{height:440px}
  .main .section1 .right .wrap .slide .item .thum{position:relative;width: 100%; height: 100%;display:block;  overflow: hidden !important;}
  .main .section1 .right .wrap .slide .item img{height:100%}
}

@media screen and (max-width: 1180px) {
 

  .main .section1 .right .wrap .slide .item .thum{max-height: 370px;}

}


@media screen and (max-width: 1023px) {
  .main .section1 {
    /* height: auto; */
  }
  .main .section1 .inner .inner_wrap {
    padding:55px 0 17px}


  .main .section1 .inner .content_wrap {
    height: auto;
  }

  .main .section1 .left {
    display: block;
    margin: 0 auto;
    padding-right: 0;
    width: 350px;
    max-width: 100%;
    float: none;
    text-align: center;
  }
  .main .section1 .left p {
    margin-top: 7px;
  }
  .main .section1 .left > a {
    display: none;
  }
  .main .section1 .left .next_box .next {
    padding-left: 10px;
    margin-top:20px;
    left: 34px;
    top:83.5%;
    width: 71px;
    height: 71px;
    line-height: 71px;
    text-align: left;
    display:none
  }
  .main .section1 .right {
    margin-top: 24px;
    width: 100%;
  }
  .main .section1 .left .next_box {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .main .section1 .right .wrap ul li {
    padding: 0 83px 76px 53px;
  }
  .main .section1 .right .box {
    bottom: 117px;
  }
  .main .section1 .right .slide_pager {
    right: 19px;
    top: -3px;
  }
  .main .section1 .right .wrap .slide .item{height:auto}

  .main .section1 .right .wrap .slide .item .thum{max-height:460px}

}

@media screen and (max-width: 900px) {

  .main .section1 .right .wrap .slide .item{position:relative;height: 500px;}
  .main .section1 .right .wrap .slide .item .thum{position:absolute;top:0;left:0;height: 100%;width: calc(100% - 10vw);}


}

@media screen and (max-width: 830px) {

  .main .section1 .right .wrap .slide .item{height:460px}
  .main .section1 .right .wrap .slide .item .thum{/* max-height:420px */}
}


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


  .main .section1 .left {
    width: 245px;
  }
  .main .section1 .left h2 {
    margin-top: 27px;
    font-size: 32px;
    line-height: 1;
  }
  .main .section1 .left p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1;
  }
  .main .section1 .left .next_box {
    display: none;
  }
  .main .section1 .right {
    display: block;
  }
  .main .section1 .right .wrap {
    display: block;
  }
  .main .section1 .right .wrap ul li {
    padding: 0;
  }
  .main .section1 .right .box {
    /* position: relative; */
    padding: 25px 24px 25px;
    width: 100%;
    height:auto;
  }
  .main .section1 .right .box h3 {
    font-size: 16px;
    max-height: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main .section1 .right .box p {
    margin-top: 3px;
    max-height: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main .section1 .right .box .bottom_txt {
    margin-top: 15px;
    position: relative;
    left: auto;
    bottom: auto;
  }
  /* 가로 슬라이드버튼 */
  .main .section1 .right .slide_pager {
    margin-top: 10px;
    position: relative;
    width: 100%;
    right: auto;
    top: auto;
  }
  .main .section1 .right .slide_pager span {
    font-size: 15px;
    width: 28px;
  }
  .main .section1 .right .slide_pager button.pause {
    transform: rotate(-90deg);
  }
  .main .section1 .right .slide_pager button.stop {
    transform: rotate(-90deg);
  }
  .main .section1 .right .slide_pager button.prev {
    transform: rotate(-90deg);
  }
  .main .section1 .right .slide_pager .current {
    margin-top: 0;
  }
  .main .section1 .right .slide_pager .slash {
    height: 29px;
    background: url(/template/centerC/images/main/sec1_icon4_1.png) center no-repeat;
  }
  .main .section1 .right .slide_pager .next {
    transform: rotate(90deg);
    margin-top: 0;
    height: 29px;
    background: url(/template/centerC/images/main/sec1_icon3.png) center no-repeat;
  }
  
  .main .section1 .right .wrap .slide{height:510px}
  .main .section1 .right .wrap .slide .item{height:510px}
  .main .section1 .right .wrap .slide .item .thum{width: 100%; max-height:100%}
  .main .section1 .right .wrap .slide .item img{max-height: calc(100% - 120px)}
 


}

@media screen and (max-width: 700px) {
 
  .main .section1 .right .wrap .slide .item{}
  
  .main .section1 .right .wrap .slide .item .thum{max-height:none};
  .main .section1 .right .wrap .slide .item .thum .img{}
  .main .section1 .right .wrap .slide .item .box{}
  
}

@media screen and (max-width: 540px) {
 
  .main .section1 .right .wrap .slide,.main .section1 .right .wrap .slide .item{height:400px}

}


@media screen and (max-width: 430px) {
 
  .main .section1 .right .wrap .slide,.main .section1 .right .wrap .slide .item{height:350px}

}

@media screen and (max-width: 360px) {
 
  .main .section1 .right .wrap .slide,.main .section1 .right .wrap .slide .item{height:300px}

}


/* section2 */
.main .section2 {
  padding: 56px 0 76px;
  background: #fff;
}
.main .section2 .inner .reservation {
  margin-right: 0;
  width: 300px;
  float: left;
  /* border: 1px solid; */
}
.main .section2 .inner .reservation .tit_box {
  position: relative;
  overflow: hidden;
}
.main .section2 .inner .reservation .tit_box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  width: 100%;
  height: 1px;
  background: #d4d4d4;
}
.main .section2 .inner .reservation .tit_box span {
  position: relative;
  padding-right: 16px;
  font-family: 'gmarket';
  font-weight: 600;
  font-size: 20px;
  color: #323131;
  line-height: 57px;
  background: #fff;
  z-index: 1;
}
.main .section2 .inner .reservation .call_box .img {
  /* margin-right: 15px; */
  width: 62px;
  height: 62px;
  display: inline-block;
  vertical-align: middle;
  background: url(/template/centerC/images/main/sec2_01.png) no-repeat;
}
.main .section2 .inner .reservation .call_box .text {
  display: inline-block;
  vertical-align: middle;
}
.main .section2 .inner .reservation .call_box .text .call_number {
  display: block;
  margin-top: 3px;
  font-family: 'gmarket';
  font-weight:600;
  font-size: 22px;
  color: #323131;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
.main .section2 .inner .reservation .call_box .text .txt {
  display: block;
  margin-top: -1px;
  font-size: 16px;
  color: #555;
  letter-spacing: -0.05em;
  margin-left: 3px;
}
.main .section2 .inner .reservation .call_box .text .txt p{line-height: 1.4;font-size: 15px;}
.main .section2 .inner .reservation .call_box .text .txt p em{display:inline-block;width:50px;color: #000;margin-right: 6px;font-family: 'score-dream-bold';position:relative;padding-left:10px;}
.main .section2 .inner .reservation .call_box .text .txt p em:after{content: ''; width:1px; height:13px; background-color:#d6d6d6; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.main .section2 .inner .reservation .call_box .text .txt p em:before{ display:inline-block;content:''; position:absolute; width:3px; height:3px; background-color:#c3c3c3; border-radius: 50%;left:0; top:50%; transform: translateY(-50%);}

/* main section2 */

.main .section2 .inner:after,.main .section2 .inner .lists ul:after{content:''; display:block; clear:both}
/* .main .section2 .inner .lists{float:left;max-width: calc(100% - 330px);width: 100%;padding-top: 26px;} */
.main .section2 .inner .lists ul{width:100%;}
.main .section2 .inner .lists ul li{float:left;width:calc(100% / 5);position:relative;margin: 25px 0 0;}
.main .section2 .inner .lists ul li .wrap{text-align: center;}
.main .section2 .inner .lists ul li a{display: flex;width: 100%;height: 100%;justify-items: center;align-items: center;align-content: center;flex-direction: column;justify-content: center;}
.main .section2 .inner .lists ul li:after {content: "";position: absolute;top:50%;transform:translate(0,-50%);right: 0px;width: 1px;height: 70%;background: #e9e9e9;}
.main .section2 .inner .lists ul li:last-child::after{display:none}


/* .main .section2 .inner .lists::after { content: ''; display:block; clear:both}
.main .section2 .inner .lists ul li {
  padding: 0 20px;
  position: relative;
  width: 20%;
  float: left;
  text-align: center;
}
.main .section2 .inner .lists ul li:after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 1px;
  width: 1px;
  height: 55px;
  background: #e9e9e9;
}
.main .section2 .inner .lists ul li:last-child:after {
  display: none;
} */
.main .section2 .inner .lists ul li .img{ display:inline-block}
.main .section2 .inner .lists ul li .img{height: 52px;width:52px;background-position: center  !important;background-size: cover !important;}


.main .section2 .inner .lists ul li:nth-child(1) .img {
  background: url(/template/centerC/images/main/sec2_list6.png) center no-repeat;

}
.main .section2 .inner .lists ul li:nth-child(2) .img {
  background: url(/template/centerC/images/main/sec2_list7.png) center no-repeat;

}
.main .section2 .inner .lists ul li:nth-child(3) .img {
  background: url(/template/centerC/images/main/sec2_list8.png) center no-repeat;

}
.main .section2 .inner .lists ul li:nth-child(4) .img {
  background: url(/template/centerC/images/main/sec2_list9.png) center no-repeat;

}
.main .section2 .inner .lists ul li:nth-child(5) .img {
  background: url(/template/centerC/images/main/sec2_list5.png) center no-repeat;

}

.main .section2 .inner .lists ul li .text{text-align: center;}
.main .section2 .inner .lists ul li .text b {
  margin-top: 10px;
  display: block;
  padding: 0;
  font-size: 18px;
  color: #323131;
  letter-spacing: -0.03em;
  font-family: 'score-dream-bold';
  word-break: break-all;
}
.main .section2 .inner .lists ul li .text span {
  display: block;
  margin-top: 5px;
  color: #777;
  text-indent: -9999px;
  display:none;
}
@media screen and (max-width: 1370px) {

  .main .section2{padding-bottom:0}
  .main .section2 .inner .lists{padding-top: 0px;}
  .main .section2 .inner .lists ul li{padding:21px 0 25px}

}
@media screen and (min-width: 640px) and (max-width: 1370px) {
  .main .section2 .inner .reservation {
    position: relative;
    float: none;
    margin-right: 0;
    padding: 10px 0;
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
  }

  .main .section2 .inner .reservation .tit_box {
    margin-right: 675px;
    box-sizing: border-box;
  }
  .main .section2 .inner .reservation .tit_box span {
    padding:0 10px;
  }
  .main .section2 .inner .reservation .tit_box:after {
    margin-top: 1px; top:48%;
  }
  .main .section2 .inner .reservation .call_box {
    position: absolute;
    top: 7px;
    left:237px;
    width: 428px;
  }

  .main .section2 .inner .reservation .call_box .text {
    padding: 20px 0;
    overflow: hidden;
    display: block;
  }
  .main .section2 .inner .reservation .call_box .text .call_number {
    margin: 0 19px 0 0;
    display: inline-block;
  }
  .main .section2 .inner .reservation .call_box .text .txt {
    margin-top: -10px;
    letter-spacing: -0.03em;
  }
}
@media screen and (max-width: 767px) {

  .main .section2{padding-top: 0;}

  .main .section2 .inner .lists ul li{width:calc(50% - 4px);/* height: 52px; *//* padding: 15px 0 !important; *//* padding-right: 20px !important; */line-height: 0;margin: 0;padding: 0;border: 10px solid transparent;}
  .main .section2 .inner .lists ul li:nth-child(2n-1){/* border-right:4px solid transparent */}
  .main .section2 .inner .lists ul li:nth-child(2n){ border-left:4px solid transparent;}
  .main .section2 .inner .lists ul li:nth-child(2n):after{display: none;}
  .main .section2 .inner .lists ul li .wrap{/* padding-left: 90px; */text-align: left;position:relative;/* height: 52px !important; */overflow: hidden;}
  .main .section2 .inner .lists ul li .img{/* border: 1px solid; *//* position:absolute; *//* top:50%; *//* left:16px; *//* margin-top: -26px; */margin-bottom: 12px;}
  .main .section2 .inner .lists ul li .text{display: flex;justify-items: center;height: 100%;align-items: center;line-height: 1;/* margin-top: -19px; */}

  .main .section2 .inner .reservation .call_box .img {
    float: left;
    background: url(/template/centerC/images/main/sec2_01_1.png) no-repeat;
    background-size: 62px auto;
  }


}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .main .section2 .inner .lists ul li .text b{font-size: 18px;letter-spacing: -0.1em;}
  .main .section2 .inner .reservation .tit_box {
    margin-right: 401px;
  }
  .main .section2 .inner .reservation .call_box {
    width: 347px; padding-left: 46px;
  }

  .main .section2 .inner .reservation .call_box .img {
    margin-right: 0;
    width: 36px;
    height: 36px;
    background: url(/template/centerC/images/main/sec2_01_2.png) no-repeat;
    background-size: 36px auto;
    margin-right: 10px;

  }

  .main .section2 .inner .reservation .call_box .text {
    padding: 18px 0;
  }
  .main .section2 .inner .reservation .call_box .text .call_number {
    margin: 0 5px 0 0; display:block;
  }
  .main .section2 .inner .reservation .call_box .text .txt {
    margin-top: -6px;
    font-size: 15px;
  }

}
@media screen and (max-width: 639px) {


  .main .section2 .inner .lists ul li .text b{font-size: 16px;padding: 0;}
  .main .section2 {
    padding: 30px 0 35px;
  }
  .main .section2 .inner .reservation {
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .main .section2 .inner .reservation .tit_box:after {
    margin-top: -2px;
  }
  .main .section2 .inner .reservation .tit_box span {
    line-height: 26px;
  }

  .main .section2 .inner .reservation .call_box .img {
    margin-right: 0;
    width: 36px;
    height: 36px;
    background: url(/template/centerC/images/main/sec2_01_2.png) no-repeat;
    background-size: 36px auto;
  }
  .main .section2 .inner .reservation .call_box .text .call_number {
    margin-top: 6px;
    line-height: 1.3;
  }

}
@media screen and (max-width:540px) {

  .main .section2 .inner .lists ul li .text b{letter-spacing: -2px;line-height: 1.1;}

}

@media screen and (max-width:480px) {

  .main .section2{padding-bottom:13px}

  .main .section2 .inner .reservation .call_box{padding-bottom:23px}

  .main .section2 .inner .lists{/* padding-top: 0; */}
  .main .section2 .inner .lists ul li{/* width:100%; *//* padding-top:20px; */}
  .main .section2 .inner .lists ul li:after{display:none}
  .main .section2 .inner .lists ul li:nth-child(2n),  .main .section2 .inner .lists ul li:nth-child(2n-1){/* border:0; *//* border-bottom: 1px solid #ddd; */}
  .main .section2 .inner .lists ul li:nth-child(2n-1):after{display:none}
  .main .section2 .inner .lists ul li:last-child{/* border:0 */}
  .main .section2 .inner .lists ul li .text b{line-height: 1.6;}


}


/* section3 */
.main .section3 {
  padding: 58px 0 84px;
  text-align: center;
  background: #f9f9f9;
}

.main .section3 h3 {
  font-family: 'gmarket';font-weight:600;
  font-size: 38px;
  color: #2a2e35;
  letter-spacing: 0;
}
.main .section3 p {
  /* margin-top: -5px; */
  font-size: 18px;
  color: #666;
  letter-spacing: 0;
  line-height: 1.2;
}
.main .section3 .center_box {
  position: relative;
  padding-top: 52px;
  max-width: 1308px;
  margin: 0 auto;
  width: 100%;
}


.main .section3 .center_box .robot_lists {
  position: relative;
  margin: -14px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.main .section3 .center_box .robot_lists li {
  position: relative;
  /* padding-bottom: 16.667%; */
  width: 25%;
  float: left;
  min-height: 192px;
  /* border: 1px solid; */
}
.main .section3 .center_box .robot_lists li .wrap {
  position: absolute;
  top: 0;
  left: 0;
  /* display: flex; */
  width: 100%;
  height: 100%;
  padding: 14px;
  /* min-height: 192px; */
  display: block;
}
.main .section3 .center_box .robot_lists li .wrap a {
  display: flex;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  max-width:100%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: all .4s ease;
  border: 5px solid transparent;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
}
.main .section3 .center_box .robot_lists li .wrap a .img {
  height: 56px;
  margin-bottom: 17px;
  margin-top: 13px;
}
.main .section3 .center_box .robot_lists li .wrap a span {
  margin-top: 2px;
  font-size: 18px;
  color: #010101;
}
.main .section3 .center_box .robot_lists li .wrap a .list_arrow {
  /* display: none; */
  margin-top: 15px;
  width: 100%;
  height: 14px;
  background: url(/template/centerC/images/main/sec3_arrow.png) center no-repeat;
  opacity: 0;
  display: none;
}
.main .section3 .center_box .robot_lists li .wrap:hover a {
  border: 5px solid #006940;
  box-shadow: 8px 13px #eaeaea;
}
.main .section3 .center_box .robot_lists li .wrap:hover a .list_arrow {
  opacity:1;
  display: block;
}

.main .section3 .center_box .center_lists {
  /* padding-right: 14px; */
  /* max-width: 1280px; */
  width: 100%;
  position: relative;
  /* margin: -14px; */
  font-size: 0;
  line-height: 0;
  overflow: visible;
}
.main .section3 .center_box .center_lists li {
  position: relative;
  /* padding-bottom: 16.667%; */
  width: 16.666667%;
  float: left;
  height: 218px;
  /* border: 1px solid; */
}
.main .section3 .center_box .center_lists li .wrap {
  position: absolute;
  top: 0;
  left: 0;
  /* display: flex; */
  width: 100%;
  height: 100%;
  padding: 14px;
  /* min-height: 192px; */
  display: block;
}
.main .section3 .center_box .center_lists li .wrap a {
  display: flex;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  max-width:100%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: all .4s ease;
  border: 5px solid transparent;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
}
.main .section3 .center_box .center_lists li .wrap a .img {
  width: 100%;
  height: 56px;
  /*  margin-bottom: 17px;
	 margin-top: 13px; */
  margin-bottom: 10px;
}
.main .section3 .center_box .center_lists li .wrap a span {
  /* margin-top: 2px; */
  font-size: 18px;
  color: #010101;
  letter-spacing: -1px;
  font-weight: bold;
  transition: all .4s ease;
  display: block;
  word-break: break-all;
  line-height: 1;
}
.main .section3 .center_box .center_lists li .wrap a .list_arrow {
  /* display: none; */
  margin-top: 15px;
  width: 100%;
  height: 14px;
  background: url(/template/centerC/images/main/sec3_arrow.png) center no-repeat;
  opacity: 0;
  display: none;
  transition: all .4s ease;
}
.main .section3 .center_box .center_lists li .wrap a:hover {
  border: 5px solid #006940;
  box-shadow: 8px 13px #eaeaea;
}

.main .section3 .center_box .center_lists li .wrap a:hover span{color:#006940}
.main .section3 .center_box .center_lists li .wrap a:hover .list_arrow {opacity:1;display:block;}
/*
.main .section3 .center_box .center_lists li .wrap:hover a {
  border: 5px solid #006940;
  box-shadow: 8px 13px #eaeaea;
}


.main .section3 .center_box .center_lists li .wrap:hover a .list_arrow {
  opacity:1;
  display: block;
}
*/


/*
.main .section3 .center_box .center_lists li:nth-child(1) a .img {
  background: url(/template/centerC/images/main/sec3_01.png) center no-repeat;
}
.main .section3 .center_box .center_lists li:nth-child(2) a .img {
  background: url(/template/centerC/images/main/sec3_02.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(3) a .img {
  background: url(/template/centerC/images/main/sec3_03.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(4) a .img {
  background: url(/template/centerC/images/main/sec3_04.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(5) a .img {
  background: url(/template/centerC/images/main/sec3_05.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(6) a .img {
  background: url(/template/centerC/images/main/sec3_06.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(7) a .img {
  background: url(/template/centerC/images/main/sec3_07.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(8) a .img {
  background: url(/template/centerC/images/main/sec3_08.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(9) a .img {
  background: url(/template/centerC/images/main/sec3_09.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(10) a .img {
  background: url(/template/centerC/images/main/sec3_10.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(11) a .img {
  background: url(/template/centerC/images/main/sec3_11.png) center no-repeat;

}
.main .section3 .center_box .center_lists li:nth-child(12) a .img {
  background: url(/template/centerC/images/main/sec3_12.png) center no-repeat;

}
*/

.main .section3 .center_box .center_lists li a .img.n1 {
  background: url(/template/centerC/images/main/sec3_01.png) center no-repeat;
  /* background-size: 54px auto; */
}
.main .section3 .center_box .center_lists li a .img.n2 {
  background: url(/template/centerC/images/main/sec3_02.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n3 {
  background: url(/template/centerC/images/main/sec3_03.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n4 {
  background: url(/template/centerC/images/main/sec3_04.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n5 {
  background: url(/template/centerC/images/main/sec3_05.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n6 {
  background: url(/template/centerC/images/main/sec3_06.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n7 {
  background: url(/template/centerC/images/main/sec3_07.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n8 {
  background: url(/template/centerC/images/main/sec3_08.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n9 {
  background: url(/template/centerC/images/main/sec3_09.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n10 {
  background: url(/template/centerC/images/main/sec3_10.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n11 {
  background: url(/template/centerC/images/main/sec3_11.png) center no-repeat;

}
.main .section3 .center_box .center_lists li a .img.n12 {
  background: url(/template/centerC/images/main/sec3_12.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n13 {
  background: url(/template/centerC/images/main/sec3_13.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n14 {
  background: url(/template/centerC/images/main/sec3_14.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n15 {
  background: url(/template/centerC/images/main/sec3_15.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n16 {
  background: url(/template/centerC/images/main/sec3_16.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n17 {
  background: url(/template/centerC/images/main/sec3_17.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n18 {
  background: url(/images/main/sub01/CIR.png) center no-repeat;
}
.main .section3 .center_box .center_lists li a .img.n19 {
  background: url(/images/main/sub01/DER.png) center no-repeat;
}
.main .section3 .center_box button {
  display: none;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.main .section3 .center_box .arrow {
  position: absolute;
  top: 50%;
  width: 69px;
  height: 69px;
  margin-top: -19px;
  border-radius: 100%;
  box-shadow: 8px 8px 9px rgba(0, 0, 0, 0.35);
}
.main .section3 .center_box .arrow.prev {
  left: -120px;
  background: url(/template/centerC/images/main/sec3_arrow_prev.png) #7dc242 center
  no-repeat;
}
.main .section3 .center_box .arrow.next {
  right: -120px;
  background: url(/template/centerC/images/main/sec3_arrow_next.png) #7dc242 center
  no-repeat;
}
.main .section3 .center_box .slick_dots_wrap {
  display: none;
  margin-top: 33px;
  font-size: 0;
}
.main .section3 .center_box .slick-dots {
  display: inline-block;
  vertical-align: middle;
}
.main .section3 .center_box .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 3px;
  padding: 4px;
  line-height: 0;
  cursor: pointer;
}
.main .section3 .center_box .slick-dots li button {
  margin: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background: #b7b7b7;
}
.main .section3 .center_box .slick-dots li.slick-active button {
  width: 28px;
  background: #98cd49;
}
.main .section3 .center_box .pause {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 3px 4px;
  width: 15px;
  height: 15px;
  background: none;
}
.main .section3 .center_box .pause:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -5.5px;
  width: 3px;
  height: 11px;
  background: #b7b7b7;
}
.main .section3 .center_box .pause:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -5.5px;
  width: 3px;
  height: 11px;
  background: #b7b7b7;
}
@media screen and (max-width: 1570px) {
  .main .section3 .center_box .arrow.prev{left:-40px}
  .main .section3 .center_box .arrow.next{right: -19px;}


}
@media screen and (max-width: 1250px) {
  .main .section3 .center_box .center_lists li .wrap a .list_arrow {
    margin: 0 0 3px;
  }
}
@media screen and (max-width: 1023px) {
  .main .section3 {
    padding: 58px 0 58px;
  }

  .main .section3 .center_box .slick_dots_wrap {display: block;}

  /*
  .main .section3 .center_box .center_lists {
  padding: 0 55px;
  }
  .main .section3 .center_box .center_lists li {
    padding-bottom: 25%;
    width: 25%;
  }
  .main .section3 .center_box .center_lists li .wrap a .list_arrow {
    margin: 3px 0 3px;
  }
  .main .section3 .center_box .arrow {
    display: block;
  }
  .main .section3 .center_box .slick_dots_wrap {
    display: block;
  }*/
}
@media screen and (max-width: 767px) {

  .main .section3 p{font-size:16px;}
  /*.main .section3 {
    padding: 58px 0 23px;
  }
  .main .section3 .center_box .slider {
    padding: 0 36.5px;
  }
  .main .section3 .center_box .center_lists {
    padding: 0 30px;
  }
  .main .section3 .center_box .center_lists li {
    width: 33.3333%;
    padding-bottom: 33.33334%;
  }*/
  .main .section3 .center_box .center_lists li .wrap{padding:7px;}
  .main .section3 .center_box .slick_dots_wrap {
    margin-top: 40px;
  }
  .main .section3 .center_box .arrow {
    margin-top: -23px;
    width: 47px;
    height: 47px;
    border:1px solid;
  }
  .main .section3 .center_box .arrow.prev {
    background: url(/template/centerC/images/main/sec3_arrow_prev_mo.png) #7dc242 center
    no-repeat;
    background-size: 9px auto;
    left:0;
  }
  .main .section3 .center_box .arrow.next {
    background: url(/template/centerC/images/main/sec3_arrow_next_mo.png) #7dc242 center
    no-repeat;
    background-size: 9px auto;
    right:0;
  }

  .main .section3 .center_box .arrow.prev{background:#fff url(/images/common/m_pr.png);box-shadow: 4px 4px 30px rgb(0 0 0 / 10%);border:1px solid #ededed;left: -6px;}
  .main .section3 .center_box .arrow.next{background:#fff url(/images/common/m_nx.png);box-shadow: 4px 4px 30px rgb(0 0 0 / 10%);border:1px solid #ededed;background-position: center;right: 0;}




}

@media screen and (max-width: 639px) {
  .main .section3 h3 {
    font-size: 24px;
  }
  .main .section3 .center_box .slick_dots_wrap {
    margin-top: 29px;
    /* display: block; */
  }

  .main .section3 .center_box .center_lists li{height:190px;}
}

/* section4 */
.main .section4 {
  padding: 70px 0 131px;
  background: #fff;
}
.main .section4 .inner .content_wrap {
  position: relative;
  min-height: 273px;
}
.main .section4 .inner .content_wrap .tit {
  position: relative;
}
.main .section4 .inner .content_wrap .tit:before {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d6d6d6;
}
.main .section4 .inner .content_wrap .tit h4 {
  position: relative;
  padding-right: 29px;
  display: inline-block;
  font-family: 'gmarket';
  font-weight:600;
  font-size: 28px;
  color: #2a2e35;
  line-height: 1.8;
  background: #fff;
}
.main .section4 .inner .content_wrap .tab-body{display:none;min-height: 211px;}
.main .section4 .inner .content_wrap .tab-body.active{display:block;}


.main .section4 .inner .content_wrap .new_lists {
  margin-top: 28px;
  overflow: hidden;
}
.main .section4 .inner .content_wrap .new_lists ul {
  margin: -20px;
  overflow: hidden;
}
.main .section4 .inner .content_wrap .new_lists ul li {
  padding: 20px;
  width: 33.3333%;
  float: left;
  min-height:240px
}

.main .section4 .inner .content_wrap .new_lists ul li .wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width:100%;
}

.main .section4 .inner .content_wrap .new_lists ul li .wrap strong{font-size: 19px; color:#333333;font-weight: bold; letter-spacing: -2px; display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative;}
.main .section4 .inner .content_wrap .new_lists ul li .wrap strong a{font-weight: bold;}

.main .section4 .inner .content_wrap .new_lists ul li .wrap strong:before{content:""; position:absolute; opacity:0;left:0;bottom:0;width:0;height:12px;background-color:rgba(0,105,64,.1);transition:width .6s ease}
.main .section4 .inner .content_wrap .new_lists ul li:hover .wrap strong:before{opacity: 1; width:100%}

.main .section4 .inner .content_wrap .new_lists ul li .wrap .img_box {
  position: relative;
}
.main .section4 .inner .content_wrap .new_lists ul li .wrap .img_box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/template/centerC/images/main/sec4_bg.png) no-repeat;
  background-size: contain;
}
.main .section4 .inner .content_wrap .new_lists ul li .wrap .img_box img {
  width: 100%;
}
.main .section4 .inner .content_wrap .new_lists ul li .wrap .news_dsc{background-color:#f2f3f4; padding:21px 29px 24px; margin-top: 18px; min-height: 163px;}
.main .section4 .inner .content_wrap .new_lists ul li .wrap p { height: 75px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; width: 100%; color: #555555; letter-spacing: -2px; }
.main .section4 .inner .content_wrap .new_lists ul li .wrap .date{color:#818181; margin-top: 18px;}

.main .section4 .inner .content_wrap .more {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}
.main .section4 .inner .content_wrap .more a {
  display: inline-block;
  width: 39px;
  height: 39px;
}
.main .section4 .inner .content_wrap .more span {
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: relative;
  display: inline-block;
  width: 39px;
  height: 39px;
  transition:0.3s
}
.main .section4 .inner .content_wrap .more span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  width: 1px;
  height: 39px;
  background: #2c2c2c;
}
.main .section4 .inner .content_wrap .more span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 39px;
  height: 1px;
  background: #2c2c2c;
}

.main .section4 .inner .content_wrap .more:hover span{transform:rotate(90deg)}
.main .section4 .inner .content_wrap .more:hover span:before{width:2px}
.main .section4 .inner .content_wrap .more:hover span:after{height:2px}
.main .section4 .inner .content_wrap .more:hover span:before,.main .section4 .inner .content_wrap:hover .more span:after{background:#006940; }

@media screen and (max-width: 1023px) {
  .main .section4 {
    padding: 70px 0 110px;
  }
  .main .section4 .inner .content_wrap .new_lists {
    margin-top: 27px;
  }
  .main .section4 .inner .content_wrap .new_lists ul li .wrap .img_box {
    margin: 0 -18.27%;
  }
}
@media screen and (max-width: 767px) {
  .main .section4 {
    padding: 43px 0 149px;
  }
  .main .section4 .inner .content_wrap .tit:before {
    top: 22px;
  }
  .main .section4 .inner .content_wrap .tit h4 {
    font-size: 18px;
    padding-right: 25px;
  }
  .main .section4 .inner .content_wrap .more {
    position: relative;
  }
  .main .section4 .inner .content_wrap .new_lists {
    margin-top: 16px;
  }
  .main .section4 .inner .content_wrap .new_lists ul {
    width: 1320px;
  }
  .main .section4 .inner .content_wrap .new_lists ul li {
    width: auto;
  }
  .main .section4 .inner .content_wrap .new_lists ul li .wrap .img_box {
    margin: 0;
  }


  .main .section4 .inner .content_wrap .more {
    margin-top: 44px;
    padding-left: 0;
  }
  .main .section4 .inner .content_wrap .more a {
    padding: 12.5px 0;
    width: 100%;
    height: auto;
    text-align: center;
    border: 1px solid #e2e6eb;
  }

  .main .section4 .inner .content_wrap .more a:hover span{transform:rotate(0)}

  .main .section4 .inner .content_wrap .more span {
    text-indent: 0;
    font-size: 14px;
    line-height: 12px;
    padding-right: 23px;
    width: auto;
    height: auto;
    color: #777;
  }
  .main .section4 .inner .content_wrap .more span:before {
    right: 6px;
    height: 13px;
    background: #777;
  }
  .main .section4 .inner .content_wrap .more span:after {
    width: 13px;
    background: #777;
  }
}
@media screen and (max-width: 639px) {
  .main .section4 {
    padding: 43px 0 127px;
  }
  .main .section4 .inner .content_wrap .new_lists ul {
    margin: -10px;
  }
  .main .section4 .inner .content_wrap .new_lists ul li {
    padding: 10px;
    width: 330px;
  }
}

/* section5 */
.main .section5 {
  position: relative;
}
.main .section5:before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-color:#006940;background: url(/template/centerC/images/main/background.jpg) center repeat;}
.main .section5 > .inner {
  background: url(/template/centerC/images/main/sec5_bg1.jpg) center no-repeat;
  background-size: cover;
  min-height: 378px;
  position:relative;
}

/* .main .section5 > .inner:before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background-color:#006940;z-index:-1} */

.main .section5 .inner .content_wrap .img_box {
  margin: 0 0 42px 40px;
  position: relative;
  display: inline-block;
  box-shadow: 0 0 0 1px #579c81 inset;
}
.main .section5 .inner .content_wrap .img_box a {
  position: relative;
  display: inline-block;
  margin-bottom: -12px;
  transform: translate(-40px, -52px);
  box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.main .section5 .inner .content_wrap .img_box span {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  line-height: 1.3;
  letter-spacing: -0.5px;
  transform: rotate(90deg) translate(55%, -920%);
  transform-origin: bottom;
  /* border: 1px solid; */
  display: block;
  /* background: #006940; */
  width: 378px;
  font-family: 'gothic',SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;
}
.main .section5 .text_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  color: #fff;
  overflow: hidden;
  text-align: right;
  z-index: 1;
}
.main .section5 .text_box .inner .content_wrap .wrap {
  display: inline-block;
  position: relative;
  width: calc(100% - 492px);
  text-align: left;
  padding: 95px 0 0 57px;
}
.main .section5 .text_box .inner .content_wrap .wrap:after {
  content: "";
  position: absolute;
  top: 34px;
  right: 19px;
  width: 265px;
  height: 220px;
  background: url(/template/centerC/images/main/sec5_bg1.png) no-repeat;
}
.main .section5 .text_box h4 {
  position: relative;
  font-family: 'gmarket';font-weight:600;
  font-size: 28px;
  z-index: 1;
}
.main .section5 .text_box p {
  position: relative;
  margin-top: 18px;
  max-width: 490px;
  font-size: 18px;
  letter-spacing: -1.1px;
  z-index: 1;
  line-height: 1.4;
}

.main .section5 .text_box .ex-adr{line-height: 1;font-size: 0;letter-spacing: -2px;}

.main .section5 .inner .input_box {
  position: relative;
  margin-top: 21px;
  padding-right: 145px;
  max-width: 551px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.main .section5 .inner .input_box input {
  padding: 17px 20px;
  width: 100%;
  color: #2a2e35;
  font-size: 15px;
  border: 2px solid #7dc242;
}
.main .section5 .inner .input_box input:focus {
  outline: none;
}
.main .section5 .inner .input_box button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 145px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  background: #7dc242;
}
@media screen and (max-width: 1300px) {
  .main .section5 .text_box p {
    max-width: 240px;
  }
}
@media screen and (max-width: 1200px) {
  .main .section5 > .inner {
    background: url(/template/centerC/images/main/sec5_bg1.jpg) 22% no-repeat;
  }
  .main .section5:before{display:none}
  .main .section5 .text_box {
    margin-top: 19px;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
  .main .section5 .inner .content_wrap {
    text-align: center;
  }
  .main .section5 .text_box .inner .content_wrap {
    padding-bottom: 40px;
  }
  .main .section5 .text_box .inner .content_wrap .wrap {
    width: 100%;
    padding: 0;
  }
  .main .section5 .text_box .inner .content_wrap .wrap:after {
    display: none;
  }
  .main .section5 .text_box .inner .content_wrap .wrap h4 {
    float: left;
    margin-right: 30px;
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    color: #4b4e54;
  }
  .main .section5 .text_box .inner .content_wrap .wrap p {
    display: none;
  }
  .main .section5 .inner .input_box {
    overflow: hidden;
    margin-top: 0;
    max-width: 100%;
  }
  .main .section5 .inner .content_wrap .img_box span{
    transform: rotate(90deg) translate(35%, -920%);
  }
}
@media screen and (max-width: 639px) {
  .main .section5 .inner .content_wrap {
    text-align: center;
  }
  .main .section5 .inner .content_wrap .img_box {
    margin: 59px 0 34px 27px;
  }
  .main .section5 .inner .content_wrap .img_box a {
    margin-bottom: 0;
    width: 304px;
    transform: translate(-27px, -27px);
  }
  .main .section5 .inner .content_wrap .img_box span {
    display:none;
  }
  .main .section5 .text_box {
    margin-top: 20px;
  }
  .main .section5 .text_box .inner .content_wrap .wrap h4 {
    float: none;
    line-height: 36px;
    display: none;
  }
  .main .section5 .inner .input_box {
    overflow: unset;
    padding-right: 80px;
  }
  .main .section5 .inner .input_box button{
    width: 80px;
  }

  .main .section5 .text_box .inner .content_wrap{padding-bottom: 20px;}


}


/* 1108  main 공통 */
/* menu */

.main .section2 .inner .reservation .call_box {position: relative;padding-left: 76px;}
.main .section2 .inner .reservation .call_box .img{position:absolute; top: 0; left: 0;}
.main .section2 .inner .reservation .call_box .img:before,
.main .section2 .inner .reservation .call_box .img:after{
  opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; border:10px solid #cce1d9; box-sizing:border-box;
  border-radius:50%;
  -webkit-border-radius:50%;

  animation-name:tel_simbol;
  animation-duration:2s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;

  -webkit-animation-name:tel_simbol;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
.main .section2 .inner .reservation .call_box .img:after{
  animation-delay:0.5s;
}
@keyframes tel_simbol{
  0%{opacity:0.3; border-width:2px; transform:scale(0); -webkit-transform:scale(0);}
  30%{transform:scale(0.9); -webkit-transform:scale(0.9);}
  50%{opacity:0.3;}
  90%{opacity:0.1;}
  100%{opacity:0; border-width:1px; transform:scale(2.2); -webkit-transform:scale(2.2);}
}
@-webkit-keyframes tel_simbol{
  0%{opacity:0.3; border-width:2px; transform:scale(0); -webkit-transform:scale(0);}
  30%{transform:scale(0.9); -webkit-transform:scale(0.9);}
  50%{opacity:0.3;}
  90%{opacity:0.1;}
  100%{opacity:0; border-width:1px; transform:scale(2.2); -webkit-transform:scale(2.2);}
}
.main .section2 .inner .reservation .call_box .img span{
  position:absolute;
  left: 50%;
  top: 50%;
  z-index:2;
  width: 50%;
  height: 50%;
  background-color: #006940;
  border-radius:50%;
  -webkit-border-radius:50%;
  transform: translate(-50%, -50%);
}
.main .section2 .inner .reservation .call_box .img span:before{
  content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/template/centerC/images/main/line1_icon_tel.png) no-repeat center center;
  animation-name:tel_simbol_icon;
  animation-duration:2s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;

  -webkit-animation-name:tel_simbol_icon;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
@keyframes tel_simbol_icon{
  0%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  2%{transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
  6%{transform:rotate(15deg); -webkit-transform:rotate(15deg);}
  8%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  10%{transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
  14%{transform:rotate(15deg); -webkit-transform:rotate(15deg);}
  16%,
  100%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes tel_simbol_icon{
  0%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  2%{transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
  6%{transform:rotate(15deg); -webkit-transform:rotate(15deg);}
  8%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
  10%{transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
  14%{transform:rotate(15deg); -webkit-transform:rotate(15deg);}
  16%,
  100%{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}




.main .section2 .inner .reservation .call_box .text .txt p{/* font-family: 'gmarket'; */margin: 3px 0;}
/* nur_lst */
.main .section4 .inner .content_wrap .tit{margin-right: 0;}
.main .section4 .inner .content_wrap .nur_lists{/* max-width:530px; *//* width:100%; */position:absolute;right: 36px;top:0;display: inline-block;background: #fff;padding-left: 20px;}
.main .section4 .inner .content_wrap .nur_lists li{display:inline-block; float:left; position:relative}
.main .section4 .inner .content_wrap .nur_lists li:after{content: ''; width:1px; height:13px; background-color:#d6d6d6; position:absolute; right:26px; top:50%; transform: translateY(-50%); }
.main .section4 .inner .content_wrap .nur_lists li:last-child::after{display:none}
.main .section4 .inner .content_wrap .nur_lists li a{ position:relative; display:block; width:100%; height:100%; padding: 0 26px; margin-right: 26px; line-height: 35px;}
.main .section4 .inner .content_wrap .nur_lists li:last-child a{margin-right: 0;}
.main .section4 .inner .content_wrap .nur_lists li a span{font-size: 20px; font-weight: bold; color:#2a2e35; font-family:"GmarketSansBold"}

.main .section4 .inner .content_wrap .nur_lists li a:before{ display:inline-block;content:''; position:absolute; width:7px; height:7px; background-color:#c3c3c3; border-radius: 50%;left:0; top:50%; transform: translateY(-50%);}
.main .section4 .inner .content_wrap .nur_lists li a:after{}

.main .section4 .inner .content_wrap .nur_lists li.active a:before{background-color:#006940}
.main .section4 .inner .content_wrap .nur_lists li.active a span{color:#006940}


@media screen and (max-width:1370px) {
  .main .section2 .inner .reservation .tit_box{ margin-right: 0;}
  .main .section2 .inner .reservation .call_box{position:relative; left:0; width:100%; padding-top: 0px; padding-left: 72px;padding-bottom: 18px;border-bottom:1px solid #ddd; }
  .main .section2 .inner .reservation .call_box .img{position:absolute;left:0;top: -3px;}
  .main .section2 .inner .reservation .call_box .text{padding-top: 5px;}
  .main .section2 .inner .reservation .call_box .text .txt{margin-top: 0;display: inline-block;}
  .main .section2 .inner .lists{max-width: calc(100%);}
}
@media screen and (max-width:1023px) {
  .main .section1 .left p br{display:none;}
  .main .section4 .inner .content_wrap .tit{/* display:none */}
  .main .section4 .inner .content_wrap .tit h4{font-size: 24px;}
  .main .section4 .inner .content_wrap .nur_lists{/* position:relative */top: 4px;}
  .main .section4 .inner .content_wrap .nur_lists:after{content:''; display:block; clear:both}
  .main .section4 .inner .content_wrap .nur_lists li a{padding: 0 15px; margin-right: 15px;}
  .main .section4 .inner .content_wrap .nur_lists li:after{right:15px}
  .main .section4 .inner .content_wrap .nur_lists li a span{font-size:18px;font-family: 'gmarket';font-weight: 500;letter-spacing: -1px;}

}

  @media screen and (max-width:767px) {
    .main .section1{height:auto;margin-top: -15px;}
    .main .section1 .inner:after{content:''; display: block; clear:both; }
    .main .section1 .inner .inner_wrap{padding: 26px 0 0 0;}
    .main .section1 .left{width:auto}
    .main .section1 .right{height:auto; }
    /* .main .section1 .right .wrap .slide{height:510px} */
    .main .section1 .right .wrap .slide .item{padding: 0}
    /* .main .section1 .right .wrap .slide .item img{max-height:400px} */
    .main .section1 .right .box{box-shadow: none;bottom: 0;}
    .main .section1 .right .wrap .slide{margin-bottom: 0;}
    .main .section1 .right .slide_pager{position: relative; bottom:auto; padding: 30px 0 31px; margin-top: 0;}
    .main .section2 .inner .lists{padding-top:0px;margin: 0;float: none !important; max-width: calc(100%);}
    .main .section2 .inner .lists ul li .wrap{height:100%;line-height: 0;padding: 15px;box-shadow: rgb(34 34 34 / 10%) 0 0 10px;border-radius: 10px;}
    .main .section2 .inner .lists ul li a{
      flex-direction: column !important;
    }
    .main .section4 .inner .content_wrap .new_lists ul{margin: 0;}
    .main .section4 .inner .content_wrap .new_lists ul,.main .section4 .inner .content_wrap .new_lists ul li{width:100%;float: none;}
    .main .section4 .inner .content_wrap .new_lists ul li{min-height: auto;padding:10px 0;}
    .main .section4 .inner .content_wrap .new_lists ul li .wrap .news_dsc{padding-right:130px;min-height: auto;position: relative;/* padding-bottom: 83px; */}
    .main .section4 .inner .content_wrap .new_lists ul li .wrap p{height:auto;/* -webkit-line-clamp:1 */word-break: normal;}
    .main .section4 .inner .content_wrap .new_lists ul li .wrap .date{margin: auto; position: absolute; right:24px; top:50%; transform:translateY(-50%) ;}
    .main .section4 .inner .content_wrap .more{margin-top: 30px;}
    .main .section4{padding-bottom: 100px;}

    .main .section4{padding-bottom: 110px;padding-top: 16px;}
    .main .section4 .inner .content_wrap .tit h4{font-size:20px;padding-top: 6px;padding-right: 6px;}
    .main .section4 .inner .content_wrap .nur_lists{right: -12px;padding-left: 7px; top:40px;}
    .main .section4 .inner .content_wrap .nur_lists li a{padding: 0 12px;margin-right: 12px;}
    .main .section4 .inner .content_wrap .nur_lists li a:before{width:5px;height:5px;}
    .main .section4 .inner .content_wrap .nur_lists li a span{font-size:17px;}
    .main .section4 .inner .content_wrap .nur_lists li:after{right:12px;}
    .main .section4 .inner .content_wrap .tab-body.active{margin-top:70px;}

    /*
		.main .section4 .inner .content_wrap .nur_lists li{width:50%; text-align: center; border-bottom:1px solid #ddd; position:relative}
		.main .section4 .inner .content_wrap .nur_lists li:before{display:block; content:''; width:100%; background-color: #ddd; position:absolute; bottom:-1px; left:0}
		.main .section4 .inner .content_wrap .nur_lists li a{margin: 0; padding: 0;}
		.main .section4 .inner .content_wrap .nur_lists li:after{right: 0;}
		.main .section4 .inner .content_wrap .nur_lists li:nth-child(2n)::after{display: none;}
		.main .section4 .inner .content_wrap .nur_lists li a:before{display:none;}
		.main .section4 .inner .content_wrap .nur_lists li a span{padding: 8px 0 4px;font-size: 18px;letter-spacing: -1px;}
		.main .section4 .inner .content_wrap .nur_lists li.active:before{ background-color: #006940;  height:2px;}
	*/

  }

  @media screen and (max-width:639px) {

    .inner{padding:0 30px}
    .main .section1 .left h2{margin-top: 30px;}
    .main .section2 .inner .reservation{position: relative;}
    .main .section2 .inner .reservation .call_box{padding-left: 52px;}
    .main .section2 .inner .reservation .call_box .img{top: 9px;}
    .main .section2 .inner .reservation .call_box .text .txt{margin-top: 7px;}


    .main .section5 > .inner{min-height:auto}

    .main .section2 .inner .lists ul li a{}


  }

  @media screen and (max-width:481px) {

    .inner{padding:0 15px}
    .main .section2 .inner .reservation .call_box{padding-left: 0;}
    .main .section2 .inner .reservation .call_box .img{display:none}
    .main .section2 .inner .reservation .call_box .text{padding-left: 10px;}
    .main .section2 .inner .reservation .call_box .text .call_number{font-size: 20px;}
    .main .section2 .inner .reservation .call_box .text .call_number:after{content:'';width:6px; height:6px; background-color:#006940; position:absolute; left:0; top:13px; margin-left: 0; border-radius: 50%;}
    .main .section4 .inner .content_wrap .nur_lists li{/* width:100%; */}
    .main .section4 .inner .content_wrap .nur_lists li:after{display:none}
    .main .section4 .inner .content_wrap .new_lists ul li .wrap .news_dsc{padding: 21px 20px 70px 20px;}
    .main .section4 .inner .content_wrap .new_lists ul li .wrap .date{top:auto;bottom:20px;transform: translateY(0%);}

  }


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

    .main .section1 .left h2{font-size: 29px;}
    .main .section1 .left p{font-size: 14px;}
    .main .section1 .right .box .bottom_txt span{font-size: 13px;}
    .main .section5 .inner .content_wrap .img_box{margin-left: 13px; padding-right: 13px;}
    .main .section5 .inner .content_wrap .img_box a{width:260px;transform: translate(-13px, -18px);}

  }
  @media screen and (max-width:360px) {
    .main .section1 .left h2{font-size: 24px;}
    .main .section2 .inner .lists ul li .text b{/* font-size: 15px; */}
    .main .section5 .inner .input_box{/* padding-right: 125px; */}
    .main .section5 .inner .input_box button{/* width: 125px; */}    
  }
  @media (max-width:767px) {
    .main .section2 .inner .reservation .call_box {padding-left:50px;}
    .main .section2 .inner .reservation .call_box .text {padding-top:0px;}
  }
  @media (max-width:767px) {
    .main .section1 {margin-top:0px;}
    .main .section2 .inner .reservation .call_box .text {padding-top:0px;}
  }
  @media (max-width:640px) {
    .main .section4{padding-bottom: 40px;}
    .main .section2 .inner .reservation .call_box .text .call_number {margin-top:16px;margin-bottom:0px;}
    .main .section2 .inner .reservation .call_box .text .txt {margin-top:0px;}
  }

  @media (max-width: 540px) {
    .main .section1 .right .wrap .slide .slick-list{height: 400px !important;}
  }



  @media (max-width:481px) {
    .main .section2 .inner .reservation .call_box {padding-left:10px;}
    .main .section2 .inner .reservation .call_box .text .call_number {margin-top:6px;}
  }

  @media (max-width: 420px) {
    .main .section1 .right .wrap .slide .slick-list{height: 354px !important;}
  }
  @media (max-width: 400px) {
    .main .section1 .right .wrap .slide .slick-list{height: 330px !important;}
  }
  @media (max-width: 360px) {
    .main .section1 .right .wrap .slide .slick-list{height: 308px !important;}
  }
  @media (max-width: 320px) {
    .main .section1 .right .wrap .slide .slick-list{height: 285px !important;}
  }