@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {
  font-family: "Noto Sans KR", sans-serif !important;
}

h1,h2,h3,h3,p,div,section,header,footer,a,img,ul,li,a{margin: 0;padding: 0}
a{text-decoration: none;}
ul{list-style: none;}

header{width: 100%;height: 90px;}

.hd_top{background: #000;width: 100%;height: 25px;line-height: 25px;}
.hd_top>div{width: 990px;margin: 0px auto;}
.hd_top>div>ul{width: 220px;float: right;}
.hd_top>div>ul>li{width: calc(100%/3);text-align: center;float: left;}
.hd_top>div>ul>li>a{color: #fff;}

.hd_bt{width: 100%;height: 65px;}
.hd_bt>div{width: 990px; margin: 0px auto;height: 100%;}
.hd_bt>div>h1{float: left}
.hd_bt>div>nav{float: right;}
.hd_bt>div>nav>ul{width: 730px;}
.hd_bt>div>nav>ul>li{float: left;width: calc(100%/5);text-align: center;line-height: 65px;position: relative;}
.hd_bt>div>nav>ul>li>a:hover{text-decoration: none;}
.hd_bt>div>nav>ul>li>a>p{color: #000;font-weight: bold;font-size: 15px;}
.hd_bt>div>nav>ul>li>a>p:hover{color:crimson;}
.hd_bt>div>nav>ul>li .sub{display: none;background: rgba(0,0,0,0.85);position: absolute;top: 65px;z-index: 9999;width: 100%;}
.hd_bt>div>nav>ul>li .sub a{display: block;width: 100%;color: #fff;font-size: 14px;}

.bx-wrapper .bx-pager{display: none;}
.button {height:100%;}
footer{border-top: 1px solid #ccc;padding-bottom: 40px;}
footer>div{width: 990px;margin: 0px auto;position: relative;}
.f_div{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}

.main_b1{background: rgb(245, 245, 245);height: 200px;padding: 30px 0;}
.main_b1>ul{width:990px;height: 100%;margin: 0px auto;}
.main_b1>ul>li{width: 327px;height: 100%;float: left;text-align: center;background: #fff;border:1px solid #ccc;line-height: 200px;}

.left_menu{width: 160px;}
.left_menu>li{padding: 16px 20px;font-size: 15px;background: #33373B;}
.left_menu .le_title{color: #fff;}
.left_menu .le_info{background: #23272C;}
.left_menu .le_info>a{display: block;width: 100%;height: 100%;color: #fff;text-decoration: none;}

.banner_container {width:100%; height:400px; background:#f1f1f1;}
.banner_wrapper {display:flex; justify-content: center;}
.banner_l {width:25%; height:400px;background-image:url("/img/b1.png"); background-repeat: no-repeat; background-size: auto;}
.banner_c {width:50%; background-image: url("/img/w1.png"); background-repeat: no-repeat; background-size: auto;}
.banner_r {width:25%;}
.banner_r {background-image: url("/img/b2.png"); background-repeat: no-repeat; background-size: auto;}