@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.pop02 {
  position: fixed;
  left: 50%;
  margin-left: 333px;
  z-index: 999999999;
  top: 40px;
}
.pop02 button {
  position: absolute;
  bottom: 14px;
  right: 12px;
  z-index: 9999;
}
/* controls */
.mv .slick-prev,
.mv .slick-next {
  position: absolute;
  top: 45%;
  border: none;
  outline: none;
  cursor: pointer;
  text-indent: -9999px;
  background: transparent;
  z-index: 9;
  width: 24px;
  height: 42px;
}
.mv .slick-prev {
  display: none;
}
.mv .slick-next {
  right: 20px;
  background: url('/image/main/arr1.png') no-repeat center center;
}
.cont:after {
  clear: both;
  content: '';
  display: block;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
.s_l img {
  display: none;
}
.main_pop .close01 {
  position: absolute;
  top: 50px;
  right: 50px;
}
.cont > li {
  float: left;
}
.cont01 > div {
  float: left;
}
.cont01 {
  position: relative;
}
.center_ban > div {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: end;
  cursor: pointer;
}
.center_ban > div > img {
  width: 200px;
}
.center_ban > div > p {
  color: #fff;
  font-size: 25px;
  margin-left: 10px;
  margin-bottom: 20px;
}
.center_ban a {
  position: absolute;
  right: 30px;
  top: 20px;
}
.center_ban > img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -350px;
}
.center_ban {
  z-index: 99999;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: rgba(0, 0, 0, 0.8);
}
#logo {
  display: block;
}
.layout_type2 #logo {
  display: none;
}
.layout_type2 .s_l img {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
}
.dot01 {
  margin: 40px 0 30px 50px;
}
.dot01 li {
  float: left;
  margin-right: 10px;
}
.dot01 li a {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #333;
  text-indent: -9999px;
}
.dot01 li.on a {
  background: #fff;
  width: 20px;
}
.pop_c h1 {
  color: #000;
  letter-spacing: -1px;
  font-size: 35px;
  font-weight: 800;
  line-height: 35px;
  border-bottom: 3px solid #000;
  display: inline-block;
  margin-bottom: 30px;
}
.pop_c li {
  display: none;
  width: 430px;
  margin: 0 auto;
}
.pop_c li.on {
  display: block;
}
.main_pop {
  position: absolute;
  top: 0;
  left: 0;
  height: 800px;
  z-index: 99;
}
.side_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 133px;
  height: 800px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999;
}
.side_bar a {
  font-size: 15px;
  font-weight: bold;
  color: #676767;
  position: relative;
}
.side_bar li a:hover,
.side_bar li.on a {
  color: #ff6f4e;
}
.side_bar li.on a span {
  display: block;
}
.side_bar li a span {
  display: none;
  position: absolute;
  top: -20px;
  right: -20px;
  color: #fff;
  padding: 5px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #ff6f4e;
  border-radius: 10px;
  font-size: 11px;
  line-height: 12px;
}
.side_bar > span {
  display: block;
  width: 37px;
  height: 4px;
  background: #676767;
  margin: 250px 0 35px 20px;
}
.side_bar ul {
  margin-left: 20px;
}
.side_bar ul li {
  line-height: 30px;
  position: relative;
}
.content_wrap > div {
  display: none;
  position: absolute;
  left: 133px;
  top: 0;
  width: 533px;
  height: 800px;
  background: rgba(255, 200, 82, 0.9);
}
.content_wrap > div.on {
  display: block;
}
.arw10 {
  display: none;
  position: absolute;
  top: -10px;
  right: 0;
}
.side_bar li.on .arw10 {
  display: block;
}
.mv {
  width: 666px;
  height: 800px;
  position: relative;
}
.arw_wrap10 a {
  position: absolute;
  top: 45%;
  display: block !important;
}
.arw_wrap10 .prev {
  left: 20px;
}
.arw_wrap10 .next {
  right: 20px;
}
/* Dots */
.mv .slick-dots {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  padding: 0;
}
.mv .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.mv .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  border: 0;
  color: transparent;
  background: transparent;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #939696;
  box-sizing: border-box;
}
.mv .slick-dots li button:hover,
.mv .slick-dots li button:focus {
  outline: none;
}
.mv .slick-dots li.slick-active button {
  background: #fff; /* border:3px solid #2e4c9b; */
}
.cont01 .menu {
  width: 534px;
}
.cont01 .menu li {
  float: left;
  width: 50%;
  height: 200px;
  overflow: hidden;
}
.cont01 .menu a {
  position: relative;
  display: block;
  text-align: right;
  height: 200px;
}
.cont01 .menu .desc {
  position: absolute;
  right: 40px;
  top: 40%;
  line-height: 20px;
  z-index: 999;
}
.cont01 .menu .desc strong {
  font-size: 14px;
  display: block;
  font-weight: bold;
  font-family: 'Nanum Gothic', sans-serif;
  letter-spacing: -0.5px;
}
.cont01 .menu .dim .desc {
  color: #fff;
  font-family: 'Nanum Gothic', sans-serif;
  text-align: center;
  width: 100%;
  left: 0;
}
.cont01 .menu .dim .desc strong {
  color: #000;
}
.cont01 .menu .dim {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffc853;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.cont01 .menu li:hover .dim {
  display: block;
}
.cont01 .menu .li01 {
  background: url(/image/main/m01.jpg) no-repeat 0 0;
}
.cont01 .menu .li02 {
  background: url(/image/main/m02.jpg) no-repeat 0 0;
}
.cont01 .menu .li03 {
  background: url(/image/main/m03.jpg) no-repeat 0 0;
}
.cont01 .menu .li04 {
  background: url(/image/main/m04.jpg) no-repeat 0 0;
}
.cont01 .menu .li05 {
  background: url(/image/main/m05.jpg) no-repeat 0 0;
}
.cont01 .menu .li06 {
  background: url(/image/main/m06.jpg) no-repeat 0 0;
}
.cont01 .menu .li07 {
  background: url(/image/main/m07.jpg) no-repeat 0 0;
}
.cont01 .menu .li08 {
  background: url(/image/main/m08-n.jpg) no-repeat 0 0;
}
.cont01 .menu .desc .arw {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -7px;
  z-index: 99;
}
.cont02 li {
  width: 240px;
  padding: 100px 0;
  background: #fff;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.cont02 li .dim {
  display: none;
}
.cont02 li:hover .dim {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffc853;
}
.cont02 .img {
  display: block;
  margin: 0 auto;
  width: 185px;
  margin-bottom: 20px;
}
.cont02 .ico {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -25px;
  z-index: 999;
}
.cont02 .p01 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  color: #333;
  width: 200px;
  margin: 0 auto;
  letter-spacing: -1px;
}
.cont02 .p01:first-child {
  margin-top: 104px;
}
.cont02 .p02 {
  display: block;
  width: 15px;
  height: 2px;
  background: #333;
  margin: 15px auto 10px;
}
.cont02 .dim .desc {
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 20px 0 10px;
}
.cont02 .price {
  color: #333;
  font-size: 20px;
}
.banner {
  width: 100%;
  height: 480px;
}
.banner .img {
  width: 100%;
}
.banner .img img {
  width: 100%;
  min-height: 480px;
}
.cont03 .dim {
  z-index: 999;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 25px 0 25px 20px;
}
.cont03 .dim p {
  color: #fff;
  line-height: 23px;
  font-weight: 200;
  width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cont03 > li {
  width: 720px;
  padding-top: 80px;
  height: 680px;
  position: relative;
}
.cont03 > li:last-child {
  width: 480px;
  background: #fafafa;
}
.cont03 .item {
  position: relative;
}
.cont03 .desc {
  font-weight: bold;
  margin-top: 38px;
  line-height: 30px;
  font-size: 15px;
}
.cont03 .img {
  width: 100%;
  height: 350px;
  position: relative;
}
.cont03 .img img {
  width: 100%;
}
.cont h2 {
  background: url(/image/main/tit_bg.jpg) no-repeat 0 0;
  font-size: 22px;
  font-weight: bold;
  padding-top: 40px;
  margin-bottom: 40px;
  line-height: 33px;
  color: #000;
  letter-spacing: -0.5px;
}
.cont h2 > span {
  font-weight: normal;
  display: block;
}
.cont04 h1 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
.cont04 h1 > span {
  display: block;
  font-weight: bold;
}
.cont04 li.slick-slide {
  width: 398px;
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 30px 0 0; /* height: 620px; */
}
.cont04 .img {
  margin: 30px 0;
}
.cont04 .img img {
  margin: 0 auto;
}
.cont04 .desc {
  width: 326px;
  margin: 0 auto;
  text-align: left;
  color: #373737;
  line-height: 26px;
  font-size: 14px;
}
.bn_slide .slick-arrow {
  z-index: 999;
  text-indent: -9999px;
  width: 14px;
  height: 25px;
  display: block;
  position: absolute;
  top: 50%;
  border: 0;
  cursor: pointer;
  outline: 0;
}
.bn_slide .slick-prev {
  background: url(/image/main/prev.jpg) no-repeat center;
  left: 10px;
}
.bn_slide .slick-next {
  background: url(/image/main/next.jpg) no-repeat center;
  right: 10px;
}
/* Dots */
.bn_slide .slick-dots {
  text-align: center;
  margin-top: 10px;
}
.bn_slide .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.bn_slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  border: 0;
  color: transparent;
  background: transparent;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
}
.bn_slide .slick-dots li button:hover,
.bn_slide .slick-dots li button:focus {
  outline: none;
}
.bn_slide .slick-dots li.slick-active button {
  background: #000;
}

