@charset "utf-8";

#main_banner{display:flex;justify-content:space-between;align-items:center;width:1500px;height:867px;margin:0 auto;font-family:'Noto Sans KR'}
#main_banner .main_txt_wrap{position:relative;letter-spacing:-0.3px;color:#fff;font-family:'Noto Sans KR'}
#main_banner .main_txt_wrap .txt01{margin-left:60px;font-size:56px;letter-spacing:-0.7px;line-height:67px;opacity:0;font-family:'NanumMyeongjo'}
#main_banner .main_txt_wrap .txt01 span{color:#f79e36;font-weight:bold}
#main_banner .main_txt_wrap .txt02{margin:35px 0 0 -60px;font-size:16px;letter-spacing:-0.3px;line-height:26px;opacity:0;font-family:'Noto Sans KR'}
#main_banner .main_txt_wrap .go_btn{display:block;width:154px;height:50px;margin-top:35px;border:1px solid rgba(255,255,255,0.34);border-radius:2px;;font-size:15px;color:#fff;line-height:47px;text-align:center;transition:.3s linear;opacity:0;font-family:'Noto Sans KR';font-weight:500}

/* 슬라이드 */
#slideshow{overflow:hidden;z-index:5;width:65%;opacity:0}
#slides{display:flex;justify-content:flex-end;width:100%;height:100%}
#slides li{overflow:hidden;position:relative;width:calc(100% / 3);height:585px;background-color:#000}
#slides li a{display:block;position:relative;height:100%}
#slides li img{opacity:1;transition:all 0.35s;transform:translate3d(0,0,0) scale(1.25);-webkit-backface-visibility:hidden;backface-visibility:hidden}
#slides li .tit{position:absolute;z-index:1;bottom:35px;left:50%;transform:translateX(-50%);font-size:20px;color:#fff;transition:all 0.35s}

#slides li h3{position:absolute;z-index:5;top:-34%;left:1px;margin:-18px 0 15px 0;font-size:22px;color:#fff;letter-spacing:-0.3px;font-family:'Noto Sans KR';font-weight:500}
#slides li .overlay{position:absolute;z-index:1;width:100%;height:100%;font-size:17px;color:#fff;opacity:0;transition:all 0.35s}
#slides li .overlay .tit_area{position:absolute;left:11%;top:49%;width:84%;transition:all 0.35s;transform:translateY(70px)}
#slides li .overlay .tit_area span.s_txt{font-size:15px;color:rgba(255,255,255);letter-spacing:-0.3px;line-height:26px;opacity:0;font-family:'Noto Sans KR'}
#slides li .overlay .more_view{position:absolute;bottom:69px;right:40px;padding:0 10px 5px 10px;border-bottom:2px solid #fff;font-size:14px;letter-spacing:-0.15px;color:#fff}

@media(hover:hover){
#main_banner .main_txt_wrap .go_btn:hover{color:#3d2825;background:#fff;transition:.3s linear}
#slides li:hover img{opacity:0.35;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:rgba(57,50,42,.65);-webkit-filter:rgba(57,50,42,.65);-webkit-transform:scale(1.15);transform:scale(1.15)}
#slides li:hover .b_tit{-webkit-transform:translateY(-200px);transform:translateY(0)}
#slides li:hover .overlay{opacity:1}
#slides li:hover .tit{opacity:0;transition:all 0.35s}
#slides li:hover .overlay .tit_area{opacity:1;transform:translateY(0)}
#slides li:hover .overlay .tit_area span{opacity:1;transform:translateY(0)}
}
@media(max-width:1530px){
#main_banner{width:100%;padding:0 15px}
#main_banner .main_txt_wrap .txt01{font-size:50px;line-height:60px}
#slideshow{width:60%}
}
@media(max-width:1024px){
#main_banner{display:block;height:auto;padding:100px 15px 60px;background:url(../../hd/head_bg.jpg) center top/cover no-repeat;text-align:center}
#main_banner .main_txt_wrap{margin-bottom:80px}
#main_banner .main_txt_wrap .go_btn{margin:35px auto 0}
#slideshow{width:100%}
#slides li{height:auto}
#slides li+li{margin-left:10px}
#slides li .tit{display:none}
#slides li a{background:center bottom/cover no-repeat}
#slides li:nth-child(1) a{background-image:url(./main_banner_01.jpg)}
#slides li:nth-child(2) a{background-image:url(./main_banner_02.jpg)}
#slides li:nth-child(3) a{background-image:url(./main_banner_03.jpg)}
#slides li img{display:none}
#slides li .overlay{overflow:hidden;position:inherit;padding:50px 25px 30px;opacity:1;background-color:rgba(0,0,0,.6);text-align:left}
#slides li .overlay .tit_area{position:inherit;top:auto;left:auto;width:100%;margin-bottom:50px;transform:none}
#slides li h3{position:inherit;top:auto;left:auto;margin:0 0 15px}
#slides li .overlay .tit_area span.s_txt{opacity:1}
#slides li .overlay .more_view{float:right;position:inherit;bottom:auto;right:auto}
}
@media(max-width:960px){
#slides li .overlay .tit_area span.s_txt.pl{white-space:normal}
}
@media(max-width:700px){
#slides{display:block}
#slides li{width:100%}
#slides li+li{margin:10px 0 0}
#slides li h3{font-size:20px;font-weight:normal}
}
@media(max-width:500px){
#main_banner .main_txt_wrap .txt01{font-size:40px;line-height:50px}
}