@charset "utf-8";
/* ---------- 슬라이더 스타일 ---------- */


/* slick slider reset */
.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}
.slick-list.dragging{cursor:-webkit-grab}
.slick-slider .slick-track, .slick-slider .slick-list{-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{display:block; position:relative; top:0; left:0}
.slick-track:before, .slick-track:after{display:table; content:""}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events: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}


/* carousel_wrap */
.carousel_wrap{position:relative}


/* carousel_temp1 */
.carousel_temp1{position:relative}
.carousel_temp1 .carousel_box{position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp1 .carousel_box a{display:block; position:relative; height:350px}
.carousel_temp1 .carousel_box a img{display:block; object-fit:cover; width:100%; height:350px; transform:scale(1.2); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp1 .carousel_box.slick-active a img{transform:scale(1);}

.carousel_temp1 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:2; transition:all .20s ease}

.carousel_temp1 .slick-prev,
.carousel_temp1 .slick-next{background:rgba(25,57,117,.6)}
.carousel_temp1 .slick-prev{left:0}
.carousel_temp1 .slick-next{right:0}

.carousel_temp1 .slick-prev:before,
.carousel_temp1 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}

.carousel_temp1 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_temp1 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}

.carousel_temp1 .slick-prev:hover:before,
.carousel_temp1 .slick-next:hover:before{opacity:1}

.carousel_temp1 .slick-prev:hover:before{right:-6px}
.carousel_temp1 .slick-next:hover:before{left:-6px}

.carousel_temp1 .slick-prev:hover,
.carousel_temp1 .slick-next:hover{background:rgba(25,57,117,.8)}

.carousel_temp1 .slick-prev.slick-disabled{display:none !important}
.carousel_temp1 .slick-next.slick-disabled{display:none !important}

