@charset "utf-8";


/* ===================================
	layout
 =================================== */

/* 공통 */
.fx{display: flex; display: -ms-flex; display: -webkit-flex;}
.grid{max-width:1440px; width:100%; margin:0 auto;}
@media(max-width:1440px){
    .grid{padding:0 40px;}
}

@media(max-width:425px){
    .grid{padding: 0 20px;}
}
body.js-fixed {position:fixed; width:100%;}
.wrap {position:relative; min-width:320px; overflow:hidden; background:#fefefe;}


/* b_type1 */
.b_type1{width:100%; margin-bottom:80px;}
.b_type1 ul{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center;}
.b_type1 ul li{margin:0 20px; border:2px solid #302783; box-sizing: border-box; min-width:200px; text-align: center; transition: all .3s ease;}
.b_type1 ul li a{padding:20px 40px; font-size:20px; display: block; font-weight: 700; transition: all .3s ease;}
.b_type1 ul li a.is-active{background:#302783; color:#fff;}
.b_type1 ul li:hover{transform: translateY(-5px);}
.b_type1 ul li:hover a{background:#302783 ;color:#fff;}

@media(max-width:768px){
	.b_type1 ul li{min-width:150px;}
	.b_type1 ul li a{font-size:16px; padding:15px 25px;}
}

@media(max-width:540px){
	.b_type1 ul{flex-direction: column;}
	.b_type1 ul li{margin-bottom:10px;}
}


/*header*/
.header-wrap { width:100%; position:fixed; z-index:9999; transition: all 0.3s ease-in-out; background-color:rgba(255, 255, 255, .95); border-bottom-color:rgba(234, 234, 234, 0); border-bottom-width:1px; border-bottom-style:solid; transition: all 0.3s ease-in-out; top:0;}
.header-inner { text-align:center; max-width:1920px; width:100%; margin:0 auto; position: relative;}
.header-logo {position:absolute; left:50px;top:50%; transform:translateY(-50%); width:229px; height:56px; transition: all 0.3s ease-in-out; z-index:1001;}
.header-logo a {display:block; width:100%; height:100%; background:url('../images/common/top_logo.png') 0 center no-repeat;  overflow:hidden; text-indent:-9999px; text-align:left; background-size:100%; transition: all 0.3s ease-in-out;}

/*GNB*/
.gnb {transition: all 0.3s ease-in-out; position:relative; z-index:1000;}
.gnb:after {content:''; display:block; background-color:rgba(255, 255, 255, .95); position:absolute;left:50%; top:101px; height:0; width:100vw;transition: all 0.3s ease-in-out; transform: translateX(-50%);}
.gnb.js-open-d:after {height:78px; }
.gnb-wrap {font-size:0; width:70%; display:inline-block;}
.gnb-1dep{display:inline-block; vertical-align:middle; height:100px; min-width:180px; max-width:25%;  position:relative;  transition: all 0.3s ease-in-out; }
.gnb-1dep:first-child::before {display:none;}
.gnb-1dep > a {display:block; line-height:100px; padding:0 50px; font-size:20px; font-weight:500;  text-transform: uppercase;position:relative;  box-sizing: border-box; transition: all 0.3s ease-in-out;}
.gnb-1dep > a:after {content:''; display:block; height:100%; width:100%; position:absolute; top:0; left:50%; transform:translate(-50%, 0); background:#f7f7f7; width:0; opacity:0; transition: all 0.3s ease-in-out; z-index: -1;}
.gnb-1dep.js-open-d > a:after {width:100%; opacity: 1;}
.gnb-1dep > a span,
.gnb-1dep > a em {color:rgba(34, 24, 21, 1); display:inline-block; line-height:1.3; transition: all 0.3s ease-in-out; vertical-align: baseline; font-family: 'S-CoreDream';}
.gnb-1dep.js-open-d > a em {color:rgba(56, 154, 214, 1);}
.gnb-2dep {max-height:0; overflow:hidden; position:absolute;  top:80px; left:50%; transition: all 0.3s ease-in-out; z-index:1000; white-space: nowrap; transform: translateX(-50%);}
.gnb-1dep:nth-child(1) .gnb-2dep{left:0; transform: translateX(0);}
.gnb-1dep:nth-child(3) .gnb-2dep {left:50%; transform:translateX(-50%);}
.gnb-1dep:last-child .gnb-2dep {left:auto; right:0;}
.gnb-2dep > li {display:inline-block; line-height:78px; vertical-align:middle;}
.gnb-2dep > li > a {display:inline-block; padding:0 20px; font-size:18px; color:#666;  line-height:1.3; text-align:left; transition: all 0.3s ease-in-out;}
.gnb-2dep > li > a:hover { color:#302783; font-weight:500;}
.gnb-1dep.js-open-d .gnb-2dep{max-height:78px; transition: all 0.3s ease-in-out;top:100px; }
.gnb-inner-util {display:none;}
.gnb-dimmed{position:fixed; top:0px; left:0; z-index:999; width:100%; height:100%; display:none; }
.gnb-dimmed.js-open-d {display:block; top:101px;}

@media(max-width:1620px){
	.header-inner{height:81px;}
	.gnb-1dep{height:81px;}
	.gnb:after{top:81px;}
	.gnb-1dep > a{line-height: 81px;}
	.gnb-2dep > li{line-height: 40px;}
}

@media only screen and (max-width: 1440px) {
	.header-logo {left:40px;}
	.gnb-1dep > a{line-height: 81px; padding:0; font-size:16px;}
	.gnb-1dep{min-width:140px;}
	.header-logo a{width:80%;}
	
}

@media only screen and (max-width: 1200px) {
	.gnb.js-open-d:after {height:60px;}
	.gnb-wrap {margin-left:50px;}
	.gnb-1dep {min-width:120px;}
	.gnb-1dep > a {padding:0 30px; font-size:18px;}

	.gnb-2dep > li {line-height:60px;}
	.header-inner{height:61px;}
	.gnb-1dep{height:61px;}
	.gnb:after{top:61px;}
	.gnb-1dep > a{line-height: 61px;}
	.gnb-2dep > li > a {font-size:16px;}
	.gnb-2dep > li{line-height: 30px;}
	.allmenu .allmenu-link{width: 61px; height: 61px; padding: 20px;}
	.gnb-1dep.js-open-d .gnb-2dep{top:77px; }

}

@media only screen and (max-width: 1024px) {
	.gnb{display: none;}
	.header-wrap {min-width:320px; z-index:9999; height:60px;background-color:rgba(255, 255, 255, 1);}
	.header-inner {height:60px; text-align:left;}
	.header-logo { width:172px; height:42px;}
	.header-wrap.js-fixed .gnb:before,
	.header-wrap.js-fixed .gnb:after {display:none;}
	.gnb-1dep > a {font-size:14px;}
	
	/*GNB*/
	
	.gnb {width:320px; height:100vh; background:#fff; display:block; position:fixed; z-index:1002; top:0px; right:-100%;transition: all 0.3s ease-in-out; overflow-y:auto; }
	.gnb-wrap {margin:0; width:100%;}
	.gnb.js-open-m {right:0;transition: all 0.3s ease-in-out; overflow-y:auto; height:100vh;}
	.gnb-1dep{display:block; font-size:16px; height:auto; position:relative; border-bottom: 1px solid #ddd; width:100%; max-width:100%; }
	.gnb-1dep > a {display:block; line-height:50px; padding:0 20px; color:#000; text-transform: none; margin:0;}
	.gnb-1dep > a:hover,
	.gnb-1dep.js-open-m > a{color:#000 !important;}
	.gnb-1dep > a:after {position: absolute; top: 20px; left:auto; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all 0.3s ease-in-out;  transform: rotate(-135deg); opacity: 1; background:transparent;}
	.gnb-1dep.js-open-m > a:after {top:20px;transition: all 0.3s ease-in-out; transform: rotate(-135deg);}
	.gnb-1dep > a.is-2depth-m:after {position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all 0.3s ease-in-out;  transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a.is-2depth-m:after {top:22px;transition: all 0.3s ease-in-out; transform: rotate(-225deg);}
	.gnb-2dep,
	.gnb-1dep:nth-child(3) .gnb-2dep {height:auto; max-height:0; overflow:hidden; position:static; width:auto; padding:0; margin:0; background-color:#efefef;border-top:0px solid #ddd;  transform:translateX(0); border-radius: 0; box-shadow:none; transition: all 0.1s ease-in-out;}
	.gnb-1dep:last-child .gnb-2dep {margin-left:0;}
	.gnb-2dep > li {border-bottom:1px solid #ddd; padding:0; margin:0; display: block; transition: all .3s ease;}
	.gnb-2dep > li > a {display:block; padding:12px 30px; font-size:15px; color:#666; text-align:left;}
	.gnb-2dep > li > a:hover,
	.gnb-2dep > li > a:focus {font-weight:400; padding:12px 30px; color:#222;}
	.gnb-2dep > li:first-child {margin-top:0px;}
	.gnb-2dep > li:last-child {margin-bottom:0px; border:0;}
	
	/*3depth*/
	.gnb-3dep { padding:0; border-top:1px dashed #ccc;}
	.gnb-3dep a {display:block; padding:8px 0 8px 45px; position:relative; color:#888;}
	.gnb-3dep a:hover {color:#222; padding:8px 0 8px 45px;}
	.gnb-3dep a:before,
	.gnb-3dep a:hover:before {left:38px; top:15px;}
	.gnb-3dep > li:last-child {margin-bottom: 0px;}
	.gnb-1dep.js-open-m > a:before {display:none;}
	.gnb-1dep.js-open-m .gnb-2dep{max-height:1000px;border-top:1px solid #ddd; transition: all 0.8s ease-in-out;}


	/*util*/
	.gnb-inner-util {display:block; position:relative; height:60px; background-color:#302783; padding:0 60px 0 0;font-size:0;}
	.gnb-mbtn-close {display:block; position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; background:#3a3a3a; overflow:hidden; }
	.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn-close:not(.zxcv):before { top: 16px; }
	.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; }
	.js-open-m .gnb-mbtn-close {top:0px; right:0; min-height: 26px; }
	.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after {border-top: 2px solid #fff;  }
	.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
	.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.gnb-dimmed.js-open-m {display:block; top:0;}
}

@media(max-width:768px){
	.header-logo a{width:100%;}
}


@media(max-width:425px){
	.header-logo{width:132px;}
}

/*Util*/
.top__util {position:absolute; right:0; top:0; font-size:0; z-index:1001;}
.top__util-item {display:inline-block; width:auto; text-align: center; vertical-align:middle;}
.top__util-item + .top__util-item {margin-left:30px;}
.language .language-link {display:block; width:30px; height:30px; font-size:16px; overflow:hidden; text-indent:-999999px; background:url('../images/common/ico_lang.png') 0 0 no-repeat; transition:all 0.3s ease-in-out;}
.language .language-link:hover {background-position: 0 -30px;}
.allmenu .allmenu-link {position:relative; overflow:hidden; font-size:20px; line-height:1; text-indent:-88888px; padding:40px; width:100px; height:101px; box-sizing: border-box; background:#e30413; flex-wrap: wrap; align-content: space-between;}
.allmenu .allmenu-link span{width:100%; height:2px; background:#fff; position: relative; margin:0 0 0 8px; transition: all .3s ease;}
.allmenu .allmenu-link span::before {position: absolute; content:''; left:-8px; top:0; width:2px; height:2px; background:#fff; transition: all .3s ease;}
.allmenu .allmenu-link:hover span{margin:0;}
.allmenu .allmenu-link:hover span::before{left:0;}

@media(max-width:1620px){

.allmenu .allmenu-link{width: 82px; height: 82px; padding: 30px;}
}
@media(max-width:1200px){
	.allmenu .allmenu-link{width:61px; height:62px; padding:20px;}

}

@media only screen and (max-width: 1024px) {
	.header-logo{left:10px;}
	.top__util-item + .top__util-item {margin-left:20px;}
	.allmenu .allmenu-link{width:60px; height:60px; padding:20px;}
}

/* 전체메뉴 */
.newAllmenu { z-index:1005; position:relative; display:none;}
.newAllmenu-close {display:block; position: fixed; right: 2%; top: 30px; width: 60px; height: 60px; z-index:1002; padding:0; font-size:0; background-color:#fff; transition: all 0.3s ease-in-out;overflow:hidden; text-indent:-8888888px;}
.newAllmenu-close span:before,
.newAllmenu-close span:after {content:''; display:block; width:48px; height:2px; background-color:#222; position:absolute; top:50%; left:50%;transition: all 0.3s ease-in-out;}
.newAllmenu-close span:before {transform:translate(-50%, -50%) rotate(45deg);}
.newAllmenu-close span:after {transform:translate(-50%, -50%) rotate(-45deg);}
.newAllmenu-close:hover span:before,
.newAllmenu-close:focus span:before {transform:translateX(-50%) rotate(-45deg); background-color:#fff;}
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after {transform:translateX(-50%) rotate(45deg); background-color:#fff;}
.newAllmenu-close:hover,
.newAllmenu-close:focus {background-color:#302783;}
.newAllmenu .container {position:fixed; top:0px; left:0; z-index:999; width:100%; height:100vh; background-color:rgba(255, 255, 255, 1);}
.newAllmenu .container .content{position: relative; width:100%; height:100%;}
.newAllmenu .container .content .title_box{position: absolute; width:20%; height:100%; left:0; top:0; padding-top:100px; background: #302783 url(../images/common/site_map_bg.png)no-repeat right bottom / 100%;}
.newAllmenu .container .content .title_box h2{text-align: center; font-size:45px; font-family: 'S-CoreDream';}
.newAllmenu .container .content .title_box h2 span{position: relative; color:#fff; font-weight: 700;}
.newAllmenu .container .content .menu_box{width:80%; margin:0 0 0 20%; align-items: center; height:100%;}
.newAllmenu .container .content .menu_box .menu_group .lang{justify-content: center;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li{margin-right:40px;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li:last-child{margin:0;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li a{font-family: 'S-CoreDream'; color:#b2b2b2; font-size:20px; transition: all .3s ease;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li a span{position: relative;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li a span::after{position: absolute; content:''; width:0; height:5px; left:0; top:calc(100% + 5px); background:#302783; transition: all .3s ease;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li:hover a {color:#302783;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li:hover a span::after{width:100%;}
.newAllmenu .container .content .menu_box .menu_group .lang ul li:hover a span::after{position: absolute; content:''; width:100%; top:calc(100% + 5px); background:#302783;}
.newAllmenu .container .content .menu_box .menu_group .menu_list{margin-top:60px;} 
.newAllmenu .container .content .menu_box .menu_group .menu_list > ul > li{border-right:1px solid #ddd; transition: all .3s ease;}
.newAllmenu .container .content .menu_box .menu_group .menu_list > ul > li:last-child{border:0;}
.newAllmenu .container .content .menu_box .menu_group .menu_list > ul > li:hover{background:#f7f7f7;}
.newAllmenu .container .content .menu_box .menu_group .menu_list ul > li > h3{font-size:30px; color:#252525; padding:40px 60px; box-sizing: border-box; text-align: center; font-weight: 700;}
.newAllmenu .container .content .menu_box .menu_group .menu_list ul > li > ul > li > a{padding:20px 60px; box-sizing: border-box; font-size:18px; color:#666; display: block; text-align: center; transition: all .3s ease; font-weight: 500;}
.newAllmenu .container .content .menu_box .menu_group .menu_list ul > li > ul > li > a:hover{color:#302783;}
@media(max-width:1440px){
	.newAllmenu .container .content .title_box{display: none;}
	.newAllmenu .container .content .menu_box{width:100%; margin:0 auto; justify-content: center;}
}



@media only screen and (max-width: 1200px) {
	.newAllmenu-close {right:5px;}
}
@media only screen and (max-width: 1024px) {
	.newAllmenu{display:none !important;}
	
}


/*Sub Title*/

.contents__title {position:relative; color:#333; font-size:45px;}
.contents__title h3{text-align:center;font-size:45px;color:#222; position:relative; font-weight:900; padding:60px 0;}




@media only screen and (max-width:1024px){
	.contents__title {padding: 20px 0 0 0;}
	.contents__title h3{ font-size: 40px; padding-bottom:35px;}
}
@media only screen and (max-width:768px){
	.contents__title h3{ font-size: 35px; padding-bottom:30px; }
	.contents__title h3 span{ background-size:20px auto; padding:20px 0 0 0;}

	

}
@media only screen and (max-width:480px){
	.contents__title h3{ font-size: 30px; padding-bottom:25px;}

}

/*Sub Small Title*/
.sub__stitle {overflow:hidden;}
.sub__stitle h3 {text-align:center; position: relative; } 
.sub__stitle span {background:#fff; padding:0 5%; display: inline-block; font-size:30px; font-weight:500; color:#222; margin:0 20px; line-height:1.3;}
.sub__stitle h3:before,
.sub__stitle h3:after {content:''; display:block; width: 50%; height:1px;  background:#ef413d; position:absolute; top:50%; z-index:-1;}
.sub__stitle h3:before {left:0;}
.sub__stitle h3:after {right:0;}



@media only screen and (max-width:768px){
	.sub__stitle span {font-size:24px;}

}
@media only screen and (max-width:480px){
	.sub__stitle span {font-size:20px;}
}

.sub_visual{position:relative; font-size:0;  width:100%; margin:100px auto 0; height:300px;   z-index: 1; align-items: center; }
.sub_visual .sub_visual-inner {width:100%;}
.sub_visual .sub_title{text-align: center; font-size:55px; font-weight: 900; width:100%; color:#fff;}
.lnb {width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.lnb-wrap{ max-width:1400px; width:100%; height:60px; margin:0 auto; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.lnb-wrap > ul{height:100%;}
.lnb-wrap  ul  li a{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; align-items: center; height:100%; font-size:16px; font-weight: 500;}
.lnb-wrap  ul .home{border-left:1px solid #ddd;}
.lnb-wrap > ul > li{ border-right:1px solid #ddd; position: relative;}
.lnb-wrap > ul > li > a{  padding:0 30px;}
.lnb-wrap > ul > li > a > span{margin-right:60px;}
.lnb-wrap > ul > .home a{width:60px; height:60px; padding:0;}
.lnb-wrap > ul > .home a i{width:60px; text-align: center;}
.lnb-wrap .one_dep > ul{position: absolute; top:100%; width:100%; z-index: 10; background:#fff; display: none; border:1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.lnb-wrap .one_dep > ul > li a{display: block; padding:15px 20px; transition: all .3s ease;}
.lnb-wrap .one_dep > ul > li a:hover{background:#f2f2f2;}
.lnb-wrap .one_dep.on > ul{display: block; z-index: 100;}
.visual__contents{position:relative;}
.visual__contents-inner  {position:relative;}
.sub__title-text p{display: none;}
.sub_visual.nth-1{background: url(../images/contents/visual_bg01.jpg) no-repeat center / cover;}
.sub_visual.nth-2{background: url(../images/contents/visual_bg02.jpg) no-repeat center / cover;}
.sub_visual.nth-3{background: url(../images/contents/visual_bg03.jpg) no-repeat center / cover;}
.sub_visual.nth-4{background: url(../images/contents/visual_bg04.jpg) no-repeat center / cover;}
.sub_visual.nth-5{background: url(../images/contents/visual_bg05.jpg) no-repeat center / cover;}
.sub_visual.nth-6{background: url(../images/contents/visual_bg05.jpg) no-repeat center / cover;}
.sub_visual.nth-7{background: url(../images/contents/visual_bg05.jpg) no-repeat center / cover;}

@media(max-width:1620px){
	.sub_visual{margin:81px auto 0;}
}
@media(max-width:1200px){
	.sub_visual{margin:61px auto 0;}

}
@media(max-width:1440px){
.sub_title h2{font-size:50px;}
}

@media(max-width:1024px){
	.sub_visual{margin:60px auto 0;}
	.sub_title{margin-bottom:20px;}
	.sub_title h2{font-size:45px;}
	.lnb-wrap ul li{font-size:20px;}

}

@media(max-width:500px){
	.lnb-wrap ul li a{justify-content: space-between;}
	.lnb-wrap{height:auto;}
	.lnb-wrap > ul{flex-wrap: wrap; width:100%;}
	
	.lnb-wrap > ul > li{width:100%; height:60px;border-bottom:1px solid #ddd;}
	.lnb-wrap > ul > .home a{width:100%; text-align: center;}
}

@media(max-width:425px){

	.lnb{border:0;}
	.lnb-wrap{width:100%;}

	.lnb-wrap ul li{font-size:14px;}
	.lnb-wrap ul li::after{top:-2px;}
	.sub_visual{height:300px;}

}

/* 언어선택 */
.top__util .lang{width:100px; font-size:18px; cursor: pointer; position: relative; background:#302783;}
.top__util .lang .lang_view{align-items: center; justify-content: center; width:100%; height:100%;}
.top__util .lang .lang_view span{margin-right:10px; padding-top:4px;}
.top__util .lang .active_lang a {color:#877eb0; font-weight: 600;}
.top__util .lang .lang_view .img_box { position: absolute; top: 10px;}


.top__util .lang a{display: block; width:100%; height:100%;}
.top__util .lang ul{position: absolute; left:50%; bottom:10px; transform: translate(-50%,0);}
.top__util .lang ul.on{display: block;color: #877eb0;}
.top__util .lang ul li a {width: 100px; box-sizing: border-box; transition: all .3s ease; font-size:16px; color: #fff; position: relative;}
.top__util .lang ul li:last-child a::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 1px; background: #fff;}
.top__util .lang ul li:hover a {color: #877eb0;}



@media(max-width:1640px){
	.top__util .lang .lang_view .img_box { width: 25px; height: 25px; top: 5px;}
	.top__util .lang ul{ bottom:5px; }
	
}
@media(max-width:1200px){
	.top__util .lang .lang_view .img_box { display: none; }
	.top__util .lang ul{ bottom:7px; }

}
@media(max-width:1024px){
	.top__util .lang{font-size:14px; width: 70px;}
	.top__util .lang ul li a{font-size:14px; width: 70px; text-align: center; padding: 5px;}
	.top__util .lang ul{ bottom:0px; }

}
@media(max-width:768px){
	.top__util .lang .lang_view .img_box {width: 24px; height: 24px;}

}
@media(max-width:480px){
	.top__util .lang{font-size:14px; width: 60px;}
	.top__util .lang ul li a{font-size:14px; width: 60px; }

	.top__util .lang .lang_view .img_box {width: 22px; height: 22px;}
}

.gnb-inner-util .lang{width:100%; height:100%; margin-right:20px; font-size:16px; cursor: pointer; position: relative; display: flex; display: -ms-flex; display: -webkit-flex; padding:0 0 0 20px;}
.gnb-inner-util .lang .lang_view{align-items: center;}
.gnb-inner-util .lang .lang_view .img_box{margin-right:20px;}
.gnb-inner-util .lang .lang_view span{margin-right:10px; padding-top:4px; color:#fff;}
.gnb-inner-util .lang .lang_view i{color:#fff;}
.gnb-inner-util .lang .lang_view img{border:1px solid #f2f2f2;}

.gnb-inner-util .lang a{display: block; width:100%; height:100%;}
.gnb-inner-util .lang ul{position: absolute; left:0; top:100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); display: none; z-index: 9999; width:100%;}
.gnb-inner-util .lang ul.on{display: block;}
.gnb-inner-util .lang ul li a{padding:15px 20px;  background:#fff; transition: all .3s ease; font-size:16px; text-align: center; display: block; box-sizing: border-box;}
.gnb-inner-util .lang ul li:hover a{background:#ddd;}



/* footer */
.footer{position: relative; background:#373b3f;}
.footer .container .content .logo_box{width:330px; margin-right:40px; align-items: center; justify-content: center; opacity: .7;}

.footer .container .content .info_box{flex-direction: column; width:calc(100% - 370px);}
.footer .container .content .info_box .menu{ width:100%; padding:40px 0; font-size: 21px; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.footer .container .content .info_box .menu li{margin:0 10px; flex-grow: 1; text-align: center;}
.footer .container .content .info_box .menu li a{color:#fff; font-size:18px;}

.footer .container .content .info_box .info{ width:100%; color:rgba(255,255,255,0.8); font-size:18px;  padding:40px 20px 20px; flex-wrap: wrap; display: flex; display: -ms-flex; display: -webkit-flex;}
.footer .container .content .info_box .info li:first-child{flex-grow: 1; width:100%;}
.footer .container .content .info_box .info li{margin-bottom:10px;}
.footer .container .content .info_box .info li span{line-height: 1.6; margin-right:10px; font-weight: 300;}
.footer .container .content .info_box .info li .desc1{font-weight: 500;}
.footer .container .content .info_box .copy{ width:100%; color:rgba(255,255,255,0.6); font-size:18px; padding:0 40px 40px; font-size:12px;}


/* footer-top */
.footer-top{display:block; width:60px; font-size:0; position: fixed; right: 20px; bottom: 20px; z-index:1; border:1px solid red; box-sizing: border-box; }
.footer-top:hover .hex-bg polygon {fill:#8ec54a;}
.footer-top:before{content:''; position:absolute; left:50%; top:30%; width:15px; height:15px; box-sizing:border-box; border-left:2px solid #fff; border-top:2px solid #ccc; transform:translate(-50%, 0%) rotate(45deg); }
.footer-top:after{content:''; position:absolute; left:calc(50% + 0px); top:calc(50% + 0px); width:2px; height:32px; transform:translate(-50%, -50%) rotate(0deg); background:#fff;}
.footer-top.on{position:absolute; top:0; transform: translateY(-50%);}

@media(max-width:1440px){
	.footer .container{padding:0 40px;}
	.footer .container .content .logo_box{width:200px; margin-right:20px;}
	.footer .container .content .info_box{width:calc(100% - 200px);}
}

@media(max-width:1080px){
 .footer .content{flex-wrap: wrap;}	
 .footer .container .content .logo_box{width:100%; margin:40px 0 0; justify-content: left;}
 .footer .container .content .info_box{width:100%;}

}

@media only screen and (max-width:1024px){
	.footer-top{width:50px; height:60px;}
	.footer-top:before{width:12px; height:12px; top:30%;}
	.footer-top:after{height:24px;}
	.footer .container .content .logo_box img{width:180px;}
}

@media(max-width:880px){
	.footer .container .content .info_box .menu{flex-wrap: wrap;}
	.footer .container .content .info_box .menu li{width:calc(25% - 20px); text-align: left; flex-grow: 0;}
}


@media(max-width:768px){
	.footer .container .content .info_box .info li span{font-size:16px;}
	.footer .container .content .info_box .menu li{width:calc(33.3333% - 20px);}

}

@media only screen and (max-width: 640px){
	.footer-top{ right:10px; }
	.footer .container .content .info_box .menu li{width:calc(50% - 20px);}
	.footer .container .content .info_box .menu li a{font-size:14px;}
}



@media(max-width:425px){
	.footer .container{padding:0 20px;}
	.footer .container .content .info_box .menu{font-size:16px; padding:40px 0 20px;}
	.footer .container .content .info_box .info{padding: 20px 0;}
	.footer .container .content .info_box .info li span{font-size:14px;}
	

}

@media(max-width:375px){
}


.fixed_box{ position: fixed; right:0px; bottom:30px;  z-index: 500; flex-direction: column; align-items: flex-end; transform: translateX(-50%);}
.fixed_box a{width:75px; height:75px; background:#fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); align-items: center; justify-content: center; font-size:30px; color:#000; transition: all .3s ease;}
.fixed_box .top:hover{background:#302783; color:#fff;}
.fixed_box .qna{padding:20px 30px 20px 25px; transition: all .3s ease; box-sizing: border-box;}
.fixed_box .qna i{transform: translateX(43px); transition: all .3s ease;}
.fixed_box .qna span{font-size:0; opacity: 0; font-size:20px;}
@media(max-width:1440px){
	
	.fixed_box a{width:50px; height:50px; font-size:20px;}
	.fixed_box .qna{padding:20px 25px 20px 25px;}
	.fixed_box .qna span{font-size:18px;}
	.fixed_box .qna i{transform: translateX(35px);}

	.fixed_box .top{margin-bottom:10px;}
	/* .fixed_box .qna:hover i{transform: translateX(36px);} */
}