@charset "utf-8";


img { -ms-interpolation-mode: bicubic; }


/*공통버튼*/
header .top .cldr_top ul.slide li a.btn {margin: 0 auto; display: block; position:relative; width:250px; height:70px; margin-top:40px; font-size:20px; color:#333; border:2px solid #333; box-sizing: border-box; transition:.3s all;}
header .top .cldr_top ul.slide li a.btn:before{content:'';position:absolute;width:0%;top:0;left:0;height:100%;background:#222450;transition:.3s;}
header .top .cldr_top ul.slide li a.btn:hover{z-index: 99; color:#fff; border:2px solid #222450;}
header .top .cldr_top ul.slide li a.btn:hover:before {width:100%; z-index: -1}
header .top .cldr_top ul.slide li a.btn span{line-height: 65px;  letter-spacing: 1px;}

header .top .main_tit {position: relative; width: 100%; z-index: 999 !important; padding-top: 60px; text-align: center;}
header .top .cldr_top {width: 100%; background: #f8f8f8; height: 720px; text-align: center; background-size: cover !important; margin: 0 auto}
header .top .cldr_top ul.slide li {background-size: 780px !important; height: 165px; width: 100%; margin: 0 auto; image-rendering: -webkit-optimize-contrast;}
header .top .cldr_top ul.slide li.cldr1 {background: url('/image/1.jpg') center no-repeat;}
header .top .cldr_top ul.slide li.cldr2 {background: url('/image/2.jpg') center no-repeat;}
header .top .cldr_top ul.slide li.cldr3 {background: url('/image/3.jpg') center no-repeat;}
header .top .cldr_top ul.slide li.cldr4 {background: url('/image/4.jpg') center no-repeat;}
header .top .cldr_top ul.slide li.cldr5 {background: url('/image/5.jpg') center no-repeat;}
header .top .cldr_top ul.slide li.cldr6 {background: url('/image/6.jpg') center no-repeat;}

header .top {width:100%; margin:0px auto; height: 165px; overflow: hidden; position: relative; }
header .top .slide {width: 100%}
header .top .slide li {  width: 100%;  height: 100%;   position: absolute;   top: 0; opacity:0;   left: 0;  transition: all 0.5s ease; }
header .top .slide li img { width: 780; height: 165;}
header .top .dot { position: absolute;  bottom: 20px; left: 50%;  transform: translateX(-50%);    }
header .top .dot li {box-sizing: border-box; border: 2px solid #222450;width: 20px; border-radius: 50%; height: 20px; margin: 15px; float: left; cursor: pointer; transition: all 0.5s ease;    }