@charset "UTF-8";

/*Layout*/
#header {width: 100%; height: 100px; background: #fff; position: fixed; z-index: 1000; overflow: hidden; border-bottom: 1px solid #ddd; transition: all .2s ease;}
#footer {width: 100%; border: 1px solid #ccc;}


/* inner */
.inner {width: 1190px; height: 100%; margin: 0 auto; }

/* Header */
.header {position: relative; width: 100%; height: 100px; border-bottom: 1px solid #ddd;}
.header h1.logo {float: left;}
.header h1.logo a {display: block; line-height: 100px; }
.header h1.logo a > img {width: 240px; padding-bottom: 10px;}
.header .gnb_wrap {float: right;}
.header .gnb_wrap .gnb {display: block; width: 100%; height: auto;}
.header .gnb_wrap .gnb > li {display: block; float: left; position: relative;}
.header .gnb_wrap .gnb > li > a {display: block; width: auto; height: 100px; font-size: 19px; padding: 34px 41px 0; text-align: center; font-weight: 500; transition: all .2s ease;}
.header .gnb_wrap .gnb > li:hover > a {color: #282828; background: #fff;}
.header .sub_nav {display: block; width: 100%; height: auto; position: absolute; top: 100px; left: 0; padding: 18px 0 24px; border-top: 5px solid #fff; min-height: 190px; transition: all .2s ease;}

.header .sub_nav li a {display: block; width: 100%; height: auto; text-align: center; font-size: 16px; padding: 4px 10px; color: #525252;}
.header .sub_nav li:hover a {color: #282828; text-decoration: underline; color: #303192}
.header .gnb_wrap .gnb > li:hover .sub_nav {background: #fff; border-top: 5px solid #303192}

#header.on {height: 290px; border-bottom: 1px solid #ddd;}

.header .lang {display: inline-block; border: 1px solid #ddd; border-radius: 25px; width: 62px; height: 33px; position: absolute; top: 50%; right: 55px; transform: translateY(-50%); text-align: center; }
.header .lang a {font-size: 18px; }
.header .lang:hover {background: #303192;}
.header .lang:hover a {color: #fff;}

/* Footer */
.footer {overflow: hidden; padding: 38px 0; }
.footer .ft_logo {float: left; width: 20%;}
.footer .ft_logo img {width: 100% }
.footer .ft_cont {float: left; margin-left: 5%; width: 70%;}
.footer .ft_cont address {color: #a2a2a2; font-size: 15px; line-height: 2em;}
.footer .ft_cont address p {}
.footer .ft_cont address p span {}
.footer .ft_cont address p span a {color: #a2a2a2;}
.footer .ft_cont .copy {color: #82878c; font-size: 15px; padding-top: 16px; letter-spacing: -0.5px;}

/* top-btn */
#top_btn {position:fixed;bottom: 20px;right:20px;width:50px;height:50px;line-height:50px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);}
#top_btn:hover {border-color: #303192!important; background: #303192!important;color:#fff;}
#top_btn i.fa.fa-arrow-up {line-height: 50px}