@charset "utf-8";
.promotion .slick-slide a{display:block;position:relative;height:400px;overflow:hidden}
.promotion .slick-slide img{position:absolute;left:50%;top:0;margin-left:-1000px;}
.promotion .dots_wrap{bottom:30px;width:100%;text-align:center}
.promotion .dots_wrap,.plan-slider .slick-dots{position:absolute;left:0}
.promotion .dots_wrap .btn_stop,.promotion .dots_wrap .btn_play{width:9px;height:10px;background-repeat:no-repeat;background-position:0 0}
.promotion .dots_wrap .btn_stop{background-image:url(/layouts/gfesta/images/main/btn_slide_stop.png)}
.promotion .dots_wrap .btn_play{display:none;background-image:url(/layouts/gfesta/images/main/btn_slide_start.png)}
.promotion .dots_wrap button{vertical-align:middle}
.promotion .slick-dots{display:inline-block;margin-right:20px}
.slick-dots li{display:inline-block;margin-right:10px}
.slick-dots li:last-child{margin-right:0}
.slick-dots button{width:10px;height:10px;border-radius:50%;background-color:#aaa;font-size:0}
.slick-active button{width:28px;height:10px;border-radius:20px;background-color:#2fb2ab}
.slick-arrow{position:absolute;z-index:1;background-repeat:no-repeat}

/* 2021.03.15 수정 : .gfesta-movie, .plan-slider, .story-slider 삭제 */
.promotion .slick-prev {left:calc((100% - 1200px) / 2)}
.promotion .slick-next {right:calc((100% - 1200px) / 2)}
.inner{width:1200px;margin:0 auto}

@media all and (min-width:1550px){
/* 2020.12.29 수정 : .gfesta-movie, .plan-slider, .story-slider 삭제 */
.promotion .slick-arrow {top:50%;width:58px;height:58px;background-color:#bbb;border-radius:50%;font-size:23px !important;opacity:.5;transition-duration:.3s;line-height:59px}
.slick-arrow {top:50%;width:59px;height:59px;background-position:0 0}
.slick-arrow i {color:#fff}
.slick-arrow:hover i {color:#333;font-weight:400}
.promotion .slick-prev:hover {opacity:1;box-shadow:1px 2px 4px #a9a9a9}
.promotion .slick-next:hover {opacity:1;box-shadow:-1px 1px 4px #a9a9a9}
.promotion .slick-prev {margin-left:-145px}
.promotion .slick-next {margin-right:-145px}
}

@media all and (max-width:1549px){
.slick-arrow {bottom:30px;top:auto;width:39px;height:37px}
/* 2020.12.29 수정 : .gfesta-movie, .plan-slider, .story-slider 삭제 */
.slick-arrow i {display:none}
.promotion .slick-prev {left:auto;right:calc((100% - 1200px) / 2);margin-right:39px;background-image:url(/layouts/gfesta/images/main/btn_prev_next.png);background-position:0 0;}
.promotion .slick-next {right:calc((100% - 1200px) / 2);background-image:url(/layouts/gfesta/images/main/btn_prev_next.png);background-position:-39px 0;}
}

/* G포인트 관련 CSS 추가 예정 2019.12.11 김대윤*/
.r_text {float: right; font-size: 12px;}

/* 사용안함 2021.03.15
.prd-list .slick-slide{float:left; width:270px; margin-right:40px}
.plan-slider .slick-slide a{position:relative;display:block;overflow:hidden;height:245px;}
.plan-slider .slick-slide img{position: absolute; left: 50%; top: 0; margin-left: -1000px; height: 245px;}
.plan-slider .slick-dots{left:calc((100% - 1200px) / 2);bottom:30px;}

.story-slider .slick-slide{overflow:hidden}
.story-slider .l{float:left}
.story-slider .r{position:relative;height:370px;overflow:hidden;padding-left:40px}
.story-slider .sty1,.story-slider .sty2{font-weight:500;color:#222}
.story-slider .sty1{line-height:1;font-size:18px}
.story-slider .sty2{margin:6px 0 9px;font-size:34px}
.story-slider .sty3{display: block;display: -webkit-box;height:234px;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:9; -webkit-box-orient: vertical; word-wrap: break-word;font-size:17px}
.story-slider .sty4{position:absolute;left:40px;bottom:0}
.story-slider .sty4 a{display:inline-block;height:38px;padding:0 23px;border-radius:20px;background-color:#2fb2ab;line-height:38px;font-size:14px;color:#fff}
.story-slider .slick-dots{margin-top:25px;text-align:center}

.gf-insta{overflow:hidden}
.gf-insta>div{float:left;width:185px;margin-right:18px}
.gf-insta>div:last-child{margin-right:0}
.gf-insta a{display:block;position:relative; height:185px;background:#f4f4f4 url(/layouts/gfesta/images/common/img_gfesta.png) no-repeat 50% 50%;background-size:130px auto}
.gf-insta a:after{display:block;content:"";position:absolute;right:10px;top:10px;width:40px;height:40px;background:url(../images/main/icon_insta.png) no-repeat 0 0}
.gf-insta a:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;transition-duration:.5s}
.gf-insta a:hover:before{opacity:1}
*/