@charset "utf-8";

/* 메인영역 */
#main_banner{position:relative;z-index:10;width:100%;background:#000}
#mainVisual .txt{position:absolute;bottom:253px;left:50%;z-index:999;transform:translateX(-50%);max-width:1380px;width:100%}
#mainVisual .move_txt01{display:inline-block;position:relative;margin-bottom:40px;font-size:24px;letter-spacing:-1px;font-weight:600;line-height:24px;color:#fff;opacity:0;text-shadow:2px 2px 6px rgba(0,0,0,.3);font-family:'Josefin Sans', sans-serif}
#mainVisual .move_txt02{margin:0 0 30px 10px;font-size:77px;color:#fff;opacity:0;font-weight:600;text-shadow:2px 2px 6px rgba(0,0,0,.3);font-family:'S-CoreDream-5Medium'}
#mainVisual .move_txt03{margin-left:-10px;font-size:17px;color:#fff;opacity:0;line-height:28px;text-shadow:2px 2px 6px rgba(0,0,0,.3);white-space:pre-line;font-family:'S-CoreDream-4Regular'}

.main_index{position:absolute;bottom:0;left:50%;z-index:20;overflow:hidden;width:675px;height:225px;margin-left:-75px}
.main_index li{float:left;width:225px;height:225px;border-right:1px solid rgba(255,255,255,0.1);transition:all 0.3s}
.main_index li:last-child{border-right:none}
.main_index li a{display:block;width:100%;height:100%;padding:34px 40px;font-size:16px;font-weight:500;color:#fff;opacity:0.8;transition:all 0.3s;font-family:'Montserrat', sans-serif}
.main_index li a span{display:inline-block;margin-bottom:21px;font-size:12px;font-weight:600}

/* 메인 */
#mainVisual .main_slide li{width:100%;height:950px;background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .main_slide li:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
.main_slide .img01{width:100%;height:100%;background-image:url(./main_banner01.jpg)}
.main_slide .img02{width:100%;height:100%;background-image:url(./main_banner02.jpg)}
.main_slide .img03{width:100%;height:100%;background-image:url(./main_banner03.jpg)}

/* controls */
#mainVisual .pager{position:absolute;left:50%;bottom:130px;z-index:101;transform:translateX(-50%)}
#mainVisual .pager span{opacity:.5;position:relative;width:37px;height:37px;margin:0 5px;background-color:transparent;transition:all .3s}
#mainVisual .pager span.on{opacity:1}
#mainVisual .pager span:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.7);border-radius:50%;transition:all .3s}
#mainVisual .pager span.on:before{opacity:1;width:100%;height:100%}
#mainVisual .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#fff}
#mainVisual .arr{opacity:.75;position:absolute;top:50%;z-index:101;transform:translateY(-50%);border:none;background:none;transition:all .2s}
#mainVisual .arr.prev{left:4%}
#mainVisual .arr.next{right:4%}

/*event*/
#event_bg{position:absolute;bottom:-63px;z-index:9999;width:100%;height:125px;line-height:125px;color:#fff;font-family:'S-CoreDream-3Light'}
#event_bg .event{width:1380px;margin:0 auto}
#event_bg .event:after{display:block;content:"";visibility:hidden;clear:both}
#event_bg .event > div{float:left}
#event_bg .event .event_box{width:calc(100% - 460px)}
#event_bg .event .event_box:before{position:absolute;left:0;top:0;width:80%;height:125px;background-color:#1d252c;z-index:-1;content:''}
#event_bg .event .event_box .cont_tit{position:relative;float:left;width:110px;font-size:19px;line-height:125px;font-family:'Josefin Sans', sans-serif}
#event_bg .event .event_box .cont_tit:after{position:absolute;top:calc(50% - 6px);right:0;width:1px;height:12px;background-color:rgba(255,255,255,.2);content:''}
#event_bg .event .event_box .cont_tit span{position:relative}
#event_bg .event .event_box .cont_tit span:before{position:absolute;right:-8px;bottom:4px;height:4px;width:4px;border-radius:50%;background-color:#f75b1b;content:''}
#event_bg .event .event_box a{font-family:'S-CoreDream-3Light'}
#event_bg .event .map_link{width:460px;background-color:#f75b1b}
#event_bg .event .map_link a{display:block;height:125px;padding:0 60px;color:#fff}
#event_bg .event .map_link .eng{float:left;font-size:19px;font-family:'Josefin Sans', sans-serif}
#event_bg .event .map_link .eng span{position:relative}
#event_bg .event .map_link .eng span:before{position:absolute;right:-8px;bottom:4px;height:4px;width:4px;border-radius:50%;background-color:#fff;content:''}
#event_bg .event .map_link .ko{float:right;font-size:15px;opacity:.7;transition:all .2s;font-family:'S-CoreDream-3Light'}
#event_bg .event .map_link .ko span{position:relative}
#event_bg .event .map_link .ko span:after{display:block;content:"";position:absolute;left:50%;bottom:-7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:2px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}
#event_bg .sh_lt{float:left;width:calc(100% - 110px);height:125px;padding:0 60px}
#event_bg .sh_lt .sh_notice a{font-size:15px;color:rgba(255,255,255,.7)}
#event_bg .sh_lt .datetime{float:right;padding-right:60px;font-size:15px;color:rgba(255,255,255,.7)}
#event_bg .controls{display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;right:60px;top:0;z-index:101;height:100%}
#event_bg .controls button{opacity:.75;padding:10px 15px;border:none;background:none;transition:all .2s}

@media(hover:hover){
.main_index li:hover{background:rgba(255,255,255,0.1)}
.main_index li:hover a{opacity:1}
#mainVisual .arr:hover{opacity:1}
#event_bg .event .map_link:hover span:after{width:100%}
#event_bg .event .map_link:hover .ko{opacity:1}
#event_bg .controls button:hover{opacity:1}
}
@media(max-width:1660px){
#mainVisual .txt{padding:0 8%}
#mainVisual .arr.prev{left:3%}
#mainVisual .arr.next{right:3%}
}
@media(max-width:1380px){
#mainVisual .main_slide li{height:800px}	
#event_bg .event{width:100%}
#event_bg .event .event_box{width:70%;padding-left:30px}	
#event_bg .event .map_link{width:30%}
#event_bg .event .map_link a{padding:0 30px}
}
@media(max-width:1024px){
#mainVisual .main_slide li{height:560px}	
#mainVisual .txt{padding:0 5%;bottom:160px}
#mainVisual .move_txt01{margin-bottom:20px;font-size:18px}
#mainVisual .move_txt02{margin-bottom:20px;font-size:45px;word-break:keep-all}
#mainVisual .move_txt03{font-size:15px;word-break:keep-all;line-height:1.6}
#mainVisual .pager{left:5%;bottom:100px;transform:none}
#mainVisual .pager span{width:25px;height:25px}
#mainVisual .pager span:before{width:30px;height:30px}
#mainVisual .arr{display:none}
#event_bg{height:75px;line-height:75px}
#event_bg .event .event_box{width:65%;padding-left:30px}	
#event_bg .event .event_box:before{height:75px}
#event_bg .event .event_box .cont_tit{width:90px;line-height:75px}
#event_bg .event .map_link{width:35%}
#event_bg .event .map_link a{height:75px}
#event_bg .event .map_link .ko{font-size:14px}
#event_bg .sh_lt{width:calc(100% - 90px);height:75px;padding:0 30px}
#event_bg .sh_lt .sh_notice a{font-size:14px}
#event_bg .sh_lt .datetime{display:none}
#event_bg .controls{right:15px}
}
@media(max-width:768px){
#mainVisual{position:relative}
#mainVisual .main_slide li{height:450px}
#mainVisual .txt{bottom:85px}
#mainVisual .move_txt01{margin-bottom:15px}	
#mainVisual .move_txt02{margin-bottom:15px;font-size:36px}	
#mainVisual .move_txt03{font-size:14px;white-space:normal;word-break:keep-all}
#mainVisual .pager{bottom:30px}
#event_bg{position:relative;bottom:auto;height:auto}
#event_bg .event{display:flex;flex-flow:column}
#event_bg .event > div{float:none}	
#event_bg .event .event_box{width:100%;background:#1d252c}
#event_bg .event .event_box:before{display:none}
#event_bg .event .map_link{width:100%}
}
@media(max-width:480px){
#mainVisual .move_txt02{font-size:28px;text-shadow:2px 2px 6px rgba(0, 0, 0, .1)}
#event_bg .event .event_box{display:flex;padding-left:20px}
#event_bg .event .event_box .cont_tit{flex-shrink:0;width:auto;font-size:17px}
#event_bg .event .event_box .cont_tit:after{display:none}
#event_bg .event .map_link a{padding:0 20px}	
#event_bg .event .map_link .eng{font-size:17px}
#event_bg .sh_lt{flex-grow:1;width:auto;padding:0 0 0 30px;font-size:14px}
#event_bg .sh_lt .sh_notice{display:block; width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#event_bg .controls{right:0}
}