@import url(../../css/fonts.css);
@import url(https://fonts.googleapis.com/css?family=Assistant);
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input:focus {
	outline: 0;
}
input::-ms-clear { display: none; }
::placeholder {
	color: #b2b2b2 !important;
}
::-webkit-input-placeholder {
	color: #b2b2b2 !important;
}
:-ms-input-placeholder {
	color: #b2b2b2 !important;
}
input[readonly] {
	background-color: #f3f3f3 !important;
}
input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"] + label:before {
	content: " ";
	display: inline-block;
	width: 21px;
	height: 21px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	background-color: #ffffff;
	vertical-align: sub;
	margin-right: 10px;
}
input[type="checkbox"]:checked + label:before {
	background: #ffffff url(http://dkpharm.co.kr/page/error_404.html) no-repeat center center;
	background-size: 11px;
}
input[type="radio"] + label {
	padding-left: 25px;
	position: relative;
}
input[type="radio"] + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 15px;
	height: 15px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
}
input[type="radio"]:checked + label:after {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	width: 7px;
	height: 7px;
	background: #000000;
	border-radius: 100%;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: Assistant, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000000;
}
#wrap {
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
}
#contents {
	position: relative;
	min-width: 1200px;
}



/* common start */
.contents-wrap {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.m-only {
	display: none !important;
}
.kr {
	font-family: "Noto Sans KR", sans-serif;
}
.en {
	font-family: Assistant;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}
.t-upper {
	text-transform: uppercase;
}
.fc-white {
	color: #ffffff !important;
}
.last-blank {
	margin-bottom: 250px;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}
/* common end */



/* header footer start */
header {
	width: 100%;
	min-width: 1200px;
	height: 90px;
	background-color: transparent;
	z-index: 9999;
	position: absolute;
	top: 0;
}
header.fixed {
	position: fixed;
	background-color: #ffffff;
}
.header-underline {
	position: absolute;
	top: 89px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	z-index: 1;
}
header.on .header-underline,
header.fixed .header-underline {
	border-bottom: solid 1px #e2e2e2;
}
.gnb-wrap {
	height: 100%;
	line-height: 90px;
}
.gnb-logo {
	position: absolute;
	top: 25px;
	left: 20px;
	display: inline-block;
	width: 161px;
	height: 41px;
	background: url(../images/common/w-gnb-logo-w-en.png) no-repeat center center;
	z-index: 1;
}
header.on .gnb-logo,
header.fixed .gnb-logo {
	background: url(../images/common/w-gnb-logo-en.png) no-repeat center center;
}
.gnb-menu-ul {
	position: relative;
	margin-left: 240px;
	z-index: 1;
}
header.on .gnb-menu-ul li a,
header.fixed .gnb-menu-ul li a {
	color: #000000;
}
.gnb-menu-ul li {
	float: left;
	width: 220px;
	text-align: center;
}
.gnb-menu-ul li a {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: -1px;
	color: #ffffff;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.gnb-menu-ul li a.on:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
}
header.fixed .gnb-menu-ul li a.on:after {
	display: none;
}
.gnb-menu-ul li a .gnb-border {
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #99ca3b;
	transform: scaleX(0);
	transition: transform 150ms ease-in-out;
	z-index: 1;
}
.gnb-menu-ul li a .gnb-border:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 2px;
	bottom: 0;
	left: 50%;
	background-color: #52b8e9;
}
.gnb-menu-ul li a:hover .gnb-border {
	transform: scaleX(1);
}
header.fixed .gnb-menu-ul li a.on .gnb-border {
	transform: scaleX(1);
	transition: transform 0ms ease-in-out;
}
.gnb-submenu-wrap {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 90px;

    box-sizing: border-box;
    padding-left: 500px;
	background-color: #ffffff;
	z-index: 0;
	-moz-box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 5px -20px 20px 30px rgba(0, 0, 0, 0.1);
}
.gnb-submenu-ul {
	float: left;
	width: 220px;
	margin: 30px 0 40px;
}
.gnb-submenu-ul li {
	line-height: normal;
	margin-top: 15px;
	padding-left: 30px;
}
.gnb-submenu-ul li:first-child {
	margin-top: 0;
}
.gnb-submenu-ul li a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	position: relative;
}
.gnb-submenu-ul li a.on,
.gnb-submenu-ul li a:hover {
	color: #000000;
}
.gnb-submenu-ul li a.more:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	/* left: 90px; */
	right: -30px;
	width: 10px;
	height: 10px;
	background: url(../images/common/w-gnb-more.png) no-repeat center center;
}
.gnb-submenu-ul li a.on.more:after {
	background: url(../images/common/w-gnb-less.png) no-repeat center center;
}
.gnb-subsubmenu-ul {
	display: none;
	margin-top: 10px;
}
.gnb-submenu-ul li a.on + .gnb-subsubmenu-ul {
	display: block;
}
.gnb-subsubmenu-ul > li {
	padding-left: 10px;
	margin-top: 0;
}
.gnb-subsubmenu-ul > li > a {
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.79;
	letter-spacing: normal;
	color: #666666;
}
.gnb-subsubmenu-ul > li > a.on {
	color: #000000;
}
.gnb-lang-wrap {
	position: absolute;
	right: 15px;
	top: 25px;
	line-height: normal;
	z-index: 1;
}
a.gnb-lang-btn {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	background: url(../images/common/w-language-w.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
	padding-left: 25px;
}
header.fixed a.gnb-lang-btn {
	color: #000000;
	background-image: url(../images/common/w-language-b.png);
}
.gnb-lang-ul {
	display: block;
	width: 100%;
}
.gnb-lang-ul li {
	height: 40px;
	display:inline-block;
}
.gnb-lang-ul li:first-child a{
	border-bottom:2px solid #fff;
}
.gnb-lang-ul li a {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 40px;
	letter-spacing: normal;
	color: #ffffff;
	display: block;
	width: 100%;
	height: 35px;
padding:0px 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
footer {
	background-color: #141e2c;
	padding: 60px 0;
}
footer .contents-wrap {
	position: relative;
}
.footer-logo-img {
	position: absolute;
	top: 0;
	left: 0;
}
.footer-contents-wrap {
	margin-left: 225px;
}
.footer-link-ul {

}
.footer-link-ul li {
	float: left;
	margin-left: 40px;
}
.footer-link-ul li:first-child {
	margin-left: 0;
}
.footer-link-ul li a {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
}
.footer-text-1 {
	opacity: 0.7;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin-top: 20px;
}
.footer-text-2 {
	opacity: 0.3;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.5px;
	color: #ffffff;
	margin-top: 10px;
}
.footer-family-wrap {
	position: relative;
	display: inline-block;
	margin-top: 30px;
	width: 237px;
	height: 50px;
	background-color: #262f3c;
}
a.footer-family-btn {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: -1px;
	color: #ffffff;
	padding-left: 20px;
	display: block;
	background: url(../images/common/w-footer-more.png) no-repeat right 20px center;
}
a.footer-family-btn.on {
	background: url(../images/common/w-footer-less.png) no-repeat right 20px center;
}
.footer-family-ul {
	display: none;
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 237px;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
	background-color: #262f3c;
	padding: 15px 0;
}
.footer-family-ul li {
	padding-left: 20px;
}
.footer-family-ul li a {
	opacity: 0.3;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.14;
	letter-spacing: -1px;
	color: #ffffff;
}
.footer-family-ul li a:hover {
	opacity: 1;
}
.footer-blog-wrap {
	display: inline-block;
	margin-left: 20px;
}
.footer-blog-wrap a:nth-child(2) img {
	margin-left: 10px;
}
.footer-number {
	opacity: 0.7;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	right: 0;
}
a.go-top-btn {
	font-size: 13px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: -20px;
	right: 0;
	width: 74px;
	height: 74px;
	border-radius: 37px;
	background: #2b3441 url(../images/common/w-footer-top-arrow.png) no-repeat center 21px;
	display: block;
	padding-top: 35px;
	box-sizing: border-box;
}
/* header footer end */


/* main start */
.main-section {
	overflow: hidden;
}
.main-section.section-1 {
	height: 700px;
	overflow: visible;
	/* background-color: rgba(255, 255, 255, 0.3); */
	background: url(../images/main/w-main-visual.png) no-repeat center center;
	background-size: cover;
}
/* .main-section.section-1 video {
	min-width: 100%;
	min-height: 100%;
} */
.main-text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main-text-1 {
	font-size: 62px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 267px;
}
.main-text-2 {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.5px;
	text-align: center;
	color: #ffffff;
	margin-top: 15px;
}
.main-section.section-2 {
	margin-top: -110px;
}
.main-banner-ul {
	width: 100%;
}
.main-banner-ul li {
	float: left;
	width: 400px;
	height: 420px;
	background-size: cover;
}
.main-banner-ul li:nth-child(1) { background-image:url(../images/main/w-main-en-q-1-bg.png); }
.main-banner-ul li:nth-child(2) { background-image:url(../images/main/w-main-en-q-2-bg.png); }
.main-banner-ul li:nth-child(3) { background-image:url(../images/main/w-main-en-q-3-bg.png); }
.main-banner-ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.main-text-3 {
	text-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin-top: 45px;
	margin-left: 50px;
}
.main-section.section-3 {
	height: 680px;
	background: url(../images/main/w-main-en-50-th-bg.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	margin-top: 150px;
}
.main-text-5 {
	font-size: 50px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin-top: 100px;
}
.main-text-6 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	margin-top: 20px;
}
.main-history-ul {
	margin-top: 65px;
}
.main-history-ul li {
	float: left;
	width: 300px;
}
.main-text-7 {
	font-size: 40px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
}
.main-text-7:after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	border-right: solid 1px #ffffff;
	margin: 16px auto 18px;
}
.main-text-8 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
a.main-history-btn {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 70px;
	letter-spacing: -1px;
	color: #ffffff;
	display: inline-block;
	width: 389px;
	height: 70px;
	border: solid 1px #ffffff;
	margin-top: 80px;
}
.main-section.section-4 {
	min-height: 937px;
	background: url(../images/main/w-en-news-bg.png) no-repeat center center;
	background-size: cover;
}
.main-banner2-wrap {
	position: absolute;
	top: 150px;
	left: 0;
	width: 385px;
	height: 550px;
	background-size: cover;
}
.main-banner2-wrap.item-1 {
	background-image: url(../images/main/w-main-en-rnd-bg.png);
}
.main-banner2-wrap.item-2 {
	background-image: url(../images/main/w-main-en-pipe-bg.png);
	left: 405px;
}
.main-text-9 {
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 80px;
}
.main-banner3-wrap {
	position: absolute;
	top: 150px;
	left: 810px;
	width: 390px;
	height: 265px;
	background-color: #ffffff;
}
.main-text-10 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.5px;
	text-align: center;
	color: #666666;
	margin-top: 5px;
}
.main-banner3-wrap.item-2 {
	top: 435px;
}
.main-plus-btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: solid 1px #c5cacf;
	margin-top: 20px;
	background: url(../images/main/w-main-press-more.png) no-repeat center center;
	-webkit-background-size: 20px;
	background-size: 20px;
}
.main-plus-btn.green:hover {
	border: solid 1px #99ca3b;
	background: #99ca3b url(../images/main/w-main-press-more-2.png) no-repeat center center;
}
.main-plus-btn.blue:hover {
	border: solid 1px #52b8e9;
	background: #52b8e9 url(../images/main/w-main-press-more-2.png) no-repeat center center;
}
/* main end */



