/******************************
	normalize / reset
******************************/

ol, ul {
	list-style: none;
}
p, ul, figure, dl, dt, dd {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: inherit;
	margin: 0;
}
button, textarea, input, select {
	font-family: inherit;
	color: inherit;
	padding: 0;
}
button {
	border: 0;
	padding: 0;
}
iframe {
	border: 0;
}
#wrap {
	overflow-x: hidden;
}
/* Common */

html, body {
	color: #555;
}
body {
	overflow-x: hidden;
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", Arial, sans-serif, noto-fanyi!important;
}
html {
	font-size: 100%;
}
@media screen and (max-width: 768px) {
html {
	font-size: 87.5%;
}
}
button, textarea, input, select {
	font-size: 1.0rem;
	color: inherit;
}
input, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
select::-ms-expand {
display:none
}
input[type='checkbox'] {
	-webkit-appearance: checkbox;
}
input[type='radio'] {
	-webkit-appearance: radio;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}
strong {
	font-weight: 700;
}
.container {
	max-width: 1500px;
	margin: 0 auto;
}
.clear:after {
	display: block;
	clear: both;
	content: '';
}
.site-content .mb, .in-footer .f-info p.mb {
	display: none;
}
.header-wrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	box-sizing: border-box;
	transition: background .3s ease;
}
.header-wrap .topBar {
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	text-align: right;
}
.header-wrap .topBar>ul>li {
	display: inline-block;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.7);
	text-transform: capitalize;
	position: relative;
}
.header-wrap .topBar>ul>li:after {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 20px;
	vertical-align: middle;
	background: #fff;
	opacity: 0.3;
	content: '';
}
.header-wrap .topBar>ul>li:first-child:before {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../images/store-ico.png)no-repeat center;
	background-size: 17px 17px;
	content: '';
}
.header-wrap .topBar>ul>li:last-child:after {
	display: none;
}
.header-wrap .in-header {
	padding: 0 40px;
	height: 80px;
	line-height: 80px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}





.header-wrap .logo {
	position: absolute;
	left: 40px;
	top: 0;
}
.header-wrap .logo img {
	width: 174px;
}
.header-wrap .logo-txt {
	position: absolute;
	right: 40px;
	top: 0;
}
.header-wrap .logo-txt img {
	width: 100%;
	max-width: 85px;
	vertical-align: middle;
}
.header-wrap .nav .navbar>li { /*text-transform: capitalize;*/
	font-weight: 700;
}
.header-wrap .m-nav {
	display: none;
}
.header-wrap .navbar>li>.sub-menu {
	display: none;
}



.header-wrap.scroll, .header-wrap.sub {
	background: #fff;
/*	border-bottom: 1px solid #e6e6e6;*/
}




.header-wrap.scroll, .header-wrap.in-header {

	background:#004ea4;
}






