@charset "utf-8";
/*     메인 비쥬얼     */

#section0 { position:relative; height: 970px; background:url('/img/main/img1.jpg') top center no-repeat; }

.visual_slider { position:relative; overflow:hidden; height:970px; width:100%; max-width:1920px; margin:0 auto; }

#main_text { position: absolute; top:28%; left:220px; z-index:20; /* transform:translateY(-50%); */} 
#main_text * { font-family: 'NanumSquare'; color:#fff; }

#main_text01 { position:relative; width:100%; animation-duration:1s; animation-name:main_text01; font-size:62px; font-weight:700; line-height:1.2; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); }
#main_text02 {  position:relative; width:100%; animation-duration:2s; animation-name:main_text02; font-size:62px; font-weight:700;  line-height:1.2; z-index:2}
#main_text03 { position:relative; margin-top:10px; width:100%; animation-duration:2s; animation-name:main_text03; font-size:40px; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); margin-left:360px }
#main_text04 {  position:relative; left:0; width:100%; animation-duration:3s; animation-name:main_text04;  font-size:30px;}
#main_text05 {  position:relative; left:170px; width:100%; animation-duration:3.5s; animation-name:main_text04;  text-align:center;}
#main_text06 {  position:absolute; margin-top:90px; width:100%; animation-duration:4s; animation-name:main_text04;  text-align:center;}

.main_text_line { position:absolute; top:296px; left:250px;   width:1px; height:60px; background:#fff; overflow:hidden; }

@keyframes main_text01 {
  from { opacity:0; } 50%{ opacity:0;}
}
@keyframes main_text02 {
  from { opacity:0; } 60%{ opacity:0; }
}
@keyframes main_text03 {
  from { opacity:0; } 70%{ opacity:0;}
}
@keyframes main_text04 {
  from { opacity:0;} 80%{  opacity:0;}
}
@keyframes main_slide {
  from { margin-top:50px; opacity:0;} 80%{ margin-top:50px; opacity:0;}
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

@media screen and (max-width: 1480px) {
  #main_video { display:none; }
}

.img_zoom{position:relative; top: 0px; left: 0px; width:100%; margin:0 auto 40px;}
.img_zoom img.zoom_img{display:block; width:100%; height:auto;}
.img_zoom .magnifier{display:none; position:absolute; width:500px; height:500px; border-radius:100%; box-shadow:0 0 0 12px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); box-sizing:border-box;}

/* 메인내용 */
#section1 { position:relative; height:970px; background: url('../img/main/bg_premium.jpg') top left no-repeat; }
#section1 .bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 970px;
  width: 650px;
  background: url('../img/main/bg_premium1.jpg') top right no-repeat;
  z-index: 1;
}
#section1 .bg .txt { position:absolute; top: 50%; transform: translateY(-50%); right:0; color:#fff; font-size:32px; padding-right:30px; top:50%; 	letter-spacing: 0.6em; }
#section1 .inner {
  width: 1250px;
  height: 100%;
  position: absolute;
  right:420px;
  z-index:5;
}

#section1 .main_product_inner {
	position:absolute;
	top:150px;
	right:420px;
	width:459px;
	height:680px;
	z-index:9 !important; 
}


#section1 .inner .swiper-container {
  top:150px;
}

#section1 .inner .swiper-container .swiper-slide {
  display: flex;
  justify-content: space-between;
}

#section1 .inner .swiper-container .swiper-slide .section-tit {
  padding-top: 150px;
}

#section1 .inner .swiper-container .swiper-slide .section-tit .sub {
  font-weight: 500;
  font-size: 22px;
  color: #333;
  margin-bottom: 10px;
}

#section1 .inner .swiper-container .swiper-slide .section-tit .tit {
  font-weight: 400;
  font-size: 60px;
  color: #a12824;
  margin-bottom: 25px;
  letter-spacing: 0.05em;
}

#section1 .inner .swiper-container .swiper-slide .section-tit .desc {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 25px;
}

#section1 .inner .swiper-container .swiper-slide .section-tit .sub_tit {
  font-weight: 700;
  font-size: 18px;
}