/* sub start */
.sub-top-wrap {
	height: 450px;
	background-size: cover !important;
}
.sub-top-wrap.company { background: url(../images/common/w-sub-1-bg.png) no-repeat center center; }
.sub-top-wrap.product { background: url(../images/common/w-sub-2-bg.png) no-repeat center center; }
.sub-top-wrap.ir { background: url(../images/common/w-sub-3-bg.png) no-repeat center center; }
.sub-top-wrap.rnd { background: url(../images/common/w-sub-4-bg.png) no-repeat center center; }
.sub-top-wrap.hr { background: url(../images/common/w-sub-5-bg.png) no-repeat center center; }
.sub-top-wrap.cs { background: url(../images/common/w-sub-6-bg.png) no-repeat center center; }
.sub-top-wrap.policy { background: url(../images/common/w-sub-7-bg.png) no-repeat center center; }
.sub-top-text-1 {
	font-size: 50px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
	padding-top: 190px;
}
.sub-top-text-2 {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 5px;
}
.sub-top-nav-wrap {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 60px;
}
.sub-top-nav-item {
	position: relative;
	z-index: 2;
	float: left;
	width: 400px;
	height: 60px;
	background-color: #152b49;
	border-left: solid 1px rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}
.sub-top-nav-item:first-child {
	border-left: none;
}
.sub-top-nav-item a {
	opacity: 0.5;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: -1.5px;
	color: #ffffff;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 30px;
}
.sub-top-nav-item > a {
	background: url(../images/common/w-history-arrowdown-alpha.png) no-repeat right 25px center;
}
.sub-top-nav-item > a.home {
	background: url(../images/common/w-history-home-alpha.png) no-repeat left 30px center;
	padding-left: 54px;
}
.sub-top-nav-item > a:hover {
	opacity: 1;
	background: url(../images/common/w-history-arrowdown.png) no-repeat right 25px center;
}
.sub-top-nav-item > a.home:hover {
	opacity: 1;
	background: url(../images/common/w-history-home.png) no-repeat left 30px center;
}
.sub-top-nav-item > a.on {
	opacity: 1;
	background: url(../images/common/w-history-arrowup.png) no-repeat right 25px center;
}
.sub-top-nav-item.submenu > a {
	opacity: 1;
}
.sub-top-nav-ul {
	display: none;
	position: relative;
	z-index: 1;
}
.sub-top-nav-ul li {
	height: 60px;
	background-color: #152b49;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.sub-top-nav-ul li:hover,
.sub-top-nav-ul li.on {
	background-color: #144085;
}
.sub-top-nav-ul li:hover a,
.sub-top-nav-ul li.on a {
	opacity: 1;
}
.sub-title-text-wrap {
	position: relative;
	margin-top: 150px;
	margin-bottom: 100px;
}
.sub-title-text-wrap:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -20px;
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #99ca3b;
}
.sub-title-text-wrap:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: 0;
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #52b8e9;
}
.sub-title-text {
	font-size: 40px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}