.header-wrap .topBar .lang-box {
	position: relative;
}
.header-wrap .topBar .lang-box:before {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 0;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #fff transparent;
	opacity: 0.7;
	content: '';
}
.header-wrap .topBar .lang-box.active:before {
	transform: rotate(180deg);
}
@media screen and (max-width: 1349px) and (min-width: 1200px) {
.header-wrap .logo-txt {
	right: 20px;
}
.header-wrap .logo-txt img {
	max-width: 85px;
}
}
@media screen and (min-width: 1200px) {
body:after {
	display: none;
	content: url(../images/techBg1-on.jpg)  url(../images/techBg2-on.jpg)  url(../images/techBg3-on.jpg)  url(../images/techBg4-on.jpg)  url(../images/pro-on01.png)  url(../images/pro-on02.png)  url(../images/pro-on03.png)  url(../images/pro-on04.png)  url(../images/pro-on05.png)  url(../images/link-btn2-on.png)  url(../images/more-btn3.png)  url(../images/ico_link02.png)  url(../images/ico_link02-off.png);
}
.header-wrap .nav .navbar {
	text-align: center;
}
.header-wrap .nav .navbar>li {
	display: inline-block;
	color: #fff;
	padding: 0 20px;
	line-height: 77px;
}
.header-wrap .nav .navbar>li:hover {
	background: #fff;
	color: #000;
}
.header-wrap .nav .navbar>li:before {
	display: block;
	width: 0;
	height: 3px;
	background: #004ea4;
	content: '';
	position: relative;
	left: -30px;
	top: 0;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
}
.header-wrap .nav .navbar>li:hover:before {
	width: calc(100% + 60px);
}
.header-wrap .navbar>li>.sub-menu {
	width: 100%;
/*	border-top: 1px solid #e3e3e3;*/
	position: absolute;
	left: 0;
/*	background: #fff;*/
	z-index: 99;
}
.header-wrap .navbar>li>.sub-menu>li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-weight: 400;
}
.header-wrap .navbar>li>.sub-menu>li:after {
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 40px;
	border-radius: 100%;
	vertical-align: middle;
	background: #b9b9b9;
	content: '';
}
.header-wrap .navbar>li>.sub-menu>li:last-child:after {
	display: none;
}
.header-wrap .navbar .pro-menu .sub-menu li a:before {
	display: block;
	/* height: 72px; */
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s linear;
	content: '';
}
.header-wrap .navbar>li>.sub-menu .sub-menu {
	padding-bottom: 30px;
}
.header-wrap .navbar>li>.sub-menu .sub-menu li {
	padding-bottom: 0px;
	line-height: normal;
	text-align: left;
	font-size: 0.875rem;
	font-weight: 400;
	color: #888;
}
.header-wrap .navbar>li>.sub-menu .pro-menu1:before {
	content: 'Powerpack';
}
:lang(ko) .header-wrap .navbar>li>.sub-menu .pro-menu1:before {
	content: '';
}
:lang(en) .header-wrap .navbar>li>.sub-menu .pro-menu1:before {
	font-weight: 700;
	content: '';
}
.header-wrap .navbar>li>.sub-menu .pro-menu2:before {
	content: 'Drone';
}
:lang(ko) .header-wrap .navbar>li>.sub-menu .pro-menu2:before {
	content: '';
}
:lang(en) .header-wrap .navbar>li>.sub-menu .pro-menu2:before {
	font-weight: 700;
	content: '';
}
.header-wrap .navbar>li>.sub-menu .pro-menu5:before {
	content: 'Others';
}
:lang(ko) .header-wrap .navbar>li>.sub-menu .pro-menu5:before {
	content: '';
}
:lang(en) .header-wrap .navbar>li>.sub-menu .pro-menu5:before {
	font-weight: 700;
	content: '';
}
.header-wrap .navbar>li>.sub-menu .pro-menu3, .header-wrap .navbar>li>.sub-menu .pro-menu4 {
	padding-top: 60px;
}
.header-wrap .navbar>.pro-menu>.sub-menu .pro-menu5 {
	margin-left: 90px;
}
.header-wrap .navbar>li>.sub-menu .pro-menu1 a:before {
	width: 80px;
	background-image: url(../images/pro-menu01.png)
}
.header-wrap .navbar>li>.sub-menu .pro-menu2 a:before {
	width: 104px;
	background-image: url(../images/pro-menu02.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu3 a:before {
	width: 127px;
	background-image: url(../images/pro-menu03.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu4 a:before {
	width: 93px;
	background-image: url(../images/pro-menu04.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu5 a:before {
	width: 102px;
	background-image: url(../images/pro-menu05.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu1:hover a:before {
	background-image: url(../images/pro-on01.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu2:hover a:before {
	background-image: url(../images/pro-on02.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu3:hover a:before {
	background-image: url(../images/pro-on03.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu4:hover a:before {
	background-image: url(../images/pro-on04.png);
}
.header-wrap .navbar>li>.sub-menu .pro-menu5:hover a:before {
	background-image: url(../images/pro-on05.png);
}
.header-wrap .navbar .pro-menu .sub-menu {
	padding: 30px 0;
}
.header-wrap .navbar .pro-menu .sub-menu li {
	margin: 0 30px;
	line-height: normal;
	color: #000000;
	text-align: center;
	font-weight: 400;
}
.header-wrap .navbar .pro-menu .sub-menu li a {
	display: block;
	text-align: center;
}
.header-wrap .navbar .pro-menu .sub-menu li:before {
	display: block;
	margin-bottom: 35px;
	font-size: 1rem;
	font-weight: 500;
	color: #333;
}
.header-wrap .navbar .pro-menu .sub-menu>li:after {
	display: none;
}
.header-wrap .navbar>li>.sub-menu li:hover, .header-wrap .navbar .pro-menu .sub-menu li:hover:before, .header-wrap .navbar .pro-menu .sub-menu li.on:before {
	color: #004ea4;
}
.header-wrap .navbar>li>.sub-menu .more-btn {
	display: block;
	max-width: 920px;
	margin: 25px auto 0;
	padding-top: 20px;
	vertical-align: middle;
	border-top:rgba(0,78,164,0.5) 1px solid;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
	text-transform: none;
}
.header-wrap .navbar>li>.sub-menu .more-btn a:after {
	display: inline-block;
	height: 10px;
	margin-left: 20px;
	content: url(../images/more-btn3.png);
}
.header-wrap .navbar>li>.sub-menu .more-btn:hover a:after {
	content: url(../images/more-btn3_on.png);
}
.header-wrap .navbar>li>.sub-menu .more-btn a:before {
	display: none;
}
.header-wrap .nav .navbar>.menu-item-has-children>a {
	pointer-.header-wrap .navbar>li>.sub-menu .more-btnevents: none;
	color:#fff;

}


.header-wrap .nav .navbar>.menu-item-has-children>a:hover{
	color:#333;

}


.topBar {
	border-bottom: 1px solid rgba(227, 227, 227, 0.5);
}

.header-wrap .topBar .lang-box {
	position: relative;
	padding-right: 20px;
	outline: none;
}
.header-wrap .topBar .lang-label {
	cursor: pointer;
}
.header-wrap .topBar .lang-label:before {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../images/lang-ico.png)no-repeat center;
	background-size: 17px;
	height: 17px;
	content: '';
}


.header-wrap .topBar .lang-sel {
	display: none;
	width: calc(100% + 20px);
	padding: 15px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #003e83;
	position: absolute;
	left: -20px;
	z-index: 9999;
}


.header-wrap .topBar .lang-sel li {
	display: block;
	text-align: left;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 5px;
	color: #fff;
	cursor: pointer;
}
.header-wrap .topBar .lang-sel li:hover {
	color: #ffe200;
}
.header-wrap .topBar .lang-sel li:last-child {
	margin-bottom: 0;
}
.header-wrap.scroll .nav .navbar>li, .header-wrap.sub .nav .navbar>li, .header-wrap.hover .nav .navbar>li {
	color: #fff;
}
.header-wrap.sub .nav .navbar>li, .header-wrap .nav .navbar>li {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}




.header-wrap.scroll .topBar, .header-wrap.sub .topBar, .header-wrap.hover .topBar {
	border-bottom: 1px solid #e3e3e3;
	background:#FFF;
}
.header-wrap.scroll .topBar>ul>li, .header-wrap.sub .topBar>ul>li, .header-wrap.hover .topBar>ul>li {
	color: #777;
}
.header-wrap.scroll .topBar>ul>li:after, .header-wrap.sub .topBar>ul>li:after, .header-wrap.hover .topBar>ul>li:after {
	background: #777;
}
.header-wrap.scroll .topBar>ul>li:first-child:before, .header-wrap.sub .topBar>ul>li:first-child:before,  .header-wrap.hover .topBar>ul>li:first-child:before {
	background-image: url(../images/shop-scroll.png);
}
.header-wrap .topBar .lang-label:hover:before, .header-wrap.scroll .topBar>ul>li:first-child:hover:before, .header-wrap.sub .topBar>ul>li:first-child:hover:before,  .header-wrap.hover .topBar>ul>li:first-child:hover:before {
	background-image: url(../images/store-ico-on.png);
}
.header-wrap.scroll .topBar .lang-label:before, .header-wrap.sub .topBar .lang-label:before,  .header-wrap.hover .topBar .lang-label:before {
	background-image: url(../images/lang-scroll.png);
}
.header-wrap .topBar .lang-box:hover .lang-label:before, .header-wrap.scroll .topBar .lang-box:hover .lang-label:before, .header-wrap.sub .topBar .lang-box:hover .lang-label:before,  .header-wrap.hover .topBar .lang-box:hover .lang-label:before, .header-wrap .topBar .lang-box.active .lang-label:before {
	background-image: url(../images/lang-ico-on.png);
}
.header-wrap .topBar>ul>li:hover, .header-wrap .topBar>ul>li.lang-box.active {
	color: #004ea4;
}
.header-wrap .topBar>ul>li:first-child:hover:before {
	background-image: url(../images/store-ico-on.png);
}
.header-wrap.scroll .nav .navbar>li:hover, .header-wrap.sub .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover,  .header-wrap.scroll .navbar>li>.sub-menu, .header-wrap.sub .navbar>li>.sub-menu, .header-wrap.hover .navbar>li>.sub-menu  {
	background: #fff;
/*	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;*/
	color:#333;
}


.header-wrap.scroll .nav .navbar>li:hover, .header-wrap.sub .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover,  .header-wrap.scroll .navbar>li>.sub-menu, .header-wrap.sub .navbar>li>.sub-menu, .header-wrap.hover .navbar>li>.sub-menu a  {
	color:#333;
}


.header-wrap.scroll .nav .navbar>li:hover, .header-wrap.sub .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover, .header-wrap.hover .nav .navbar>li:hover,  .header-wrap.scroll .navbar>li>.sub-menu, .header-wrap.sub .navbar>li>.sub-menu, .header-wrap.hover .navbar>li>.sub-menu:hover , .menu-item-has-children:hover:after,  .header-wrap.hover .nav .navbar>.menu-item-has-children:hover a  {
	color:#333;
}



.header-wrap.scroll .nav .navbar>.menu-item-has-children:hover:after,  .header-wrap.sub .nav .navbar>.menu-item-has-children:hover:after,  .header-wrap.hover .nav .navbar>.menu-item-has-children:hover:after,  .header-wrap.hover .nav .navbar>.menu-item-has-children:hover:after {
	display: block;
	width: calc(100% + 60px);
	height: 2px;
	background: #f9f9f9;
	content: '';
	position: relative;
	left: -30px;
	bottom: 1px;
	z-index: 99;
}
.header-wrap.sub .nav .navbar.pc_ver >li:not(.menu-item-has-children):hover:after {
	display: block;
	width: calc(100% + 60px);
	height: 1px;
	background: #f9f9f9;
	content: '';
	position: relative;
	left: -30px;
	bottom: 1px;
	z-index: 99;
}
.header-wrap.scroll .topBar .lang-box:before, .header-wrap.sub .topBar .lang-box:before, .header-wrap.hover .topBar .lang-box:before {
	border-color: #777 transparent;
}
.header-wrap .topBar .lang-box.active:before, .header-wrap .topBar .lang-box:hover:before {
	border-color: #004ea4 transparent;
}



.header-wrap.hover .topBar, .header-wrap.hover .in-header {
	background: #004ea4;
}

.header-wrap.hover .topBar {
	background: #fff;
}


.header-wrap.scroll .nav .navbar>li:hover {
	/*border-bottom: 1px solid #f9f9f9;*/
	color:#333;
}


.header-wrap.scroll .nav .navbar>li:hover a{
	color:#333;
}

.topBar .hideBg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 999;
}
}
@media screen and (max-width: 767px) {
.header-wrap .in-header {
	height: 50px;
	line-height: 50px;
}
.header-wrap .logo img {
	width: 140px;
}
}
header .nav .nav-icon {
	display: none;
}
header .nav .nav-icon:after, header .nav .nav-icon:before, header .nav .nav-icon div {
	background-color: #fff;
	content: '';
	display: block;
	height: 3px;
	margin: 10px 0;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header .nav .nav-icon:before {
	margin-top: 0;
}
header .nav .nav-icon:after {
	margin-bottom: 0;
}
header .nav .nav-icon.active:after, header .nav .nav-icon.active:before, header .nav .nav-icon.active div {
	background: #333;
}
header .nav .nav-icon.active:before {
	transform: translateY(10px) rotate(135deg);
	-moz-transform: translateY(10px) rotate(135deg);
	-webkit-transform: translateY(10px) rotate(135deg);
}
header .nav .nav-icon.active:after {
	transform: translateY(-16px) rotate(-135deg);
	-moz-transform: translateY(-16px) rotate(-135deg);
	-webkit-transform: translateY(-16px) rotate(-135deg);
}
header .nav .nav-icon.active div {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
 @media (max-width: 1199px) {
.container {
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
}
header .header-wrap.scroll .nav .nav-icon:after,  header .header-wrap.scroll .nav .nav-icon:before,  header .header-wrap.scroll .nav .nav-icon div,  header .header-wrap.sub .nav .nav-icon:after,  header .header-wrap.sub .nav .nav-icon:before,  header .header-wrap.sub .nav .nav-icon div {
	background: #333;
}
header .nav .nav-icon {
	display: inline-block;
	width: 40px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 100;
}
header .nav .nav-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	left: -100%;
	background: #fafafa;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 0;
	box-sizing: border-box;
	-webikt-box-sizing: border-box;
	overflow-y: scroll;
}
header .nav .nav-wrap.active {
	left: 0;
}
}
@media screen and (max-width: 768px) {
header .nav .nav-icon {
	width: 20px;
}
header .nav .nav-icon:after, header .nav .nav-icon:before, header .nav .nav-icon div {
	height: 2px;
	margin: 4px 0;
}
}
.f-menu {
	padding-top: 45px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
}
.f-menu li {
	display: inline-block;
	color: #666;
	font-size: 0.875rem;
	
}
.f-menu li:after {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 20px;
	vertical-align: middle;
	background: #d8d9d9;
	content: '';
}
.main-footer .f-menu li:last-child:after, .f-menu li:last-child:after {
	display: none;
}
.f-menu li:hover {
	text-decoration: underline;
}






.in-footer { font-size: 0; padding: 30px 0 40px;  }
.in-footer>div { display: inline-block; vertical-align: middle; font-size: 1rem; }
.in-footer .f-info { width: 70%; }
.in-footer .f-info p { display: inline-block; margin-left: 20px; font-size: 0.875rem; }
.in-footer .logo { display: inline-block; vertical-align: middle; }
.in-footer .logo img { width: 100px; }
.in-footer .social-li { width: 30%; text-align: right; font-size: 0; }
.in-footer .social-li li { display: inline-block; margin: 0 5px; vertical-align: top; }
.in-footer .social-li li a { display: inline-block; width: 35px; height: 35px; vertical-align: top; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-color: #000; }
.in-footer .social-li li:nth-child(1) a {
	background-image: url(../images/ico_footer_facebook.png);
}
.in-footer .social-li li:nth-child(2) a {
	background-image: url(../images/ico_footer_youtube.png);
}
.in-footer .social-li li:nth-child(3) a {
	background-image: url(../images/ico_footer_twitter.png);
}
.in-footer .social-li li:nth-child(4) a {
	background-image: url(../images/ico_footer_linkedin.png);
}
.in-footer .social-li .facebook a { background-image: url(../images/sns-01.png); background-size: 7px; }
.in-footer .social-li .youtube a { background-image: url(../images/sns-02.png); background-size: 18px; }
.in-footer .social-li .chat { display: none;  position: relative; }
.in-footer .social-li .chat a { background-image: url(../images/sns-cn.png); background-size: 21px; }
.in-footer .social-li .chat .hover { width: 129px; position: absolute; right: 0; bottom: 45px; display: none; }
.in-footer .social-li .chat .hover.on { display: block; }




.sub-footer {
	background: #f4f4f4;
}
.chatbot {
	position: fixed;
	right: 40px;
	bottom: 10px;
	z-index: 99;
}
.chatbot button {
	background: transparent;
	padding: 0;
	cursor: pointer;
}
@media screen and (min-width: 1025px) {
.in-footer .social-li li:hover a {
	background-color: #e60012;
}
}
/* skip nav */
.skipNav {
}
.skipNav a {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	z-index: 999;
	font-size: 1rem;
}
.skipNav a:focus, .skipNav a:active {
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 40px;
	text-align: center;
}
 header .skipNav a:focus, header .skipNav a:active @media screen and (max-width: 1300px) {
 .f-menu li {
margin-bottom: 1rem;
}
 .f-menu li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 1199px) {
.header-wrap {
	padding: 0 2rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-wrap .in-header {
	padding: 0;
}
.header-wrap .topBar {
	display: none;
}
.header-wrap .logo {
	left: 0;
	z-index: 1;
}
.header-wrap .logo-txt {
	right: 70px;
}
.header-wrap .nav .navbar>li {
	border-bottom: 1px solid #d9d9d9;
	color: #000;
	line-height: normal;
}
.header-wrap .nav .navbar>li:first-child {
	border-top: 1px solid #d9d9d9;
}
.header-wrap .nav .navbar li a {
	display: block;
	padding: 1rem;
	position: relative;
}
.header-wrap .nav .navbar>.menu-item-has-children>a:after {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%); /*background: url(../images/menu-off.png) no-repeat center; */
	content: '';
}
.header-wrap .nav .navbar li.on, .header-wrap .nav .navbar>li>.sub-menu {
	background: #f5f5f5;
}
.header-wrap .nav .navbar li.on>a:after {
	background: url(../images/menu-on.png) no-repeat center;
}
.header-wrap .nav .navbar .sub-menu {
	font-weight: 300;
}
.header-wrap .nav .navbar>li>.sub-menu {
	padding: 0 2rem;
	font-size: 1rem;
}
.header-wrap .nav .navbar>li>.sub-menu>li {
	border-bottom: 1px solid #e8e8e8;
}
.header-wrap .nav .navbar>li>.sub-menu>li:last-child {
	border-bottom: 0;
}
.header-wrap .nav .navbar>li>.sub-menu>li:first-child {
	border-top: 1px solid #e8e8e8;
}
.header-wrap .nav .navbar>li>.sub-menu>li>a {
	padding: 1rem;
}
.header-wrap .nav .navbar>li>.sub-menu .sub-menu {
	display: block !important;
	padding-bottom: 1rem;
}
.header-wrap .nav .navbar>li>.sub-menu .sub-menu li a {
	padding: 0.5rem 2rem;
}
.header-wrap .m-nav {
	display: block;
	padding: 0 2rem;
}
.m-header {
	height: 80px;
	position: relative;
}
.m-header .m-logo, .m-header .m-logo-txt {
	line-height: normal;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.m-header .m-logo {
	left: 0;
}
.m-header .m-logo-txt {
	right: 70px;
}
.m-header .m-logo-txt img {
	max-width: 260px;
}
.m-header .m-logo img {
	width: 90px;
}
.header-wrap .m-nav .topBar {
	display: block;
	padding: 0;
}
.header-wrap .m-nav .topBar li {
	color: #777;
}
.header-wrap .m-nav .topBar li:after {
	background: #777;
}
.header-wrap .m-nav .topBar li:first-child:before {
	background-image: url(../images/shop-scroll.png);
	vertical-align: text-top;
}
.header-wrap .topBar .lang-sel {
	position: relative;
	padding-right: 20px;
}
.header-wrap .topBar .lang-sel:before {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 0;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #777 transparent;
	opacity: 0.7;
	content: '';
}
.header-wrap .m-nav .topBar .lang-sel select {
	padding-left: 20px;
	border: 0;
	line-height: 41px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../images/lang-scroll.png)no-repeat center left;
	background-size: 15px 15px;
	font-size: 0.875rem;
}
}
@media screen and (max-width: 1024px) {
.f-menu li.pc_ver {
	display: none;
}
}
@media screen and (max-width: 768px) {
.in-footer .logo {
	width: 25%;
}
.in-footer .f-info, .in-footer .social-li {
	width: 50%;
}
header .nav .nav-icon.active:after {
	transform: translateY(-5px) rotate(-135deg);
	-moz-transform: translateY(-5px) rotate(-135deg);
	-webkit-transform: translateY(-5px) rotate(-135deg);
}
header .nav .nav-icon.active:before {
	transform: translateY(7px) rotate(135deg);
	-moz-transform: translateY(7px) rotate(135deg);
	-webkit-transform: translateY(7px) rotate(135deg);
}
.in-footer .f-info p {
	font-size: 0.857rem;
}
.in-footer .f-info p.pc, .site-content .pc {
	display: none;
}
.in-footer .f-info p.mb {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	width: 200px;
}
.in-footer .social-li li {
	margin: 0 2px;
}
.in-footer .social-li li a {
	width: 25px;
	height: 25px;
}
.f-menu li {
	margin-bottom: 0.5rem;
}
.m-header .m-logo-txt {
	text-align: right;
}
}
@media screen and (max-width: 767px) {
.header-wrap, .header-wrap .m-nav {
	padding: 0 1rem;
}
.header-wrap .logo-txt, .m-header .m-logo-txt {
	text-align: right;
	right: 40px;
}
.header-wrap .logo-txt img {
	width: 60%;
}
.m-header {
	height: 50px;
	line-height: 50px;
}
.m-header .m-logo-txt img {
	width: 60%
}
.site-content .mb {
	display: inline-block;
}
.f-menu li {
	font-size: 0.857rem;
}
.f-menu li:after {
	margin: 0 10px;
}
.in-footer .f-info, .in-footer .social-li {
	width: 50%;
}
.f-menu {
	padding-top: 1.785rem;
	padding-bottom: 1.785rem;
}
.in-footer {
	padding: 1.428rem 0;
}
.m-header .m-logo img {
	width: 40%;
}
header .nav .nav-icon.active.hide {
	display: none;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
	position: fixed;
}
}
/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/

.blind {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}
/* Main */
.wrap * {
	box-sizing: border-box;
}
.main-section .main-tit {
	font-size: 40px;
	font-weight: 700;
	line-height: 100%;
	color: #fff;
	text-transform: capitalize;
}
.main-section .newtit {
	font-size: 45px;
	font-weight: 700;
	line-height: 100%;
	color: #333;
	text-transform: capitalize;
}
.main-section .supCon .column p {
	color: #fff;
	width: 70%;
	font-size:14px;
	line-height:160%;
}




.main-section .link-btn, .main-section .more-btn2 {
	display: block;
	max-width: 234px;
	padding: 18.5px 0;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	background: #e60012;
}
.main-section .link-btn {
	border: 1px solid #e60012;
}
.main-section .more-btn {
	display: inline-block;
	padding: 10px 27px;
	border: 1px solid #fff;
	background:#ffe200;
	font-size: 0.857rem;
	font-weight: 500;
	text-transform: capitalize;
	color:#000;
}

.main-section .more-btn:after {
	display: inline-block;
	width: 17px;
	height: 7px;
	margin-left: 14px;
	background: url(../images/more-btn.png)no-repeat center;
	background-size: contain;
	content: '';
}
.main-section .more-btn.dark {
	border-color: #222;
	color: #222;
}
.main-section .more-btn.dark:after {
	background-image: url(../images/more-btn-b.png);
}
/*.main-section .more-btn.dark:hover { background: #e60012; color: #fff; border-color: #e60012; }
.main-section .more-btn.dark:hover:after { content: url(../images/more-btn.png); }*/
.main-section .more-btn2 {
	color: #222;
	border: 1px solid #222;
	background: transparent;
}
.main-section .more-btn2:after {
	display: inline-block;
	width: 48px;
	height: 20px;
	margin-left: 20px;
	background: url(../images/more-btn2.png)no-repeat center;
	content: '';
}
.main-section .main-nav {
	position: fixed;
	right: 55px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 98;
}
.main-section .main-nav .menu-links {
	display: block;
	margin-bottom: 10px;
	position: relative;
}
.main-section .main-nav .menu-links:after {
	display: block;
	clear: both;
	content: '';
}
.main-section .main-nav .menu-links:before {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/mnav-off.png) center no-repeat;
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
}
.main-section .main-nav .menu-links span {
	visibility: hidden;
	float: right;
	display: inline-block;
	margin-right: 5px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 2px;
	background: #004ea4;
	font-size: 0.875rem;
	letter-spacing: 0.75px;
	color: #fff;
	text-transform: capitalize;
	position: relative;

	
}
.main-section .main-nav .menu-links span:after {
	display: inline-block;
	width: 3px;
	height: 6px;
	background: url(../images/nav-arrow.png)no-repeat center;
	position: absolute;
	right: -3px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
}
.main-section .main-nav .menu-links:last-child {
	margin-bottom: 0;
}
.main-section .main-nav .menu-links.active:before, .main-section .main-nav .menu-links:hover:before, .main-section .main-nav .menu-links.on:before {
	background-image: url(../images/mnav-on.png);
}
.main-section .main-nav .menu-links.active span, .main-section .main-nav .menu-links:hover span, .main-section .main-nav .menu-links.on span {
	visibility: visible;
}
.main-section .main-nav.dark .menu-links:before {
	background-image: url(../images/mnav-off.png);
}
.main-section .main-nav.dark .menu-links.active:before, .main-section .main-nav.dark .menu-links.on:before, .main-section .main-nav.dark .menu-links:hover:before {
	background-image: url(../images/mnav-on.png);
}
.main-section .index-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-section .mainCon {
	width: 100%;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-top: -100px;
}
.main-section .mainCon .main-slg {
	font-size: 2.50rem;
	font-weight: 900;
	color: #fff;
	text-transform: capitalize;
}
.main-section .mainCon .main-slg2 {
	margin: 40px 0 60px;
	font-size: 1.1rem;
	line-height:140%;
	font-weight: 500;
}
.main-section .control-box {
	height: 0;
	padding-top: 7%;
	position: relative;
}
.main-section .control-box .control, .main-section .control-box .m-control {
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	border-radius: 100%;
	font-size: 0;
	background: url(../images/stop-ico.png)no-repeat center;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.main-section .control-box .control.on, .main-section .control-box .m-control {
	background-image: url(../images/play-ico.png);
}
.main-section .control-box .m-control {
	display: none;
}
.main-section .video-box .m-close {
	display: none;
}
.main-section .video-box.m-open, .page-pro .pro-sec1 .video-box.m-open {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	z-index: 999;
}
.page-pro .pro-sec1 .video-box.m-open #proVideo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.page-pro .pro-sec1 .video-box.m-open .m-control {
	display: none;
}
.main-section .control-box .control:hover {
	border-color: #eeda54;
	background-image: url(../images/stop-ico-on.png);
}
.main-section .control-box .control.on:hover {
	border-color: #eeda54;
	background-image: url(../images/play-ico-on.png);
}
.main-section .video-box.m-open .index-bg {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.main-section .video-box.m-open .m-close, .page-pro .pro-sec1 .video-box.m-open .m-close {
	display: block;
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(../images/m-cancle.png)no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
	cursor: pointer;
}
.main-section .scroll {
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
}
.main-section .scroll:after {
	display: block;
	width: 13px;
	height: 8px;
	margin: 10px auto 0;
	background: url(../images/scroll-ico.png)no-repeat center;
	background-size: 100%;
	content: '';
}



.main-section .tech-sec {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: .3s ease;
-webkit- transition: .3s ease;
}



.main-section .tech-sec .container {
	padding-top: 100px;
}



.main-section .tech-sec .main-tit {
	margin-top: 6%;
	margin-bottom: 26%;
	text-align: center;
	color: #fff;
}



.main-section .list-box ul {
	font-size: 0;
}



.main-section .list-box ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 0.8rem;
}


.main-section .list-box ul li:after {
    display: inline-block;
    width: 1px;
    height: 40px;
    margin: 0 10px;
    vertical-align: middle;
    background: rgba(255,255,255,0.6);
    content: '';
	position:relative;
	right:-100px;
	top:-80px;
}



.main-section .list-box ul li:last-child:after {
    display: inline-block;
    width: 0px;
    height: 40px;
    margin: 0 10px;
    vertical-align: middle;
    background: rgba(255,255,255,0.6);
    content: '';
	position:relative;
	right:-100px;
	top:-80px;
}






.main-section .list-box dt {
	margin: 24px 0 24px;
	font-size: 1.2rem;
	font-weight: 600;
}
.main-section .list-box dd {
	font-weight: 300;
	line-height: 20px;
	font-size: 0.9rem;
}
.main-section .tech-li li {
	width: 25%;
	padding: 0 50px;
	color: #fff;
	transform: translateY(0);
	transition: .5s ease-in-out;
	-webkit-transition: .3s ease;
}


.main-section .tech-li .ico img {
	height:40px;
}


.main-section .tech-li dl {
	margin-bottom: 30px;
}
.main-section .tech-li .more-btn {
	visibility: hidden;
	opacity: 0;
	transition: .3s ease;
}
.main-section .pro-sec {
	position: relative;
	background: #fff;
	z-index: 1;
}
.main-section .pro-sec .container {
	padding-top: 75px;
	position: relative;
	z-index: 2;
}
.main-section .pro-sec:after {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2 url(../images/be.jpg) repeat center center;
	background-size: cover;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.main-section .pro-sec .fp-scrollable {
	z-index: 2;
}
.main-section .proCon {
	max-width: 1220px;
	margin: 0 auto;
	position: relative;
}
.main-section .proCon>div {
	width: 50%;
	float: right;
	vertical-align: middle;
	font-size: 1rem;
}
.main-section .proCon>div a {
	display: block;
}
.main-section .proCon>div:first-child {
	text-align: center;
}
.main-section .proCon>div:last-child {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.main-section .pro-tit {
	display: block;
	margin-bottom: 10px;
	font-size: 0.875rem;
	font-weight: 900;
	line-height: 100%;
	color: #003c8f;
}
.main-section .proCon .main-tit {
	margin-bottom: 30px;
}
.main-section .proCon p {
	margin-bottom: 50px;
}
.main-section .proCon .btn-box {
	margin: 0 -5px;
	text-align: center;
}
.main-section .proCon .btn-box a {
	display: inline-block;
	width: calc(50% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}
.main-section .product-li {
	padding: 45px 100px 0;
}
.main-section .product-li li {
	width: calc(33.333% - 90px);
	margin: 0 45px;
	transform: translate(0);
	transition: .3s ease;
	-webkit-transition: .3s ease;
	-ms-transition: .3s ease;
}
.main-section .product-li dt {
	margin: 0 0 20px 0;
	color: #222;
	font-weight: 900;
}
.main-section .supp-sec {
	background: #f2f2f2 url(../images/bea.jpg) repeat center center;
	background-size: cover;
}
.main-section .supp-sec .container {
	padding-top: 70px;
}
.main-section .supCon {
	max-width: 1400px;
	margin: 0px auto 60px;
	margin-top:110px;
}
.main-section .supCon .main-tit {
	margin-bottom: 20px;
	font-size: 2rem;
}
@media screen and (min-width: 1025px) {
.main-section .product-li .more-btn {
	margin-top: 30px;
	opacity: 0;
}
.main-section .product-li li:hover {
	transform: translateY(-40px);
}
.main-section .product-li li:hover .more-btn {
	opacity: 1;
}
.main-section .supCon .column {
	position: relative;
	top: 200px;
	transition: .3s ease-in-out;
	opacity: 0;
}
.main-section .supCon .column>a {
	padding: 60px;
}
}
.main-section .supCon .more-btn {
	position: absolute;
	left: 60px;
	bottom: 60px;
	opacity: 0;
	color:#000;
}
.main-section .supCon .column>a {
	display: block;
	width: 100%;
	height: 100%;
	transition: .3s ease;
}
.main-section .supCon .column>a.m_ver {
	display: none;
}
@media screen and ( max-width: 768px) {
.main-section .supCon .column>a.pc_ver {
	display: none;
}
.main-section .supCon .column>a.m_ver {
	display: block;
}
}
.main-section .supCon .con {
	width: 50%;
	float: left;
}
.main-section .supCon .con.column {
	height: 660px;
	background: url(../images/supp-bg1.jpg)no-repeat center;
	background-size: cover;
}
.main-section .supCon .con.column, .main-section .supCon .con.column .main-tit {
	color: #fff;
}
.main-section .supCon .con .column {
	height: 330px;
	position: relative;
}
.main-section .supCon .con .column:first-child {
	background: url(../images/supp-bg2.jpg)no-repeat center;
	background-size: cover;
	transition-delay: .15s;
}
.main-section .supCon .con .column:last-child {
	padding: 60px;
	background: #fff;
	transition-delay: .3s;
}
.main-section .supCon .con .column:last-child:after {
	display: none;
}
.main-section .supCon .con-tit {
	position: relative;
}
.main-section .supCon .con .column a.arrow {
	display: inline-block;
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
}
.main-section .supCon .con .column a.arrow:after {
	width: 21px;
	height: 7px;
	position: inherit;
	left: inherit;
	bottom: inherit;
	background: url(../images/link-btn2.png)no-repeat center;
	background-size:cover;
	content: '';
}
.main-section .supCon .con .column a.arrow:hover:after {
	background-image: url(../images/link-btn2-on.png);
}
.main-section .supCon .more-btn2:after {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-left: 7px;
	border-radius: 100%;
	background: url(../images/plus-ico.png)no-repeat center;
	background-color: #333;
	content: '';
}
.main-section .supCon .faq-li li {
	padding-bottom: 2px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 10px;
}
.main-section .supCon .faq-li li span {
	width: 100%;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main-section .supCon .faq-li li:before {
	display: inline-block;
	width: 2px;
	float: left;
	height: 2px;
	margin: 10px 8px 0 -10px;
	vertical-align: middle;
	background: #555;
	content: '';
}
.main-section .supCon .faq-li li:last-child {
	padding-bottom: 0;
}
.main-section .supCon .column:hover {
	box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}
.main-section .supCon .con .column:last-child:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
}
@media screen and (min-width: 1025px) {
/* 버튼 hover */
.main-section .more-btn2:hover, .main-section .link-btn:hover {
	border-color: #e60012;
	background: #e60012;
	color: #fff;
}
.main-section .more-btn2:hover:after {
	background-image: url(../images/more-btn2-on.png);
}
/* Technology hover */
.main-section .tech-li .current {
	transform: translateY(-50px);
}
.main-section .tech-li .current .more-btn {
	visibility: visible;
	opacity: 1;
}
/* Faq hover */
.main-section .supCon .faq-li li:hover {
	color: #1d4fa9;
}
.main-section .supCon .column:hover>a {
	background: rgba(0, 0, 0, 0.3);
}
.main-section .supCon .column:hover .more-btn {
	opacity: 1;
}
.main-section .supCon .column:hover p,  {
	color: #fff;
	width: 70%;
	font-size:14px;
	line-height:160%;
}


.main-section .supCon .con .column:first-child:hover .main-tit {
	color: #fff;
	width: 70%;

}




}
.main-section #section-footer {
	background: #f2f2f2;
}
.main-footer {
	max-width: 1400px;
	margin: 0 auto;
}
.to-top {
	width: 56px;
	height: 56px;
	border-radius: 100%;
	background: url(../images/top.png)no-repeat center 10px;
	background-color: #000;
	position: fixed;
	bottom: 100px;
	right: 100px;
	display: none;
	z-index: 99;
}
.to-top span {
	width: 100%;
	height: 100%;
	line-height: 56px;
	display: inline-block;
	text-align: center;
	font-size: 0.875rem;
	color: #fff;
	text-transform: uppercase;
	top: 0;
	left: 0;
	cursor: pointer;
}
.to-top span:before {
	display: block;
	margin: 0 auto 5px;
content:
}
.to-top:hover {
	background-color: #e60012;
}
@media screen and (max-width:1365px) {
.main-section .proCon>div:first-child img {
	width: 65%;
}
}
@media screen and (max-width: 1199px) {
.to-top {
	right: 10px;
	width: 45px;
	height: 45px;
}
}
@media screen and (min-width: 1025px) {
.main-section .control-box .control {
	transition: .3s ease;
	-webkit-transition: .3s ease;
}
.main-section .control-box:hover .control {
	visibility: visible !important;
	opacity: 1 !important;
}
.main-section .sound-box {
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 99;
}
.main-section .sound-box .sound-btn {
	width: 32px;
	height: 23px;
	font-size: 0;
	background: url(../images/sound-off.png)no-repeat center;
	background-size: cover;
	cursor: pointer;
}
.main-section .sound-box .sound-btn.off {
	background-image: url(../images/sound-on.png);
}
}
.main-section .sound-box .sound-btn {
	font-size: 0;
}
@media screen and (max-width: 1024px) {
#mainVideo {
	display: none;
}
.main-section {
	background: url(../images/m-bg.jpg)no-repeat center;
	background-size: cover;
}
.main-section .control-box {
	padding-top: 25%;
}
.main-section .control-box .m-control {
	display: inline-block;
}
.main-section .control-box .control {
	display: none;
}
.main-section .main-sec {
	background: url("../images/main_media_screen.jpg") center center no-repeat;
	background-size: cover;
}
.main-section .supCon .column>a, .main-section .supCon .con .column:last-child {
	padding: 2.142rem;
}
}
@media screen and (max-width: 1024px) {
.main-footer {
	padding: 0 20px;
}
/* Product */
.main-section .product-li .more-btn {
	border: 0;
	font-size: 0;
}
.main-section .product-li .more-btn:after {
	margin-left: 0;
	background-image: url(../images/more-btn2.png);
}
.main-section .proCon>div {
	width: 100%;
}
.main-section .proCon>div:last-child {
	position: inherit;
	top: inherit;
	left: inherit;
	transform: none;
}
.main-section .pro-sec:after {
	display: none;
}
.main-section .product-li {
	position: relative;
	padding: 3.571rem 0;
}
.main-section .product-li:after {
	width: calc(100% + 40px);
	height: 100%;
	position: absolute;
	left: -20px;
	top: 0;
	background: #f2f2f2;
	content: '';
	z-index: -1;
}
.main-section .product-li li {
	width: 100%;
	padding: 0 10px;
	margin: 0 0 2.857rem;
}
.main-section .proCon .link-btn, .main-section .proCon .btn-box a {
	margin-bottom: 3.571rem;
}
/* Support */
.main-section .supCon {
	margin: 0 auto;
}
.main-section .supCon .con {
	width: 100%;
	margin: 0 0 5px 0;
}
.main-section .supp-sec .container {
	width: 100%;
	padding: 0;
}
.main-section .supp-sec .container {
}
}
@media screen and (max-width: 1023px) {
/* Main */
.main-section .mainCon {
	padding: 7rem 1rem 0;
}
.main-section .mainCon .main-slg {
	font-size: 1.928rem;
}
.main-section .list-box .tech-li li {
	width: 50%;
}
}
@media screen and (max-width: 768px) {
.main-section .main-tit {
	font-size: 2.285rem;
}
.main-section .more-btn2:after {
	width: 34px;
	margin-left: 14px;
	background-size: contain;
}
.main-section .list-box dd {
	line-height: 18px;
}
.main-section .mainCon {
	padding: 0 1rem 0;
}
.main-section .scroll {
	font-size: 0.625rem;
}
.main-section .list-box ul {
	padding: 3.571rem 0;
}
.main-section .link-btn, .main-section .more-btn2 {
	max-width: 138px;
	padding: 13px 0;
}
.main-section .proCon .main-tit {
	margin-bottom: 1rem;
	font-size: 1.642rem;
	font-weight: 900;
}
.main-section .proCon>div:first-child {
	margin-bottom: 1.5rem;
}
.main-section .proCon>div:first-child img {
	width: 80%;
}
.main-section .proCon p {
	margin-bottom: 2.142rem;
}
.main-section .proCon .link-btn, .main-section .proCon .btn-box a {
	font-size: 0.928rem;
}
.main-section .tech-sec .container {
	padding-top: 0;
}
.main-section .tech-li .current {
	transform: translateY(0px);
}
.main-section .main-nav {
	display: none;
}
.main-section .control-box .control, .main-section .control-box .m-control {
	width: 50px;
	height: 50px;
	border-width: 3px;
}
.main-section .control-box .control.on, .main-section .control-box .m-control {
	background-size: 14px 18px;
}
.main-section .control-box {
	padding-top: 0;
}
.main-section .list-box ul li {
	width: 100%;
	padding: 0 10px;
}
.main-section .list-box .tech-li li {
	margin-bottom: 0;
}
.main-section .list-box dt {
	font-size: 1.1420rem;
	line-height: 21px;
}
.main-section .tech-sec {
	background-image: url(../images/tech-mbg.jpg);
}
.main-section .tech-li .ico {
	width: 35%;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
}
.main-section .tech-li li:last-child .ico {
	width: 50%;
}
.main-section .tech-li .more-btn {
	display: none;
}
.main-section .tech-li dd {
	width: 34px;
	margin: 0 auto;
}
.main-section .pro-sec .container {
	padding-top: 50px;
}
.main-section .product-li li:last-child {
	margin-bottom: 0;
}
.main-section .product-li dt {
	margin: 0 0 1rem;
	font-size: 1.285rem;
}
.main-section .supCon .main-tit {
	font-size: 1.428rem;
	margin-bottom: 1rem;
}
.main-section .supCon .con.column {
	height: 330px;
	position: relative;
}
.main-section .supCon .column>a, .main-section .supCon .con .column:last-child {
	padding: 2.142rem;
}
.main-section .supCon .column:after {
	left: 2rem;
}
.main-section .supCon .con .column:last-child {
	height: auto;
}
.main-section .supCon .con .column:first-child {
	margin-bottom: 5px;
}
.main-section .supCon .con .column a.arrow {
	right: 2.142rem;
}
.main-section .supCon .con .column a.arrow:after {
	width: 42px;
	background-size: contain;
}
.main-section .supCon .faq-li li {
	padding-bottom: 5px;
}
}
@media screen and (max-width: 767px) {
.main-section .mainCon .main-slg2 {
	margin: 1.428rem 0 2rem;
	font-size: 0.857rem;
}
.main-section .control-box .m-control {
	border-width: 2px;
}
.main-section .main-tit {
	font-size: 2rem;
}
.main-section .list-box ul li .ico {
	max-width: 215px;
	margin: 0 auto;
}
.main-section .list-box .tech-li {
	padding: 0;
}
.main-section .tech-sec .main-tit {
	margin-bottom: 4rem;
}
/* Support */
.main-section .supCon {
	padding-bottom: 45px;
}
.main-section .supCon p, .main-section .supCon .faq-li li {
	font-size: 0.845rem;
	line-height: 16px;
}
.main-section .supCon .con.column {
	height: 400px;
}
.main-section .supCon .con .column {
	height: 300px;
}
/* Product */
.main-section .product-li .ico img {
	width: 80%;
}
}
@media screen and (max-width: 599px) {
.main-section .list-box dt {
	margin: 10px 0;
}
.main-section .scroll {
	bottom: 10px;
}
.main-section .scroll:after {
	width: 6.5px;
	height: 4px;
	margin: 5px auto 0;
}
}
/* Sub */
.pagination .nav-links {
	text-align: center;
	margin-top: 60px;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .page-numbers {
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-weight: 300;
	cursor: pointer;
	position: relative;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
	color: #e60012;
}
.pagination .prev, .pagination .next {
	margin: 0 5px;
	border-radius: 100px;
	border: 1px solid #999;
	font-size: 0;
	background: url(../images/board-arrow2.png)no-repeat center;
}
.pagination .next {
	transform: rotate(180deg);
}
.pagination .prev:hover, .pagination .next:hover {
	border-color: #e60012;
	background-image: url(../images/board-arrow2-on.png);
	background-color: #e60012;
}
.sub-section.bg-gray {
	background: #f4f4f4;
	padding-bottom: 100px;
}
.sub-section {
	margin-top: 120px;
	padding-bottom: 120px;
}
.sub-section .container {
	max-width: 1200px;
}
.sub-section .breadcrumbs {
	padding: 30px 40px 45px;
}
.sub-section .breadcrumbs .lnb-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	cursor: auto;
	visibility: hidden;
	z-index: 1;
}
.sub-section .breadcrumbs .current.on .lnb-bg {
	visibility: visible;
}
.sub-section .breadcrumbs .dep-1 {
	font-size: 0;
}
.sub-section .breadcrumbs .dep-1>li {
	display: inline-block;
	vertical-align: top;
	font-size: 0.875rem;
	font-weight: 300;
}
.sub-section .breadcrumbs .dep-1>li:after {
	display: inline-block;
	margin: 0 20px;
	content: url(../images/lnb-arrow.png);
}
.sub-section .breadcrumbs .dep-1>li:last-child:after {
	display: none;
}
.sub-section .breadcrumbs.m_ver .dep-1>li:last-child:after {
	display: inline-block;
	background-color: transparent;
	margin: 8px 0 5px;
}
.sub-section .breadcrumbs .dep-1 .current {
	position: relative;
	outline: none;
}
.sub-section .breadcrumbs .dep-1 .current span {
	color: #222;
}
.sub-section .breadcrumbs .dep-1 .current .child {
	cursor: pointer;
}
.sub-section .breadcrumbs .dep-1 .current .child:after {
	display: inline-block;
	margin-left: 10px;
	content: url(../images/bread-on.png);
}
/*.sub-section .breadcrumbs .dep-1 .current.no-child span:after { display:none;}*/
.sub-section .breadcrumbs .dep-2 {
	width: 290px;
	padding: 30px;
	border: 1px solid #d9d9d9;
	background: #fff;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	z-index: 98;
}
.sub-section .breadcrumbs .dep-2 li {
	padding-bottom: 20px;
	text-transform: capitalize;
}
.sub-section .breadcrumbs .dep-2 li:last-child {
	padding-bottom: 0;
}
.sub-section .breadcrumbs .dep-2 li a {
	position: relative;
}
.sub-section .breadcrumbs .dep-2 li.on, .sub-section .breadcrumbs .dep-2 li:hover {
	color: #e60012;
}
/* .sub-section .breadcrumbs .dep-1 .current.on .dep-2{ display:block;} */
.sub-section .breadcrumbs .dep-1 .current.on .child:after {
	content: url(../images/bread-off.png);
}
/* .sub-section .breadcrumbs .dep-1 .current:hover .dep-2 { display: block; opacity: 1; } */

.sub-section .tit-box {
	margin-bottom: 80px;
	text-align: center;
	position: relative;
}
.sub-section .tit-box .main-tit:after {
	display: block;
	width: 80px;
	height: 4px;
	margin: 30px auto 0;
	border-radius: 3px;
	background: #444;
	content: '';
}
.sub-section .main-tit {
	font-size: 3.125rem;
	font-weight: 700;
	color: #222;
}
.sub-section .tit {
	margin-bottom: 20px;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 32px;
	color: #222;
}
.sub-section .tit-box .social-li {
	position: absolute;
	top: 0;
	right: 10px;
}
.sub-section .social-li {
	font-size: 0;
}
.sub-section .social-li li {
	display: inline-block;
	width: 42px;
	height: 42px;
	margin: 0 3px;
	border-radius: 100%;
	vertical-align: top;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #e4e4e4;
}
.sub-section .social-li li:nth-child(1) {
	background-image: url(../images/sns-b01.png);
}
.sub-section .social-li li:nth-child(2) {
	background-image: url(../images/sns-b02.png);
}
.sub-section .social-li li:nth-child(3) {
	background-image: url(../images/sns-b03.png);
}
.sub-section .social-li li:nth-child(4) {
	background-image: url(../images/sns-b04.png);
}
.sub-section .search-box {
	max-width: 700px;
	margin: 0 auto 30px;
	position: relative;
}
.sub-section .search-box .input {
	width: 100%;
	height: 70px;
	padding: 0 20px;
	line-height: 70px;
	border: 1px solid #d9d9d9;
}
.sub-section .search-box .input-ms-input-placeholder {
	font-size: 1.125rem;
	color: #a9a9a9;
}
.sub-section .search-box .input::-webkit-input-placeholder {
font-size: 1.125rem;
color: #a9a9a9;
}
.sub-section .search-box .input::-moz-placeholder {
font-size: 1.125rem;
color: #a9a9a9;
}
.sub-section .search-box .input::-moz-placeholder {
font-size: 1.125rem;
color: #a9a9a9;
}
.sub-section .search-box input[type="submit"] {
	width: 23.5px;
	height: 23px;
	border: 0;
	background: url(../images/search-btn.png)no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -11.5px;
}
@media screen and (max-width: 1199px) {
.sub-section {
	margin-top: 80px;
}
}
@media screen and (min-width: 1025px) {
.sub-section .social-li li:hover {
	background-color: #000;
}
.sub-section .social-li li:hover:nth-child(1) {
	background-image: url(../images/sns-01.png);
}
.sub-section .social-li li:hover:nth-child(2) {
	background-image: url(../images/sns-02.png);
}
.sub-section .social-li li:hover:nth-child(3) {
	background-image: url(../images/sns-03.png);
}
.sub-section .social-li li:hover:nth-child(4) {
	background-image: url(../images/sns-04.png);
}
}
@media screen and (max-width: 1023px) {
.sub-section {
	padding-bottom: 70px;
}
/*.sub-section .pc_ver { display: none; }*/
}
@media screen and (max-width: 767px) {
.sub-section .tit-box .main-tit {
	font-size: 2rem;
}
.sub-section .tit-box .main-tit:after {
	display: none;
}
.sub-section .tit-box .social-li {
	top: 10px;
}
.sub-section .search-box .input {
	height: 50px;
	line-height: 50px;
}
.pagination .page-numbers {
	line-height: 30px;
	width: 30px;
	height: 30px;
}
.sub-section .breadcrumbs {
	display: none;
}
.sub-section .breadcrumbs .dep-1 {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}
.sub-section .breadcrumbs.m_ver, .product_wrap .pro_visual .breadcrumbs.m_ver {
	display: block;
	padding: 13px 15px;
	overflow-x: scroll;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
	position: fixed;
	top: 50px;
	z-index: 10;
}
.sub-section .breadcrumbs.m_ver.scroll, .product_wrap .pro_visual .breadcrumbs.m_ver.scroll {
	display: none;
}
/*.sub-section .breadcrumbs.product_breadcrumbs .dep-1 {
		width: 340px;
	 }
	 .sub-section .breadcrumbs.tech_breadcrumbs .dep-1 {
		width: 550px;
	 }
	 .sub-section .breadcrumbs.about_us_breadcrumbs .dep-1 {
		width: 580px;
	 }
	 .sub-section .breadcrumbs.our_belief_breadcrumbs .dep-1 {
		width: 450px;
	 }
	 .sub-section .breadcrumbs.conduct_breadcrumbs .dep-1 {
		width: 650px;
	 }*/
.sub-section .breadcrumbs .dep-1>li {
	font-size: 0.857rem;
	color: #666666;
}
.sub-section .breadcrumbs .dep-1>li:after {
	content: "";
	width: 2px;
	height: 2px;
	background-color: #bfbfbf;
	margin: 8px 10px 5px;
	border-radius: 100%;
}
.sub-section .breadcrumbs .dep-1>li.on {
	color: #e60012;
	font-weight: 700;
}
.sub-section .breadcrumbs .dep-1>li:last-child {
	padding-right: 15px;
}
.sub-section .img_box img {
	width: 100%;
}
}
@media screen and (max-width: 350px) {
.pagination .page-numbers {
	line-height: 25px;
	width: 25px;
	height: 25px;
}
}
/* News Events */
.page-ne .tag-li {
	margin-bottom: 30px;
	text-align: center;
	font-size: 0;
}
.page-ne .tag-li li {
	display: inline-block;
	padding: 9px 20px;
	margin: 0 2px;
	border: 1px solid #a9a9a9;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875rem;
	color: #333;
	letter-spacing: -0.4px;
}
.page-ne .latest-news {
	margin-bottom: 58px;
	position: relative;
}
.page-ne .latest-news .thumb, .page-ne .latest-news .boardCont {
	float: left;
	width: 50%;
}
.page-ne .latest-news .boardCont {
	height: 100%;
	padding: 60px 50px;
	background: #fff;
	position: absolute;
	right: 0;
}
.page-ne .latest-news .boardCont h2 {
	height: 85px;
	margin-bottom: 15px;
	font-size: 1.75rem;
	color: #222;
	line-height: 2.375rem;
	overflow: hidden;
}
.page-ne .boardCont p {
	height: 160px;
	overflow: hidden;
}
.page-ne .board-li .boardCont .cont {
	height: 105px;
}
.page-ne .boardCont .date, .page-ne .latest-news .boardCont .date {
	height: auto;
	margin-top: 40px;
	color: #888;
}
.page-ne .board-li h3 {
	height: 55px;
	margin-bottom: 20px;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 130%;
	overflow: hidden;
	overflow-wrap: break-word;
}
.page-ne .board-li .boardCont {
	padding: 30px;
	background: #fff;
}
.page-ne .latest-news:hover, .page-ne .board-li li:hover {
	box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
	-webikt-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1199px) {
.page-ne .latest-news .boardCont {
	padding: 30px 20px;
}
.page-ne .boardCont .date, .page-ne .latest-news .boardCont .date {
	margin-top: 20px;
}
}
@media screen and (max-width: 1024px) {
.page-ne .latest-news .boardCont {
	padding: 2rem;
}
}
@media screen and (max-width: 1023px) {
.page-ne .latest-news .thumb, .page-ne .latest-news .boardCont {
	width: 100%;
	float: none;
}
.page-ne .latest-news .boardCont {
	height: auto;
}
.page-ne .latest-news .boardCont {
	position: inherit;
}
.page-ne .board-li .boardCont {
	padding: 1rem;
}
.page-ne .board-li h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: auto;
}
}
@media screen and (max-width: 768px) {
.page-ne .latest-news .boardCont p {
	height: auto;
}
.page-ne .latest-news .thumb img {
	margin: -20px 0;
}
}
@media screen and (max-width: 767px) {
.page-ne .board-li h3 {
	font-size: 1.071rem;
	line-height: 20px;
}
.page-ne .tag-li li {
	margin-bottom: 1rem;
}
.page-ne .board-li li {
	margin-bottom: 2rem;
}
.page-ne .board-li li:last-child {
	margin-bottom: 0;
}
.page-ne .board-li .thumb img {
	width: 100%;
}
.page-ne .boardCont {
	padding: 1.428rem 1.071rem;
}
.page-ne .boardCont .date, .page-ne .latest-news .boardCont .date {
	margin-top: 0;
}
.page-ne .boardCont .cont, .page-ne .board-li .boardCont .cont {
	height: 75px;
}
}
/* News Events - 검색결과없음 */
.search-result {
	display: table;
	width: 100%;
	height: 287px;
	border-top: 2px solid #7b7b7b;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}
.search-result .warning {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.search-result .warning:before {
	display: block;
	margin: 0 auto 30px;
	content: url(../images/no-result.png);
}
/* News Events - view */
.board-view .view-tit {
	padding: 34px 30px;
	border-top: 2px solid #7b7b7b;
	border-bottom: 1px solid #e1e1e1;
}
.board-view .view-tit h2 {
	margin-bottom: 14px;
}
.board-view .view-tit .date {
	font-weight: 300;
	color: #888;
}
.board-view .view-cont {
	padding: 60px 30px;
	line-height: 26px;
	font-weight: 300;
	color: #555;
}
.board-view .tag-social .tag-li {
	float: left;
	padding: 0 0 0 30px;
}
.board-view .tag-social .social-li {
	float: right;
}
.board-view .np-list {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
.board-view .np-list li a {
	width: 100%;
	display: inline-block;
}
.board-view .np-list li p {
	float: left;
	font-size: 1rem;
}
.board-view .np-list .next {
	border-bottom: 1px solid #e1e1e1;
}
.board-view .np-list li p:first-child {
	width: 95px;
	color: #333;
	text-transform: capitalize;
}
.board-view .np-list li p:first-child:after {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 9px;
	background: url(../images/np-arrow.png)no-repeat center;
	background-size: contain;
	content: '';
	vertical-align: middle;
}
.board-view .np-list li p:last-child {
	width: calc(100% - 95px);
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board-view .np-list li a:hover p:last-child, .board-view .np-list li a:hover p:first-child {
	color: #e60012;
}
.board-view .np-list li:after {
	display: block;
	clear: both;
	content: '';
}
.board-view .np-list .prev p:first-child:after {
	transform: rotate(180deg);
	vertical-align: middle;
}
.board-view .np-list li p:first-child {
	padding: 20px 0 20px 20px;
}
.board-view .np-list li p:last-child {
	padding: 20px 30px;
}
.board-view .np-list li a:hover p:first-child:after {
	background-image: url(../images/np-arrow-on.png);
}
.page-ne .list-btn {
	float: right;
	width: 112px;
	height: 60px;
	margin-right: 10px;
	text-align: center;
	text-transform: capitalize;
	line-height: 60px;
	display: inline-block;
	margin-top: 60px;
	font-size: 1.25rem;
	font-weight: 500;
	color: #fff;
	background: #222;
}
.page-ne .list-btn:hover {
	background: #e60012;
}
 @media screen and (max-width: 767px) {
.board-view .view-tit {
	padding: 1.428rem 0.714rem;
}
.board-view .view-cont {
	padding: 1.428rem 0.714rem;
	font-size: 0.928rem;
	line-height: 18px;
}
.page-ne .list-btn {
	float: none;
	display: block;
	max-width: 80px;
	height: 42px;
	line-height: 42px;
	margin: 2.142rem auto 0;
	font-size: 1rem;
}
.board-view .np-list li p {
	padding: 1.428rem 1.071rem;
}
}
/* Locations */
.page-location .gmap {
	height: 450px;
	border-top: 2px solid #7b7b7b;
}
.page-location .map-info h2 {
	padding-top: 60px;
	font-weight: 700;
	text-align: center;
}
.page-location .info-table td {
	width: 50%;
	padding: 40px 30px;
	border: 1px solid #d9d9d9;
	border-left: 0;
	border-right: 0;
}
.page-location .info-table td:first-child {
	border-right: 1px solid #d9d9d9;
}
.page-location .info-table dl {
	padding-left: 133px;
	position: relative;
}
.page-location .info-table dl:before {
	display: inline-block;
	width: 102px;
	height: 102px;
	background: url(../images/tel-ico.png)no-repeat center;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page-location .info-table td:last-child dl:before {
	background-image: url(../images/email-ico.png);
}
.page-location .info-table dl dt {
	margin-bottom: 20px;
}
.page-location .info-table dl dd {
	font-weight: 300;
}
.page-location .cn-map {
	display: none;
	padding-top: 100px;
}
:lang(en) .page-location .cn-map {
	display: block;
}
@media screen and (max-width: 767px) {
.page-location .map-info h2 {
	padding-top: 30px;
}
.page-location .info-table td {
	display: block;
	width: 100%;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.page-location .info-table td:first-child {
	border-bottom: 0;
}
.page-location .info-table dl {
	padding-left: 85px;
}
.page-location .info-table dl:before {
	width: 60px;
	height: 60px;
	background-size: contain;
}
.page-location .cn-map {
	padding-top: 50px;
}
}
/* company introduction */
.sub-section .sub-visual {
	height: 500px;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.sub-section .sub-visual .sub-tit {
	margin-bottom: 30px;
	padding-top: 100px;
}
.sub-section .sub-visual p {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 28px;
}
.sub-section .sub-tit {
	font-size: 2.25rem;
}
.sub-section .con-tit {
	font-size: 1.875rem;
	font-weight: 900;
	color: #222;
	line-height: 40px;
}
.sub-section .txt-center {
	text-align: center;
}
.sub-section .content-box {
	margin-top: -140px;
	padding-top: 40px;
	background: #fff;
}
.page-intro .sub-visual {
	background-image: url(../images/intro-bg.jpg);
}
.page-intro .sub-visual .sub-tit {
	color: #fff;
}
.page-intro .content-box .inner {
	padding-bottom: 120px;
	margin-bottom: 120px;
	border-bottom: 1px solid #e1e1e1;
}
.page-intro .content-box .inner:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.page-intro .content-box .inner .txt-center {
	margin-bottom: 80px;
}
.page-intro .company-intro {
	margin-bottom: 120px;
	position: relative;
	color: #555;
	font-weight: 300;
	line-height: 150%;
}
.page-intro .company-intro .m10-col-3 {
	text-align: center;
	padding-left: 20px;
}
.page-intro .company-intro .m10-col-7 {
	padding-right: 60px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page-intro .global-box {
	display: table;
	width: 100%;
	height: 316px;
	text-align: center;
	background: #eef3f6;
}
.page-intro .global-box .cont-inner {
	display: table-cell;
	vertical-align: middle;
}
.page-intro .global-box .cont-inner .con-tit2 {
	line-height: 24px;
	margin-bottom: 0;
}
.page-intro .global-box .cont-inner.sponsorship {
	padding: 0 7%;
}
.page-intro .global-box .cont-inner .sponsor-text {
	font-size: 0.875rem;
	line-height: 22px;
	color: #888;
	padding-top: 5px;
	text-align: left;
}
.page-intro .global-box li {
	float: left;
	width: calc(33.333% - 2%);
	margin: 0 1%;
	font-size: 1.125rem;
	font-weight: 300;
	color: #555;
	line-height: 150%;
}
.page-intro .global-box li p:before {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 30px;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
}
.page-intro .global-box li:nth-child(1) p:before {
	background-image: url(../images/global-01.png);
}
.page-intro .global-box li:nth-child(2) p:before {
	background-image: url(../images/global-02.png);
}
.page-intro .global-box li:nth-child(3) p:before {
	background-image: url(../images/global-03.png);
}
.page-intro .isb-li {
	font-size: 0;
}
.page-intro .isb-li li {
	display: inline-block;
	width: calc(25% - 20px);
	margin: 0 10px 35px;
	vertical-align: top;
}
.page-intro .isb-li li p {
	margin: 25px 0;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
}
.page-intro .con-tit {
	text-align: center;
	margin-bottom: 50px;
	padding-top: 40px;
}
.page-intro .content-box .inner:first-child {
	padding-bottom: 60px;
}
.page-intro .content-box .inner:last-child .con-tit {
	padding-top: 0;
}
@media screen and (max-width: 1023px) {
.page-intro .sub-visual {
	height: 495px;
	background-image: url(../images/intro-mbg.jpg);
	background-size: cover;
}
.sub-section .sub-visual .sub-tit {
	padding-top: 2.857rem;
	font-size: 1.5rem;
	margin-bottom: 1.785rem;
}
.sub-section .sub-visual p {
	font-size: 1rem;
	line-height: 19px;
}
.sub-section .content-box {
	padding-top: 1.785rem;
	margin-top: -70px;
}
.page-intro .content-box .inner:first-child {
	padding-bottom: 3.571rem;
}
.page-intro .company-intro .m10-col-3 {
	padding-left: 0;
	max-width: 170px;
	margin: 0 auto;
	float: none;
}
.page-intro .company-intro .m10-col-7 {
	width: 100%;
	margin-top: 1rem;
	padding-right: 0;
	position: inherit;
	top: inherit;
	transform: none;
}
}
@media screen and (max-width: 767px) {
.page-intro .company-intro {
	margin-bottom: 3.571rem;
}
.page-intro .company-intro2 {
	margin-top: 3rem;
}
.page-intro .company-intro2>div:last-child .con-tit {
	margin: 3.571rem 0 2.142rem;
}
.page-intro .content-box .inner .txt-center {
	margin-bottom: 2.857rem;
}
.page-intro .con-tit {
	margin-bottom: 2rem;
}
.page-intro .global-box {
	height: auto;
}
.page-intro .global-box ul {
	padding: 2.142rem 0;
}
.page-intro .global-box li {
	width: calc(33.333% - 20px);
	margin: 0 10px;
}
.page-intro .global-box li p:before {
	width: 60px;
	height: 60px;
	margin: 0 auto 1.071rem;
}
.page-intro .global-box li:nth-child(1) p:before {
	background-size: 20px 23px;
}
.page-intro .global-box li:nth-child(2) p:before {
	background-size: 12.5px 22.5px;
}
.page-intro .global-box li:nth-child(3) p:before {
	background-size: 23.5px 23.5px;
}
.page-intro .global-box .cont-inner .con-tit2 {
	line-height: 1.285rem;
	word-break: keep-all;
}
.page-intro .global-box .cont-inner.sponsorship {
	padding: 2.142rem 1.071rem;
}
.page-intro .global-box .cont-inner .sponsor-text {
	padding-top: 1.071rem;
	font-size: 0.785rem;
	line-height: 16px;
}
.page-intro .content-box .inner {
	padding-bottom: 3rem;
	margin-bottom: 2rem;
}
.page-intro .isb-li li {
	width: calc(50% - 10px);
	margin: 0 5px 30px;
}
.page-intro .isb-li li:nth-last-child(-n+2) {
	margin-bottom: 0;
}
.page-intro .isb-li li p {
	margin: 1.071rem 0 0;
	font-size: 1.071rem;
	line-height: 20px;
}
}
/* CI */
.sub-section .sub-desc {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 28px;
}
.page-ci .ci-box {
	margin-top: 60px;
}
.page-ci .ci-box li {
	padding: 60px 0;
	border-top: 1px solid #e1e1e1;
	text-align: center;
}
.page-ci .ci-box li:last-child {
	padding-bottom: 0;
}
.page-ci .ci-box .grid_wrap {
	position: relative;
}
.page-ci .ci-box .m10-col-5 {
	margin-bottom: 0;
}
.page-ci .ci-box .m10-col-6 {
	text-align: left;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page-ci .ci-box .download {
	margin: 10px -10px 0;
}
.page-ci .ci-box .download>* {
	float: left;
	margin: 0 10px;
}
.page-ci .ci-box .download dt {
	width: calc(30% - 20px);
	font-weight: 400;
	color: #222;
}
.page-ci .ci-box .download dd {
	width: calc(70% - 26px);
}
.page-ci .ci-box .download dd:after {
	display: block;
	clear: both;
	content: '';
}
.page-ci .ci-box .btn_down {
	max-width: 135px;
	float: left;
	margin: 0 3px;
	padding: 11px 0;
	width: calc(50% - 6px);
}
.sub-section .down-btn {
	display: inline-block;
	margin-right: 30px;
	color: #e60012;
}
.sub-section .down-btn:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../images/down-ico.png)no-repeat center;
	background-size: 16px 16px;
	content: '';
}
.page-ci .ci-box .ci-desc {
	padding: 60px 0;
}
.page-ci .ci-box .ci-desc dd {
	text-align: left;
	font-weight: 300;
	line-height: 26px;
}
@media screen and (min-width: 768px) {
.page-ci .ci-box ul li:last-child .grid_wrap:last-child .ci-desc {
	padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.page-ci .ci-box {
	margin-top: 2.857rem;
}
.page-ci .ci-box li {
	padding: 3rem 0;
}
.page-ci .ci-box .m10-col-6 {
	margin-top: 2rem;
	position: inherit;
	top: inherit;
	transform: none;
}
.page-ci .ci-box .download dt, .page-ci .ci-box .download dd {
	width: calc(50% - 20px);
}
.page-ci .ci-box .m10-col-5 .ci-desc {
	padding: 2.142rem 0 2.857rem;
}
.page-ci .ci-box .ci-desc dd {
	font-size: 0.928rem;
	line-height: 18px;
}
.page-ci .ci-box .btn_down {
	width: 100%;
	margin: 0 0 5px 0;
}
}
/* Our belief */
.sub-section .sub-tit2 {
	font-size: 1.625rem;
	font-weight: 300;
	color: #222;
}
.page-ob .sub-visual {
	height: 450px;
	background-image: url(../images/ob-bg.jpg);
}
.page-ob .sub-tit2 {
	margin-bottom: 60px;
	text-align: center;
	line-height: 40px;
}
.page-ob .sub-tit2:before, .page-ob .sub-tit2:after {
	display: inline-block;
	content: url(../images/quotes.png);
}
.page-ob .sub-tit2:before {
	transform: translate(-30px, -20px);
}
.page-ob .sub-tit2:after {
	transform: translate(180px, -20px);
}
.page-ob .ob-li li {
	padding: 40px 30px;
	height: 396px;
	border: 1px solid #d9d9d9;
	position: relative;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}
.page-ob .ob-li li dd {
	font-weight: 300;
	line-height: 26px;
}
.page-ob .ob-li li a {
	display: block;
	width: 100%;
	height: 50px;
	font-size: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/more-btn.png) no-repeat calc(100% - 40px) center;
}
.page-ob .ob-li li:nth-child(1) a {
	background-color: #e60012;
}
.page-ob .ob-li li:nth-child(2) a {
	background-color: #0088ce;
}
.page-ob .ob-li li:nth-child(3) a {
	background-color: #00ad83;
}
.page-ob .ob-li li:hover {
	box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}
.page-ob .inner-cont .con-tit2 {
	margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.page-ob .ob-li li {
	padding: 1rem;
}
.page-ob .ob-li li dt {
	margin-bottom: 1rem;
}
}
@media screen and (max-width: 1023px) {
.page-ob .sub-tit2 {
	padding: 0 20px;
	position: relative;
}
.page-ob .sub-tit2:before {
	position: absolute;
	transform: none;
	top: -30px;
	left: 20px;
}
.page-ob .sub-tit2:after {
	position: absolute;
	transform: none;
	right: 20px;
	bottom: -30px;
}
.page-ob .ob-li li {
	width: calc(100% - 2%);
	height: auto;
	padding: 1.428rem 1.071rem 5rem 1.071rem;
	margin-bottom: 2rem;
}
.page-ob .ob-li li:last-child {
	margin-bottom: 0;
}
.page-ob .ob-li li a {
	background-position: calc(100% - 25px) center;
}
}
@media screen and (max-width: 767px) {
.page-ob .inner-cont .con-tit2 {
	margin-bottom: 1.071rem;
}
.page-ob .ob-li li dd {
	font-size: 0.928rem;
	line-height: 18px;
}
}
/* Our Aspiration & Core Values */
.sub-section .con-tit2 {
	margin-bottom: 30px;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
	line-height: 30px;
}
.page-ob .obCont .inner {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #e1e1e1;
}
.page-ob .obCont .inner:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.page-ob .obCont .inner-tit .m10-col-7 {
	padding-top: 3%;
}
.page-ob .obCont .inner-tit .tit {
	line-height: 34px;
}
.page-ob .obCont .inner-cont .grid_wrap {
	margin-top: 60px;
}
.page-ob .obCont .inner-cont .grid_wrap>div:first-child .tit {
	background: #e60012;
}
.page-ob .obCont .inner-cont .grid_wrap>div:last-child .tit {
	background: #009b75;
}
.page-ob .obCont .inner-cont .tit {
	width: 100%;
	height: 130px;
	display: table;
	padding: 0 10px;
	margin-bottom: 0;
	font-size: 0;
}
.page-ob .obCont .inner-cont .tit dl {
	display: table-cell;
	vertical-align: middle;
}
.page-ob .obCont .inner-cont .tit dl>* {
	display: inline-block;
	padding: 0 20px;
	vertical-align: middle;
	color: #fff;
}
.page-ob .obCont .inner-cont .tit dt {
	width: 30%;
	font-size: 1.25rem;
	font-weight: 500;
	text-align: center;
}
.page-ob .obCont .inner-cont .tit dt.m_ver {
	display: none;
}
@media screen and (max-width: 1024px) {
.page-ob .obCont .inner-tit .m10-col-7 {
	padding-top: 0;
}
}
@media screen and (max-width: 767px) {
.page-ob .obCont .inner-cont .tit dt.pc_ver {
	display: none;
}
.page-ob .obCont .inner-cont .tit dt.m_ver {
	display: block;
}
}
.page-ob .obCont .inner-cont .tit dd {
	width: 70%;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 150%;
	position: relative;
}
@media screen and (max-width: 767px) {
.page-ob .obCont .inner-cont .tit dd {
	margin-top: 15px;
}
}
.page-ob .obCont .inner-cont .tit dd:after {
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	opacity: 0.3;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}
.page-ob .obCont .inner-cont p.tit {
	width: 100%;
	display: table;
	padding: 0;
	font-size: 1.375rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.page-ob .obCont .inner-cont p.tit span {
	display: table-cell;
	vertical-align: middle;
}
.page-ob .obCont .inner-cont .txt-box {
	min-height: 422px;
	padding: 40px 30px;
	border: 1px solid #d9d9d9;
}
.page-ob .obCont .inner-cont .txt-box p {
	margin-bottom: 30px;
}
.page-ob .obCont .inner-cont .txt-box p:last-child {
	margin-bottom: 0;
}
.page-ob .obCont .inner-cont .txt-box dl {
	margin-bottom: 40px;
}
.page-ob .obCont .inner-cont .txt-box dd {
	font-weight: 300;
	line-height: 26px;
}
.page-ob .obCont .inner-cont .txt-box dl:last-child {
	margin-bottom: 0;
}
.page-ob .obCont .cv-li {
	font-size: 0;
}
.page-ob .obCont .cv-li li {
	display: inline-block;
	width: 33.333%;
	padding: 0 10px;
	margin-bottom: 30px;
	vertical-align: top;
	font-size: 1rem;
	font-weight: 300;
	line-height: 150%;
}
/*.page-ob .obCont .cv-li li:nth-child(3n-1) { width: 40%; }*/
.page-ob .obCont .cv-li li:nth-last-child(-n+2) {
	margin-bottom: 0;
}
.page-ob .obCont .cv-li li:before {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: -10px;
	margin-right: 5px;
	vertical-align: middle;
	background: #cacaca;
	content: '';
}
@media screen and (max-width: 768px) {
.page-ob .obCont .inner-cont .grid_wrap>* {
	width: calc(100% - 2%);
	margin-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.page-ob .obCont .inner {
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
.page-ob .obCont .inner-tit .tit {
	line-height: 21px;
}
.page-ob .obCont .inner-cont .tit {
	padding: 0 1.5rem;
}
.page-ob .obCont .inner-cont .tit dl>* {
	display: block;
}
.page-ob .obCont .inner-cont .tit dl dt, .page-ob .obCont .inner-cont .tit dl dd {
	width: 100%;
	padding: 0;
	text-align: left;
}
.page-ob .obCont .inner-cont .txt-box dd {
	font-size: 0.928rem;
	line-height: 18px;
}
.page-ob .obCont .inner-cont .tit dd:after {
	display: none;
}
.page-ob .obCont .inner-cont .txt-box {
	min-height: auto;
	padding: 2rem 1.5rem;
}
.page-ob .obCont .cv-li li {
	width: 50%;
	margin-bottom: 1rem;
}
}
/* Our strategy*/
.page-ob .obCont.strategy .inner-cont .grid_wrap {
	margin: 0 -80px;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>* {
	width: calc(50% - 160px);
	margin: 0 80px 0;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>div:first-child {
	position: relative;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>div:first-child:after {
	content: url(../images/2g.jpg);
	position: absolute;
	top: 0;
	right: -117.5px;
}
.page-ob .obCont.strategy .inner-cont .txt-box {
	min-height: 732px;
}
@media screen and (max-width: 768px) {
.page-ob .obCont.strategy .inner-cont .grid_wrap {
	margin: 0;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>* {
	width: 100%;
	margin: 0 0 10rem;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>div:last-child {
	margin-bottom: 0;
}
.page-ob .obCont.strategy .inner-cont .grid_wrap>div:first-child:after {
	top: inherit;
	right: inherit;
	left: 50%;
	bottom: -8rem;
	transform: translateX(-50%);
	content: url(../images/2g-mobile.png);
}
.page-ob .obCont.strategy .inner-cont .txt-box {
	min-height: auto;
}
}
/* Our people */
.page-ob .obCont.people .inner-tit p {
	text-align: center;
}
.page-ob .obCont.people .inner-cont dl {
	margin-bottom: 60px;
}
.page-ob .obCont.people .inner-cont dt {
	margin-bottom: 30px;
	font-size: 1.375rem;
	font-weight: 700;
	color: #222;
}
.page-ob .obCont.people .inner-cont dd {
	font-weight: 300;
	line-height: 26px;
}
.page-ob .obCont.people .inner-cont dl:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.page-ob .obCont.people .inner-cont dl {
	margin-bottom: 2.142rem;
}
.page-ob .obCont.people .inner-cont dt {
	font-size: 1.071rem;
	line-height: 20px;
	margin-bottom: 1.071rem;
}
.page-ob .obCont.people .inner-cont dd {
	font-size: 0.928rem;
	line-height: 18px;
}
}
/* Code of conduct */
.page-coc .sub-desc {
	margin-bottom: 60px;
	font-size: 1.125rem;
}
.page-coc .coc-li {
	margin: 60px -20px 0;
	font-size: 0;
}
.page-coc .coc-li li {
	display: inline-block;
	width: calc(33.333% - 40px);
	height: 430px;
	margin: 0 20px;
	padding: 40px 30px 50px;
	border: 1px solid #d9d9d9;
	vertical-align: top;
	font-size: 1rem;
	position: relative;
}
.page-coc .coc-li li .more-btn {
	width: 100%;
	height: 50px;
	font-size: 0;
	background: url(../images/more-btn.png)no-repeat calc(100% - 40px) center;
	background-color: #e60012;
	position: absolute;
	left: 0;
	bottom: 0;
}
.page-coc .coc-li li:nth-child(2) .more-btn {
	background-color: #0088ce;
}
.page-coc .coc-li li:nth-child(3) .more-btn {
	background-color: #00ad83;
}
.page-coc .coc-li li:hover {
	box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}
 @media screen and (min-width: 768px) {
.page-coc .coc-li li .tit {
	min-height: 64px;
}
}
@media screen and (max-width: 1199px) {
.page-coc .coc-li li {
	padding: 10px 20px;
}
}
 @media screen and (max-width: 1023px) {
.page-coc .coc-li {
	margin: 60px 0 0;
}
.page-coc .coc-li li {
	width: 100%;
	height: auto;
	padding: 2rem 1.5rem 5rem;
	margin: 0 0 2rem;
}
.page-coc .coc-li li:last-child {
	margin-bottom: 0;
}
.page-coc .coc-li li .more-btn {
	background-position: calc(100% - 25px);
}
}
@media screen and (max-width: 767px) {
.page-coc .sub-desc {
	margin-bottom: 2.142rem;
	line-height: 20px;
}
.page-coc .coc-li {
	margin: 2.142rem 0 0;
}
.page-coc .coc-li li {
	padding: 1.428rem 1.071rem 5rem 1.071rem;
}
}
/* Message chairman */
.page-coc .msg-box {
	padding: 60px;
	border: 1px solid #dfdfdf;
	border-top: 2px solid #7b7b7b;
	background: url(../images/msg-bg.jpg)no-repeat center top;
	background-size: cover;
}
.page-coc .msg-box p {
	margin-bottom: 30px;
}
.page-coc .msg-box .ceo {
	margin-bottom: 0;
	font-size: 1.125rem;
	color: #222;
	text-align: right;
	line-height: 34px;
}
@media screen and (max-width: 767px) {
.page-coc .msg-box {
	padding: 1.428rem 1.071rem;
}
}
/* Doosan codeOfConduct */
.sub-section .tab-menu {
	margin-bottom: 60px;
}
.sub-section .tab-menu li {
	float: left;
	width: 25%;
	height: 70px;
	display: table;
	border: 1px solid #e1e1e1;
	border-right: 0;
	border-bottom: 0;
	font-weight: 300;
	color: #222;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}
.sub-section .tab-menu li>* {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.sub-section .tab-menu li:nth-child(4), .sub-section .tab-menu li:last-child {
	border-right: 1px solid #e1e1e1;
}
.sub-section .tab-menu li:nth-last-child(-n+2) {
	width: 50%;
	border-bottom: 1px solid #e1e1e1;
}
.sub-section .tab-menu li:hover {
	color: #fff;
	background: #222;
	font-weight: 400;
}
.sub-section .dot-li li {
	padding-left: 15px;
	line-height: 26px;
}
.sub-section .dot-li li:before {
	display: inline-block;
	width: 3px;
	height: 3px;
	vertical-align: middle;
	margin-left: -15px;
	margin-right: 12px;
	border-radius: 100%;
	background: #999;
	content: '';
}
.page-coc .dsCocCont .inner {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 300;
}
.page-coc .dsCocCont .inner:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.page-coc .dsCocCont .txt-box {
	margin-bottom: 40px;
	padding: 40px;
	background: #f4f4f4;
	font-style: italic;
}
.page-coc .dsCocCont .txt-box p {
	color: #222;
}
.page-coc .dsCocCont .txt-box em {
	font-weight: 500;
	color: #e60012;
}
.page-coc .dsCocCont .dot-li {
	padding-left: 25px;
	margin-bottom: 40px;
}
.page-coc .dsCocCont .dot-li:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sub-section .tab-menu li {
	width: 50%;
}
.sub-section .tab-menu li:nth-child(2) {
	border-right: 1px solid #e1e1e1;
}
.page-coc .dsCocCont .inner {
	padding-bottom: 2.142rem;
	margin-bottom: 2.142rem;
}
.page-coc .dsCocCont .txt-box {
	padding: 1.428rem;
	margin-bottom: 2.142rem;
}
.page-coc .dsCocCont .dot-li {
	padding-left: 0;
}
}
/* Ethical Management Activities */
.page-coc .emaCont ul li {
	margin-bottom: 60px;
}
.page-coc .emaCont ul li:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.page-coc .emaCont ul li {
	margin-bottom: 2.142rem;
}
.sub-section .dot-li li {
	line-height: 18px;
}
}
/* Legal notice */
.page-ln .noticeCont .inner {
	margin-bottom: 60px;
}
.page-ln .noticeCont .inner:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.page-ln .noticeCont .inner {
	margin-bottom: 2.142rem;
}
}
/* privacy policy */
.page-privacy .pri-txt {
	margin-bottom: 60px;
	padding: 50px 40px;
	background: #f9f8f8;
}
.page-privacy .tab-menu li, .page-privacy .tab-menu li:nth-last-child(-n+2) {
	width: 33.333%;
	border-bottom: 1px solid #e1e1e1;
	cursor: pointer;
}
.page-privacy .priCont {
	line-height: 26px;
	font-weight: 300;
}
.page-privacy .txt {
	margin-bottom: 30px;
}
.page-privacy .txt:last-child {
	margin-bottom: 0;
}
.page-privacy .tit {
	margin-bottom: 60px;
}
.page-privacy .con-tit2 {
	margin-top: 60px;
}
.page-privacy .priCont dl, .page-privacy .pri-li {
	margin-bottom: 30px;
}
.page-privacy .priCont .last-text {
	margin-bottom: 0;
}
.page-privacy .color {
	color: #e60012;
}
.page-privacy .priCont dt {
	font-weight: 400;
	color: #222;
}
.page-privacy #tab2 .con-tit2 {
	margin-bottom: 30px;
}
.page-privacy .tab2-sec, .page-privacy .tab3-sec {
	margin-top: 70px;
}
@media screen and (max-width: 767px) {
/*.page-privacy .tab-menu li, .page-privacy .tab-menu li:nth-last-child(-n+2) { width: 100%; border: 0; }*/
.page-privacy .tab-menu li {
	height: auto;
}
.page-privacy .tab-menu li.item {
	width: 100%;
	border: 1px solid #e1e1e1;
	border-bottom: 0;
	padding: 5px 0;
}
.page-privacy .tab-menu li.item:last-child {
	border-bottom: 1px solid #e1e1e1;
}
.page-privacy .con-tit2 {
	margin-top: 2.142rem;
	margin-bottom: 1.071rem;
}
.page-privacy .pri-txt {
	padding: 1.428rem 1.071rem;
}
.page-privacy .txt, .page-privacy .priCont dl, .page-privacy .pri-li {
	margin-bottom: 1.071rem;
}
.sub-section .tab-menu {
	margin-bottom: 2.142rem;
}
.page-privacy .tab2-sec, .page-privacy .tab3-sec {
	margin-top: 2.142rem;
}
.page-privacy .priCont {
	font-size: 0.928rem;
	line-height: 18px;
}
.page-privacy .con-tit2:first-child {
	margin-top: 0;
}
}
/* Terms of Use */
.sub-section a.link {
	color: #e60012;
}
.page-privacy .termsCont .sub-desc {
	margin-bottom: 60px;
	text-align: center;
}
.page-privacy .termsCont .inner {
	padding-top: 60px;
	border-top: 1px solid #e6e6e6;
}
.page-privacy .termsCont .tit {
	margin-bottom: 30px;
	margin-top: 60px;
}
.page-privacy .termsCont .tit:first-child {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
.page-privacy .termsCont .sub-desc {
	margin-bottom: 2.142rem;
}
.page-privacy .termsCont .inner {
	padding-top: 2.142rem;
}
.page-privacy .termsCont .tit {
	margin-bottom: 1.071rem;
	margin-top: 2.142rem;
}
}
/* Product */
.sub-section .touch-ico {
	display: none;
}
.page-pro {
	padding-bottom: 65px;
}
.page-pro section {
	padding: 150px 0;
}
.page-pro section.pro-sec3 {
	padding-top: 0;
}
.page-pro section:last-child {
	padding-bottom: 0;
}
.page-pro section.pro-sec2 {
	padding-bottom: 150px;
}
.page-pro .pro-sec1 {
	padding: 0 0 120px 0;
	position: relative;
}
.page-pro .pro-sec1:after {
	width: 100%;
	height: 332px;
	background: #e2edf6;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
}
.page-pro .pro-sec1 .video-box {
	margin-bottom: 120px;
	position: relative;
}
.page-pro .pro-sec1 .control-box {
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-pro .pro-sec1 .control-box .control, .page-pro .pro-sec1 .control-box .m-control {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	border-radius: 100%;
	font-size: 0;
	background: url(../images/stop-ico2.png)no-repeat center;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-pro .pro-sec1 .control-box .control.on, .page-pro .pro-sec1 .control-box .m-control {
	background-image: url(../images/play-ico2.png);
}
.page-pro .pro-sec1 .control-box .m-control {
	display: none;
}
.page-pro .pro-sec1 .control-box .control:hover {
	border-color: #e60012;
	background-image: url(../images/stop-ico2-on.png);
}
.page-pro .pro-sec1 .control-box .control.on:hover {
	background-image: url(../images/play-ico2-on.png);
}
.page-pro .pro-sec1 .video-box .m-close {
	display: none;
}
/*
.page-pro .pro-sec1 .video-box.m-open { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999;}
.page-pro .pro-sec1 .video-box.m-open .index-bg { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.page-pro .pro-sec1 .video-box.m-open .m-close { display: block; width: 24px; height: 24px; background: url(../images/m-cancle.png)no-repeat; background-size: 100%; position: absolute; top: 10px; right: 10px; z-index: 999; cursor: pointer; }
*/
.page-pro .pro-sec1 .video-box .product_bg {
	width: 100%;
}
.page-pro .pro-sec1 .video-box .pc_thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/product_media_screen.jpg);
	background-size: cover;
	z-index: 1;
}
.page-pro .pro-sec1 .video-box .mobile_thumbnail {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/m_product_media_screen.jpg);
	background-size: cover;
	z-index: 1;
}
 @media screen and (min-width: 1025px) {
.page-pro .pro-sec1 .control-box .control {
	transition: .3s ease;
	-webkit-transition: .3s ease;
}
.page-pro .pro-sec1 .control-box:hover .control {
	visibility: visible !important;
	opacity: 1 !important;
}
.page-pro .pro-sec1 .sound-box {
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 99;
}
.page-pro .pro-sec1 .sound-box .sound-btn {
	width: 32px;
	height: 23px;
	background: url(../images/sound-off.png)no-repeat center;
	background-size: cover;
	cursor: pointer;
}
.page-pro .pro-sec1 .sound-box .sound-btn.off {
	background-image: url(../images/sound-on.png);
}
}
@media screen and (max-width: 1024px) {
.page-pro .pro-sec1 .control-box .m-control {
	display: inline-block;
}
.page-pro .pro-sec1 .control-box .control {
	display: none;
}
.page-pro .pro-sec1 .video-box .pc_thumbnail.pc_ver {
	display: none;
}
.page-pro .pro-sec1 .video-box .mobile_thumbnail.m_ver {
	display: inline-block;
}
}
@media screen and (max-width: 767px) {
.page-pro .pro-sec1 {
	padding-bottom: 50px;
}
.page-pro .pro-sec1 .video-box .mobile_thumbnail.m_ver {
	height: 100%;
}
#proVideo {
	display: none;
}
.page-pro .pro-sec1 .control-box .control, .page-pro .pro-sec1 .control-box .m-control {
	width: 60px;
	height: 60px;
	border-width: 3px;
}
.page-pro .pro-sec1 .control-box .control.on, .page-pro .pro-sec1 .control-box .m-control {
	background-size: 20px 23px;
}
.page-pro section.pro-sec2 {
	position: relative;
}
.sub-section .touch-ico {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.sub-section .touch-ico img {
	width: 75px;
}
}
.page-pro .solution-box {
	margin: 60px 0 80px;
	border: 1px solid #d9d9d9;
	text-align: center;
}
.page-pro .solution-box .inner {
	padding: 80px 0;
}
.page-pro .solution-li {
	padding: 40px 20%;
	background: #e2edf6;
	font-size: 0;
	text-align: center;
}
.page-pro .solution-li li {
	display: inline-block;
	width: 25%;
	padding: 0 10px;
	text-align: center;
	vertical-align: top;
	font-size: 1rem;
	font-weight: 700;
	color: #333;
}
.page-pro .solution-li li:before {
	display: block;
	width: 80px;
	height: 6px;
	margin: 0 auto 20px;
	content: '';
}
.page-pro .solution-li li:nth-child(1):before {
	background: #e14652;
}
.page-pro .solution-li li:nth-child(2):before {
	background: #0088ce;
}
.page-pro .solution-li li:nth-child(3):before {
	background: #00ad83;
}
.page-pro .solution-desc {
	max-width: 1042px;
	margin: 0 auto;
}
.page-pro .solution-desc li {
	float: left;
	width: calc(20% - 10px);
	margin: 0 5px;
	padding-top: calc(20% - 10px);
	border-radius: 100%;
	border: 1px solid #d9d9d9;
	position: relative;
}
.page-pro .solution-desc li dl {
	width: 100%;
	text-align: center;
	color: #222;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page-pro .solution-desc li dt {
	margin-bottom: 20px;
	font-size: 1.375rem;
	font-weight: 900;
}
.page-pro .solution-desc li dd {
	font-weight: 300;
	color: #555;
}
.page-pro .solution-desc li:first-child dt {
	margin-bottom: 15px;
}
/* .page-pro .solution-desc li:first-child dt:after { display: block; margin: 10px auto 0; content: url(../images/plus-ico2.png); } */
.page-pro .pro-table {
	text-align: center;
}
.page-pro .pro-table img {
	display: block;
	margin: 0 auto 15px;
}
.page-pro .pro-table th:first-child, .page-pro .pro-table td:first-child {
	width: 20%;
}
.page-pro .pro-table th:nth-child(2), .page-pro .pro-table td:nth-child(2) {
	width: 30%;
}
.page-pro .pro-table th:nth-child(3), .page-pro .pro-table td:nth-child(3), .page-pro .pro-table th:nth-child(4), .page-pro .pro-table td:nth-child(4) {
	width: 30%;
}
.page-pro .pro-table th, .page-pro .pro-table td {
	padding: 30px 10px;
	border-bottom: 4px solid rgba(234, 235, 240, 0.5);
	line-height: 26px;
}
.page-pro .pro-table th {
	vertical-align: top;
	font-size: 1.125rem;
	font-weight: 700;
	color: #222;
}
.page-pro .pro-table tr {
	background-color: #fff;
}
.page-pro .pro-table td {
	font-weight: 300;
}
.page-pro .pro-table td:first-child {
	font-weight: 500;
	color: #222;
}
.page-pro .pro-table td p {
	text-align: left;
	padding-left: 10px;
}
.page-pro .pro-table .color {
	color: #e14652;
}
.page-pro .pro-sec2 {
	background: url(../images/pro-bg.png)no-repeat center bottom;
	background-color: #eaebf0;
}
.page-pro .pro-li {
	margin-bottom: 100px;
}
.page-pro .pro-li:last-child {
	margin-bottom: 0;
}
.page-pro .pro-li .txt-center {
	margin-bottom: 80px;
}
.page-pro .pro-li h1 {
	margin-bottom: 20px;
	font-size: 1.875rem;
}
.page-pro .pro-li .txt-center p {
	font-size: 1.125rem;
}
.page-pro .pro-li ul li {
	margin-bottom: 135px;
	position: relative;
}
.page-pro .pro-li .m600, .page-pro .pro-li .hydrogen {
	margin-bottom: 155px;
}
/* .page-pro .pro-li ul li:last-child { margin-bottom: 0; } */
.page-pro .pro-li ul li:after {
	display: block;
	clear: both;
	content: '';
}
.page-pro .pro-li h2 {
	margin-bottom: 45px;
	font-size: 3.75rem;
	font-weight: 900;
	line-height: 100%;
}
.page-pro .pro-li .pro-cont {
	width: 100%;
	float: left;
	padding-left: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.page-pro .pro-li .pro-cont:after {
	width: 100%;
	height: 300px;
	background: #ededed;
	content: '';
	position: absolute;
	top: 34px;
	left: 0;
	z-index: -1;
}
.page-pro .pro-li .pro-thumb {
	float: right;
	position: relative;
}
/*.page-pro .pro-li .pro-cont { line-height: 170%; }*/
.page-pro .pro-li .more-btn {
	display: inline-block;
	width: 21px;
	height: 7px;
	margin-top: 60px;
	font-size: 0;
	background: url(../images/link-btn2.png)no-repeat;
	background-size:cover;
	content: '';
	cursor: pointer;
}
.page-pro .pro-li .left-thumb .pro-cont {
	text-align: right;
	padding-left: 0;
	padding-right: 60px;
}
.page-pro .pro-li .left-thumb .pro-thumb {
	float: left;
}
.page-pro .pro-li .df20 .pro-cont:after, .page-pro .pro-li .m600 .pro-cont:after, .page-pro .pro-li .hydrogen .pro-cont:after, .page-pro .pro-li .cabinet .pro-cont:after {
	top: 55px;
}
.page-pro .pro-li ul li:hover .more-btn {
	background-image: url(../images/link-btn2-on.png);
}
/*.page-pro .pro-li .dp20 .pro-cont { transform: translateY(-53%); }
.page-pro .pro-li .df20 .pro-cont, .page-pro .pro-li .cabinet .pro-cont { transform: translateY(-60%); }
.page-pro .pro-li .dt20 .pro-cont { transform: translateY(-52%); }
.page-pro .pro-li .hydrogen .pro-cont { transform: translateY(-55%); }
.page-pro .pro-li .parts .pro-cont { transform: translateY(-66%); }*/
@media screen and (max-width: 1024px) {
.page-pro .gradient-tit.pc_ver, .sub-section .gradient-tit.pc_ver {
	display: none;
}
.page-pro .gradient-tit.m_ver, .sub-section .gradient-tit.m_ver {
	display: block;
}
}
@media screen and (max-width: 1023px) {
.page-pro .solution-desc {
	font-size: 0;
	text-align: center;
}
.page-pro .solution-desc li {
	float: none;
	display: inline-block;
	width: calc(33.333% - 20px);
	padding-top: calc(33.333% - 20px);
	margin: 0 10px;
}
.page-pro .pro-sec3 .container {
	padding: 0;
	margin: 0;
	width: 100%;
}
.page-pro .pro-li .pro-thumb {
	width: 45%;
}
.page-pro .pro-li .pro-cont:after {
	height: 240px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.page-pro .pro-li .pro-cont a {
	display: block;
}
.page-pro .pro-li .left-thumb .pro-cont {
	padding-left: 50%;
}
}
@media screen and (max-width: 768px) {
.page-pro section {
	padding: 70px 0;
}
.page-pro .solution-li {
	padding: 26px 17px;
}
.page-pro .solution-li li {
	width: 33.333%;
	padding: 0 17px;
	font-size: 0.714rem;
}
.page-pro .solution-li li:before {
	width: 100%;
	max-width: 53px;
	height: 4px;
	margin: 0 auto 10px;
}
.page-pro .pro-li {
	margin-bottom: 50px;
}
.page-pro .pro-li .pro-cont {
	padding: 0 1rem;
}
.page-pro .table-box {
	overflow-x: scroll;
}
.page-pro .pro-table th, .page-pro .pro-table td {
	padding: 20px 10px;
}
.page-pro .pro-li .pro-thumb {
	text-align: right;
}
.page-pro .pro-li.drone ul li:nth-child(odd) .pro-cont {
	padding-right: 1rem;
}
.page-pro .pro-li.drone ul li:nth-child(odd) .pro-thumb {
	text-align: left;
}
}
@media screen and (max-width: 767px) {
.sub-section .gradient-tit {
	padding: 0 30px;
}
.page-pro .pro-sec1 {
	padding-top: 0;
}
.page-pro section.pro-sec2 {
	padding-bottom: 4rem;
}
.sub-section .pro-sec1 .container {
	padding: 0;
	width: 100%;
}
.page-pro .pro-sec1 .video-box {
	width: 100%;
	height: 59vw;
	margin-bottom: 3.571rem;
	position: relative;
}
.page-pro .pro-li .txt-center {
	margin-bottom: 2.857rem;
}
.page-pro .gradient-tit.m_ver img {
	max-width: 187px;
}
.page-pro .solution-box {
	margin: 2.142rem 0 40px;
}
.page-pro .solution-desc {
	margin: 0 -5px;
}
.page-pro .solution-desc li {
	width: calc(33.333% - 10px);
	padding-top: calc(33.333% - 10px);
	margin: 0 5px;
}
.page-pro .solution-desc li dt {
	margin-bottom: 0.5rem;
	font-size: 1rem;
}
.page-pro .solution-desc li dd {
	font-size: 0.875rem;
}
.page-pro .solution-desc li:first-child dt {
	margin-bottom: 5px;
}
.page-pro .solution-desc li:first-child dt:after {
	margin: 0.5rem auto 0;
}
.page-pro .pro-li h1 {
	font-size: 1.285rem;
}
.page-pro .pro-li h2 {
	margin-bottom: 1.785rem;
	font-size: 2.142rem;
	line-height: 40px;
}
.page-pro .pro-li .txt-center p {
	margin-bottom: 2.857rem;
	font-size: 0.928rem;
}
.page-pro .pro-li .pro-cont:after {
	height: 190px;
	top: 15px;
}
.page-pro .pro-li .df20 .pro-cont:after, .page-pro .pro-li .m600 .pro-cont:after, .page-pro .pro-li .hydrogen .pro-cont:after, .page-pro .pro-li .cabinet .pro-cont:after {
	top: 28px;
}
.page-pro .pro-li ul li, .page-pro .pro-li .m600, .page-pro .pro-li .hydrogen {
	margin-bottom: 100px;
}
.page-pro .pro-li .dp20 {
	margin-bottom: 90px;
}
.page-pro .pro-li .more-btn {
	display: block;
	width: 34px;
	margin-top: 2.142rem;
	background-size: contain;
}
.page-pro .pro-sec1:after {
	display: none;
}
.page-pro .pro-table {
	table-layout: fixed;
}
.page-pro .pro-table th:nth-child(2), .page-pro .pro-table td:nth-child(2),  .page-pro .pro-table th:nth-child(3), .page-pro .pro-table td:nth-child(3), .page-pro .pro-table th:nth-child(4), .page-pro .pro-table td:nth-child(4) {
	width: 140px;
	padding: 15px 7px;
	line-height: 18px;
}
.page-pro .pro-table th:first-child, .page-pro .pro-table tbody td:first-child {
	width: 85px;
}
.page-pro .pro-table th {
	font-size: 0.875rem;
}
.page-pro .pro-table td {
	font-size: 0.928rem;
}
.page-pro .pro-table img {
	margin: 0 auto 10px;
}
.page-pro .pro-table td img {
	max-width: 70%;
}
.page-pro .pro-table th img {
	height: 49.5px;
}
.page-pro .pro-li ul li:nth-child(even) .pro-thumb {
	float: right;
}
.page-pro .pro-li ul li:nth-child(even) .pro-cont {
	text-align: left;
	padding-right: 1rem;
}
.page-pro .pro-li .pro-cont .half_tex {
	display: inline-block;
	width: 54%;
}
.page-pro .pro-li .pro-cont {
	float: left;
}
.page-pro .pro-li .pro-thumb {
	float: right;
}
.page-pro .pro-li .left-thumb .more-btn {
	float: right;
}
.page-pro .pro-li .left-thumb .pro-cont {
	text-align: right !important;
	padding-right: 1rem;
}
.page-pro .pro-li .left-thumb .pro-thumb {
	float: left !important;
	text-align: left;
}
}
@media screen and (max-width: 500px) {
.page-pro .pro-li .cabinet .pro-thumb .mb {
	max-width: 105px;
}
}
/* Product 상세 */
.product_wrap .pro_menu.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 99;
}
.product_wrap .down-li ul li {
	height: 240px;
	padding: 30px 35px;
	border: 1px solid #d6d6d6;
	position: relative;
}
.product_wrap .down-li .con-tit2 {
	font-size: 1.5rem;
	font-weight: 700;
}
.product_wrap .down-li .down {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 0;
	background: url(../images/down-ico2.png)no-repeat center;
	background-color: #b0b0b0;
	position: absolute;
	right: 20px;
	bottom: 30px;
}
.product_wrap .down-li .date {
	position: absolute;
	left: 35px;
	bottom: 45px;
}
.sub-section .faq-li {
	border-top: 3px solid #555;
}
.sub-section .faq-li li {
	border-bottom: 1px solid #dfdfdf;
}
.sub-section .faq-li .q-box {
	padding: 30px 20px;
	position: relative;
	cursor: pointer;
}
.sub-section .faq-li .q-box a {
	display: block;
}
.sub-section .faq-li .q-box:after {
	display: inline-block;
	width: 30px;
	height: 16px;
	background: url(../images/faq-btn.png)no-repeat center;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
}
.sub-section .faq-li .q-box p {
	margin-bottom: 10px;
	color: #888;
	padding-right: 60px;
}
.sub-section .faq-li .q-box .q-tit {
	margin-bottom: 0;
	font-size: 1.125rem;
	font-weight: 500;
	color: #222;
}
.sub-section .faq-li .a-box {
	display: none;
	padding: 35px 20px;
	background-color: #eef3f6;
	font-weight: 300;
	line-height: 26px;
}
@media screen and (min-width: 1025px) {
.sub-section .faq-li li:hover .q-box:after {
	background-image: url(../images/faq-btn-hover.png);
}
.sub-section .faq-li .on .q-box:after, .sub-section .faq-li .on:hover .q-box:after {
	background-image: url(../images/faq-on.png);
}
}
.sub-section .faq-li li:hover .q-box p, .sub-section .faq-li .on .q-box p {
	color: #e60012;
}
.product_wrap .overview-li li {
	text-align: center;
}
.product_wrap .overview-li dl {
	margin-top: 50px;
}
.product_wrap .overview-li dt {
	margin-bottom: 20px;
	font-size: 1.375rem;
	font-weight: 700;
	color: #222;
}
.product_wrap .overview-li dd {
	font-weight: 300;
	line-height: 26px;
}
.product_wrap .tech_title p {
	margin-top: 120px;
}
.product_wrap .certify-box {
	margin-top: 120px;
	margin-bottom: 98px;
	border-top: 1px solid #d9d9d9;
}
.product_wrap .certify-box .tech_title p {
	font-size: 1.75rem;
	font-weight: 400;
}
/* .product_wrap .certify-box .inner-cont { margin: 0 -6%; } */
.product_wrap .certify-box .tex_wrap {
	font-size: 0;
	margin-bottom: 40px;
}
.product_wrap .certify-box .tex_wrap .img_box {
	display: inline-block;
	vertical-align: middle;
	width: 32%;
	margin-right: 3%;
}
.product_wrap .certify-box .tex_wrap .tex_cont {
	display: inline-block;
	vertical-align: middle;
	width: 65%;
}
.product_wrap .certify-box .tex_wrap .tex_cont p {
	margin-bottom: 30px;
}
.product_wrap .certify-box .tex_wrap .tex_cont p:last-child {
	margin-bottom: 0;
}
.product_wrap .certify-box .img-li {
	margin: 0 -5px;
}
.product_wrap .certify-box .img-li li {
	float: left;
	width: calc(25% - 4px);
	margin: 0 2px;
}
.product_wrap .inner_list.hydro li {
	width: 100%;
	position: relative;
}
.product_wrap .inner_list.hydro li:after {
	display: block;
	clear: both;
	content: '';
}
.product_wrap .inner_list.hydro li .inner_cont .tex {
	margin-top: 0;
}
.product_wrap .inner_list.hydro li .img_right {
	float: right;
}
/*.product_wrap .pro_visual .swiper-slide { height: 650px; }
@media screen and (max-width: 768px) {
    .product_wrap .pro_visual .swiper-slide {
        height: auto;
    }
}*/
.pro_visual .inner .ico-li {
	font-size: 0;
}
.pro_visual .inner .ico-li li {
	float: left;
	margin: 0 15px;
	text-align: center;
	font-weight: 500;
	color: #555;
}
.pro_visual .inner .ico-li li p {
	margin-top: 20px;
}
@media screen and (max-width: 1024px) {
.product_wrap .inner_list.hydro li .inner_cont, .product_wrap .inner_list.hydro li .inner_cont.text_left {
	display: block;
	padding: 30px 0 50px;
	position: inherit;
	transform: none;
}
.product_wrap .inner_list.hydro li .img_right {
	float: none;
}
}
@media screen and (max-width: 767px) {
.pro_visual .inner .ico-li li {
	width: calc(25% - 10px);
	margin: 0 5px;
}
.product_wrap .overview-li li {
	margin-bottom: 2.857rem;
}
.product_wrap .overview-li li:last-child {
	margin-bottom: 0;
}
.product_wrap .overview-li dl {
	margin-top: 2.142rem;
}
.product_wrap .overview-li dt {
	margin-bottom: 1.071rem;
}
.product_wrap .certify-box .tex_wrap .img_box {
	display: block;
	width: 100%;
	margin-right: 0;
}
.product_wrap .certify-box .tex_wrap .tex_cont {
	display: block;
	width: 100%;
	margin-top: 2.142rem;
}
.product_wrap .certify-box .tex_wrap .tex_cont p, .product_wrap .overview-li dd {
	font-size: 0.928rem;
	line-height: 18px;
}
.product_wrap .certify-box .img-li li {
	float: left;
	width: calc(50% - 4px);
	margin-bottom: 4px;
}
.product_wrap .certify-box {
	margin-top: 2.857rem;
	margin-bottom: 3.571rem;
}
.product_wrap .certify-box .tech_title p {
	font-size: 1.285rem;
}
.product_wrap .tech_title p {
	margin-top: 3.571rem;
}
.product_wrap .inner_list.hydro li .inner_cont .tex {
	font-size: 0.928rem;
}
.product_wrap .inner_list.hydro li .inner_cont, .product_wrap .inner_list.hydro li .inner_cont.text_left {
	padding: 30px 0 40px;
}
.sub-section .faq-li .q-box {
	padding: 20px 29px 20px 10px;
}
.sub-section .faq-li .a-box {
	padding: 20px 10px;
	line-height: 18px;
	font-size: 0.928rem;
}
.sub-section .faq-li .q-box:after {
	width: 19px;
	height: 10px;
	right: 10px;
	background-image: url(../images/m-faq.png);
}
.sub-section .faq-li .on .q-box:after {
	background-image: url(../images/m-faq-on.png);
}
}
/* Support */
.page-support .downCenter {
	padding: 60px 0;
	background: url(../images/downcenter-bg.jpg)no-repeat center;
	background-size: cover;
}
.page-support .downCenter .inner {
	padding-left: 40%;
}
.page-support .downCenter .app-tit {
	margin-bottom: 40px;
	font-size: 2.5rem;
}
.page-support .downCenter p {
	font-weight: 400;
	color: #555;
}
.page-support .downCenter .txt-1, .page-support .downCenter .txt-2 {
	margin-bottom: 30px;
	padding-left: 10px;
}
.page-support .downCenter .txt-2 {
	font-weight: 300;
}
.page-support .downCenter .txt-1:before, .page-support .downCenter .txt-2:before {
	margin-left: -10px;
	margin-right: 5px;
	content: '-';
}
.page-support .downCenter .txt-2:before {
	content: '*';
}
.page-support .downCenter .inner dl {
	margin-top: 30px;
}
.page-support .downCenter .inner dt {
	margin-bottom: 18px;
	font-weight: 700;
	color: #222;
}
.page-support .downCenter .inner dd {
	font-size: 0.875rem;
	font-weight: 300;
	color: #555;
	line-height: 150%;
}
.page-support .downCenter .inner dd.txt-2 {
	margin-top: 20px;
	margin-bottom: 0;
}
.page-support .downCenter .app-btn {
	margin-top: 40px;
}
.page-support .downCenter .app-btn li {
	float: left;
	margin: 0 5px;
}
.page-support .downCenter .app-btn li a {
	display: block;
	padding: 14.5px 40px;
	text-align: center;
	border-radius: 30px;
	background: #222;
	font-weight: 500;
	color: #fff;
}
.page-support .downCenter .app-btn li a:before {
	width: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background-size: contain;
	content: '';
}
.page-support .downCenter .app-btn li:first-child a:before {
	height: 17px;
	background-image: url(../images/app-ico.png);
}
.page-support .downCenter .app-btn li:last-child a:before {
	height: 16px;
	background-image: url(../images/google-ico.png);
}
.page-support .row-2 {
	padding-top: 30px;
}
.page-support .sel-box {
	width: 280px;
	margin-bottom: 30px;
	background: url(../images/sel-arrow.png)no-repeat 93% center;
}
.page-support .sel-box select {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #d9d9d9;
	background: transparent;
	font-size: 1.125rem;
	color: #222;
	appearance: none;
	-webkit-appearance: none;
}
.page-support .sel-box select::-ms-expand {
 display: none;
}
@media screen and (min-width: 1025px) {
.page-support .downCenter .app-btn li a:hover {
	background: #e60012;
}
}
@media screen and (max-width: 1024px) {
.page-support .downCenter .inner {
	padding-left: 25%;
}
}
@media screen and (max-width: 767px) {
.page-support .downCenter {
	padding: 2.857rem 0;
}
.page-support .downCenter .inner {
	padding-left: 0;
}
.page-support .downCenter .app-tit {
	font-size: 1.5rem;
	margin-bottom: 1.785rem;
}
.page-support .downCenter .txt-1, .page-support .downCenter .txt-2 {
	margin-bottom: 1.428rem;
}
.page-support .downCenter .inner dl {
	margin-top: 1.785rem;
}
.page-support .downCenter .inner dt {
	margin-bottom: 1.071rem;
}
.page-support .downCenter .app-btn {
	margin-top: 2.142rem;
}
.page-support .downCenter .app-btn li {
	width: calc(50% - 10px);
	font-size: 0.857rem;
}
.page-support .downCenter .app-btn li a {
	padding: 10px 20px;
}
.page-support .sel-box {
	background-size: 15.5px;
}
.page-support .sel-box select {
	height: 40px;
	line-height: 40px;
}
.page-support .row-2 {
	padding-top: 0;
}
}
/* 사이버신고센터 */
.cyberCont .hypen-li li {
	margin-bottom: 0;
}
.cyberCont .center-link {
	margin-top: 30px;
	display: block;
}
.cyberCont .center-link:after {
	margin-left: 15px;
	display: inline-block;
	content: url(../images/ico_link02-off.png);
}
@media screen and (min-width: 1025px) {
.cyberCont .center-link:hover {
	color: #e60012;
}
.cyberCont .center-link:hover:after {
	content: url(../images/ico_link02.png);
}
}

/* 서브 모바일 공통 */
@media screen and (max-width: 767px) {
/* Font */
.sub-section .tit {
	margin-bottom: 1.071rem;
	font-size: 1.142rem;
	line-height: 21px;
}
.sub-section .con-tit {
	font-size: 1.285rem;
	line-height: 23px;
}
.sub-section .con-tit2 {
	margin-bottom: 1.071rem;
	font-size: 1.071rem;
	line-height: 20px;
}
.sub-section p {
	font-size: 0.928rem;
	line-height: 18px;
}
.sub-section .sub-desc {
	line-height: 20px;
}
/* Layout */
.sub-section {
	margin-top: 50px;
	padding-bottom: 60px;
}
.sub-section.bg-gray {
	padding-bottom: 45px;
}
.sub-section .tit-box {
	padding-top: 3.571rem;
	margin-bottom: 3.214rem;
}
.sub-section .tit-box.bc-on {
	padding-top: 100px;
}
}
/* 중문 */
:lang(en) .f-menu li.menu-coc, .f-menu li.menu-zh {
	display: none;
}
:lang(en) .f-menu li.menu-zh {
	display: inline-block;
}
:lang(en) .in-footer .social-li .youtube {
	display: none;
}
:lang(en) .in-footer .social-li .chat {
	display: inline-block;
}
 @media screen and (min-width: 1200px) {
.header-wrap .navbar>li>.sub-menu .more-btn {
	font-weight: 700;
}
}
:lang(en) .header-wrap .logo-txt img, :lang(zh-CN) .m-header .m-logo-txt img {
	max-width: 85px;
}
:lang(en) .f-menu li:last-child a:after {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background-size: contain;
	content: '';
}
:lang(ko) .header-wrap .logo-txt img, :lang(ko) .m-header .m-logo-txt img {
	max-width: 197px;
}
:lang(ko) .f-menu li:nth-last-child(2):after, :lang(en) .f-menu li:nth-last-child(2):after {
	display: none;
}
:lang(ko) .main-footer .f-menu li:nth-last-child(2):after, :lang(en) .main-footer .f-menu li:nth-last-child(2):after {
	display: inline-block;
}
.procontent img {
	margin: 0 auto;
	text-align: center;
}