#main_banner .main_txt_wrap{position:relative;width:100%;height:100%;font-family:notokr-thin}
#main_banner .main_txt_wrap {position:relative;width:1200px;margin:0 auto;color:#fff}
#main_banner .main_txt_wrap .txt01 {position:absolute;top:172px;width:100%;margin-left:60px;opacity:0;font-size:29px}
#main_banner .main_txt_wrap .txt02 {position:absolute;top:240px;width:100%;margin-left:-60px;opacity:0}

#main_m_banner .main_txt_wrap{position:relative;width:100%;height:100%;font-family:notokr-thin}
#main_m_banner .main_txt_wrap {position:relative;width:700px;margin:0 auto;color:#fff}
#main_m_banner .main_txt_wrap .txt01 {position:absolute;top:172px;width:100%;margin-left:60px;opacity:0;font-size:29px}
#main_m_banner .main_txt_wrap .txt02 {position:absolute;top:240px;width:100%;margin-left:-60px;opacity:0}

#main_idx{position:absolute;top:700px;left:0;width:100%;opacity:0}
#main_idx:after{display:block;visibility:hidden;clear:both;content:""}
#main_idx li{overflow:hidden;position:absolute;left:0;bottom:0;float:left;width:297px;margin-right:4px;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 a{display:block;height:81px;padding:40px 31px;transition:all 0.3s}
#main_idx li.li02{margin-left:301px}
#main_idx li.li03{margin-left:602px}
#main_idx li.li04{margin:0 0 0 903px}
#main_idx li:after{display:block;position:absolute;bottom:0;left:20px;width:256px;height:2px;background:#fff;content:''}

#main_idx li div{float:left}
#main_idx li .txt{padding-left:13px;color:#fff}
#main_idx li .li_tit{padding-bottom:10px;font-size:16px;font-family:'notokr-medium'}

#main_idx li:hover{background:rgba(22, 183, 255, 0.53)}
#main_idx li:hover a{height:81px;padding:60px 31px}
.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}

#main_m_idx{position:absolute;top:700px;left:0;width:100%;opacity:0}
#main_m_idx:after{display:block;visibility:hidden;clear:both;content:""}
#main_m_idx li{overflow:hidden;position:absolute;left:0;bottom:0;float:left;width:297px;margin-right:4px;font-size:15px;background:rgba(255, 255, 255, 0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);;box-sizing:border-box}
#main_m_idx li a{display:block;height:81px;padding:40px 31px;transition:all 0.3s}
#main_m_idx li.li02{margin-left:301px}
#main_m_idx li.li03{margin-left:602px}
#main_m_idx li.li04{margin:0 0 0 903px}
#main_m_idx li:after{display:block;position:absolute;bottom:0;left:20px;width:256px;height:2px;background:#fff;content:''}

#main_m_idx li div{float:left}
#main_m_idx li .txt{padding-left:13px;color:#fff}
#main_m_idx li .li_tit{padding-bottom:10px;font-size:16px;font-family:'notokr-medium'}

#main_m_idx li:hover{background:rgba(22, 183, 255, 0.53)}
#main_m_idx li:hover a{height:81px;padding:60px 31px}
.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}