.sub-tab-ul {

}
.sub-tab-ul li {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	float: left;
	width: 50%;
	height: 60px;
	border: solid 1px #e2e2e2;
	background-color: #ffffff;
	box-sizing: border-box;
	margin-left: -1px;
}
.sub-tab-ul.tab3 li {
	width: 33.3%;
}
.sub-tab-ul.tab3 li:nth-child(2) {
	width: 33.4%;
}
.sub-tab-ul.tab5 li {
	width: 20%;
}
.sub-tab-ul li:first-child {
	margin-left: 0;
}
.sub-tab-ul li.on {
	font-weight: 500;
	color: #ffffff;
	background-color: #99ca3b;
}
.sub-tab-ul li a {
	display: block;
}
.sub-tab-ul li.on a {
	color: #ffffff;
	cursor: Default;
}
.sub-blue-box {
	position: relative;
	background-color: #144085;
	padding: 100px 150px;
}
.sub-blue-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 42px;
	height: 42px;
	background: url(../images/common/w-box-deco.png) no-repeat center center;
}
.sub-blue-box .left {
	float: left;
}
.sub-blue-box .right {
	float: right;
	width: 580px;
	padding-left: 70px;
	border-left: solid 1px rgba(255, 255, 255, 0.15);
}
.sub-blue-box-text-1 {
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.16;
	letter-spacing: -2px;
	color: #ffffff;
}
.sub-blue-box-text-2 {
	opacity: 0.5;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #ffffff;
	margin-top: 10px;
}
.sub-blue-box-text-3 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #ffffff;
}
.customer-form input[type=text],
.customer-form input[type=password]{
	width: 265px;
	height: 50px;
	border: solid 1px #dedede;
	background-color: #ffffff;
	padding: 0 20px;
	box-sizing: border-box;
}
.customer-form input[type=text]:disabled {
	background: #dddddd;
}
.customer-form input[type=text].email {
	width: 600px;
}
.customer-form input[type=text].full {
	width: 100%;
}
.customer-form textarea {
	width: 100%;
	height: 320px;
	border: solid 1px #dedede;
	background-color: #ffffff;
	resize: none;
	padding: 20px;
	box-sizing: border-box;
}
.customer-form textarea.cp-privacy-textarea {
	width: 100%;
	height: 250px;
	border: solid 1px #dedede;
	background-color: #F8F8F8;
	resize: none;
	padding: 20px;
	box-sizing: border-box;
}
.customer-form input[type="checkbox"] + label:before {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 0;
	vertical-align: text-bottom;
	background: url(../images/common/w-uncheck.png) no-repeat center center;
	margin-left: 25px;
}
.customer-form input[type="checkbox"]:checked + label:before {
	background: url(../images/common/w-checked.png) no-repeat center center;
}
.customer-form a.slide-menu-btn,
.customer-form .slide-menu-ul li a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: -1px;
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	border: solid 1px #dedede;
	background-color: #ffffff;
}
.customer-form a.slide-menu-btn {
	background: url(../images/common/w-form-arrowdown.html) no-repeat right 20px center;
}
.customer-form a.slide-menu-btn.on {
	background: url(../images/common/w-form-arrowup.html) no-repeat right 20px center;
}
.customer-form .slide-menu-ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.customer-form .slide-menu-ul li {
	height: 50px;
	margin-top: -1px;
	box-sizing: border-box;
}
.customer-form .slide-menu-ul li a {

}
.customer-form .slide-menu-ul li:hover a,
.customer-form .slide-menu-ul li.on a {
	background-color: #dedede;
}
/* sub end */