#section2 { position:relative; background:url('/img/main/bg_p5.jpg') top center no-repeat; height:970px; padding:150px; 0 0; }
#section2 h2 { text-align:center; margin-bottom:100px;  }
#section2 .main_mid_slider_wrap { width:1410px; margin:0 auto; }
#section2 .main_mid_slider_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#section2 .bx-wrapper .bx-pager,
#section2 .bx-wrapper .bx-controls-auto,
#section2 .bx-wrapper .bx-prev, 
#section2 .bx-wrapper .bx-next { display:none; }

#section3 { position:relative; background:url('https://rockdesign23.mycafe24.com/img/main/bg_unit.jpg') top center no-repeat; height:970px; padding:150px; 0 0; }
#section3 h2 { text-align:center; margin-bottom:100px;  }
#section3 .main_mid_slider_wrap { width:1410px; margin:0 auto; }
#section3 .main_mid_slider_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#section3 .bx-wrapper .bx-prev, 
#section3 .bx-wrapper .bx-next { display:none; }

#section3 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#section3 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}



#section4 { position:relative; background:url('/img/main/bg_map.jpg') top center no-repeat; height:970px; padding:150px; 0; }
#section4 h2 { text-align:center; margin-bottom:100px;  }
#section4 .inner { width:1200px; margin:0 auto; }
#section4 .inner:after {display:block;visibility:hidden;clear:both;content:""}

#section4 .main_map { float:left; }

#section4 .info_list { float:left; width:600px; height:400px; background:#006081; padding:45px 60px; overflow:hidden; }
#section4 .info_list:after {display:block;visibility:hidden;clear:both;content:""}
#section4 .info_list li { }
#section4 .info_list li.info_btn { margin-bottom:20px; }
#section4 .info_list li.info_tline { border-top:1px solid #60a2b0; padding-top:20px; }

/* 찾아오시는길 */
#sub01-02 {}
#sub01-02 .cont { display:none; }

#sub01-02 .map-tab { margin-bottom:150px; }
#sub01-02 .map-tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-tab li { float:left; width:50%; }
#sub01-02 .map-tab li a { display:block; height:80px; line-height:80px; font-size:25px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; color:#ccc; }
#sub01-02 .map-tab li a.active { border-bottom:1px solid #333; color:#333; }

#sub01-02 h3 { text-align:center; font-size:35px; font-weight:700; margin-bottom:20px; }
#sub01-02-map1 { margin-bottom:100px; }

#sub01-02 .map-info { border-top:1px solid #dddddd; padding:22px 0; color:#333; }
#sub01-02 .map-info:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-info li { padding:8px 0; font-size:15px; }
#sub01-02 .map-info strong { display:inline-block; width:100px; font-weight:700;  }
#sub01-02 .map-info span { display:inline-block; }

ul.tabs2 { display: flex; justify-content: space-between; }
ul.tabs2:after {display:block;visibility:hidden;clear:both;content:""}
ul.tabs2>li { float:left; width:24%; margin-left:1%; text-align: center; border:1px solid #ccc;}
ul.tabs2>li>a { padding: 0;  line-height: 45px; font-size:14px; letter-spacing: 0; display: block; color:#444;  }
ul.tabs2>li:first-child {margin-left:0;}

ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #442530;  border:1px solid #442530;
}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #9e7a6c; border:1px solid #9e7a6c; }


.tabcontents>div { overflow: hidden; }
.tabcontents ul.tabs2 li.selected, ul.tabs li.selected:hover { background-color: #a1853f; border: 1px solid #e6e6e6; }


ul.btn_download_list { display: flex; justify-content: space-between; margin-bottom:30px;  }
ul.btn_download_list:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_download_list > li { float:left; width:49.5%; margin-left:1%;  height: 75px; text-align: center; }
ul.btn_download_list > li > a { padding: 0; height: 75px; line-height: 26px; letter-spacing: 0; display: block; padding-top: 11px; color: #ffff; font-size: 18px; }
ul.btn_download_list > li:first-child {margin-left:0;}
ul.btn_download_list > li:nth-child(1) { background-color: #006b88; } 
ul.btn_download_list > li:nth-child(2) { background-color: #9b8449; } 
ul.btn_download_list > li > a span { font-size: 18px; padding-right: 30px; position: relative; background: url(sub/download_w.png) right bottom 5px no-repeat; background-size: 18px;  }
ul.btn_download_list .cc { color: #fff600; }