@charset "utf-8";

#sh_wrapper.fixed #main_banner{margin-top:84px}
#main_banner{position:relative;width:1200px;margin:0 auto;padding:140px 0 387px;z-index:9}
#main_banner .main_txt_wrap{position:relative;width:100%;font-family:var(--k-font)}
#main_banner .main_txt_wrap{position:relative;width:1200px;margin:0 auto;color:#fff}
#main_banner .main_txt_wrap .txt01{margin-left:60px;opacity:0;font-size:29px;font-weight:200}
#main_banner .main_txt_wrap .txt01 span{font-weight:600}
#main_banner .main_txt_wrap .txt02{margin:30px 0 0 -60px;opacity:0;font-size:55px;line-height:1.2;font-weight:200;white-space:pre-line}
#main_banner .main_txt_wrap .txt02 b{font-weight:700}
#main_banner .main_txt_wrap .txt02 b span{background:linear-gradient(to left, #1b7fcf, #0eabf5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

#main_idx{display:flex;align-items:flex-end;position:absolute;left:50%;bottom:120px;transform:translate(-50%);width:100%;margin-bottom:-100px;opacity:0;font-family:'notokr-regular'}
#main_idx:after{display:block;visibility:hidden;clear:both;content:""}
#main_idx li{position:relative;width:calc(100% / 3);font-size:15px;background:rgba(255, 255, 255, 0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);box-sizing:border-box}
#main_idx li+li{margin-left:4px}
#main_idx li a{display:flex;height:81px;padding:40px;transition:all 0.3s;box-sizing:content-box}
#main_idx li:after{display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:85%;height:2px;background:#fff;content:''}

#main_idx li .txt{padding-left:16px;color:#fff}
#main_idx li .li_tit{padding-bottom:10px;font-size:18px;font-family:'notokr-medium'}
#main_idx li .li_txt{font-size:16px;line-height:25px}

.scroll_wrap{position:absolute;left:50%;bottom:-31px;width:62px;height:62px;margin-left:-29px;background:#0a9ce1;-webkit-box-shadow:0px 3px 11px 0px #00000026;box-shadow:0px 3px 11px 0px #00000026;z-index:999}
.scroll-down{position:absolute;z-index:999;bottom:0;left:50.2%;width:9px;height:12px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);
-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear}
@-webkit-keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}
@keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}


@media \0screen{
.scroll-down{bottom:26px;left:48%}
}

@media screen\0{
.scroll-down{bottom:26px;left:48%}
}

.bx-pager{position:absolute;top:370px;right:180px;z-index:100}
.bx-pager-item{float:left}
.bx-pager-item a{display:block;width:12px;height:12px;background:#fff;text-indent:-1000px;margin-left:5px;overflow:hidden}
.bx-pager-item a.active{background:#004b85}

.bx-controls-direction{display:none}

@media(hover:hover){
#main_idx li:hover{background:rgba(22, 183, 255, 0.53)}
#main_idx li:hover a{height:81px;padding:60px 40px}
}
@media(max-width:1230px){
#main_banner{width:100%;padding:142px 15px 385px}
#main_banner .main_txt_wrap{width:100%}
#main_idx{bottom:100px;width:calc(100% - 30px)}
#main_idx .pl{white-space:normal}
#main_idx li a{flex-direction:column;align-items:center;height:150px}
#main_idx li .txt{padding-left:0;margin-top:20px;text-align:center}
}
@media(max-width:1024px){
#sh_wrapper.fixed #main_banner{margin-top:0}
#main_banner{padding-bottom:470px}
}
@media(max-width:880px){
#main_banner{padding:100px 15px;background:url(../../hd/head_bg.jpg) center/cover no-repeat}
#main_banner .main_txt_wrap{margin-bottom:100px}
#main_banner .main_txt_wrap .txt01{font-size:23px}
#main_banner .main_txt_wrap .txt02{font-size:40px}
#main_banner .main_txt_wrap .txt02 img{width:100%}
#main_idx{position:unset;transform:none;width:100%;margin-bottom:0}
#main_idx li a{height:auto;padding:40px 20px}
#main_idx li .li_txt{display:none}
}
@media(max-width:640px){
#main_banner{padding:80px 15px}
#main_banner .main_txt_wrap{margin-bottom:60px}
#main_banner .main_txt_wrap .txt01{font-size:18px}
#main_banner .main_txt_wrap .txt02{font-size:30px}
#main_idx{flex-wrap:wrap}
#main_idx li{width:calc(100% / 3 - 2.7px);margin-bottom:5px}
}
@media(max-width:500px){
#main_banner .main_txt_wrap{margin-bottom:60px}
#main_banner .main_txt_wrap .txt02{margin-top:15px}
#main_idx li a{padding:30px 15px}
}
@media(max-width:480px){
#main_banner{padding:60px 15px}
#main_banner .main_txt_wrap{margin-bottom:40px}
#main_banner .main_txt_wrap .txt01{font-size:15px;line-height:1.6}
#main_banner .main_txt_wrap .txt02{font-size:23px}
#main_idx li a{padding:25px 15px}
#main_idx li .li_tit{font-size:16px}
#main_idx li .txt{margin-top:12px}
}
@media(max-width:380px){
#main_banner .main_txt_wrap .txt02{font-size:20px}
#main_idx li .li_tit{font-size:15px}
}