/* company start */
.overview-bg-wrap {
	background-color: #f7f8fb;
	text-align: center;
	padding: 100px 0;
	margin-top: 68px;
}
.overview-img-1 {

}
.overview-text-1 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 40px;
}
.overview-layout {
	display: table;
	margin-top: 150px;
}
.overview-layout:first-child {
	margin-top: 100px;
}
.overview-layout .left,
.overview-layout .right {
	display: table-cell;
	vertical-align: top;
}
.overview-layout .left {
	width: 250px;
}
.overview-layout .left.green {
	border-top: solid 2px #99c93c;
}
.overview-layout .left.blue {
	border-top: solid 2px #52b8e9;
}
.overview-layout .right {
	width: 950px;
	padding-left: 110px;
	margin-top: 22px;
}
.overview-text-2 {
	font-size: 26px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: -0.5px;
	color: #000000;
	margin-top: 20px;
}
.overview-text-3 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;
	color: #666666;
	margin-top: 10px;
}
.overview-text-4 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -1px;
	color: #000000;
}
.overview-text-5 {
	font-size: 26px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: 7.12px;
	color: #144085;
}
.overview-text-6 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.69;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 20px;
}
.overview-ul {
	width: 100%;
}
.overview-ul li {
	float: left;
	width: 31%;
	text-align: center;
	margin-left: 3.5%;
}
.overview-ul li:first-child {
	margin-left: 0;
}
.overview-img-2 {

}
.overview-text-7 {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #144085;
	margin-top: 10px;
}
.overview-text-8 {
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	text-align: center;
	color: #000000;
	margin-top: 8px;
}
.overview-text-9 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 20px;
}
.greetings-bg-wrap {
	background: #f7f8fb url(../images/company/w-ceo-bg.png) no-repeat center center;
	height: 505px;
	text-align: center;
	margin-top: 70px;
}
.greetings-img-1 {
	margin-top: 150px;
}
.greetings-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 30px;
}
.greetings-text-2 {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 15px;
}
.network-bg-wrap {
	background-color: #f7f8fb;
	padding: 120px 0;
	margin-top: 70px;
}
.network-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}
.network-img-1 {
	width: 100%;
	margin-top: 85px;
}
.network-layout {
	display: table;
	margin-top: 180px;
}
.network-layout:first-child {
	margin-top: 150px;
}
.network-layout .left,
.network-layout .right {
	display: table-cell;
	vertical-align: middle;
}
.network-layout.layout-1 .left {
	width: 600px;
}
.network-layout.layout-1 .right {
	width: 500px;
	padding-left: 100px;
}
.network-layout.layout-2 .left {
	width: 500px;
}
.network-layout.layout-2 .right {
	width: 600px;
	padding-left: 100px;
}
.network-text-2 {
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.09;
	letter-spacing: -2px;
	color: #000000;
}
.network-text-3 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}
.network-img-2 {
	width: 100%;
}
.history-text-1 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	padding-bottom: 70px;
}
.history-tab-wrap {
	border-top: solid 1px #e2e2e2;
	background-color: #ffffff;
}
.history-tab-wrap.fixed {
	position: fixed;
	top: 90px;
	width: 100%;
	z-index: 1;
	border-bottom: solid 1px #e2e2e2;
}
.history-tab-wrap .contents-wrap {
	height: 150px;
	margin-top: -1px;
	background: url(../images/company/50-th-tapeline.png) no-repeat top center;
}
.history-tab-ul {
	position: absolute;
	top: 0;
	left: 0;
}
.history-tab-ul li {
	float: left;
	width: 200px;
}
.history-tab-ul li a {
	display: block;
	width: 100%;
	height: 150px;
	text-align: center;
	overflow: hidden;
}
.history-tab-text-1 {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -0.9px;
	text-align: center;
	color: #144085;
	margin-top: 23px;
}
.history-tab-text-2 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: center;
	color: #999999;
	word-break: keep-all;
}
.history-tab-ul li a.on {
	height: 190px;
	background-color: #144085;
}
.history-tab-ul li a.on .history-tab-text-1 { color: #ffffff; margin-top: 50px; }
.history-tab-ul li a.on .history-tab-text-2 { color: #ffffff; }
.history-bg-wrap {
	height: 350px;
	overflow: hidden;
	background-size: cover !important;
}
.history-bg-wrap.bg-1 { background: url(../images/company/50-th-bg-01.png) no-repeat center center; }
.history-bg-wrap.bg-2 { background: url(../images/company/50-th-bg-02.png) no-repeat center center; }
.history-bg-wrap.bg-3 { background: url(../images/company/50-th-bg-03.png) no-repeat center center; }
.history-bg-wrap.bg-4 { background: url(../images/company/50-th-bg-04.png) no-repeat center center; }
.history-bg-wrap.bg-5 { background: url(../images/company/50-th-bg-05.png) no-repeat center center; }
.history-bg-wrap.bg-6 { background: url(../images/company/50-th-bg-06.png) no-repeat center center; }
.history-bg-text-1 {
	font-size: 42px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.71;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
	margin-top: 133px;
}
.history-bg-text-2 {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 20px;
}
.history-contents-wrap {

}
.history-contents-wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0px;
	height: 100%;
	border-right: solid 1px #eeeeee;
}
.history-item {
	display: table;
	width: 100%;
	padding-top: 100px;
}
.history-item:last-child {
	padding-bottom: 150px;
}
.history-item > div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.history-item .left {
	padding-right: 70px;
	text-align: right;
}
.history-item .right {
	padding-left: 70px;
	text-align: left;
}
.history-item-text-1 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -1px;
	color: #000000;
	position: relative;
}
.history-item-text-1:after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	right: -74.5px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #144085;
}
.history-item-text-2 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 10px;
}
.ci-layout-1 {
	display: table;
}
.ci-layout-1 > div {
	display: table-cell;
	vertical-align: middle;
}
.ci-layout-1 .left {
	width: 482px;
}
.ci-layout-1 .right {
	padding-left: 100px;
}
.ci-layout-2 {
	display: table;
	margin-top: 120px;
}
.ci-layout-2 > div {
	display: table-cell;
	vertical-align: middle;
}
.ci-layout-2 .left {
	width: 400px;
	text-align: center;
}
.ci-layout-2 .right {
	padding-left: 10px;
}
.ci-color-ul {
	margin: 30px 0;
}
.ci-color-ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.ci-color-ul li:nth-child(1) { background-color: #99ca3b; }
.ci-color-ul li:nth-child(2) { background-color: #52b8e9; }
.ci-color-ul li:nth-child(3) { background-color: #152b49; }
.ci-btn-wrap {
	margin-top: 150px;
	text-align: center;
}
.ci-img-1 {
	margin-top: 120px;
	margin-bottom: 30px;
}
.ci-img-2 {
	width: 334px;
}
.ci-text-1 {
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.94;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 150px;
	margin-bottom: 100px;
}
.ci-text-1:first-child {
	margin-top: 120px;
}
.ci-text-2 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
}
.ci-text-3 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
}
.ci-text-4 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 15px;
}
.ci-text-5 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.69;
	letter-spacing: -1px;
	color: #144085;
	margin-top: 10px;
}
a.ci-down-btn {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: -1px;
	color: #ffffff;
	display: inline-block;
	width: 230px;
	height: 60px;
	padding-left: 15px;
	box-sizing: border-box;
	background: #152b49 url(../images/common/w-btn-down.png) no-repeat 65px center;
}
.ci-contents-wrap2 {
	background-color: #f7f8fb;
	overflow: hidden;
	margin-top: 150px;
}
.ci-logo-ul {
	padding-bottom: 150px;
}
.ci-logo-ul li {
	float: left;
	width: 50%;
}
.ci-logo-ul li:nth-child(3), .ci-logo-ul li:nth-child(4) { margin-top: 80px; }
.ci-text-6 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 100px;
}
.ci-text-7 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}
.ci-img-3 {
	margin-top: 75px;
}
.cp2-bg-wrap {
	background-color: #f7f8fb;
	margin-top: 70px;
}
.cp2-bg-wrap .cp2-bt-text-wrap {
	background: url(../images/company/w-cp.png) no-repeat left bottom;
	background-size: 400px;
	padding: 132px 0 132px 530px;
}
.cp2-text-1 {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}
.cp2-text-2 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}
.cp2-text-3 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 70px;
}
.cp2-layout {
	float: right;
	display: table;
}
.cp2-layout > div {
	display: table-cell;
	vertical-align: middle;
}
.cp2-text-4 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.89px;
	text-align: right;
	color: #000000;
}
.cp2-text-5 {
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: -2px;
	color: #000000;
	background: url(../images/company/w-cp-sign.png) no-repeat right center;
	background-size: 67px;
	padding-left: 10px;
	padding-right: 70px;
}
.cp2-text-5.greetings {
	background: url(../images/company/w-ceo-sign.png) no-repeat right center;
	background-size: 131px;
	padding-right: 140px;
}
.factory-text-1 {
	font-size: 26px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.54;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-bottom: 120px;
}
.factory-text-2 {
	font-size: 200px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #d6edf2;
	position: absolute;
	bottom: -50px;
	left: 0;
}
.factory-text-3 {
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.09;
	letter-spacing: -2px;
	color: #000000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.factory-layout-1 {
	position: relative;
	width: 100%;
	text-align: right;
}
.factory-layout-2 {

}
.factory-layout-2 .left {
	float: left;
	width: 600px;
}
.factory-layout-2 .right {
	float: right;
}
.factory-layout-2 .right img:first-child {
	margin-right: 6px;
}
.factory-text-4 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
}
.factory-hr {
	width: 100%;
	height: 0;
	border: 0;
	border-top: solid 1px #e2e2e2;
	margin: 100px 0;
}
.factory-layout-3 {

}
.factory-layout-3 img {
	float: left;
}
.factory-layout-3 img:first-child {
	margin-right: 20px;
}
.factory-layout-4 {
	position: relative;
	height: 450px;
	margin-top: 60px;
}
.factory-layout-4 .right {
	float: right;
	width: 600px;
}
.factory-text-5 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #000000;
}
.factory-img-3 {
	position: absolute;
	right: 0;
	bottom: 0;
}
.factory-layout-5 {
	padding: 80px;
	background-color: #a8a9ac;
}
.factory-layout-5 > div {
	float: left;
	width: 470px;
}
.factory-layout-5 .right {
	margin-left: 100px;
}
.factory-text-6 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #ffffff;
}
.factory-text-7 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.19;
	letter-spacing: -1px;
	color: #ffffff;
	margin-left: 15px;
}
.factory-text-8 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #ffffff;
	margin-top: 16px;
}
.factory-layout-6 {
	width: 780px;
	margin-top: -35px;
}
.factory-layout-7 {
	display: table;
	width: 100%;
	margin-top: 100px;
}
.factory-layout-7 > div {
	display: table-cell;
	vertical-align: middle;
	width: 512px;
}
.factory-layout-7 .right {
	padding-left: 110px;
}
.factory-history-dl {

}
.factory-history-dl dt {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #000000;
	margin-bottom: 30px;
}
.factory-history-dl dd {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 5px;
	position: relative;
	padding-left: 70px;
}
.factory-history-dl dd strong {
	/* margin-right: 30px; */
	position: absolute;
	top: 0;
	left: 0;
}
.contact-wrap {
	width: 100%;
	height: 860px;
	border: solid 1px #e2e2e2;
	margin-top: 70px;
}
.contact-list-dl {
	float: left;
	width: 400px;
	height: 100%;
	overflow: auto;
}
.contact-map {
	float: left;
	width: 800px;
	height: 100%;
	box-sizing: border-box;
	border-left: solid 1px #e2e2e2;
}
.contact-list-dl dt {
	padding: 60px 0 30px 50px;
	border-bottom: solid 1px #e2e2e2;
}
.contact-list-dl dd {
	border-bottom: solid 1px #e2e2e2;
}
.contact-list-dl dd a {
	padding: 40px 50px;
	display: block;
	background: url(../images/company/w-map-arrow-off.png) no-repeat right 50px top 50px;
}
.contact-list-dl dd a.on {
	background: #f7f8fb url(../images/company/w-map-arrow-on.png) no-repeat right 50px top 50px;
}
.contact-text-1 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
}
.contact-text-2 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	margin-left: 10px;
}
.contact-text-3 {
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #999999;
}
.contact-text-4 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #999999;
	margin-top: 20px;
}
.contact-text-5 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #999999;
	margin-top: 10px;
}
.contact-list-dl dd a.on .contact-text-3 {
	color: #144085;
}
.contact-list-dl dd a.on .contact-text-4,
.contact-list-dl dd a.on .contact-text-5 {
	color: #000000;
}
/* company end */