.ar {
  text-align: right;
}
.cont05 {
  background: #fafafa;
  padding: 100px 0;
}
.cont05 h2 {
  background: url(/image/main/tit_bg.jpg) no-repeat 100% 0;
  font-size: 20px;
  font-weight: bold;
  padding-top: 40px;
  line-height: 30px;
}
.cont05 h2 > span {
  font-weight: normal;
  display: block;
}
.cont05 li {
  width: 400px;
}
.cont05 li:last-child {
  width: 710px;
  padding-left: 90px;
  padding-top: 136px;
  position: relative;
}
.cont05 .img {
  position: absolute;
  top: 120px;
  right: 90px;
  width: 357px;
}
.cont05 .img img {
  width: 100%;
}
.cont05 .avi {
  float: right;
}
.cont05 strong {
  font-size: 20px;
  line-height: 30px;
}
.cont05 p {
  font-size: 16px;
  margin-top: 30px;
  line-height: 30px;
}
.insta {
  padding-top: 80px; /*  background: url(/image/main/insta01.jpg) no-repeat center 90px; */
}
.insta_link {
  width: 140px;
  margin: 10px auto 40px;
  background: url(/image/main/insta_bg.jpg) no-repeat 40px 0;
  position: relative;
}
.insta_link a:last-child {
  position: absolute;
  right: 0;
  top: 0;
}
.insta_list li {
  float: left;
  width: 394px;
  margin-right: 9px;
}
.insta_list li a img {
  width: 100%;
}
.inner01 {
  width: 600px;
  margin: 0 auto;
  position: relative;
}
.inner02 {
  width: 348px;
  margin: 0 auto;
}
.arw_wrap {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
}
.arw_wrap li {
  z-index: 999;
  text-indent: -9999px;
  width: 14px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
}
.arw_wrap .prev {
  background: url(/image/main/prev.jpg) no-repeat center;
  left: -35px;
}
.arw_wrap .next {
  background: url(/image/main/next.jpg) no-repeat center;
  right: -35px;
}
.gall_wrap .arw_wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.gall_wrap .arw_wrap li {
  z-index: 999;
  text-indent: -9999px;
  width: 70px;
  height: 70px;
  display: block;
  position: absolute;
  top: 0;
}
.gall_wrap .prev {
  background: url(/image/sub/prev05.jpg) no-repeat center;
  left: 0;
}
.gall_wrap .prev:hover {
  background: url(/image/sub/prev05_on.jpg) no-repeat center;
  left: 0;
}
.gall_wrap .next {
  background: url(/image/sub/next05.jpg) no-repeat center;
  right: 0;
}
.gall_wrap .next:hover {
  background: url(/image/sub/next05_on.jpg) no-repeat center;
  right: 0;
}
/* Dots */
.slide01 .slick-dots {
  position: absolute;
  left: 0;
  bottom: -42px;
  margin-left: 0;
  display: block;
  padding: 0;
  text-align: center;
}
.slide01 .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slide01 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  border: 0;
  color: transparent;
  background: transparent;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
}
.slide01 .slick-dots li button:hover,
.slide01 .slick-dots li button:focus {
  outline: none;
}
.slide01 .slick-dots li.slick-active button {
  background: #000; /* border:3px solid #2e4c9b; */
}
.cont_s li {
  width: 50%;
  float: left;
}
.cont_s li:hover {
  background: #f5f5f5;
}
.cont_s li .desc {
  margin-top: 30px;
  display: block;
  color: #373737;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 34px;
}
.cont_s li .inner {
  width: 73%;
  margin: 75px auto;
  display: block;
}
.cont_s li h2 span {
  display: inline;
}
.cont_s li a:hover h2 {
  color: #000;
}