body{
  padding-top: 90px;
}

.pagination{text-align: center;padding: 10px 0;display: flex;justify-content: center;flex-wrap: wrap;}
.pagination li{
  display: inline-block;vertical-align: middle;
}
.pagination a{
  border: 1px solid #e6e6e6;font-size: 13px;
  padding: 5px 10px;
display: inline-block;
background: #fff;line-height: normal;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.page-status{
  margin-right:5px;
}
.pagination a:hover {
  background: #0077b4;
  color: #fff;
}

.pagination .page-num-current {
background: #00AFFF;
  color: #fff;
}
.pagination  select{
      width: 52px!important;
    height: 27px;
    display: block;
    text-align: center;
}


   
    #header{ height:90px; width:100%; min-width:1250px; z-index:999;position:fixed; left:0;top:0; transition: .3s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);}
#header .header-bg{background:#fff; position:absolute; z-index:1; left:0;top:0; width:100%; height:100%;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.06);filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transition: all .3s;transition: all .3s; }

#header .logo{ float:left;margin-top:26px; position:relative; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

    #header .logo img {
        width: 415px;
    }
#header .top-link{ position:absolute; right:0;top:0; z-index:2}
#header .top-link a{ display:block; float:left; width:90px;height:90px; font-size:12px; text-align:center; position:relative; }
#header .top-link a i{ font-size:40px; color:#999; position:absolute; left:50%; margin-left:-20px;top:16px; z-index:2; -webkit-transition: all 400ms; transition: all 400ms; display:block}
#header .top-link a span{ display:block; margin-top:0px;font-weight:bold; color:#888 ; position:relative; z-index:2;-webkit-transition: all 400ms; transition: all 400ms; }
#header .top-link a em{ display:block; width:90px; height:90px;background-color:#f2f2f2;  padding-top:0px; overflow:hidden; position:relative; z-index:3}
#header .top-link a em:before,#header .top-link a em:after {content: ''; display:block;position: absolute; width: 90px; height:90px; background:url(/skin/images/toplink-hover.png); z-index: 1; -webkit-transition: all 400ms; transition: all 400ms;}
#header .top-link a em:before { left: -90px; top: -90px; }
#header .top-link a em:after { right: -90px; bottom: -90px; }

#header .top-link a.a2 em{ background-color:#f2f2f2}
#header .top-link a.a3 em{ background-color:#e2e2e2}

#header .top-link a:hover em:before { left: 0; top: 0; }
#header .top-link a:hover em:after { right: 0; bottom: 0; }
#header .top-link a:hover i{top:10px; color:#a53822}

#header .top-link a:hover span{ color:#fff}

@media (max-width: 1600px) {
	#header .top-link a.a1{ display:none}
}
@media (max-width: 1400px) {
	#header .top-link a.a3{ display:none}
}