/* product start */
.product-search-wrap {
	padding: 0 0 20px 0;
}
.product-search-wrap2 {
	padding: 20px 0 40px;
	background-color: #F7F7F7;
}
.product-search-input-wrap {
	position: relative;
	width: 100%;
}
.product-search-input-wrap:after {
	content: "";
	display: block;
	width: 0;
	height:29px;
	position: absolute;
	top: 25px;
	right: 90px;
	border-right: solid 1px #e2e2e2;
}
.product-search-input {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	width: 996px;
	height: 80px;
	border: solid 2px #144085;
	/* box-sizing: border-box; */
	background-color: #ffffff;
	padding: 0 160px 0 40px;
}
.product-search-submit {
	position: absolute;
	top: 28px;
	right: 28px;
	width: 30px;
	height: 30px;
	border: 0;
	background: url(../images/product/w-product-search-ico.png) no-repeat center center;
	background-size: contain;
}
.product-search-quick-wrap {
	position: relative;
	margin-top: 20px;
}
.product-search-wrap2 .product-search-quick-wrap {
	margin-top: 0;
}
.product-search-text-1 {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	position: absolute;
	top: 6px;
	left: 0;
}
.product-search-quick-ul {
	padding-left: 140px;
}
.product-search-quick-ul li {
	float: left;
}
.product-search-quick-ul li a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	display: inline-block;
	height: 40px;
	border-radius: 20px;
	border: solid 1px #e2e2e2;
	background-color: #ffffff;
	padding: 0 20px;
	margin-left: 10px;
}
.product-search-quick-ul li a.on {
	border: solid 1px #144085;
	background-color: #144085;
	color: #ffffff;
}
.product-search-quick-ul.initial li a {
	width: 29px;
	height: 29px;
	line-height: 29px;
	padding: 0;
}
.product-search-quick-ul li:first-child a {
	margin-left: 0;
}
.product-search-effect-wrap {
	margin-top: 20px;
}
.product-search-effect-ul {

}
.product-search-effect-ul li {
	float: left;
	width: 185px;
	height: 180px;
	margin-left: 18px;
}
.product-search-effect-ul li:first-child {
	margin-left: 0;
}
.product-search-effect-ul li a {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #e2e2e2;
	padding-top: 113px;
	box-sizing: border-box;
}
.product-search-effect-ul li a.sm_down_link{font-size: 14px;padding-top: 0px;border: 0px;margin-top: 10px;
    display: block;
    background-color: #152b49;
    border-radius: 10px;
    color: #fff;
    height: auto;}
.product-search-effect-ul li a.sm_down_link.on{color:#fff;border:0px;}
.product-search-effect-ul li a.on {
	border: solid 1px #144085;
	color: #ffffff;
}
.product-search-effect-ul li a.item-1 { background: #ffffff url(../images/product/w-product-ico-1-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.item-2 { background: #ffffff url(../images/product/w-product-ico-2-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.item-3 { background: #ffffff url(../images/product/w-product-ico-3-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.item-4 { background: #ffffff url(../images/product/w-product-ico-4-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.item-5 { background: #ffffff url(../images/product/w-product-ico-6-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.item-6 { background: #ffffff url(../images/product/w-product-ico-5-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-1 { background: #144085 url(../images/product/w-product-ico-1-w-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-2 { background: #144085 url(../images/product/w-product-ico-2-w-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-3 { background: #144085 url(../images/product/w-product-ico-3-w-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-4 { background: #144085 url(../images/product/w-product-ico-4-w-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-5 { background: #144085 url(../images/product/w-product-ico-6-w-201208.png) no-repeat center 33px; }
.product-search-effect-ul li a.on.item-6 { background: #144085 url(../images/product/w-product-ico-5-w-201208.png) no-repeat center 33px; }
.product-search-detail-effect-wrap {
	margin-top: 0;
}
.product-search-detail-effect-ul {
	width: 100%;
}
.product-search-detail-effect-ul li {
	width: 20%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
.product-search-detail-effect-ul li:after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	right: 0;
	width: 0;
	height: 14px;
	border-right: solid 1px #E5E5E5;
}
.product-search-detail-effect-ul li:nth-child(5n):after {
	border-right: 0;
}
.product-search-detail-effect-ul li a {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.11;
	letter-spacing: -1px;
	color: #666666;
}
.product-search-detail-effect-ul li a.on {
	font-weight: 500;
	color: #144085;
	text-decoration: underline;
}
.product-list-title-1 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 30px;
}
.product-list-title-2 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	margin-left: 10px;
}
.product-list-ul {
	margin-top: 20px;
}
.product-list-ul li {
	float: left;
	width: 400px;
	height: 400px;
	text-align: center;
}
.product-list-ul li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: solid 1px #e2e2e2;
	position: relative;
	z-index: 1;
}
.product-list-ul li .over {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 64, 133, 0.95) url(../images/product/w-product-more.png) no-repeat right 30px bottom 30px;
}
.product-list-ul li .over > div {
	display: table-cell;
	vertical-align: middle;
}
.product-list-ul li a:hover .over {
	display: table;
}
.product-list-ul li:nth-child(3n + 2) a { border-left: 0; border-right: 0; }
.product-list-ul li:nth-child(n + 4) a { margin-top: -1px; }
.product-list-ul li.last a { border-right: solid 1px #e2e2e2; margin-left: 1px; }
.product-list-img {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 320px;
	height: 220px;
	background-size: contain !important;
}
.product-list-text-1 {
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 300px;
}
.product-list-text-2 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.3px;
	text-align: center;
	color: #ffffff;
}
.product-list-text-3 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 5px;
}
.product-list-nodata {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top:150px;
}
.product-list-text-4 {
	font-weight: 500;
	color: #144085;
}
.product-view-wrap {

}
.product-view-title {
	font-size: 40px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 120px;
}
.product-view-subtitle {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}
.product-view-subtitle span:nth-child(2) {
	position: relative;
	margin-left: 20px;
}
.product-view-subtitle span:nth-child(2):before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: -10px;
	width: 0;
	height: 15px;
	border-right: solid 1px #000000;
}
.product-view-slider-wrap {
	background-color: #f7f8fb;
	margin-top: 30px;
	padding-bottom: 20px;
	overflow: hidden;
}
.product-view-img-wrap {
	margin: 0 auto;
	margin-top:40px;
	text-align: center;
	height: 300px;
	line-height: 300px;
}
.product-view-img-wrap img {
	max-width: 600px !important;
	max-height: 300px !important;
}
.product-view-slider {
	width: 800px;
	margin: 0 auto;
	margin-top: 50px;
}
.product-view-slider-item {
	height: 100px !important;
	margin-left: 10px;
}
.product-view-slider-item img {
	height: 100%;
}
.product-view-slider-item a img {
	border: solid 1px #e2e2e2;
	box-sizing: border-box;
	margin: 0 auto;
}
.product-view-slider-item a.on img {
	border: solid 1px #144085;
}
.product-file-btn {
	width: 280px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: -75px;
	left: 0;
	border: solid 1px #000000;
	text-align: center;
}
.product-file-btn img {
	margin: 0 5px;
}
.product-view-text-1 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #848484;
	position: absolute;
	top: -50px;
	right: 0;
}
.product-view-text-1 span:nth-child(2) {
	margin-left: 20px;
}
.product-view-table {
	margin-top: 120px;
	border-top: solid 2px #222222;
	border-bottom: solid 2px #222222;
}
.product-view-table > tbody > tr > th,
.product-view-table > tbody > tr > td {
	border-top: solid 1px #e8e8e8;
	padding: 25px 0;
}
.product-view-table > tbody > tr > th {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	text-align: left;
	vertical-align: top;
	color: #222222;
	width: 200px;
}
.product-view-table > tbody > tr > td {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #222222;
}
a.product-list-btn {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 140px;
	height: 50px;
	background-color: #152b49;
	margin: 120px auto 0;
}
/* product end */



