/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{ position:relative; }
.flickity-enabled:focus{ outline:none; }

.flickity-viewport{ overflow:hidden; position:relative; height:100%; }
.flickity-slider{ position:absolute; width:100%; height:100%; }

/* draggable */
.flickity-enabled.is-draggable{ -webkit-tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.flickity-enabled.is-draggable .flickity-viewport{ cursor:move; cursor:-webkit-grab; cursor:grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{ cursor:-webkit-grabbing; cursor:grabbing; }

/* ---- flickity-button ---- */
.flickity-button{ display:none; position:absolute; background:hsla(0, 0%, 100%, 0.75); border:none; color:#333; }
.flickity-button:hover{ background:white; cursor:pointer; }
.flickity-button:focus{ outline:none; box-shadow:0 0 0 5px #19F; }
.flickity-button:active{ opacity:0.6; }
.flickity-button:disabled{ opacity:0.3; cursor:auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events:none; }
.flickity-button-icon{ fill:currentColor; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button{ top:50%; width:44px; height:44px; border-radius:50%; /* vertically center */ transform:translateY(-50%); }
.flickity-prev-next-button.previous{ left:10px; }
.flickity-prev-next-button.next{ right:10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous{ left:auto; right:10px; }
.flickity-rtl .flickity-prev-next-button.next{ right:auto; left:10px; }
.flickity-prev-next-button .flickity-button-icon{ position:absolute; left:20%; top:20%; width:60%; height:60%; }

/* ---- page dots ---- */
.flickity-page-dots{ display:none; position:absolute; width:100%; bottom:-25px; padding:0; margin:0; list-style:none; text-align:center; line-height:1; }
.flickity-rtl .flickity-page-dots{ direction:rtl; }
.flickity-page-dots .dot{ display:inline-block; width:10px; height:10px; margin:0 8px; background:#333; border-radius:50%; opacity:0.25; cursor:pointer; }
.flickity-page-dots .dot.is-selected{ opacity:1; }

/* 이미지 블럭 */
.carousel{  }
.carousel-cell{ width:100%; counter-increment:carousel-cell; }

/* cell number */
/* .carousel-cell:before{ display:block; text-align:center; content:counter(carousel-cell); line-height:200px; font-size:80px; color:white; } */

/* 타이틀 */
.carousel_wrap{ overflow:hidden; position:relative; }
.carousel_title{ z-index:2; position:absolute; left:0; top:65px; width:100%; text-align:center; }
.carousel_title h1{ margin:5px 0 15px; font:400 46px/56px 'Lora',serif,'Noto Sans KR'; color:#1e1205; }
.carousel_title p{ }
.carousel_title p:nth-of-type(2){ display:none; }

/* 메인비주얼 */
.main_visual_wrap{ position:relative; width:100%; }
.main_visual_wrap{ animation: 1s ease-out 0s 1 slideInFromLeft; }
.main_visual{ display:block; position:relative; height:899px; }

/* 메인비주얼 텍스트 */
.main_visual_wrap .centerWrap{  }
.main_visual_wrap .main_title{ position:absolute; left:0; top:50%; width:100%; text-align:center; }
.main_visual_wrap .main_title{ -webkit-transform:translateY(-51.5%); -ms-transform:translateY(-51.5%); transform:translateY(-51.5%); }
.main_visual_wrap .main_title h4{ color:#fff; text-shadow:0 1px 4px rgb(0 0 0 / 20%); }
.main_visual_wrap .main_title p{ margin:5px auto 25px; font-size:22px; font-weight:500; line-height:36px; color:#fff; text-shadow:0 1px 1px rgb(0 0 0 / 10%); }
.main_visual_wrap .main_title .view_btn{ background:#242424; }
.main_visual_wrap:hover .main_title .view_btn{  }

.main_title > a{ display:block; }

/* prev next 버튼 : 트리거 */
.mainvisual_btn{ font-size:0; }
.mainvisual_btn span{ position:absolute; cursor:pointer; top:50%; width:50px; height:60px; margin-top:-30px; background:#141414 url(/img/arrow_left.png) no-repeat center; background-size:25%; }
.mainvisual_btn span{ border-radius:4px; opacity:.4; filter:alpha(opacity=40); }
.mainvisual_btn span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }

.mainvisual_prev{ left:-4px; }
.mainvisual_next{ right:-4px; transform:rotate(180deg); }

.main_visual_wrap:hover .mainvisual_btn span{ opacity:.5; filter:alpha(opacity=50); }
.main_visual_wrap .mainvisual_btn span:hover{ opacity:.6; filter:alpha(opacity=60); }

@media(max-width:1400px){

.carousel_wrap, 
.main_visual{ /* height:620px; */ }

.main_visual_wrap .main_title{ margin-top:70px; margin-bottom:15px; }
.main_visual_wrap .main_title:before{ top:-70px; width:500px; height:579px; }
.main_title strong{ font-size:18px; }
.main_title h4{ font-size:50px; }
.main_visual_wrap .main_title p{ font-size:20px; }

.main_visual_img .img_wrap{ width:730px; height:398px; }
.main_visual_img:before{ width:719px; height:410px; }
.main_visual_img:after{ width:84px; height:84px; left:35px; bottom:-41px; }

}

@media(max-width:1200px){

.carousel_wrap, 
.main_visual{ height:700px; }

.main_visual_wrap .main_title{ margin-top:80px; }
.main_visual_wrap .main_title:before{ top:-50px; width:440px; height:509px; }
.main_title strong{ font-size:17px; }
.main_title h4{ font-size:46px; }
.main_visual_wrap .main_title p{ font-size:18px; }

.main_visual_img .img_wrap{ width:650px; height:354px; }
.main_visual_img:before{ width:640px; height:373px; }
.main_visual_img:after{  }
.main_visual_img span{ font-size:15px; }

.mainvisual_btn{  }

}

@media(max-width:999px){

.carousel-cell{ overflow:hidden; }
.carousel_wrap, 
.main_visual{ min-height:550px; height:auto; }

.main_visual_wrap .centerWrap{ display:block; }

.main_visual_wrap .main_title{ margin-top:30px; }
.main_title strong{ margin-bottom:5px; font-size:15px; }
.main_title h4{ margin-bottom:10px; font-size:28px; }
.main_visual_wrap .main_title p{ margin-bottom:15px; font-size:16px; line-height:26px; }
.main_visual_wrap .main_title:before{ left:-15px; top:-25px; content:''; width:90%; max-width:558px; height:500px; background-size:100%; background-position:left top; }

.main_visual_img{ margin-top:30px; }
.main_visual_img .img_wrap{ width:100%; height:280px; }
.main_visual_img:before{ width:100%; height:320px; right:-60px; bottom:-60px; }
.main_visual_img:after{ width:60px; height:60px; bottom:-29px; left:31px; background-size:40%; }
.main_visual_img span{ font-size:14px; }

.mainvisual_btn{  }

}

@media(max-width:600px){

/* .carousel_wrap{ height:320px; }
.carousel-cell{ height:320px; }

.carousel_title{  }
.carousel_title h1{ margin-bottom:2px; font-size:22px; line-height:28px; }
.carousel_title p:nth-of-type(1){ display:none; }
.carousel_title p:nth-of-type(2){ display:block; } */

}