.search-form{ padding:10px;top:100px; visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; left:-210px; width:300px; background-color:#f2f2f2;box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3); z-index:2 ;-webkit-transition: all 400ms; transition: all 400ms;}
.search-form .input{ background-color:#fff; line-height:20px; padding:10px; width:230px; border:0; float:left}
.search-form .hover{ background-color:#fff; color:#007dbf;}
.search-form button{ background-color:#68b92e; color:#fff; font-size:18px; width:46px; height:40px; float:left; border:0; cursor:pointer;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.search-form button i{ font-size:20px;}
.search-form button:hover{ background-color:#76b632}

#header .top-link a:hover .search-form{top:90px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; visibility:visible}

    .wrapper {
        width: 96%;
        max-width: 1400px;
        margin: 0 auto
    }
.nav{ float:left;position:relative; z-index:2; margin-right:90px;margin-left:90px;}
    .nav ul {
        float: right;
        list-style-type: none;
    }
        .nav ul li {
            float: left;
            height: 90px;
            list-style-type: none;
            position: relative; /* background:url(/skin/images/nav-li.png) no-repeat left 44px;*/
            z-index: 3;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
        }
.nav ul li a{ display:block; float:left; height:90px;padding-top:38px; color:#5a5a5a; font-weight:bold; line-height:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.nav ul li a s{ font-weight:normal;  font-size:22px; overflow:hidden}
.nav ul li a:hover{ color:#a53822}
.nav ul li.sub a:hover{ color:#a53822}
.nav ul li span{ position:relative; z-index:2;padding:0 15px;font-size:15px; display:block;}
.nav ul li.home{ background:none}
.nav ul li.home span{}
.nav ul li.en{ margin-left:10px}
.nav ul li.en { border-left:1px #eee solid; background:none}
.nav ul li.en a{ padding-left:40px; background:url(/skin/images/en-icon.png) no-repeat 20px 40px;padding-top:38px;  font-family:'NanumBarunGothic',sans-serif; color:#aaa}
.nav ul li.en i{ font-size:18px; margin-right:5px;}
.nav ul li.en a:hover{ color:#a53822;}
.nav ul li.current a{}

.nav ul li.indicator {position:absolute !important; top: 82px; left: 0; width: 100px; height: 8px;
 /*background:url(/skin/images/nav-icon.png) no-repeat center 0;*/
  z-index:1;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }

@media (max-width: 1800px) {
	.nav{ margin-right:10px;}
}
@media (max-width: 1400px) {
    .nav {
        margin-right: 0px;
        margin-left: 0px;
    }
	.nav ul li span{ padding:0 12px;}
}

#header.hover{top:-90px}
/*
#header.hover{ height:70px;}
#header.hover .mask{ height:70px;}
#header.hover .logo{top:11px}
#header.hover .nav li{ background-position:left 34px;}
#header.hover .nav li a{ height:70px; padding-top:28px;}
#header.hover .top-link a{ height:70px;}
#header.hover .top-link a span{ display:none}
#header.hover .nav ul li.indicator{top:62px;}
*/


#sub-nav{  position:fixed; visibility:hidden;top:75px;height:0px;  left:0; width:100%; z-index:998;  min-width:1200px; transition: .5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);overflow:hidden;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.1);}
#sub-nav.hover{ top:90px;height:180px; visibility:visible}
#sub-nav.hovers{top:80px;}
#sub-nav .sub-nav-bg{background:#a53822;width:100%; height:190px; position:relative; left:0;top:0; transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1); z-index:1;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}

#sub-nav .sub-nav-item{ width:100%; height:190px; position:absolute; left:0;top:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(/skin/images/blank.gif)}
#sub-nav .sub-nav-item.hover{top:0;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:3}
#sub-nav .sub-nav-item ul{ position:absolute; left:50%;top:0; padding-top:30px;display: flex;}
#sub-nav .sub-nav-item ul .items{ 
    width:auto;
     float:none; 
     border-right:0px #5e6ec6 solid;
      padding-right:25px; padding-left:25px; height:120px;
    display: flex;flex-wrap: wrap;flex-direction:column ;
 }
#sub-nav .sub-nav-item ul .image{  float:left; margin-left:25px; }
#sub-nav .sub-nav-item ul .image img{ float:left}
#sub-nav .sub-nav-item ul .image span{ display:block; width:220px; font-size:12px; color:#fff; text-align:center; padding-top:6px; clear:both}
#sub-nav .sub-nav-item ul .image p{ font-size:12px; color:#c4d2f6;  line-height:1.9; float:left; width:255px; margin-left:25px;}
#sub-nav .sub-nav-item ul .image p a{ display:block; width:80px; height:24px; line-height:24px;color:#fff; background-color:#0093d3; text-align:center; margin-top:5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#sub-nav .sub-nav-item ul .image p a:hover{ background-color:#db3447; color:#fff;}
#sub-nav .sub-nav-item .items a{ display:inline-block;
    width: 100px;text-align: left;
 color:#fff; margin-bottom:10px; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#sub-nav .sub-nav-item .items a:hover { color:#aebbe4}
#sub-nav .sub-nav-item ul .sub-bussiness{ width:720px; float:left; margin-left:15px; position:relative; }
#sub-nav .sub-nav-item ul .sub-bussiness a{ display:block; width:100px;  float:left; text-align:center; color:#fff; margin:0 10px 10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
#sub-nav .sub-nav-item ul .sub-bussiness a em{ display:block;  width:70px; height:67px; overflow:hidden; margin:0 15px }
#sub-nav .sub-nav-item ul .sub-bussiness a em i{font-size:42px; font-weight:normal; position:relative}
#sub-nav .sub-nav-item ul .sub-bussiness a span{ display:block; font-weight:bold; font-size:14px;}
#sub-nav .sub-nav-item ul .sub-bussiness a.a-map{ color:#93e76a}
#sub-nav .sub-nav-item ul .sub-bussiness a:hover span{ color:#aebbe4}
#sub-nav .sub-nav-item ul .sub-bussiness .line{ position:absolute; left:605px;top:5px;height:80px; width:2px; background-color:#6379d1; border-left:1px #3b51ac solid}
#sub-nav .sub-nav-item ul .sub-paper{ float:left; margin-left:25px; color:#fff}
#sub-nav .sub-nav-item ul .sub-paper img{ width:100px;height:125px; float:left;box-shadow:5px 4px 0px 0px rgba(0,0,0,0.15);}
#sub-nav .sub-nav-item ul .sub-paper p{ float:left; margin-left:20px; width:180px}
#sub-nav .sub-nav-item ul .sub-paper p strong{ display:block; color:#fff }
#sub-nav .sub-nav-item ul .sub-paper p span.date{ font-size:12px; margin-top:7px; display:block; font-weight:bold}
#sub-nav .sub-nav-item ul .sub-paper p span.intro{ font-size:12px; margin-top:7px; color:#a9b9e1; margin-bottom:7px; display:block; line-height:1.5}
#sub-nav .sub-nav-item ul .sub-paper p a{ display:block; width:80px; height:26px; line-height:26px; color:#fff; background-color:#5768c7; text-align:center; margin-top:10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:12px;}
#sub-nav .sub-nav-item ul .sub-paper p a:hover{ background-color:#db3447; color:#fff;}
    .powerlist {
        background-color: #f2f2f2;
    }
        .powerlist a {
            display:inherit;
            padding:5px;
        }