/* rnd start */
.institute-bg {
	height: 420px;
	background: url(../images/rnd/w-research-bg-1.png) no-repeat center center;
	background-size: cover;
}
.rnd-layout {
	display: table;
	margin-top: 150px;
}
.rnd-layout .left,
.rnd-layout .right {
	display: table-cell;
	vertical-align: middle;
}
.rnd-layout.layout-1 .left {
	width: 500px;
}
.rnd-layout.layout-1 .right {
	width: 600px;
	padding-left: 100px;
}
.rnd-layout.layout-2 .left {
	width: 600px;
}
.rnd-layout.layout-2 .right {
	width: 500px;
	padding-left: 100px;
}
.institute-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 70px;
}
.institute-text-2 {
	font-size: 26px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #000000;
}
.institute-text-3 {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}
.rnd-bg {
	height: 420px;
	background: url(../images/rnd/w-research-bg-2.png) no-repeat center center;
	background-size: cover;
}
.rnd-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 70px;
}
.rnd-text-2 {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 30px;
}
.research-bg {
	height: 420px;
	background: url(../images/rnd/w-research-bg-3.png) no-repeat center center;
	background-size: cover;
}
.research-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 70px;
}
.research-text-2 {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 30px;
}
.research-text-3 {
	font-size: 26px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #000000;
}
.research-text-4 {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}
.pipeline-bg {
	height: 420px;
	background: url(../images/rnd/w-research-bg-4.png) no-repeat center center;
	background-size: cover;
}
.pipeline-table {
	border-top: solid 2px #000000;
	border-bottom: solid 1px #000000;
	margin-top: 100px;
}
.pipeline-table caption {
	font-size: 26px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	text-align: left;
	color: #000000;
	margin-bottom: 30px;
}
.pipeline-table th {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.19;
	letter-spacing: -1.5px;
	text-align: center;
	color: #000000;
	height: 60px;
	background-color: #f7f8fb;
}
.pipeline-table td {
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.19;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	height: 60px;
	border: solid 1px #dedede;
	position: relative;
}
.pipeline-table td:nth-of-type(1) {
	border-left: 0;
}
.pipeline-table td:nth-of-type(7) {
	border-right: 0;
}
.pipeline-table.table-1 th {
	width: 130px;
}
.pipeline-table.table-1 th:nth-of-type(1) {
	width: 420px;
}
.pipeline-table.table-2 th {
	width: 130px;
	white-space: nowrap;
}
.pipeline-table.table-3 th {
	width: 130px;
}
.pipeline-table.table-2 th:nth-of-type(1),
.pipeline-table.table-2 th:nth-of-type(2) {
	width: 275px;
}
.pipeline-table.table-3 tr:first-child th:nth-of-type(2) {
	width: 275px;
}
.pipeline-graph {
	position: absolute;
	top: 29px;
	left: 0;
	height: 2px;
}
.pipeline-graph.pipeline-graph-050 {
	width: 50%;
	left: 22%
}
.pipeline-graph.pipeline-graph-70 {
	width: 70%;
}
.pipeline-graph.pipeline-graph-50 {
	width: 50%;
}
.pipeline-graph.pipeline-graph-100 {
	width: 100%;
}
.pipeline-graph.pipeline-graph-150 {
	width: 150%;
}
.pipeline-graph.pipeline-graph-200 {
	width: 200%;
}
.pipeline-graph.pipeline-graph-250 {
	width: 250%;
}
.pipeline-graph.pipeline-graph-300 {
	width: 300%;
}
.pipeline-graph.pipeline-graph-350 {
	width: 350%;
}
.pipeline-graph.pipeline-graph-400 {
	width: 400%;
}
.pipeline-graph.pipeline-graph-450 {
	width: 450%;
}
.pipeline-graph.pipeline-graph-500 {
	width: 500%;
}

.pipeline-graph-inner {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.pipeline-graph-inner:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	position: absolute;
	top: -2px;
	left: -3px;
}
.pipeline-graph-inner:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	position: absolute;
	top: -2px;
	right: -5px;
}
.pipeline-graph.blue,
.pipeline-graph.blue .pipeline-graph-inner:before,
.pipeline-graph.blue .pipeline-graph-inner:after {
	background-color: #52b8e9;
}
.pipeline-graph.green,
.pipeline-graph.green .pipeline-graph-inner:before,
.pipeline-graph.green .pipeline-graph-inner:after {
	background-color: #99ca3b;
}
/* rnd end */



/* cs start */
.cscenter-bg {
	width: 100%;
	height: 320px;
	overflow: hidden;
	background: url(../images/cs/w-callcenter-bg.png) no-repeat center center;
	background-size: cover;
}
.cscenter-text-1 {
	font-size: 32px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
	margin-top: 120px;
}
.cscenter-text-2 {
	font-size: 32px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 100px;
}
.cscenter-text-3 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;
	color: #666666;
	margin-top: 10px;
}
.cscenter-hr {
	width: 100%;
	height: 0;
	border: 0;
	border-top: solid 1px #e2e2e2;
	margin-top: 50px;
}
.cscenter-ul {

}
.cscenter-ul li {
	display: table;
	width: 100%;
	padding: 40px 0;
	border-top: solid 1px #e2e2e2;
}
.cscenter-ul li:first-child {
	margin-top: 20px;
	border-top: 0;
}
.cscenter-ul li .left {
	width: 980px;
	display: table-cell;
	vertical-align: middle;
}
.cscenter-ul li .right {
	display: table-cell;
	vertical-align: middle;
}
.cscenter-tab-wrap {
	margin-top: 60px;
	width: 100%;
}
.cscenter-tab-item-wrap {
	display: none;
}
.cscenter-text-4 {
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}
.cscenter-ul.green .cscenter-text-6 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: -1px;
	color: #000000;
	height: 38px;
	background: url(../images/cs/w-call-green.png) no-repeat left center;
	padding-left: 53px;
}
.cscenter-ul.blue .cscenter-text-6 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 38px;
	letter-spacing: -0.9px;
	color: #000000;
	height: 38px;
	background: url(../images/cs/w-email-blue.png) no-repeat left center;
	padding-left: 53px;
}
.cscenter-text-7 {
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.76;
	letter-spacing: -0.89px;
	color: #666666;
	margin-top: 20px;
}
.cscenter-text-8 {
	font-size: 17px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.76;
	letter-spacing: -0.89px;
	color: #666666;
}
.cscenter-text-wrap {
	display: table-row;
}
.cscenter-text-wrap .cscenter-text-4{
	margin-bottom: 20px;
}
.cscenter-text-wrap .cscenter-text-7{
	margin-top: 0;
}
.cscenter-text-wrap .left, .cscenter-text-wrap .right{padding-bottom: 15px;}
.cscenter-text-wrap:last-child .left , .cscenter-text-wrap:last-child .right{padding-bottom: 0;}
.cscenter-text-wrap:first-child .left {padding-bottom: 0;}
/* cs end */



/* policy start */
.policy-text-1 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
}
.privacy-table {
	width: 100%;
	border-top: solid 2px #000000;
	margin: 30px auto 50px;
}
.privacy-table th, .privacy-table td {
	height: 70px;
}
.privacy-table th {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}
.privacy-table td {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	border: solid 1px #dedede;
}
.privacy-table td:first-child { border-left: none; }
.privacy-table td:last-child { border-right: none; }
.sitemap-dl {
	width: 255px;
	float: left;
	margin-left: 60px;
}
.sitemap-dl:first-child {
	margin-left: 0;
}
.sitemap-dl > dt {
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 100px;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	width: 255px;
	height: 100px;
	border-bottom: solid 2px #000000;
}
.sitemap-dl > dd {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 70px;
	letter-spacing: -1px;
	text-align: center;
	min-height: 70px;
	color: #000000;
	border-bottom: solid 1px #e2e2e2;
}
.sitemap-sub-dl {
	background-color: #f7f8fb;
	border-top: solid 1px #e2e2e2;
	padding: 30px 0;
}
.sitemap-sub-dl dd {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.19;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}
/* policy end */