.carousel_temp1 .slick-dots{display:block; position:absolute; bottom:-25px; width:100%; text-align:center}
.carousel_temp1 .slick-dots li{display:inline-block; position:relative; margin:0 10px}
.carousel_temp1 .slick-dots li button{display:block; position:relative; width:6px; height:6px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(25,57,117,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.carousel_temp1 .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(25,57,117,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.carousel_temp1 .slick-dots li.slick-active button{background:rgba(25,57,117,1)}
.carousel_temp1 .slick-dots li.slick-active button:before{border:1px solid rgba(25,57,117,.6)}


/* carousel_temp2 */
.carousel_temp2{position:relative}
.carousel_temp2 .carousel_box{position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp2 .carousel_box a{display:block; position:relative; height:350px}
.carousel_temp2 .carousel_box a img{display:block; object-fit:cover; width:100%; height:350px; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}

.carousel_temp2 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:2; transition:all .20s ease}

.carousel_temp2 .slick-prev,
.carousel_temp2 .slick-next{background:rgba(25,57,117,.6)}
.carousel_temp2 .slick-prev{left:0}
.carousel_temp2 .slick-next{right:0}

.carousel_temp2 .slick-prev:before,
.carousel_temp2 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}

.carousel_temp2 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_temp2 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}

.carousel_temp2 .slick-prev:hover:before,
.carousel_temp2 .slick-next:hover:before{opacity:1}

.carousel_temp2 .slick-prev:hover:before{right:-6px}
.carousel_temp2 .slick-next:hover:before{left:-6px}

.carousel_temp2 .slick-prev:hover,
.carousel_temp2 .slick-next:hover{background:rgba(25,57,117,.8)}

.carousel_temp2 .slick-prev.slick-disabled{display:none !important}
.carousel_temp2 .slick-next.slick-disabled{display:none !important}

.carousel_temp2 .slick-dots{display:block; position:absolute; bottom:-25px; width:100%; text-align:center}
.carousel_temp2 .slick-dots li{display:inline-block; position:relative; margin:0 10px}
.carousel_temp2 .slick-dots li button{display:block; position:relative; width:6px; height:6px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(25,57,117,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.carousel_temp2 .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(25,57,117,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.carousel_temp2 .slick-dots li.slick-active button{background:rgba(25,57,117,1)}
.carousel_temp2 .slick-dots li.slick-active button:before{border:1px solid rgba(25,57,117,.6)}

.carousel_wrap .slick-pause{position:absolute; right:0; bottom:-31px; width:22px; height:22px; border:1px solid rgba(25,57,117,1); border-radius:50%; box-sizing:border-box}
.carousel_wrap .slick-pause .btn_pause{display:block; width:20px; height:20px; margin:0; padding:0; background:url("../images/common/carousel_set1_pause.png") 50% 50% no-repeat; background-size:6px 8px; cursor:pointer; border:0; border-radius:0}
.carousel_wrap .slick-pause .btn_pause.paused{background:url("../images/common/carousel_set1_play.png") 50% 50% no-repeat; background-size:7px 10px}


/* carousel_temp3 */
.carousel_temp3{position:relative}
.carousel_temp3 .carousel_box{position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp3 .carousel_box a{display:block; position:relative; height:350px}
.carousel_temp3 .carousel_box a img{display:block; object-fit:cover; width:100%; height:350px; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp3 .carousel_box strong{position:absolute; left:0px; top:200px; width:100%; color:#fff; letter-spacing:-2.5px; font-family:nsr; font-size:50px; font-weight:600; text-align:center; opacity:0; transition:all .20s ease}
.carousel_temp3 .carousel_box p{position:absolute; left:0px; top:150px; width:100%; color:#fff; letter-spacing:-0.5px; font-family:nsr; font-size:18px; font-weight:normal; text-align:center; opacity:0; transition:all .20s ease}

.carousel_temp3 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:2; transition:all .20s ease}

.carousel_temp3 .slick-prev,
.carousel_temp3 .slick-next{background:rgba(25,57,117,.6)}
.carousel_temp3 .slick-prev{left:0}
.carousel_temp3 .slick-next{right:0}

.carousel_temp3 .slick-prev:before,
.carousel_temp3 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}

.carousel_temp3 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_temp3 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}

.carousel_temp3 .slick-prev:hover:before,
.carousel_temp3 .slick-next:hover:before{opacity:1}

.carousel_temp3 .slick-prev:hover:before{right:-6px}
.carousel_temp3 .slick-next:hover:before{left:-6px}

.carousel_temp3 .slick-prev:hover,
.carousel_temp3 .slick-next:hover{background:rgba(25,57,117,.8)}

.carousel_temp3 .slick-prev.slick-disabled{display:none !important}
.carousel_temp3 .slick-next.slick-disabled{display:none !important}

.carousel_temp3 .carousel_box.slick-active strong
{
    animation: caption_mot1 1s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    -webkit-animation: caption_mot1 1s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    -moz-animation: caption_mot1 1s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
    -o-animation: caption_mot1 1s cubic-bezier(0.7, 0, 0.3, 1) 1s 1 forwards;
}
@-webkit-keyframes caption_mot1{0%{top:150px; opacity:0;} 100%{top:70px; opacity:1;}}
@-moz-keyframes caption_mot1{0%{top:150px; opacity:0;} 100%{top:70px; opacity:1;}}
@-o-keyframes caption_mot1{0%{top:150px; opacity:0;} 100%{top:70px; opacity:1;}}
@keyframes caption_mot1{0%{top:150px; opacity:0;} 100%{top:70px; opacity:1;}}

.carousel_temp3 .carousel_box.slick-active p
{
    animation: caption_mot2 1s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    -webkit-animation: caption_mot2 1s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    -moz-animation: caption_mot2 1s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
    -o-animation: caption_mot2 1s cubic-bezier(0.7, 0, 0.3, 1) 2s 1 forwards;
}
@-webkit-keyframes caption_mot2{0%{top:200px; opacity:0;} 100%{top:120px; opacity:1;}}
@-moz-keyframes caption_mot2{0%{top:200px; opacity:0;} 100%{top:120px; opacity:1;}}
@-o-keyframes caption_mot2{0%{top:200px; opacity:0;} 100%{top:120px; opacity:1;}}
@keyframes caption_mot2{0%{top:200px; opacity:0;} 100%{top:120px; opacity:1;}}


/* carousel_temp4 */
.carousel_temp4{position:relative}
.carousel_temp4 .carousel_box{position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp4 .carousel_box a{display:block; position:relative; height:350px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.2); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_temp4 .carousel_box.slick-active a{transform:scale(1)}

.carousel_temp4 .slick-dots{display:block; position:absolute; bottom:-25px; width:100%; text-align:center}
.carousel_temp4 .slick-dots li{display:inline-block; position:relative; margin:0 10px}
.carousel_temp4 .slick-dots li button{display:block; position:relative; width:6px; height:6px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(25,57,117,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.carousel_temp4 .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(25,57,117,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.carousel_temp4 .slick-dots li.slick-active button{background:rgba(25,57,117,1)}
.carousel_temp4 .slick-dots li.slick-active button:before{border:1px solid rgba(25,57,117,.6)}