.img-responsive {max-width: 100%;display: block;}
.img-center {margin: 0 auto;}
.max-height {height: 100%;}

::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-thumb {background-color: #c3c6cd;border-radius: 15px;background-clip: padding-box;border: 2px solid transparent;}
::-webkit-scrollbar-track {background-color: #fff;border-radius: 15px;box-shadow: inset 0px 0px 5px white;}

.container {width: 1220px;margin: 0 auto;padding-left: 10px;padding-right: 10px;}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999%;}

.header {position: fixed;left: 0;top: 0;width: 100%;z-index: 1000;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header_in {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;height: 110px;position: relative;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.header h1 {position: absolute;left: 0;top: 50%;margin-top: -23px;}
.header h1 a {display: block;width: 126px;height: 47px;background: url('../img/common/top_logo.png') no-repeat 0 0;}
.gnb .one {float: left;}
.gnb .one .ona {font-size: 18px;color: #fff;font-weight: 700;padding: 0 30px;}
.gnb .one .ona:hover {color: #2ACAF0;}

.scrolled .header {-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);background-color: rgba(0,0,0,0.5);}
.scrolled .header_in {height: 90px;}

.header_logo:before {display:table;content:"";}
.header_logo:after {display:table;content:"";clear:both;}
.header_logo {width: 50px;height: 50px;display: none;position: fixed;right: 15px;top: 14px;}
.header_logo .gmenu {width: 100%;height: 100%;}
.header_logo .gmenu a {display:block;width: 100%;height: 100%;background-color:transparent;}

.header_logo .gmenu span,
.header_logo .gmenu span:before,
.header_logo .gmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header_logo .gmenu a {z-index:10001;position:relative;}
.header_logo .gmenu span {width: 40px;height: 2px;background: #fff;position: absolute;left: 50%;margin-left: -20px;top: 24px;}
.header_logo .gmenu span:before {content: "";position: absolute;top: 11px;left: 0;width: 40px;height: 2px;background: #fff;}
.header_logo .gmenu span:after {content: "";position: absolute;top: -11px;left: 0;width: 40px;height: 2px;background: #fff;}

.navigation-visible .header_logo .gmenu span {background:none;}
.navigation-visible .header_logo .gmenu span:before {top: 0;transform: rotate(45deg);background: #fff;}
.navigation-visible .header_logo .gmenu span:after {top: 0;transform: rotate(-45deg);background: #fff;}
.lan {position: absolute;right: 0;top: 50%;margin-top: -10px;}
.lan a {font-size: 18px;color: #fff;font-weight: 700;}
.lan a:hover {color: #2ACAF0;}

.footer {background-color: #EDEDED;padding: 25px 0 40px 0;position: relative;z-index: 0;}
.footer_in {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.copy_wrap .addr {font-size: 14px;color: #333;font-weight: 500;letter-spacing: -0.5px;text-align: right;margin-bottom: 3px;word-break: keep-all;line-height: 1.3;}
.copy_wrap .addr span {font-size: 14px;color: #333;font-weight: 400;letter-spacing: -0.5px;}
.copy_wrap .addr .bar {position: relative;display: inline-block;padding-right: 10px;margin-right: 5px;}
.copy_wrap .addr .bar:after {content: '';display: block;width: 4px;height: 4px;background-color: #333;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -2px;}
.copy_wrap .copy {font-size: 14px;color: #333;font-weight: 400;letter-spacing: -0.5px;text-align: right;}

.header__nav {display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;padding: 16px;padding-top: 20vh;padding-bottom: 100px;background: #3a8f09;transform: translateY(-100%);z-index: 999;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.navigation-visible  .header__nav {translate: none;rotate: none;scale: none;opacity: 1;transform: translate(0px, 0px);}
.header__nav__main {margin-right: 0;font-size: 35px;line-height: 1.4;color: #fff;text-align: center;}
.header__nav__main li {display: block;margin-right: 0;}
.header__nav .nav-underline-link {position: relative;display: inline-block;transition: color .4s ease-in-out;font-size: 24px;color: #fff;font-weight: 500;}
.navigation-visible .header__nav {translate: none;rotate: none;scale: none;opacity: 1;transform: translate(0px, 0px);}


@media (max-width: 1399px) {
	.container {width: 980px;}
	.header_in {position: inherit;}
	.header h1 {left: 15px;}
	.lan {right: 15px;}
}

@media (max-width: 1169px) {
	.container {width: 850px;}
	.gnb .one .ona {padding: 0 20px;}
}

@media (max-width: 991px){
	.container {width: 700px;}
	.gnb_wrap {display: none;}
	.header_in {height: 80px;}
	.lan a {font-size: 15px;}
	.header .container {width: 100%;}
	.header h1 a {background-image: url('../img/common/top_logo_m.png');-webkit-background-size: 124px auto;background-size: 124px auto;}
	.header_logo {display: block;}
	.lan {right: 80px;}
}

@media (max-width: 767px){
	.container {width: 100%;}
	.header_in,
	.scrolled .header_in {height: 60px;}
	.header_logo {top: 4px;right: 10px;}
	.header h1 {left: 10px;}
	.footer_in {display: block;}
	.footer_in .logo img {margin: 0 auto;}
	.copy_wrap .addr {text-align: center;margin-top: 15px;}
	.copy_wrap .addr .bar {padding-right: 0;margin-right: 0;}
	.copy_wrap .addr .bar:after {display: none;}
	.copy_wrap .addr span {display: block;}
	.copy_wrap .copy {text-align: center;}
}