/* boards start */
.boards-table {
	border-top: solid 2px #000000;
	table-layout: fixed;
}
.boards-table th,
.boards-table td {
	height: 70px;
	border-bottom: 1px solid #dedede;
}
.boards-table th {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}
.boards-table td {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	text-align: center;
}
.boards-table th.no { width: 90px; }
.boards-table th.attach { width: 30px; }
.boards-table th.date { width: 140px; }
.boards-table td.title { text-align: left; padding-left: 50px; }
.boards-table th.reply { width: 140px; }
.boards-list-ul {
	/* margin-top: 100px; */
}
.boards-list-ul li {
	float: left;
	width: 380px;
	margin-left: 30px;
}
.boards-list-ul li:nth-child(3n + 1) {
	margin-left: 0;
}
.boards-list-ul li:nth-child(n + 4) {
	margin-top: 30px;
}
.boards-list-ul li.no-data {
	float: none;
	width: 100%;
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}
.boards-list-ul:after {
	content: "";
	display: block;
	clear: both;
}
.boards-list-text-wrap {
	border: solid 1px #dedede;
	border-top: 0;
	padding: 38px 40px;
}
.boards-list-title {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.boards-list-contents {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.63;
	letter-spacing: -1px;
	text-align: center;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
.boards-list-date {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.56;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 20px;
}
.pagination-wrap {
	margin-top: 80px;
	text-align: center;
}
.pagination-ul {

}
.pagination-ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	vertical-align: top;
}
.pagination-ul li.icon {
	border: solid 1px #dbdbdb;
}
.pagination-ul li.icon:hover {
	border: solid 1px #144085;
}
.pagination-ul li:first-child {
	margin-left: 0;
}
.pagination-ul li a {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: normal;
	color: #000000;
	display: block;
	height: 100%;
}
.pagination-ul li a:hover {
	color: #144085;
	text-decoration: underline;
}
.pagination-ul li.on {
	border: solid 1px #144085;
	background-color: #144085;
}
.pagination-ul li.on a{
	color: #ffffff;
}
.pagination-ul li.first { background: url(../images/common/hw-paging-arrow-ll.png) no-repeat center center; }
.pagination-ul li.prev { background: url(../images/common/hw-paging-arrow-l.png) no-repeat center center; }
.pagination-ul li.next { background: url(../images/common/hw-paging-arrow-r.png) no-repeat center center; }
.pagination-ul li.last { background: url(../images/common/hw-paging-arrow-rr.png) no-repeat center center; }
.boards-search-wrap {
	width: 380px;
	margin: 0 auto;
	margin-top: 120px;
}
.boards-search-form {
	position: relative;
	border-bottom: solid 2px #000000;
}
.boards-search-text {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	border: 0;
	background-color: rgba(255, 255, 255, 0);
}
.boards-search-submit {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: 0;
	background: url(../images/common/hw-search-ico.png) no-repeat center center;
}
.boards-view-wrap {
	margin-top: 150px;
}
.boards-view-title {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}
.boards-view-date {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.56;
	letter-spacing: -1px;
	color: #999999;
	text-align: center;
	margin-top: 20px;
}
.boards-view-contents {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 60px;
	border-top: solid 2px #000000;
	padding: 60px 0 80px;
	border-bottom: solid 1px #dedede;
}
.boards-view-attatch-wrap {
	border-bottom: solid 1px #dedede;
	padding: 20px 0;
}
.boards-view-attatch-title {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;
	color: #000000;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}
.boards-view-attatch-title:after {
	content: "";
	position: absolute;
	top: 10px;
	right: -20px;
	width: 1px;
	height: 12px;
	border-right: solid 1px #dedede;
}
.boards-view-attatch-title img {
	margin-right: 10px;
}
.boards-view-attatch-file {
	display: inline-block;
	padding-left: 35px;
}
.boards-view-attatch-file a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;
	color: #000000;
	display: block;
}
a.boards-list-btn {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 140px;
	height: 50px;
	background-color: #152b49;
	margin: 120px auto 0;
}
/* boards end */



/* layer start */
.layer-popup {
	display: none;
	position: absolute;
	z-index: 9998;
}
.layer-popup.layer-1 {
	position: absolute;
	display: block;
	width: 450px;
	top: 100px;
	left: 0;
}
.layer-popup.layer-2 {
	position: absolute;
	display: block;
	width: 450px;
	top: 100px;
	left: 450px;
}
.layer-popup .layer-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* layer end */



/* slider(slick) start */
.slick-slider,
.slick-list,
.slick-track {
	height: 100%;
}
.slick-slide {
	outline: none;
}
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -60px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	opacity: 0.5;
	border: solid 1px #979797;
	background-color: #ffffff;
	outline: 0;
	padding: 0;
}
.slick-dots li.slick-active button {
	opacity: 1;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	border: solid 1px #144085;
	background-color: #144085;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	display: none !important;
}
.main-slider .slick-slide {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}
.main-slider .slick-current {
	opacity: 1 !important;
	transition: opacity 0.5s ease-in;
}
.main-slider .slick-current + .slick-slide {
	opacity: 0.3;
	transition: opacity 1s ease-out;
}
.main-slider-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main-slider-arrows-wrap .slick-prev,
.main-slider-arrows-wrap .slick-next {
	font-size: 0;
	position: absolute;
	top: 184px;
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 26px;
	border: solid 1px #e2e2e2;
	z-index: 1;
	outline: 0;
}
.main-slider-arrows-wrap .slick-prev {
	left: -100px;
	background: #ffffff url(../images/main/w-main-arrow-l.png) no-repeat center center;
}
.main-slider-arrows-wrap .slick-next {
	right: -100px;
	background: #ffffff url(../images/main/w-main-arrow-r.png) no-repeat center center;
}
.product-view-slider .slick-prev,
.product-view-slider .slick-next {
	font-size: 0;
	position: absolute;
	top: 29px;
	display: block;
	width: 23px;
	height: 43px;
	padding: 0;
	cursor: pointer;
	border: 0;
	z-index: 1;
}
.product-view-slider .slick-prev {
	left: -180px;
	background: url(../images/common/w-product-arrow-left.png) no-repeat center center;
}
.product-view-slider .slick-next {
	right: -180px;
	background: url(../images/common/w-product-arrow-right.png) no-repeat center center;
}
/* slider(slick) end */


/*dk start*/
.dk-bg {
	height: 420px;
	background: url(../../images/dk/w-research-bg-dk2.png) no-repeat center center;
	background-size: cover;
}
.rnd_total-bg {
	height: 420px;
	background: url(../../images/rnd/rnd-bg.png) no-repeat center center;
	background-size: cover;
}
.total-text{
	margin: 78px 0 145px;
	text-align: center;
}
.total-text p:first-child{
	margin-bottom: 38px;
	font-weight: bold;
	font-size: 32px;
}
.total-text p{
	font-size: 20px;
	line-height: 1.94;
	letter-spacing: -1px;
}

.rnd-strategy{
	margin: 0 auto;
	max-width: 1903px;
	min-width: 1903px;

	background: url(../../images/dk/rnd-strategy-dk-bg.png) no-repeat center center;
	background-size: cover;
	height: 690px;
	position: relative;
	width: 100%;
}
.rnd-strategy.rnd-center{
	background: url(../../images/rnd/rnd-strategy-bg.png) no-repeat center center;
	background-size: cover;
	height: 690px;
	position: relative;
	width: 100%;
}
.rnd-strategy-tit{
	position: absolute;
	left: 470px;
	top: 70px;
	display: inline-block;
	text-align: right;
}
.rnd-strategy-tit p:first-child{
	font-weight: bold;
	color:#8b8b8b;
	font-size: 20px;
}
.rnd-strategy-tit p:last-child{
 font-weight: bold;
  color:#99ca3b;
	font-size: 45px;
	line-height: 40px;
}
.rnd-strategy.rnd-center .rnd-box{
	background-color: #52b8e9;
}
.rnd-strategy.rnd-center .rnd-strategy-tit p:last-child{
	color:#52b8e9;
}

