@charset "utf-8";

.login_block{display: none;}
.logout_block{display: block;}
.login_on .logout_block{display: none;}
.login_on .login_block{display: block;}

/* header */
#header{background-color: #fff;box-shadow: 0px 3px 20px rgba(0, 32, 29, 0.1);}
.top_line{background: linear-gradient(to right, #4883be, #82bf4c);height: 37px;}
.top_line_inner{width: 1300px; margin: 0 auto;}
.top_line_inner > ul{float: right;padding-top: 7px;}
.top_line_inner > ul:after{content: "";display: block;clear: both;}
.top_line_inner > ul > li{float: left;}
.top_line_inner > ul > li > a{font-size: 13px;color: #fff;}
.top_line_inner > ul > li + li:before{content: "";display: inline-block;background-color: #9ee2a9;width: 1px;height: 8px;margin: 0 10px;vertical-align: middle;}
.header_wrap{width: 1300px;padding:0;border-bottom: 1px solid #e6e8eb;box-sizing: border-box;}
.header_wrap > ul > li{padding: 15px 0 14px;}
#gnb{float: right;margin-left:0;}
/* 20210316 start */
.gnb_wrap > li{padding: 0 40px; }
.gnb_wrap > li:nth-child(2){padding: 0 34px;}
.gnb_wrap > li:nth-child(3){padding: 0 34px;}
.gnb_wrap > li:nth-child(4){padding: 0 34px;}
.gnb_wrap > li > a{padding: 15px 0 23px;color: #333;font-size: 18px;font-weight: 600;}
.gnb_wrap > li.gnb_on:after{content: "";position: absolute; left: 0;bottom: -14px; width: 100%; height: 2px;background: linear-gradient(to right, #4883be, #82bf4c);}
.gnb_wrap > li.gnb_on > ul{border: 0;border-top: 0 !important;/* padding: 0 !important; */ height: 250px;overflow: visible;}
.gnb_wrap > li > ul{display: none;top: 55px;left: calc(50% - 50%);min-width: auto;height: 250px !important;margin-left:0;border-right: 1px solid #e6e8eb !important;box-sizing: border-box;overflow: inherit;padding-top: 20px !important;}
.gnb_wrap > li:first-child > ul{border-left: 1px solid #e6e8eb !important;}
.gnb_wrap > li:first-child > ul:before{content: "";display: block;position: absolute;bottom: 0px;left: -661px;width:660px;height:250px;background: url(../image/main/gnb_img.jpg)no-repeat;z-index: 10;}
.header_on .gnb_wrap > li > ul{display: block;}
.gnb_wrap > li > ul > li > a{display: block;font-size: 15px;}
.gnb_wrap > li > ul > li > a:hover{background-color: #51b06d; color: #fff;font-weight: 600;}
/* .gnb_wrap > li > ul > li > a{font-size: 14px;line-height: 34px;} */
/*.gnb_wrap > li > ul > li > a:hover{color: #51b06d;font-weight: 600;}*/
/* .gnb_wrap > li > ul > li:hover{background-color: #51b06d; }
.gnb_wrap > li > ul > li > a:hover{color: white;font-weight: 600;} */
.gnb_bg{display: none;position: absolute;top: 107px;left: 0;right: 0;z-index: 1;width: 100%;height: 250px;background: #fff;border-bottom: 1px solid #e6e8eb;box-sizing: border-box;}
/* 20210316 end */

/* footer */
.footer_slide_group{background-color: #fff;border-top: 1px solid #eef2f8;box-sizing: border-box;}
.footer_slide_inner{position: relative;width: 1300px;height: 100px;margin: 0 auto;padding: 20px 0 20px 134px;}
.footer_slide_btn{position: absolute;top: 20px;left: 0;width: 134px;font-size: 0;}
.footer_slide_btn li{display: inline-block;}
.footer_slide_btn li + li{margin-right: 5px}
.footer_slide_btn li a{display: block;}
.footer_tit{display: block !important;margin-bottom: 20px;}
.footer_tit p{font-size: 14px;color: #333;font-weight: 600;}
.footer_slide_btn #slider_play{display: none;}
#footer_slide div a{display: block;}
.footer_body_group{background-color: #334258;padding: 40px 0;}
.footer_body_inner{position: relative;width: 1300px;margin: 0 auto;}
.footer_logo{display: table-cell;width: 315px;vertical-align: middle;}
.footer_logo img{display: block;}
.footer_info{display: table-cell;width: calc(100% - 315px);vertical-align: middle;color: #c7cfdb;}
.footer_info > ul{margin-bottom: 20px;}
.footer_info > ul > li{display: inline-block;}
.footer_info > ul > li + li:before{content: "";display: inline-block;width: 3px;height: 3px;background-color: #c7cfdb;border-radius: 50%;margin: 0 15px;vertical-align: middle;}
.footer_info > ul > li > a{font-size: 17px;font-weight: 600;    color: #c7cfdb;}
.footer_info > ul > li.pclr a{color: #9ae587 !important;}
.address span{display: block;font-size: 14px;line-height: 24px;}