#slick h2 {
    line-height: 1.3;
    font-size: 4.31em;
    font-weight: 700;
    margin: 20px 0 0 0;
    animation: up .5s .8s forwards;
    opacity: 0;
}

.cf {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

// Border box
*, *:before, *:after {
  box-sizing: border-box;
}

.container {
  position: relative;
}

.slick-dots {
  @extend .cf;

  display: none !important;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 3px;
  li {
    cursor: pointer;
    float: left;
    width: 33.3%;
    background: #000;
    padding: 0;
    border-right: 1px solid #fff;

    &:last-child {
      border: none;
    }

    &, & button {
      outline: none;
    }

    button {
      background: #99B386;
      border: none;
      width: 0px;
      height: 10px;
      padding: 0;
      cursor: pointer;
      display: block;
    }
  }
}

.hero-slider .img--holder{
  background-position: bottom center;
  transform: scale(1) rotate(0.1deg);
  transition: transform 8s linear;
}
.hero-slider .slide-init .img--holder{
  transform: scale(1) rotate(0.1deg) !important;
  transition: transform 0s linear;
}
.slick-active .img--holder {
  transform: scale(1.2) rotate(0.1deg);
}
.slick-slide .img--holder {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.slick-slide.office-photo .img--holder {
  background-position: bottom center;
}

.hero-slider .slick-arrow{
  position:absolute;
  top:50%;
  width: 45px;
  height: 45px;
  background: rgba(0,0,0,.20);
  border: 0 none;
  margin-top:-22.5px;
  text-align:center;
  font:20px/45px FontAwesome;
  color:#FFF;
  z-index:5;
  transition: background 0.1s;
}
.hero-slider .slick-arrow:focus {outline:0;}
.hero-slider .slick-arrow:hover{
  display: block;
  background: rgba(0,0,0,.60);
  z-index: 99;
}
.hero-slider .NextArrow{
  right:0px;
}
.hero-slider .PrevArrow{
  left:0px;
}
.hero-slider .NextArrow:before{content:'▶';}
.hero-slider .PrevArrow:before{content:'◀';}

.hero-slider .text--holder{
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 0;
  bottom:0;
  z-index: 99;
  padding: 0 0 50px 0;
  font-size: 14px;
  color: #fff;
  /*text-shadow: 0 1px 2px rgba(0,0,0,.8);*/
}
.hero-slider .text--holder .hip_txt{
  max-width: 1200px;
  height:300px;
  text-align: left;
  margin:0 auto;
  display:block;
}

.hero-slider .text--holder .g_com{
  font-size: 2.3em !important;
}

.hero-slider .text--holder .g_com_title{
  font-size: 3.5em !important;
  font-weight:bold;
  margin-bottom:50px;
}

@media (max-width:1200px) {
.hero-slider .text--holder .hip_txt{
  padding:20px;
}
.hero-slider .text--holder .g_com_title{
  font-size: 280% !important;
  margin-bottom:30px;
}
.hero-slider .text--holder .g_com{
  font-size: 130% !important;
  margin-bottom:0px;
}
}

.hero-slider .text--holder h2{
  font-family: garamond, georgia;
  font-size: 38px;
}
.hero-slider .text--holder p{
  font-family: garamond, georgia;
  font-size: 28px;
}

/* 메인 배너 */

 #main_contents2 { background:#ebebeb;padding-top:50px;padding-bottom:40px; }

		.main_slick .title{padding-bottom:1rem; text-align:center; font-size:1.75rem; font-weight:300;}
		.main_slick ul{margin:0 -10px; font-size:0;}
		.main_slick ul li.inner{display:inline-block; width:auto; padding:0 10px 20px; vertical-align:top; font-size:15px;}

		.main_slick .pic_area{display:block; width:100%; padding-top:68.4684%; position:relative;}
		.main_slick .pic_area span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
		.main_slick .pic_area img{width:100%; height:100%; object-fit:cover;}

		.main_slick .txt_area{padding-top:10px;}

		.main_slick .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
		.main_slick .empty_li:before {background:none;padding:0}


		/* slick arrow button 재지정, slick.css 파일을 수정하지 말 것 */
		.main_slick .slick-arrow{ border-radius:18px;width:36px; height:36px; padding:0; border:1px solid #fff; background:#fff; font-size:0; z-index:9}
		.main_slick .slick-prev,
		.main_slick .slick-next{position:absolute; top:-65px; margin-top:-2.5rem; -webkit-transition:all .3s ease; transition:all .3s ease; }
		.main_slick .slick-prev{left:calc(50% + 415px);}
		.main_slick .slick-next{right:90px;}
		.main_slick .slick-prev:after,
		.main_slick .slick-next:after{content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border:2px solid #c9ccd3; border-top:none; border-right:none; -webkit-transition:all .3s ease; transition:all .3s ease;}
			.main_slick .slick-prev:after{transform:translate(-40%, -50%) rotate(45deg);}
			.main_slick .slick-next:after{transform:translate(-60%, -50%) rotate(-135deg);}
		.main_slick .slick-prev:hover,
		.main_slick .slick-next:hover{ color:#fff;}
		.main_slick .slick-prev:hover:after,
		.main_slick .slick-next:hover:after{border-color:#092538;}

		/* slick dot 재지정 */
		.main_slick .slick-dots{padding-top:1rem;text-align:center;display:block !important; width:160px !important;margin:0 auto;}
		.main_slick .slick-dots li{display:inline-block; font-size:0;float:left;width:20px !important;height:40px;}
		.main_slick .slick-dots li button{width:10px; height:10px; border-radius:50%; border:none; background:#c9ccd3; font-size:5em}
		.main_slick .slick-dots li.slick-active button{background:#5bb6e2;}
		.pic_area img { position:absolute;z-index:120 }

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

			/* slick arrow button */
			.main_slick .slick-arrow{display:none !important;}
		    .pic_area img { width:100%;max-width:100vw }
			.main_slick { width:100%;max-width:100vw  }

		}/* 1200px end */


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

			/* title */
			.main_slick .title{font-size:1.5rem;}



		}/* 480px end */
		.main_slick .slick-dots {
			padding-top: 1rem;
			text-align: center;
		}
		.main_slick ul {
			margin: 0 -10px;
			font-size: 0;
		}
		.main_slick .slick-dots li button {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			border: none;
			background: #c9ccd3;
			font-size: 0;
		}