.rnd-box{
	box-sizing: border-box;
	background-color: #99ca3b;
	width: 1084px;
	height: 680px;
	color:#fff;
	padding: 90px 70px 85px 135px;
	position: absolute;
	right: 0;
	bottom:25px;
}
.rnd-box-tit{
	font-size: 30px;
	margin-bottom: 25px;
}
.rnd-box-tit b{
	font-weight: bold;
}
.rnd-box p{
	word-break: keep-all;
	padding-left: 12px;
	position: relative;
	font-size: 18px;
	line-height:  30px;
	margin-bottom: 30px;
}
.rnd-strategy.rnd-center .rnd-box p{
	padding-left: 0;
}

.rnd-box p span{
	position: absolute;
	left: 0;
	top: 0;
}
.rnd-box p:last-child{
	margin-bottom: 0;
}

.rsc-layer{
	background: url(../../images/dk/dk-rsc-bg.png) no-repeat center center;
	background-size: cover;
	padding: 104px 0 125px;
	margin-top: 15px;

}
.rsc-layer.rnd-center{
	background: url(../../images/rnd/rnd-rsc-bg.png) no-repeat center center;
	background-size: cover;
}
.rsc-tit{
	padding-right: 15px;
	display: inline-block;
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
	color:#5ec2d7;
	font-weight: bold;
	font-size: 40px;
}
.rsc-tit span{
	font-weight: normal;
	font-size: 16px;
}
.rsc-txt-box{
	margin-top: 48px;
	color:#fff;
}
.rsc-txt p b{
	font-weight: bold;
}
.rsc-txt p:first-child{
	font-size: 30px;
	margin-bottom: 25px;
}
.rsc-txt p{
	font-size: 18px;
	line-height: 30px;
}
.rsc-txt:last-child{
	margin-top: 50px;
}

.dk-pipeline .pipeline-table td:last-child{
	border-right: 0;
}
.dk-pipeline .pipeline-table td{
	line-height: 1.5;
}
.dk-pipeline .pipeline-line-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.dk-pipeline .pipeline-line-box::after{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.dk-pipeline .blue .pipeline-line-box{
	background-color: #52b8e9;
}
.dk-pipeline .green .pipeline-line-box{
	background-color: #99ca3b;
}
.dk-pipeline .pipeline-line-box.w-90{
	width: 90px;
}
.dk-pipeline .pipeline-line-box.w-03{
	width: 30%;
}
.dk-pipeline .pipeline-line-box.w-07{
	width: 70%;
}
.dk-pipeline .pipeline-line-box.w-18{
	width: 180%;
}
.dk-pipeline .pipeline-line-box.w-2{
	width:200%
}
.dk-pipeline .pipeline-line-box.w-25{
	width:250%
}
.dk-pipeline .pipeline-line-box.w-15{
	width:150%
}
.dk-pipeline .pipeline-line-box.w-1{
	width:100%
}
.dk-pipeline .pipeline-line-box.w-3{
	width:300%
}
.dk-pipeline .pipeline-line-box.w-35{
	width:350%
}
.dk-pipeline-tit{
	text-align: center;
	font-size: 40px;
	font-weight: 500;
}
.dk-pipeline{
	padding-top: 110px;
}
.rnd-center-wrap{
	padding: 150px 0 200px;
}
.rnd-center-tit{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 100px;

}
.rnd-center-content{
	font-size: 0;
	display: table;
	width: 100%;
	margin-top: 100px
}
.rnd-center-box{
	position: relative;
	display: table-cell;
	width: 50%;
	vertical-align: top;

}
.rnd-center-box.left{
	text-align: right;
	vertical-align: top;
}
.rnd-center-box.right{
	text-align: left;
	vertical-align: bottom;
}
/* .rnd-center-img{
	width: 84%;
	height: 61%;
	background-size: cover;
	background-position: center;
} */
.rnd-center-box.right .rnd-center-img{
	position: relative;
	bottom: 0;
	left: 0;

}
.rnd-center-box.left .rnd-center-img{
	position: relative;
	right: 0;;
	top:  0;

}
.rnd-center-txt p:first-child{
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 20px;
}
.rnd-center-txt p:last-child{
	font-size: 18px;
	line-height: 1.98;
}
.rnd-center-box.left .rnd-center-txt{
	padding-right: 70px;
	padding-top: 65px;

}
.rnd-center-box.right .rnd-center-txt{
	padding-left: 70px;
	padding-bottom: 65px;
}


.dk-global-wrap {
	text-align: center;
	margin-top: 120px;
}
.dk-global-text {
	margin-top: 70px;
}
.dk-global-text p {
	letter-spacing: -0.5px;
	font-size: 18px;
	line-height: 30px;
}
.dk-global-text .dk-global-title {
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: bold;
}
/*dk end*/
.dk-top-text {
	text-align: center;
	margin: 70px auto 140px;
}
.dk-top-text p {
	line-height: 30px;
	font-size: 18px;
}
.dk-top-text .dk-info-title {
	margin-bottom: 35px;
	font-size: 40px;
	line-height: normal;
	font-weight: bold;
}
.dk-platform-layer {
	background: url(../../images/dk/dkplatformbg.png) no-repeat top left;
	background-size: cover;
	padding: 70px 0 60px;
}
.dk-pl-wrap {
	display: flex;
	width: 100%;
}
.dk-pl-wrap li {
	width: 50%;
}
.dk-pl-title {
	color: #fff;
	text-align: center;
	margin-bottom: 65px;
}
.dk-pl-title p:first-child {
	font-size: 40px;
}

.dk-pl-text {
	margin-bottom: 60px;
}
.dk-pl-text p:first-child {
	font-size: 30px;
	color: #99ca3b;
	cursor: pointer;
	margin-bottom: 22px;
	letter-spacing: -0.5px;
	;
}
.dk-pl-text p:nth-child(2) {
	color: #fff;
	font-size: 17px;
	line-height: 32px;
}
.dk-pl-wrap li:nth-child(1) {
	padding-right: 50px;
	position: relative;
}
.dk-pl-wrap li:nth-child(1) img {
	/* position: absolute;
	left: 0;
	bottom: 0; */
	/* width: 540px; */
}
.dk-pl-wrap li:nth-child(2) {
	padding-left: 28px;
}
.dk-pl-wrap li:nth-child(1) .dk-pl-text {
	padding-left: 10px;
}
.dk-pl-wrap li:nth-child(2) .dk-pl-text {
	padding-left: 40px;
}
.dk-pl-wrap li:nth-child(2) .dk-pl-text p:first-child {
	color: #52b8e9;
}


@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1270px) {
	.gnb-lang-wrap {
		right: 0px;
	}
}

.dk-info-box{
	margin-bottom: 100px;
}
.dk-info-box > div{
	display: flex;
	align-items: center;
	gap:40px;
	margin-bottom: 35px;
}
.dk-info-box > div:last-child{
	margin-bottom: 0
}
.dk-info-box img{
	flex:1;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1 / 0.5;
	border-radius: 20px
}
.dk-info-box .txt{
	flex: 1
}
.dk-info-box .txt p:first-child{
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 20px;
}
.dk-info-box .txt p:last-child{
	font-size: 18px;
	line-height: 1.98;
}

.dk-list{
	margin-top: 40px;
	text-align: left;
}
.dk-list>p{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.dk-list li{
	font-size: 16px;
	position: relative;
	padding-left: 10px;
	margin-bottom: 8px;
}
.dk-list li:last-child{
	margin-bottom: 0;
}
.dk-list li::before{
	content: "·";
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 1px;
}
.dk-top-text.left{
	text-align: left;
}

.dk-top-txt-box{
	margin-bottom: 25px;
}
.dk-top-txt-box:last-child{
	margin-bottom: 0
}
.dk-top-txt-box .dk-list{
	margin-top: 20px;
}
.back-box{
	text-align: right;
}
.back-box a{
	display: inline-block;
	background-color: #152b49;
	color:#fff;
	font-size: 16px;
	padding: 8px 25px;
}
.sub-title-text-wrap .sub-desc{
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
}
.dk-top-text .dk-text-blue-b{
	color: #144085;
	font-size: 22px;
}