@charset "utf-8";
body.fixed {overflow: hidden}
.wrap {min-width: 100%; overflow: hidden;}
.inner {max-width: 1470px; margin:0 auto; width: 100%; padding:0 15px; position: relative;}
.pcOnly {display: block !important;}
.moOnly {display: none !important;}

/*header*/
.header-wrap {width: 100%; margin:0 auto; z-index: 9; position: relative; top:0; left: 0; border-bottom: 1px solid #ac0430; background: #fff;}

.header-wrap.on {max-width: 100%; box-shadow:0px 3px 10px rgba(0,0,0,0.1); position: fixed; background: #fff; }
/*
.header-wrap.on .header {height: 70px; background: #fff; margin:0 auto; }
.header-wrap.on .header h1 { background-size: contain}
.header-wrap.on .header h1 a img {max-height: 40px;}
.header-wrap.on .header .gnb-open {margin-top:16px;}
.header-wrap.on .header .gnb > li > a  {color:#000; line-height: 70px; }
.header-wrap.on .header .gnb > li .gnb-dep2 {top:70px;}
.header-wrap.on .header .gnb > li.on > a:after {bottom: 0px; }
.header-wrap.on .gnb-bg {top:115px;}
*/


.header-wrap.on .top-search{top:111px;}
.header {max-width: 1470px; padding:0 15px;  height:90px; margin: 0 auto; z-index: 3; position: relative;}
.header h1 {float: left; width: 6vw; margin-right: 4%; height: 100%; position: relative; z-index: 9; max-width: 130px}
.header h1 a {display: block; width: 100%; height: 100%; position: relative; text-align: left}
.header h1 a img {position: absolute; top:50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.header-top {border-bottom: 1px solid #ccc;}
.header-top ul {overflow: hidden; }
.header-top ul.product-nav {opacity: 0; pointer-events: none;}
.header-top ul li {float: left; }
.header-top ul li a.on {background: #666; color:#fff;}
.header-top a {display: block; font-size: 1.35rem; padding:0 5px; line-height: 40px; width: 200px; text-align: center; border-right: 1px solid #ccc; transition: all .4s ease; font-weight: 500; -webkit-transition: all .4s ease; font-weight: 500;}
.header-top a:hover {background: #666; color:#fff;}
.header-top .lang-btn {position: absolute; top:0; right:0px; border-left: 1px solid #ccc; border-right: 0; width: 100px; }

/*top search*/
.top-search-open { width: 38px; height: 29px; background: url(../img/common/ico-search.png) no-repeat 50% 50%; text-indent: -99999px; text-align: left; vertical-align: middle; background-size: 20px; }
.top-search-open.on {background: url(../img/common/ico-close-dark.png) no-repeat 50% 50%; background-size: 20px;}
.top-search {background:#fff; position: absolute; top:131px; left: 0; width: 100%; text-align: center; padding:0 15px;  border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); display: none;}
.top-search .search-box {overflow: hidden;  display: inline-block; vertical-align: middle; width: 100%; max-width: 700px; display: inline-block; position: relative; overflow: hidden; padding:30px 0 50px 0;}
.top-search .search-box select {float: left; width: 25%; height: 50px; border:3px solid #999; }
.top-search .search-box input[type="text"] {background: transparent; height: 60px; border:0; width: 100%; border-bottom:1px solid #ac0430; padding-right: 60px; font-size: 1.8rem;}
.top-search .search-box .btn-search {width: 55px; height: 55px; background:url(../img/common/ico-search.png) no-repeat 50% 54%; color:#fff; text-indent: -9999px; position: absolute; top:40%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

/*gnb*/
.header .gnb {position: absolute; top:0; left: 0; right: 0; margin:0 auto; display: block; text-align: center;}
.header .gnb > li {text-align: center; display: inline-block; vertical-align: middle; margin-left: -2px;}
.header .gnb > li > a { font-size:1.8rem; color: #000; display: block; padding: 0px 30px; line-height: 90px; position: relative; font-weight: 500; }
.header .gnb > li > a:after {content: ''; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background: #ac0430; z-index: 2; opacity: 0;}
.header .gnb > li.on > a {color:#ac0430}
.header .gnb > li.on > a:after {opacity: 1;}
.header .gnb > li .gnb-dep2 {width: 100%; z-index: 2; position: absolute; top: 90px; left: 0; display: none; text-align: center; overflow: hidden; padding:0 15px; border-top:1px solid #ac0430; }
.header .gnb > li .gnb-dep2.on {display: block; background: #fff; }
.header .gnb > li .gnb-dep2 .right-img { display: block; position: absolute; bottom: -5%; opacity: 0;  right: 20px; }
.header .gnb > li.on .gnb-dep2 .right-img { animation: navImg .5s .3s forwards; -webkit-animation: navImg .5s .3s forwards}
.header .gnb > li .gnb-dep2 .right-img span {position: absolute; top:60%; right: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: right; background: rgba(0,0,0,0.8); border-radius: 100px; width: 100px; height: 100px; text-align: center; padding-top: 32px; color:#fff; font-size: 1.4rem; opacity: 0; transition: all .4s ease; -webkit-transition: all .4s ease;}
.header .gnb > li .gnb-dep2 .right-img:hover span {opacity: 1;}
@keyframes navImg {
	0% {bottom: -5%; opacity: 0;}
	100% {bottom: 0px; opacity: 1;}
}
@-webkit-keyframes navImg {
	0% {bottom: -5%; opacity: 0;}
	100% {bottom: 0px; opacity: 1;}
}

.header .gnb .gnb-dep2 > dl {float: left; width: 23%; margin-right:2%; text-align: left; padding: 20px 3% 50px 0; position: relative;}
.header .gnb .gnb-dep2 > dl:after {content: ''; display: block; width: 1px; height: 700px; position: absolute; top:0; right: 0; background: #ccc;}
.header .gnb .gnb-dep2 > dl dt {font-size: 2.7rem; font-weight:500; color:#000;}
.header .gnb .gnb-dep2 > dl dd {line-height: 1.5; margin-top: 20px; font-size: 1.5rem;}
.header .gnb .gnb-dep2 > dl dd a {width: 150px; height: 40px; border:1px solid #999; text-align: center; line-height: 36px; border-radius: 30px; transition: all .2s ease; -webkit-transition: all .2s ease; margin-top: 20px;}
.header .gnb .gnb-dep2 > dl dd a:hover {background: #ac0430; color:#fff; border-color:#fff;}
.header .gnb .gnb-dep2 > dl dd a:hover:after {border-color:#fff;}
.header .gnb .gnb-dep2 > dl dd a:after {content: ''; display:inline-block; width: 9px; height: 9px; border-top:1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 5px; transition: all .2s ease; -webkit-transition: all .2s ease;}
.header .gnb .gnb-dep2 > ul {float: left; text-align: left; padding:20px 10px; }
.header .gnb .gnb-dep2 > ul > li {display: block; vertical-align: top; position: relative; padding:5px 10px; margin-bottom: 15px;}
.header .gnb .gnb-dep2 > ul > li > a {font-size: 1.6rem; color: #000; display: block; line-height: 1.5; font-weight: 500}
.header .gnb .gnb-dep2 > ul > li > a:hover,
.header .gnb .gnb-dep2 > ul > li.on > a {color:#ac0430; font-weight: 600}
.header .gnb .gnb-dep3 { position: absolute; top:0; left: 110%; display: none; border-left: 1px solid #ddd; padding-left: 25px; width: 300px; margin-top:8px; z-index: 9999999 }
.header .gnb .gnb-dep3.on {display: block;}
.header .gnb .gnb-dep3 li {margin-bottom: 10px;}
.header .gnb .gnb-dep3 li:last-of-type {margin-bottom: 0;}
.header .gnb .gnb-dep3 li a {font-size: 1.5rem; color: #333; display: block; padding:0; white-space: nowrap}
.header .gnb .gnb-dep3 li a:hover {text-decoration: underline; color:#ac0430;}
.gnb-bg {position: absolute; top:132px; left: 0; width: 100%; height:280px; background: #fff; display: none; box-shadow: 0px 2px 4px rgba(0,0,0,0.1)}
.gnb-bg.on {display: block;}
.header .gnb .sub-item {display: flex; white-space: nowrap; align-items: center;}
.header .gnb .sub-item > a {font-weight: 600; margin-right: 30px; }
.header .gnb .sub-item ul {display: flex; gap:20px;}
.header .gnb .sub-item ul li {font-size: 1.4rem;}
.header .gnb .sub-item a:hover {text-decoration: underline;}

/*mobile gnb*/
.header .mgnb-open {display: none; background:url(../img/common/btn-allmenu.png) no-repeat 50% 50%; width: 30px; height: 30px; margin-top: 33px; position: absolute; top:0; right: 15px; z-index: 2}
.header .mgnb-close {position: absolute; top:10px; right: 15px; background:url(../img/common/ico-close-dark.png) no-repeat 50% 50%; z-index: 99999; width: 30px; height: 30px;background-size: 20px; display: none;}
.mobile-top {position: absolute; top:0; right: 0; z-index: 11; width: 100%; height: 50px; line-height: 50px; padding-left:20px; display: none;}

/*
.header .mobile-gnb  {position: fixed; top:0px; left: 0; width: 100%; height: 100%; background: #1e2631; z-index: 10; display: none; padding:60px 0 0 0;}
.header .mobile-gnb > ul > li {text-align: left; position: relative; background: #1e2631; border-bottom: 1px solid rgba(255,255,255,0.1)}
.header .mobile-gnb > ul > li:first-of-type {border-top: 1px solid rgba(255,255,255,0.1)}
.header .mobile-gnb > ul > li > a { font-size:2.2rem; color: #fff; display: block; padding:20px; position: relative;}
.header .mobile-gnb > ul > li > a:after {content: ''; display: block; width:10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; position: absolute; top:50%; right: 25px; transform: translateY(-50%) rotate(45deg); opacity: 1;}
.header .mobile-gnb > ul > li.on > a:after {top:50%; transform: translateY(-50%) rotate(-45deg); }
.header .mobile-gnb > ul > li .gnb-dep2 {width: 100%; z-index: 2; display: none; background: #fff;}
.header .mobile-gnb .gnb-dep2.on {display: block !important;}
.header .mobile-gnb .gnb-dep2 > ul > li > a {font-size: 1.8rem; color: #000; font-weight:500; padding:18px 10px 18px 30px;; border-bottom: 1px solid #ccc; display: block; background: #efefef; position: relative;}
.header .mobile-gnb .gnb-dep2 > ul > li > a.on:after {content: ''; position: absolute; top:50%; right:20px; width: 20px; height: 20px; background: url(../img/common/ico-plus-grey.png) no-repeat 50% 50%; transform: translateY(-50%);  opacity: 1;}
.header .mobile-gnb .gnb-dep2 > ul > li.on > a:after {background: url(../img/common/ico-del-grey.png) no-repeat 50% 50%; }
.header .mobile-gnb .gnb-dep3 {display: none;}
.header .mobile-gnb .gnb-dep3.on {display: block;}
.header .mobile-gnb .gnb-dep3 > li > a {font-size: 1.6rem; color: #333; padding:16px 30px; border-bottom: 1px solid #ccc; display: block;}
.header .mobile-gnb .gnb-dep3 > li > a:before {content: '-'; display: inline-block; margin-right: 10px;}
*/


.gnb-right {position: absolute; top:50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.gnb-right a {margin-left: 5px; vertical-align: middle}

/*sitemap*/
.site-map {position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 5; padding:80px 0; display: none; height: 100vh;}
.site-map .inner {position: relative; display: flex; gap:3%; flex-wrap: wrap}
.site-map .inner:after{content: ''; clear: both;}
.site-map dl {width: 25%; margin-bottom: 4%}
.site-map dl:last-of-type {margin-right: 0;}
.site-map dl:nth-of-type(2) {display: flex; flex-wrap: wrap; width: 70%}
.site-map dl:nth-of-type(2) dt {width: 100%;}
.site-map dl:nth-of-type(2) dd {width: 25%}
.site-map dl dt {font-weight: 600; color:#ac0430; font-size: 2rem; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom:15px;}
.site-map dl dd {padding:5px 0; font-size: 1.6rem; margin-bottom: 3px; }
.site-map dl dd > a {color:#000; display: block;}
.site-map dl dd > a:hover {color: #ac0430}
.site-map dl dd ul  {margin-top: 8px;}
.site-map dl dd ul li {font-size: 1.4rem; margin-top: 3px; padding-left: 10px; position: relative;}
.site-map dl dd ul li a {color:#666; display: block;}
.site-map dl dd ul li a:hover {color:#000; text-decoration: underline;}
.site-map dl dd ul li:before {content: ''; margin-right: 10px; width: 3px; height: 3px; background: #ac0430; border-radius: 100px; position: absolute; top:9px; left: 0;}
.site-map .close-btn {position: absolute; top:-60px; right: 20px; width: 40px; height: 40px; background: #000; background:url(../img/common/ico-close-dark.png) no-repeat 50% 50%; background-size: 30px;}

/*footer*/
.footer-wrap {width: 100%; position: relative; padding:0 !important; background: #222;}

.footer-wrap .footer-link {background: #222; position: relative;}
.footer-wrap .footer-link .inner {border-left: 1px solid rgba(255,255,255,0.2); }
.footer-wrap .footer-link a {color:#fff; line-height: 55px; font-size: 1.5rem; border-right: 1px solid rgba(255,255,255,0.2); width: 150px; text-align: center;}
.footer-wrap .social-list {position: absolute; top:40px; right: 15px; overflow: hidden}
.footer-wrap .social-list a {width: 50px; float: left; }
.footer-wrap .social-list a img {border-radius: 5px; }
.footer-wrap .footer-info .inner {padding:40px 0 40px 170px; color:#fff; font-size: 1.4rem; color:#c5c5c5;}
.footer-wrap .footer-info .inner p {margin-bottom: 15px; letter-spacing: 0; font-size: 1.3rem;}
.footer-wrap .footer-info .inner p span {color:#c5c5c5}
.footer-wrap .footer-info .privacy-url {margin-top: 30px;}
.footer-wrap .footer-info .privacy-url a {color:#999; margin-right: 10px; }
.footer-wrap .footer-info .privacy-url a:hover { text-decoration: underline; color:#fff}
.footer-wrap .footer-info .inner .footer-logo { position: absolute; top:50px; left: 15px;}
.footer-wrap .footer-info .inner .footer-logo img {width: 110px;}
.footer-wrap .btn-gotop {width:40px; height: 40px; background: #0080ff url(../img/common/ico-top.png) no-repeat 50% 50%; position: absolute; bottom:100px; right:20px; text-indent: -9999px; z-index: 2; border-radius: 100px;}

/*drop*/
.drop {position: relative;}
.drop-list {display: none;}






/*tab inpage*/
.tabInpage-con > div {display: none; font-size: 1.7rem; line-height: 1.5;}
.tabInpage-con > div.on {display: block;}
.tabInpage-con .section {margin-bottom: 70px;}
.tabInpage-con .board-write .section {margin-bottom: 0px;}
.tabInpage-con ul.list {margin-bottom: 30px;}
.tabInpage-con ul.list li {margin-bottom: 7px; }
.tabInpage-con .rule-list strong {text-decoration: underline; display: inline;}
.tabInpage-con .rule-list > strong {font-weight: 500; margin-bottom: 10px; text-decoration: none;}
.tabInpage-con .rule-list > ul {margin-bottom: 30px;}
.tabInpage-con .rule-list > ul > li {margin-bottom: 10px; padding-left: 25px; position: relative; font-size: 1.7rem;}
.tabInpage-con .rule-list > ul > li .num {position: absolute; top:0; left: 0;}
.tabInpage-con .rule-list ul.depth2 {margin-top:5px;}
.tabInpage-con .rule-list ul.depth2 li { margin-bottom: 5px;}
.tabInpage-con .rule-list ul.depth3 {margin:5px 0 10px 18px;}
.tabInpage-con .bg-txt {background: #eee; border:1px solid #ddd; padding:25px; margin:20px 0; font-size: 1.8rem; color:#000; font-weight: 500;}
.tabInpage-con .bg-txt a {color:#005b9e}
.tabInpage-con .bg-txt span{font-size: 1.8rem; font-weight: 400; position: relative; padding-left: 12px;}
.tabInpage-con .bg-txt span:before{content: ""; display: inline-block; width: 6px; height: 2px; background: #747474; position: absolute; top: 12px; left: 0;}

/*table*/
.table-scroll {overflow-x: hidden;}
.table-scroll .table {min-width: 700px; }
.table-set {margin:0px 0 30px; position: relative;}
.table-set .tb-info {margin-top:10px; }
.table-set .tb-info span {font-size: 1.5rem; display: block;}
.table {width:99.99%; border-collapse: collapse; position: relative;}
.table thead:before {content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; top:0; left: 0;}
.table tr td,
.table tr th {border:1px solid #ddd; padding:20px 10px; vertical-align: middle; text-align: center; line-height: 1.5;}
.table tr th { text-align: center; color:#000; font-weight: 500; font-size: 1.7rem;}
.table thead tr th {background: #eee; font-size: 1.7rem;}
.table tr td {font-size: 1.6rem;}
.table tr td p {font-size: 1.6rem; margin-bottom: 0;}
.table tr td ul {margin-top: 10px;}
.table tr td ul li {margin-bottom: 10px;}
.table tr td ul li:last-of-type {margin-bottom: 0;}
table.list {margin-bottom: 40px;}
table.list .list tr th,
table.list tr td {text-align: left; line-height: 1.5; padding:5px 0; font-size: 1.8rem;}
table.list tr th {width: 35%; font-weight: 500;}
table.list tr th:before {content: '·'; margin-right: 10px; }
table.list tr th small {font-size: 1.5rem; margin-left: 15px;}
.table tr.notice-bg td {background: #e2f3ff;}
.table tr.notice-bg .notice-txt {font-weight: 500; color:#005b9e}

/*privacy*/
.privacy-txt h4{font-size: 1.9rem; font-weight: 500; margin-bottom: 10px; line-height: 1.5}
.privacy-txt p {margin-bottom: 30px;}
.privacy-txt ul, .privacy-txt ol{margin-bottom: 30px;}
.privacy-txt ul > li{position: relative; padding-left: 15px; margin-bottom: 10px;  line-height: 1.5}
.privacy-txt ul > li:before{content: ""; display: inline-block; width: 6px; height: 1px; background: #333; position: absolute; left: 0; top: 13px;}
.privacy-txt ol > li{margin-top: 10px;  line-height: 1.5; position: relative; padding-left: 25px;}
.privacy-txt ol > li span{position: absolute; top: 0; left: 0;}
.privacy-txt .privacy_download{background: #1075bd; padding: 15px 2%; display: inline-block; margin-bottom: 30px; line-height: 1.4;}
.privacy-txt .privacy_download a{color: #fff;}
.privacy-btn {font-size: 1.6rem; margin-left:10px; color:#005b9e; position: relative; top:-1px;}

/*privacy*/
.privacy .txt-box{margin-top: 30px;}
.privacy .txt-box p{margin-bottom: 15px; }
.privacy .txt-box p strong{font-weight: 600;}
.privacy .box {border:1px solid #ddd; padding:0 30px 30px 30px; margin-bottom: 20px;}
.privacy .btn-box a {}
.privacy h4{font-size: 2rem; color:#3e454b; font-weight: 600; margin-top: 50px; margin-bottom: 10px;}
.privacy h5{font-size: 1.8rem; color:#3e454b; font-weight: 600; margin-top: 20px; margin-bottom: 5px;}
.privacy ol > li{position: relative; padding-left: 23px; margin-bottom: 8px;}
.privacy ol > li > span{position: absolute; left: 0; top: 0;}
.privacy ol.no-i > li{padding-left: 0px; margin-bottom: 4px;}
.privacy ul > li{position: relative; margin-top: 5px; }
.privacy ul > li > ul > li{position: relative; padding-left: 15px; margin-top: 5px; margin-left: 20px;}
.privacy ul.dot > li:before{content:""; display: inline-block; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 20px; background: #333;}
.privacy ul.line > li:before{content:""; display: inline-block; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #333;}
/*.privacy ul.first-ul > li{padding-left: 15px;}*/
.privacy dl{margin-top: 15px;}
.privacy dl dt strong{font-weight: 600;}
.privacy dl dd strong{display: block; font-weight: 600; margin-top: 10px;}
.privacy > .btn{margin-top: 30px; padding: 0; background: none; }
.privacy > .btn > a{padding: 15px 25px; display: inline-block; background: #91001f; color: #fff;}



/*sub content*/
.container {padding-top: 0;}
.content {padding-bottom: 150px;}
.content .top-txt { font-size: 1.8rem; margin-bottom: 40px;}
.content .top-txt a {color:#851b21}

/*sub title*/
.sub-title {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 330px; text-align: center; position: relative; max-width: 100%; margin:0 auto;}
.sub-title.sub1 {background-image: url(../img/sub/sub-bg1.jpg);}
.sub-title.sub2 {background-image: url(../img/sub/sub-bg2.jpg);}
.sub-title.sub3 {background-image: url(../img/sub/sub-bg3.jpg);}
.sub-title.sub4 {background-image: url(../img/sub/sub-bg4.jpg);}
.sub-title.sub5 {background-image: url(../img/sub/sub-bg5.jpg);}
.sub-title h2 {font-size: 5rem; color:#fff; font-weight: 500; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

.content-title {text-align: center; max-width: 1470px; padding:0 15px; margin:100px auto 0 auto;}
.content-title h2 {font-size: 1.7rem; text-align: left;}
.content-title h3 {font-size: 5.2rem; font-weight:700; text-align: left; letter-spacing: -1.5px}
.content-title h3:after {content: ''; display: block; width: 80px; height: 1px; background: #ac0430; margin:80px 0 40px 0;}




/*sub tab*/
.sub-tab {margin:30px auto; position: relative; }
.sub-tab:before {content: ''; display: block; width: calc(100% - 30px); position: absolute; bottom: 0; left: 0; right: 0; margin:0 auto; height: 1px; background: #ddd;}
.sub-tab:after {content: ''; display: block; clear: both;}
.sub-tab li {float: left; position: relative; margin-right: 10px;}
.sub-tab li a {display: block; font-size: 2.1rem; padding:15px 10px; min-width: 100px; text-align: center;}
.sub-tab li a:after {content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: -1px; left: 0; display: none;}
.sub-tab li.on a {color:#000;}
.sub-tab li.on a:after {background: #ac0430; display: block}



/*quick*/
.quick-nav {position: absolute; bottom:0; right: 0px; z-index: 3; text-align: right; }
.quick-nav a { background: #ac0430; position: relative; width: 70px; height: 275px; display: block;}
.quick-nav .q-contact:after {content: ''; display: block; width: 14px; height: 14px; background: url(../img/common/ico-plus.png) no-repeat 0 0; position: absolute; top:20px; left: 0; right: 0; margin:0 auto;}
.quick-nav .q-contact span{top:62%;}
.quick-nav .q-down {background: #ccc; height:125px;}
.quick-nav a span {color:#fff; transform: rotate(-90deg) translate(-50%, -50%); -webkit-transform: rotate(-90deg) translate(-50%, -50%); position: absolute; top:18%; left: 17%; width: 100%; display: block; white-space: nowrap; font-weight: bold;}
.quick-nav .btn-gotop {width: 70px; height: 70px; background: #333 url(../img/common/ico-top.png)no-repeat 50% 50%; display: block;}



/*member*/
.pg-member-wrap {width: 100%; height: 100%; background: url(../img/login-bg.jpg) no-repeat right 50%; background-size: cover; position: relative; z-index: 2;}
.pg-member .form .inner {padding:0;}
.pg-member .form .inner .input-field {position: relative; background: none; overflow: hidden; margin-bottom: 10px;}
.pg-member .form .inner .input-field input {border:0; height: 50px; border-radius: 4px;}
.pg-member .form .btn {margin:10px 0; width: 100%; font-size: 1.8rem; height: 50px; line-height: 50px;}

/*login*/
.pg-login { position: absolute; top:50%; left: 40%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 480px; width: 100%; opacity: 0; animation: loginAni 1s .3s ease-in-out forwards; -webkit-animation: loginAni 1s .3s ease-in-out forwards; padding:40px; background: rgba(18,31,55,0.7);}
.pg-login .login-logo {position: absolute; top:-70px; left: 0;}
.pg-login h1 {font-size: 3rem; font-weight: 500; margin-bottom: 20px; color:#fff;}
.pg-login .form .radio-set {margin-bottom:20px; font-weight: bold;}
.pg-login .form .inner .input-field input[type="text"],
.pg-login .form .inner .input-field input[type="password"] {background: transparent; color:#fff; width: 100%; padding:0 20px;}
.pg-login .form .inner .input-field:after {content: ''; width: 1px; height: 15px; position: absolute; top:35%; right: 50px; background: rgba(255,255,255,0.2);}
.pg-login .form .inner .input-field {padding-right: 55px; background: #18191e;}
.pg-login .form .inner .input-field:before {content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; top:17px; right: 20px; background: url(../img/login-ico1.png) no-repeat 50% 50%; background-size: contain;}
.pg-login .form .inner .input-field:nth-of-type(2):before {background: url(../img/login-ico2.png) no-repeat 50% 50%; background-size: contain; width: 13px; height: 20px; top:14px;}
.pg-login .form .btn-l {margin:10px 0 20px;}
.pg-login .btn-box {margin:20px 0 0 0;}
.pg-login .btn-box a {color:#ff9900; margin:0 15px;}
.pg-login .btn-box a:hover {text-decoration: underline; color:#fff;}
/*placeholder*/
.pg-login ::placeholder { color: #ccc; opacity:1;}

/*join*/
.join-form .input-field {margin-bottom: 10px;}
.join-form .input-field label {display: block; margin-bottom: 5px;}
.join-form input[type="text"], .join-form input[type="tel"], .join-form input[type="email"], .join-form input[type="password"] {width: 100%}


/*download center*/
.download-center ul {overflow: hidden; display: flex; flex-wrap: wrap;}
.download-center ul li {width:17%; margin: 1.5%; position: relative; }
.download-center ul li .img-box {border:1px solid #ddd;  overflow: hidden}
.download-center ul li p {text-align: left; position: relative; top:0px; left: 0px; font-weight: 600; line-height: 1.15; margin-bottom: 10px;}
.download-center ul li a {position: relative; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding:0 20px; color:#fff; background:rgba(102,102,102,0.9); transition: all .4s ease; -webkit-transition: all .4s ease; font-size: 1.5rem}
.download-center ul li a:after {content: ''; position: absolute; top:48%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 18px; background: url(../img/common/ico-down-xs.png) no-repeat 50% 50%;}
.download-center ul li a:hover {background: #ac0430}
.download-center ul li a:nth-of-type(2) {margin-top:2px;}

.download-center ul li .img-box img {transform: scale(1); -webkit-transform: scale(1); transition: all .4s ease; -webkit-transition: all .4s ease;}
.download-center ul li:hover .img-box img {transform: scale(1.1); -webkit-transform: scale(1.1);}

.support-search {height: 550px; background: url(../img/sub/support-search-bg.jpg) no-repeat 50% 50%; background-size: cover; position: relative; color:#fff;}
.support-search .inner {position: absolute; top:52%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center;}
.support-search h2 { font-size: 5rem; text-align: center; }
.support-search .search-box {margin:30px auto; max-width: 700px; background: #fff; padding:10px; text-align: left; overflow: hidden}
.support-search .search-box input[type="text"] {border:0; background: transparent; width: calc(100% - 50px); float: left;}
.support-search .search-box .submit-btn {width: 50px; height: 40px; background: url(../img/common/ico-search.png) no-repeat 50% 50%; float: right;}
.support-search .keyword {text-align: center;}
.support-search .keyword a {padding:10px 20px; display: inline-block; color:#fff;}

/*about*/
.pg-about .inner {position: relative; height: 100%;}
.pg-about .ceo-msg {height: 670px; background: url(../img/sub/about-img.jpg)no-repeat 50% 50%; background-size: cover; margin:0px 0 150px; background-attachment: fixed; }



.pg-about .ceo-msg .txt-box { color:#333; text-align: center; width: 50%; position: absolute; top:50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pg-about .ceo-msg .txt-box h4 {font-size: 3rem; }
.pg-about .ceo-msg .txt-box h4:after {content: ''; display: block; width: 80px; height: 2px; background: #333; margin:25px auto 60px auto; }
.pg-about .ceo-msg .txt-box p {font-size: 4.5rem; line-height: 1.3;}
.pg-about .ceo-msg .txt-box p:before {content: ''; display: block; width: 24px; height: 24px; background: url(../img/sub/quote1.png) no-repeat 0 0; margin:0 auto 20px auto;}
.pg-about .ceo-msg .txt-box p:after {content: ''; display: block; width: 24px; height: 24px; background: url(../img/sub/quote2.png) no-repeat 0 0; margin:20px auto 0 auto;}

.pg-about .learn-more {margin-top:150px;}
.pg-about .learn-more h4 { text-align: left; font-size: 3rem; margin-bottom: 50px; font-weight: 600; }
.pg-about .learn-more .inner {overflow: hidden;}
.pg-about .learn-more .inner > div {float: left; width: 55%;}
.pg-about .learn-more .inner .news {float: right; width: 40%;}
.pg-about .learn-more .news ul li {overflow: hidden; margin-bottom: 20px;}
.pg-about .learn-more .news ul li .img-box {border:1px solid #ddd; float: left; width: 140px; position: relative; padding-top:14.3%; overflow: hidden;}
.pg-about .learn-more .news ul li a {display: block; overflow: hidden; transition: all .4s ease; -webkit-transition: all .4s ease;}
.pg-about .learn-more .video-con {position: relative; padding-top: 56.4%;}
.pg-about .learn-more .video-con iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.pg-about .learn-more .news ul li .img-box img {position: absolute; top:50%; left: 50%; width: auto; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: inherit;}
.pg-about .learn-more .news ul li .txt-box {float: right; width: calc(100% - 160px); font-size: 1.5rem; margin-top:3px;}
.pg-about .learn-more .news ul li:hover .txt-box strong{text-decoration: underline;}
.pg-about .learn-more .news ul li:hover .txt-box p {text-decoration: underline;}
.pg-about .learn-more .news ul li .txt-box strong { margin-bottom: 2px;}
.pg-about h5 {font-size: 2.2rem; font-weight: 600; color:#000; margin-bottom: 25px;}
.pg-about .overview {position: relative; background: #111; padding:1% 0; margin-top:100px;}
.pg-about .overview .img-box {background: #000 url(../img/sub/about-img2-v2.jpg) no-repeat 0 0; width: 50%; height: 100%; position: absolute; top:0; left: 0; background-size: cover;}
.pg-about .overview .inner {overflow: hidden;}
.pg-about .overview .txt-box {color:#ccc; float: right; width: 50%; padding:5%}
.pg-about .overview .txt-box h4 {font-size: 4.8rem; font-weight: 600}
.pg-about .overview .txt-box h4:after {    content: ''; display: block; width: 60px;  height: 2px; background: #999;
    margin: 25px 0 60px 0;}
.pg-about .overview .txt-box p {margin-bottom: 25px; line-height: 1.5; font-size: 1.6rem}
.pg-about .current-state {padding:5% 0 5% 0;}
.pg-about .current-state .date {text-align: right; font-size: 1.4rem; color:#666; margin-top: 40px;}
.pg-about .current-state h4 {font-size: 4.8rem;  text-align: left; margin-bottom: 1%; font-weight: 600; letter-spacing: -1px;} 
.pg-about .state-list1 {overflow: hidden; padding:3%;}
.pg-about .state-list1 li {float: left; width: 18.3%; height: 220px; display: table; text-align: center; border:1px solid #666; border-radius: 10px; padding:1%; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }
.pg-about .state-list1 li {margin-right: 2%; display: flex;  justify-content: center; padding:40px 0;}
.pg-about .state-list1 li:last-of-type {margin-right: 0;}
.pg-about .state-list1 li dl {display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: space-between;}
.pg-about .state-list1 li dl dt {}
.pg-about .state-list1 li dl dd {font-size: 1.7rem; font-weight: bold;}
.pg-about .state-list2 {overflow: hidden; text-align: center; margin-top: 5%}
.pg-about .state-list2 li {display: inline-block; vertical-align: top; width: 20%}
.pg-about .state-list2 li span {display: block; text-align: center; margin-top: 30px;}
.pg-about .business-area {background:url(../img/sub/about-biz-bg.jpg)no-repeat 50% bottom; padding:6% 0 7%}
.pg-about .business-area h4 {color:#fff; font-size: 4.8rem;  text-align: left; margin-bottom: 10%; font-weight: 600; letter-spacing: -1px;}
.pg-about .business-area p {color:#fff; text-align: center; margin-top: 20px; font-weight: 600}
.pg-about .business-area ul {margin-bottom: -40px}
.pg-about .business-area ul li {text-align: center;}
.pg-about .business-area ul li img {margin:0 auto;}
.pg-about .business-area .slick-dots {bottom: -10px}

/*network*/
.pg-network .map-area {}
.pg-network .map-area .map {display: inline-block; position: relative;}
.pg-network .map-area button {position: absolute; color:#333; font-size: 1.3rem; font-weight:700; white-space: nowrap; display: inline-block; opacity: 0; margin-top: -30px; transition: all .8s ease; -webkit-transition: all .8s ease; padding-left: 26px; outline: none;}
.pg-network .map-area button.on {opacity: 1; margin-top: 0; }
.pg-network .map-area button span {display: inline-block; position: absolute; top:0px; left: 0; transform: scale(1); -webkit-transform: scale(1); border-width: 0px; width: 16px; height: 16px; }
.pg-network .map-area button:before {content: ''; display: block; width: 32px; height: 32px; position: absolute; top:-7px; left: -8px; background: rgba(172,4,48,0.2); opacity: 0; border-radius: 100px;}
.pg-network .map-area button span:after {content: ''; display: block; position: absolute; top:4px; left: 3px; width: 10px; height: 10px; border-radius: 100px; background: #ac0430; transform: scale(1); -webkit-transform: scale(1); border-width: 0px; }
.pg-network .map-area button.type2 span:after { border:2px solid #ac0430; background: #fff; width: 8px; height: 8px;}
.pg-network .map-area button:hover {z-index: 9}
.pg-network .map-area button:hover span:after {animation: mapDot 1s infinite; -webkit-animation: mapDot 1s infinite; }
.pg-network .map-area button:hover:before {opacity: 1;}
.pg-network .map-area button small {opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease;}
.pg-network .map-area button.marker span:after {content: ''; width: 24px; height: 24px; border-radius: 0px; background: url(../img/common/marker2.png)no-repeat 50% 50%; background-size: contain; border-width: 0px; top:-4px; left: -3.5px;}
.pg-network .map-area button.marker2 span:after {background: url(../img/common/marker.png)no-repeat 50% 50%; background-size: contain; }
/*
@keyframes mapDot {
	0% { transform: scale(1); -webkit-transform: scale(1); }
	50% { transform: scale(0.9); -webkit-transform: scale(0.9); }
	100% {transform: scale(1); -webkit-transform: scale(1); }
}
@-webkit-keyframes mapDot {
	0% { transform: scale(1); -webkit-transform: scale(1); }
	50% { transform: scale(0.9); -webkit-transform: scale(0.9);}
	100% {transform: scale(1); -webkit-transform: scale(1); }
}*/

/*.pg-network .bubble {position: relative; top:-101px; left:0px; right:0; margin:0 auto; background: #fff; border-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,0.2); padding:20px; display: none; z-index: 9; opacity: 0;  text-align: left; width: 100%; min-width: 260px; min-height: 100px;}*/
/*.pg-network .bubble strong {display: block; margin-bottom: 10px;}*/
/*.pg-network .bubble p {font-size: 1.3rem; font-weight: normal; color:#555; }*/
/*.pg-network .bubble a {text-decoration: underline;}*/
/*.pg-network .bubble a:hover {color:#000}*/
/*.pg-network .map-area button:hover {z-index: 2;}*/
/*.pg-network .map-area button:hover .bubble {display: block; animation: bubble .8s forwards; -webkit-animation: bubble .8s forwards; }*/
/*@keyframes bubble {*/
/*	0% { opacity: 0;}*/
/*	100% { opacity: 1; }*/
/*}*/
/*@-webkit-keyframes bubble {*/
/*	0% { opacity: 0; }*/
/*	100% { opacity: 1; }*/
/*}*/
/*.pg-network .map-area button.right{padding-right: 25px;}*/
/*.pg-network .map-area button.right span {left: unset; right: 0;}*/
/*.pg-network .map-area button.right:before {left: unset; right: -8.5px;}*/

/*.pg-network .map-area button.nt-korea {top:42%; left:37.5%; }*/
/*.pg-network .map-area button.nt-usa {top:42%; left: 72%;}*/
/*.pg-network .map-area button.nt-latin {top:74%; left: 87%;}*/
/*.pg-network .map-area button.nt-china {top:46%; left: 22%;}*/
/*.pg-network .map-area button.nt-china2 {top:41%; left:10%;}*/
/*.pg-network .map-area button.nt-eu {top:30%; left: 6%;}*/
/*.pg-network .map-area button.nt-japan {top:37%; left: 42%;}*/
/*.pg-network .map-area button.nt-asia {top:60%; left: 20%;}*/
/*.pg-network .map-area button.nt-india {top:53%; left: 12.5%;}*/

/*.pg-network .map-area button.nt-mexico {top:52%; left: 77%;}*/
/*.pg-network .map-area button.nt-africa {top:50%; left: 1%;}*/
/*.pg-network .map-area button.nt-oceania {top:77%; left: 43%;}*/
/*.pg-network .map-area button.nt-uk {top:28%; left: -7%;}*/
/*.pg-network .map-area button.nt-fr {top:35%; left: -8.5%;}*/
/*.pg-network .map-area button.nt-de {top:33.5%; left: 6.3%;}*/
/*.pg-network .map-area button.nt-bwa {top:34%; left: 83%;}*/
/*.pg-network .map-area button.nt-vietnam {top:55%; left: 32%;}*/
/*.pg-network .map-area button.nt-singapore {top:63%; left: 33%;}*/

.pg-network .network-list ul {overflow: hidden; display: flex; flex-wrap: wrap; gap:5%;}
.pg-network .network-list ul li { width: 47.5%; border-top:2px solid #ccc; padding:1.5vw 0; position: relative; margin-bottom:3vw;}
.pg-network .network-list ul li:nth-child(2n) {float: right; }
.pg-network .network-list ul li img {position: absolute; top:1.5vw; left: 0;}
.pg-network .network-list h4 {font-size: 1.8rem; color:#ac0430; margin-bottom: 20px; font-weight: 600; padding-left: 60px;}
.pg-network .network-list table tr th,
.pg-network .network-list table tr td {padding:5px 0; font-size: 1.5rem;}
.pg-network .network-list table tr th {font-weight: 600; padding-right: 10px; width: 120px}
.pg-network .network-list table tr td a {text-decoration: underline;}
.pg-network .network-list table tr td a:hover {color:#000;}


/*new map*/
.main-network {padding:80px 15px}
.pg-network .global-map .map-img {margin-top:0px; margin-bottom: 50px;}
.global-map {text-align: center;}
.global-map .map-img {display: inline-block; position: relative; margin-top:70px;}
.global-map .map-img a {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.global-map .map-img .item1 {top:41.5%; left: 44.5%;}
.global-map .map-img .item2 {top:43.5%; left: 47%;}
.global-map .map-img .item3 {top:48.5%; left: 42.5%;}
.global-map .map-img .item4 {top:54.5%; left: 36%;}
.global-map .map-img .item5 {top:60.5%; left: 40%;}
.global-map .map-img .item6 {top:28.5%; left: 22.5%;}
.global-map .map-img .item7 {top:35%; left: 23.5%;}
.global-map .map-img .item8 {top:44.5%; left: 67%;}
.global-map .map-img .item9 {top:53.5%; left: 71%; }
.global-map .map-img .item10 {top:32%; left: 24%;}
.global-map .map-img .item11 {top:38%; left: 74%;}
.global-map .map-img .item12 {top:78%; left: 47.5%;}
.global-map .map-img .item13 {top:53%; left: 41%;}
.global-map .map-img .dot i {width: 40px; height: 40px; display: inline-block; position: relative;}
.global-map .map-img .dot i:before {content: ''; display: block; width: 18px; height: 18px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100px; animation: mapDot 2s infinite}
.global-map .map-img .dot i:after {content: ''; display: block; width: 18px; height: 18px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background: #ac0430; border-radius: 100px; z-index: 2}
.global-map .map-img .dot p {font-weight: 700; color:#3e454b; font-size: 1.3rem; margin:0 5px; white-space: nowrap; position: absolute; bottom:11px; right: 31px;  }
.global-map .map-img .right .dot p {left: 31px;}
.global-map .map-img .bubble { position: absolute; top:-30px; left: calc(-100% - 4px); width: 130px; white-space: nowrap; visibility: hidden; transition: all .2s ease; opacity: 0;  pointer-events: none;}
.global-map .map-img .bubble.lg { width: 230px; left: calc(-100% - 54px);}
.global-map .map-img .bubble p {background: #fff; padding:8px 10px; border-radius: 30px; font-weight: 700; color:#3e454b; font-size: 1.3rem; border:1px solid #ac0430; margin-bottom: 10px; position: relative; white-space: nowrap;}
.global-map .map-img .bubble p:after {content: ''; display: block; width: 6px; height: 6px; border-top:1px solid #ac0430; border-right: 1px solid #ac0430; transform: rotate(135deg); position: absolute; bottom: -4px; left: 0; right: 0; margin:0 auto; background: #fff;}
.global-map .map-img a .bubble.on {top:-40px; visibility: visible; opacity: 1;}
.global-map .txt-right {font-size: 1.5rem;}

@keyframes mapDot {
	0% {
		transform: scale(0.95) translate(-50%,-50%);
		box-shadow: 0 0 0 0 rgba(172, 4, 48, 0.7);
	}
	70% {
		transform: scale(1) translate(-50%,-50%);
		box-shadow: 0 0 0 14px rgba(172, 4, 48, 0);
	}
	100% {
		transform: scale(0.95) translate(-50%,-50%);
		box-shadow: 0 0 0 0 rgba(172, 4, 48, 0);
	}
}
@media all and (max-width:1000px) {
	.global-map .map-img {transform: scale(1.4); left: -20px; top:10px;}
	.global-map .map-img a {pointer-events: none;}
	.global-map .map-img .dot p {opacity: 0;}
	.global-map .map-img .dot i {transform: scale(0.4)}
	.global-map .txt-right {padding-top: 40px;}

}


/*technology*/
.tech-intro-bg {background: url(../img/sub/tech-intro-bg.jpg) no-repeat 50% 0; background-size: cover;}
.tech-intro {overflow: hidden}
.tech-intro li {float: left; width: 31.3%; margin-right: 3%; text-align: center; position: relative; overflow: hidden}
.tech-intro li:last-of-type {margin-right: 0;}
.tech-intro li a {display: block;}
.tech-intro li a:hover p {background: #ac0430; padding:20px 30px;}
.tech-intro li a:hover p:after {margin-left: 30px;}
.tech-intro li a:hover img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.tech-intro li img {width:100%; transform: scale(1); -webkit-transform: scale(1); transition: all .4s ease; -webkit-transition: all .4s ease;}
.tech-intro li p {position: absolute; top: 40%; left: 60px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; color:#fff; font-size: 3rem; transition: all .4s ease; -webkit-transition: all .4s ease; margin-bottom: 0; z-index: 9; text-align: left; line-height: 1.5;}
.tech-intro li p:after {content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 22px; background: url(../img/common/ico-right-arr.png) no-repeat 0 0; margin-left: 10px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.tech-intro li p:before {content: '';}
.tech-intro .video:before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0; z-index: 2; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease;}
.tech-intro .video {padding-top:80%; position: relative;}
.tech-intro .video video {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.tech-intro li a:hover .video:before {opacity: 0.2;}

.pg-tech .txt-box {margin: 120px 0;}
.pg-tech h4 {font-size: 2.1rem; color:#000; font-weight: 500; margin-bottom: 15px;}
.pg-tech h5 {font-size: 1.9rem; color:#ac0430; font-weight: 500; margin-bottom: 15px;}
.pg-tech p {margin-bottom: 30px; line-height: 1.5;}
.pg-tech p.img-box {border:1px solid #ddd;}
.tech-bia .video {position: relative; padding-top: 56%; margin-top: 50px;}
.tech-bia .video iframe {position: absolute; top:0; left: 0; }

.tech-bia {margin-bottom: -150px; }
.tech-bia .grid {margin-bottom: 0; display: table; width: 100%;}
.tech-bia .grid .col {display: table-cell; vertical-align:middle; width: 50%;}
.tech-bia .top-section {text-align: center; color:#fff; z-index: 2; position: relative; width: 100%; background: url(../img/sub/tech-bia-about-bg.jpg); padding:8% 0 15%;}
.tech-bia .top-section dl dt {font-size:4.3rem; font-weight: 600;}
.tech-bia .top-section dl dt:after {content: ''; display: block; width: 70px; height: 2px; background: #fff; margin:30px auto 50px auto;}
.tech-bia .top-section dl dd {font-size: 3rem; font-weight: 600;}
.tech-bia .top-section p { max-width: 800px; margin:50px auto 0 auto; font-size: 2rem;}

.tech-bia .section {padding:5% 0;  }
.tech-bia .section .txt-box {padding:3%}
.tech-bia .section .txt-box dl dt {font-size: 3.5rem; color:#000; margin-bottom: 40px; font-weight: 600}
.tech-bia .section .txt-box dl dt span {font-weight: normal; color:#444; font-size:2.5rem;}
.tech-bia .section .txt-box dl dd {margin-bottom: 30px; font-size: 1.7rem; line-height: 1.5}
.tech-bia .section .img-box {text-align: center; padding:3%}
.tech-bia .section .video {max-width:750px; margin:0 auto; padding-top: 32.3%;  margin-bottom: 10%}
.tech-bia .section .video iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.tech-bia .section1 {z-index: 2;}
.tech-bia .section1 .tit-box {text-align: center; }
.tech-bia .section1 .tit-box h3 {font-size: 3.3rem; color:#ac0430; font-weight: 600;}
.tech-bia .section1 .tit-box p {font-size: 1.8rem; max-width: 800px; margin:20px auto 0 auto}
.tech-bia .section2 {padding: 0;}
.tech-bia .section3 .grid .col:nth-of-type(1) {width: 75%;}
.tech-bia .section3 .grid .col:nth-of-type(2) {width: 25%;}
.intro-bia .img { background: url(../img/sub/tech-bia-about-bg2.jpg); }

.intro-tech-evo {margin-bottom: 5%}
.intro-tech-evo .img { background: url(../img/sub/tech-bia-bg.jpg); }
.tech-evo {margin-bottom: -150px}
.tech-evo .grid {margin-bottom: 0; display: table; width: 100%;}
.tech-evo .grid .col {display: table-cell; vertical-align:middle; width: 50%;}
.tech-evo .top-section {text-align: center; color:#fff; z-index: 2; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%; }
.tech-evo .top-section dl dt {font-size:4.3rem; font-weight: 600;}
.tech-evo .top-section dl dt:after {content: ''; display: block; width: 70px; height: 2px; background: #fff; margin:30px auto 50px auto;}
.tech-evo .top-section dl dd {font-size: 1.7rem; font-weight: 600;}
.tech-evo .top-section p { max-width: 1200px; margin:50px auto 0 auto; font-size: 2rem;}

.tech-evo .section {padding:5% 0;  }
.tech-evo .section .txt-box {padding:3%}
.tech-evo .section .txt-box dl dt {font-size: 3.5rem; color:#000; margin-bottom: 40px; font-weight: 600}
.tech-evo .section .txt-box dl dd {margin-bottom: 30px; font-size: 1.7rem; line-height: 1.5}
.tech-evo .section .img-box {text-align: center; padding:3%}
.tech-evo .section1 {background: #f3f3f3; max-width: 1700px; margin:0 auto;}

.tech-evo .section2 .grid-2 {overflow: visible}
.tech-evo .section2 .grid-2:after {content: ''; display: block; clear: both;}
.tech-evo .section2 .img-box {position: relative; }
.tech-evo .section2 .img-box img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2)} 

.tech-evo .section3 {padding:0 0 10% 0}
.tech-evo .section3 .txt-box {padding-top:15%}

.tech-evo .section4,
.tech-evo .section5 {background: #22262b}
.tech-evo .section4 {padding-bottom: 0;}

.tech-evo .section4 .inner,
.tech-evo .section5 .inner {background: #fff; border-radius: 30px; padding:5% 4%; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.tech-evo .section4 .inner {margin-top:-180px}

.tech-evo .section6,
.tech-evo .section7 {background: url(../img/sub/tech-bia-bg2.jpg) no-repeat 50% 50%; background-size: cover;}
.tech-evo .section6 {padding-bottom: 0;}


.tech-research .txt-box {position: relative;}
.tech-research .txt-box h4 {font-size: 6rem; color:#ac0430; font-weight: 600}
.tech-research .txt-box p {font-size: 2.1rem;}
.tech-research .txt-box .more-btn  {position: absolute; top:17px; right: 0; font-size: 2rem;
    border: 1px solid #bbb;  border-radius: 30px;  height: 55px; line-height: 50px; color: #2b2b2b; padding:0 30px;
    transition: all .3s ease; -webkit-transition: all .3s ease; text-align: center;}
.tech-research .txt-box .more-btn:hover {background: #ac0430; border-color:#ac0430; color:#fff;}
.tech-research .img-box ul {overflow: hidden; border-left: 1px solid #ccc;}
.tech-research .img-box ul li {text-align: center; float: left; width: 12.5%; border-right: 1px solid #ccc; min-height: 205px; padding:30px 0 10px;}
.tech-research .img-box ul li span {font-size: 1.6rem; margin-top: 20px; opacity: 0.7; display: block; text-align: center; font-weight: 600; letter-spacing: -1px;}
.tech-research .img-box img {transform: scale(1); -webkit-transform: scale(1); animation: researchIcon 2s infinite; -webkit-animation: researchIcon 2s infinite;}
@keyframes researchIcon {
	0% {transform: scale(1); -webkit-transform: scale(1);}
	25% {transform: scale(1.1); -webkit-transform: scale(1.1);}
	50% {transform: scale(1); -webkit-transform: scale(1);}
	100% {transform: scale(1); -webkit-transform: scale(1);}
}
@-webkit-keyframes researchIcon {
	0% {transform: scale(1); -webkit-transform: scale(1);}
	25% {transform: scale(1.1); -webkit-transform: scale(1.1);}
	50% {transform: scale(1); -webkit-transform: scale(1);}
	100% {transform: scale(1); -webkit-transform: scale(1);}
}
.research-title {margin:0 auto; width: 100%; background: url(../img/sub/tech-research-bg.jpg) no-repeat 50% 50%; max-width: 100%; padding:80px 0; margin-bottom: 70px; background-size: cover;}
.research-title h2 {color:#fff; }
.research-title h3 {color:#fff; font-size: 4rem;}
.research-title h3:after {display: none;}


/*new tech*/
.n-tech h4 {font-size: 4.8rem; color:#333; margin-bottom: 50px; font-weight: 600; letter-spacing: -1px;}
.n-tech h5 {font-size: 3.5rem; color:#333; margin-bottom: 40px; font-weight: 600; letter-spacing: -1px;}
.n-tech h6 {font-size: 2.1rem; color:#333; margin-bottom: 20px; font-weight: 600; letter-spacing: -1px;}
.n-tech-what .section {padding:5% 0;}
.n-tech-what .thumb-list {overflow: hidden}
.n-tech-what .thumb-list li {float: left; width: 25%; padding:2%; padding-bottom: 0;}
.n-tech-what .thumb-list li p {margin-top: 40px;}
.n-tech-what .thumb-list li .img-box {max-width: 290px; height: 290px; width: 100%; transition: all .4s ease; -webkit-transition: all .4s ease; cursor: pointer;}
.n-tech-what .thumb-list li:nth-of-type(1) .img-box {background: url(../img/sub/n-tech-what-thumb1.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(2) .img-box {background: url(../img/sub/n-tech-what-thumb2.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(3) .img-box {background: url(../img/sub/n-tech-what-thumb3.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(4) .img-box {background: url(../img/sub/n-tech-what-thumb4.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(1):hover .img-box {background: url(../img/sub/n-tech-what-thumb1-on.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(2):hover .img-box {background: url(../img/sub/n-tech-what-thumb2-on.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(3):hover .img-box {background: url(../img/sub/n-tech-what-thumb3-on.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .thumb-list li:nth-of-type(4):hover .img-box {background: url(../img/sub/n-tech-what-thumb4-on.jpg) no-repeat 0 0; background-size: contain}
.n-tech-what .mid-txt {text-align: center;}
.n-tech-what .mid-txt:before {content: ''; display: block; width:25px; height: 25px; background: url(../img/sub/quote1-red.png) no-repeat 50% 50%; margin:0 auto 40px auto; }
.n-tech-what .mid-txt:after {content: ''; display: block; width:25px; height: 25px; background: url(../img/sub/quote2-red.png) no-repeat 50% 50%; margin:40px auto 0 auto; }
.n-tech-what .mid-txt p {font-size: 5rem; color:#ac0430; font-weight: 600; display: inline-block; position: relative; padding:0 20px;}
.n-tech-what .mid-txt p:before {content: ''; width: 100%; height: 20px; background: #e3e3e3; position: absolute; top:55%; left: 50%; z-index: -1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}


.n-tech-bg1 {background: url(../img/sub/n-tech-bg1.jpg) no-repeat 0 0; background-size: contain; }
.n-tech-bg2 {background: url(../img/sub/n-tech-bg2.jpg) no-repeat 0 0; background-size: contain; }
.n-tech-what .method-list {background: #565758; padding:5% 8%; color:#fff}
.n-tech-what .method-nav {margin-bottom: 35px; margin-top: -10px}
.n-tech-what .method-nav a {font-size: 2.3rem; color:#333; padding:15px 20px; position: relative;}
.n-tech-what .method-nav a:after {content: ''; display: block; width: 0; height:2px; background: #ac0430; position: absolute; bottom: 0; left: 0; transition: all .4s ease; -webkit-transition: all .4s ease;}
.n-tech-what .method-nav a.on:after {width: 100%}
.n-tech-what .method-list .method-slide li .con {display: flex; align-items: center}
.n-tech-what .method-list .method-slide li .img-box {width: 50%; padding-right: 30px;}
.n-tech-what .method-list .method-slide li dl {width: 50%; color:#fff;}
.n-tech-what .method-list .method-slide li dl dt {font-size:30px; font-weight: 600; margin-bottom: 30px;}
.n-tech-what .method-list .method-slide .slick-next {background: url(../img/common/ico-next-w.png) no-repeat 50% 50%; right: -8%; background-size: contain}
.n-tech-what .method-list .method-slide .slick-prev {background: url(../img/common/ico-prev-w.png) no-repeat 50% 50%; left: -8%; background-size: contain}

.n-tech-tech .section {padding:5% 0;}
.n-tech-tech .section p {margin-bottom: 35px}
.n-tech-tech .section p:last-of-type {margin-bottom: 0}
.n-tech-tech .section1 {background: url(../img/sub/n-tech-img1.jpg) no-repeat 50% 50%; background-size: cover; color:#fff;}
.n-tech-tech .section1 h5 {color:#fff;}
.n-tech-tech .section1 p {color:#ccc;}
.n-tech-tech .section2 .inner {overflow: hidden}
.n-tech-tech .section2 .inner > div {float: left; width: 48%;}
.n-tech-tech .section2 .inner > .img-box {float: right; text-align: right;}
.n-tech-tech .section2 .inner .btn-r {margin-top: 40px;}

.n-tech-tech .section3 {text-align:left; background:#f4f4f4 url(../img/sub/n-tech-his-bg.jpg) no-repeat 50% 0%; background-size: contain;}
.n-tech-tech .section3 .tech-his {margin-top: 80px;}
.n-tech-tech .section3 .tech-his:after {content: ''; display: block; clear: both;}
.n-tech-tech .section3 .tech-his > div {float: left; width: 47%;}
.n-tech-tech .section3 .tech-his .tech-con {float: right}
.n-tech-tech .section3 .tech-his .tech-nav dl {border:1px solid #ddd; margin-bottom: 10px; padding:20px; position: relative; transition: all .4s ease; -webkit-transition: all .4s ease; cursor: pointer; background: #fff;}
.n-tech-tech .section3 .tech-his .tech-nav dl:after {content: ''; display: block; width: 15px; height:15px; border-top:1px solid #ac0430; border-right: 1px solid #ac0430; background: #fff; position: absolute; top:50%; right: -9px; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg);  opacity: 0; transition: all .4s ease;}
.n-tech-tech .section3 .tech-his .tech-nav dl.on {border:1px solid #ac0430; }
.n-tech-tech .section3 .tech-his .tech-nav dl.on:after {opacity: 1;}
.n-tech-tech .section3 .tech-his .tech-nav dl.on dd {color:#ac0430; text-decoration: underline;}

.n-tech-tech .section3 .tech-his .tech-nav dl:hover {border:1px solid #ac0430; }
.n-tech-tech .section3 .tech-his .tech-nav dl:hover:after {opacity: 1;}
.n-tech-tech .section3 .tech-his .tech-nav dl:hover dd {color:#ac0430; text-decoration: underline;}

.n-tech-tech .section3 .tech-his .tech-nav dl dt {font-weight: 600; color:#000; margin-bottom: 10px; font-size: 1.8rem}
.n-tech-tech .section3 .tech-his .tech-nav dl dd {margin-bottom: 10px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.n-tech-tech .section3 .tech-his .tech-nav dl dd:last-of-type {margin-bottom: 0;}
.n-tech-tech .section3 .tech-his .tech-con img {margin-bottom: 40px; display: block;}
.n-tech-tech .section3 .tech-his .tech-con .con {display: none;}
.n-tech-tech .section3 .tech-his .tech-con .con.on {display: block;}
.n-tech-tech .section3 .slick-dots {bottom: -50px;}
.n-tech-tech .section3 .slick-dots li.slick-active button {background: #ac0430; border-color:#ac0430}

.n-tech-tech .section3 .tech-his .tech-nav dl.slide-nav.on dd,
.n-tech-tech .section3 .tech-his .tech-nav dl.slide-nav:hover dd {color:#333; text-decoration: none;}
.n-tech-tech .section3 .tech-his .tech-nav dl.slide-nav:hover dd.on,
.n-tech-tech .section3 .tech-his .tech-nav dl.slide-nav:hover dd:hover {color:#ac0430; text-decoration: underline;}

.n-tech-tech .section4 .evo-list {margin-top: 70px;}
.n-tech-tech .section4 .evo-list li {background: #ededee; padding:50px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.n-tech-tech .section4 .evo-list li > div {width: 48%;  }
.n-tech-tech .section4 .evo-list li .txt2 {background: #fff; padding:40px; box-shadow: 5px 5px 10px rgba(0,0,0,0.05)}
.n-tech-tech .section4 .evo-list li .txt2 h6 {color:#ac0430; }

.n-tech-tech .section5  {background: url(../img/sub/n-tech-q-bg.jpg) no-repeat 0 bottom; height: 1100px; background-size: auto 1000px;}
.n-tech-tech .section5 .faq-list {border-top:0;}
.n-tech-tech .section5 .faq-list li {border-bottom:0;}
.n-tech-tech .section5 .faq-list li:first-of-type:after {content: ''; display: block; width: 57%; height: 1px; background: #ddd; position: absolute; top: 0; right: 0;}
.n-tech-tech .section5 .faq-list li:before {content: ''; display: block; width: 57%; height: 1px; background: #ddd; position: absolute; bottom: 0; right: 0;}
.n-tech-tech .section5 .faq-list li .faq-content:before,
.n-tech-tech .section5 .faq-list li .faq-open-btn:after {display: none;}
.n-tech-tech .section5 .faq-list li .faq-open-btn {padding: 25px 50px 25px 43%; }
.n-tech-tech .section5 .faq-list li .faq-open-btn .title {font-size: 1.9rem; text-overflow: inherit; white-space: normal; width: 100%;}
.n-tech-tech .section5 .faq-list li .faq-open-btn.on .title {color:#ac0430}
.n-tech-tech .section5 .faq-list li .faq-content {padding-left: 0; background: #fff; border:1px solid #ac0430; padding:40px 0;}
.n-tech-tech .section5 .faq-list li .faq-content .con {display: flex; align-items: center; justify-content: space-between; }
.n-tech-tech .section5 .faq-list li .faq-content .img-box { width: 45%; padding: 0 40px;}
.n-tech-tech .section5 .faq-list li .faq-content .txt-box { width: 60%; padding-right: 40px;}
.n-tech-tech .section5 .faq-list li .faq-open-btn:before {transform: translateY(-50%); -webkit-transform: translateY(-50%); top:50%; right: 20px; width: 30px; height: 30px; background: url(../img/sub/n-tech-ac1.png) no-repeat 50% 50%; border:1px solid #ddd; border-radius: 100px; }
.n-tech-tech .section5 .faq-list li .faq-open-btn.on:before {background: url(../img/sub/n-tech-ac2.png) no-repeat 50% 50%; border-color:#ac0430}
.n-tech-tech .section6 .n-tech-inquiry {display: flex; align-items: flex-end; justify-content: center; background: #ac0430; padding:5% 3%; color:#fff;}
.n-tech-tech .section6 .n-tech-inquiry > div {width: 60%;}
.n-tech-tech .section6 .n-tech-inquiry dl dt {font-size: 3.5rem; margin-bottom: 30px; font-weight: 600; line-height: 1.3; letter-spacing: -0.5px;}
.n-tech-tech .section6 .n-tech-inquiry dl dd {font-size: 2rem; letter-spacing: -0.5px;}
.n-tech-tech .section6 .n-tech-inquiry .btn-box {text-align: right; width: 35%; margin:0;}
.n-tech-tech .section6 .n-tech-inquiry .btn-box a {transform: scale(1); -webkit-transform: scale(1); transition: all .4s ease; -webkit-transition: all .4s ease;}
.n-tech-tech .section6 .n-tech-inquiry .btn-box a:hover {background: #fff; color:#ac0430; transform: scale(1.1); -webkit-transform: scale(1.1);}

.n-tech-test .section {padding:5% 0;}
.n-tech-test .section1 .process {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 80px;}
.n-tech-test .section1 .process .video-box {width: 47%; position: relative; padding-top:26%;}
.n-tech-test .section1 .process .video-box iframe{ width: 100%; height: 100%; position: absolute; top:0; left: 0;}
.n-tech-test .section1 .process .txt-box {width: 47%; padding:10px 40px; border-left: 1px solid #ddd;}
.n-tech-test .section1 .process .txt-box:before {}
.n-tech-test .section1 .process .txt-box dl {margin-bottom: 30px; position: relative;}
.n-tech-test .section1 .process .txt-box dl:before {content: ''; width: 10px; height: 10px; background: #ccc; border-radius: 100px; position: absolute; top:7px; left: -45px;}
.n-tech-test .section1 .process .txt-box dl dt {font-size: 1.7rem; color:#ac0430; margin-bottom: 5px;}

.n-tech-test .section2 {background: #f4f4f5; text-align: center;}
.n-tech-test .section2 .test-result {display: inline-block; position: relative; margin-bottom: 50px;}
.n-tech-test .section2 .test-result ul li {position: absolute; }
.n-tech-test .section2 .test-result ul li > div {position: relative; }
.n-tech-test .section2 .test-result ul li > div p {padding-top: 50px;}
.n-tech-test .section2 .test-result ul li .close-btn {width:20px; height: 20px; background: url(../img/common/ico-close-dark.png)no-repeat 50% 50%; position: absolute; top:20px; right:20px; background-size: contain}
.n-tech-test .section2 .test-result ul li.pop1 {top:11%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop2 {top:28%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop3 {top:41%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop4 {top:51%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop5 {top:71%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop6 {top:79%; left: -3%;}
.n-tech-test .section2 .test-result ul li.pop7 {top:22%; right: -3%;}
.n-tech-test .section2 .test-result ul li.pop8 {top:41%; right: -3%;}
.n-tech-test .section2 .test-result ul li.pop9 {top:48%; right: -3%;}
.n-tech-test .section2 .test-result ul li.pop10 {top:79%; right: -3%;}
.n-tech-test .section2 .test-result ul li.pop11 {top:84%; right: -3%;}
.n-tech-test .section2 .test-result ul li button {width: 36px; height: 36px; background: url(../img/sub/n-tech-test-result-ico.png) no-repeat 50% 50%; background-size: cover;transform: rotate(0); -webkit-transform: rotate(0);}
.n-tech-test .section2 .test-result ul li button:hover { animation: popBtn 2s forwards; -webkit-animation: popBtn 2s forwards;}
@keyframes popBtn {
	0% {transform: rotate(0); -webkit-transform: rotate(0);}
	50% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
	100% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}
@-webkit-keyframes popBtn {
	0% {transform: rotate(0); -webkit-transform: rotate(0);}
	50% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
	100% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}
.n-tech-test .section2 .test-result ul li .txt-box-left {margin-right: 30px; display: none; position: absolute; top:50%; left: -400px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.n-tech-test .section2 .test-result ul li .txt-box-left p:after {content: ''; display: block; width: 20px; height: 20px; border-top:1px solid #ac0430; border-right: 1px solid #ac0430; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); position: absolute; top:50%; right: -4px; background: #fff;}
.n-tech-test .section2 .test-result ul li .txt-box-right {margin-left: 30px; display: none; position: absolute; top:50%; left: inherit; right: -400px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.n-tech-test .section2 .test-result ul li .txt-box-right p:after {content: ''; display: block; width: 20px; height: 20px; border-top:1px solid #ac0430; border-left: 1px solid #ac0430; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); position: absolute; top:50%; left: -4px; background: #fff;}

.n-tech-test .section2 .test-result ul li.on .txt-box {display: block;}
.n-tech-test .section2 .test-result ul li p {width: 380px; border:1px solid #ac0430; padding:20px 30px; background: #fff; border-radius: 30px; text-align: left; position: relative;}

.n-tech-journal .section {padding:5% 0;}
.n-tech-journal .journal-list {display: flex; align-items: center; overflow: hidden;}
.n-tech-journal .journal-list .jn-slide {width: 55%; overflow: hidden; padding:3vw;}
.n-tech-journal .journal-list .jn-slide .slick-list {overflow: visible}
.n-tech-journal .journal-list .jn-slide .slick-dots {bottom: 0;}
.n-tech-journal .journal-list .jn-slide .slick-dots li button {background: #ccc; border:0}
.n-tech-journal .journal-list .jn-slide .slick-dots li.slick-active button {background: #ac0430}
.n-tech-journal .journal-list .jn-slide .slick-slide li { padding:0 1vw; transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 0.8}
.n-tech-journal .journal-list .jn-slide .slick-slide.slick-center li {transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.n-tech-journal .journal-list .jn-slide .slick-slide.slick-center li img {border:1px solid #ac0430 }
.n-tech-journal .journal-list .jn-slide .slick-next {right: 3vw;}
.n-tech-journal .journal-list .jn-slide .slick-prev {left: 3vw;}
.n-tech-journal .journal-list .jn-slide img {width: 100%;  border:1px solid #ddd;}
.n-tech-journal .journal-list .jn-con {width: 34%; margin-left:11%; border:1px solid #ac0430; } 
.n-tech-journal .journal-list .jn-con .tit {padding:1.5vw 2vw; background: #ac0430; color:#fff; font-size: 2.7rem; line-height: 1.3;}
.n-tech-journal .journal-list .jn-con .txt {padding:2vw;}
.n-tech-journal .journal-list .jn-con .txt dl {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
.n-tech-journal .journal-list .jn-con .txt dl:last-of-type {border-bottom: 0; }
.n-tech-journal .journal-list .jn-con .txt dl dt{font-weight: 600; color:#333; }
.n-tech-journal .journal-list .jn-con .txt dl dd {margin-bottom: 10px; font-size: 1.4rem;}
.n-tech-journal .journal-list .jn-con .txt dl dd:last-of-type {margin-bottom: 0;}
.n-tech-journal .journal-list .jn-con .txt a {display: none;}
.n-tech-journal .journal-list .jn-con .con {display: none;}
.n-tech-journal .journal-list .jn-con .con.on {display: block;}

.n-tech-journal .section2 .num-box {display: flex; justify-content: space-between; align-items: flex-end}
.n-tech-journal .section2 h4 {margin-bottom: 20px;}
.n-tech-journal .section2 .num-box  {margin-top: 40px;}
.n-tech-journal .section2 .num-box p {font-size: 4.5rem; font-weight: 600; color:#ac0430; line-height: 1; }
.n-tech-journal .section2 .num-box strong {font-size: 8rem; font-weight: 600; color:#ac0430; line-height: 1; }

.n-tech-journal .section3 {border-top:1px solid #ddd;}
.n-tech-journal .result-list {display: flex; align-items: center; flex-wrap: wrap; margin-top: 50px;}
.n-tech-journal .result-list li {width: 12.5%; text-align: center; padding:10px; cursor: pointer; margin-bottom: 1%;}
.n-tech-journal .result-list li span {font-size: 1.5rem; font-weight: 600; display: block; margin-top: 5px;}
.n-tech-journal .result-list li .img {width: 130px; height: 130px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block}
.n-tech-journal .result-list li:nth-of-type(1) .img {background-image: url(../img/sub/n-tech-icon1.png)}
.n-tech-journal .result-list li:nth-of-type(2) .img {background-image: url(../img/sub/n-tech-icon2.png)}
.n-tech-journal .result-list li:nth-of-type(3) .img {background-image: url(../img/sub/n-tech-icon3.png)}
.n-tech-journal .result-list li:nth-of-type(4) .img {background-image: url(../img/sub/n-tech-icon4.png)}
.n-tech-journal .result-list li:nth-of-type(5) .img {background-image: url(../img/sub/n-tech-icon5.png)}
.n-tech-journal .result-list li:nth-of-type(6) .img {background-image: url(../img/sub/n-tech-icon6.png)}
.n-tech-journal .result-list li:nth-of-type(7) .img {background-image: url(../img/sub/n-tech-icon7.png)}
.n-tech-journal .result-list li:nth-of-type(8) .img {background-image: url(../img/sub/n-tech-icon8.png)}
.n-tech-journal .result-list li:nth-of-type(9) .img {background-image: url(../img/sub/n-tech-icon9.png)}
.n-tech-journal .result-list li:nth-of-type(10) .img {background-image: url(../img/sub/n-tech-icon10.png)}
.n-tech-journal .result-list li:nth-of-type(11) .img {background-image: url(../img/sub/n-tech-icon11.png)}
.n-tech-journal .result-list li:nth-of-type(12) .img {background-image: url(../img/sub/n-tech-icon12.png)}
.n-tech-journal .result-list li:nth-of-type(13) .img {background-image: url(../img/sub/n-tech-icon13.png)}
.n-tech-journal .result-list li:nth-of-type(14) .img {background-image: url(../img/sub/n-tech-icon14.png)}
.n-tech-journal .result-list li:nth-of-type(15) .img {background-image: url(../img/sub/n-tech-icon15.png)}
.n-tech-journal .result-list li:nth-of-type(16) .img {background-image: url(../img/sub/n-tech-icon16.png)}
.n-tech-journal .result-list li:nth-of-type(17) .img {background-image: url(../img/sub/n-tech-icon17.png)}
.n-tech-journal .result-list li:nth-of-type(18) .img {background-image: url(../img/sub/n-tech-icon18.png)}
.n-tech-journal .result-list li:nth-of-type(19) .img {background-image: url(../img/sub/n-tech-icon19.png)}
.n-tech-journal .result-list li:nth-of-type(20) .img {background-image: url(../img/sub/n-tech-icon20.png)}
.n-tech-journal .result-list li:nth-of-type(21) .img {background-image: url(../img/sub/n-tech-icon21.png)}
.n-tech-journal .result-list li:nth-of-type(22) .img {background-image: url(../img/sub/n-tech-icon22.png)}
.n-tech-journal .result-list li:nth-of-type(23) .img {background-image: url(../img/sub/n-tech-icon23.png)}
.n-tech-journal .result-list li:nth-of-type(24) .img {background-image: url(../img/sub/n-tech-icon24.png)}

.n-tech-journal .result-list li:nth-of-type(1):hover .img {background-image: url(../img/sub/n-tech-icon1-on.png)}
.n-tech-journal .result-list li:nth-of-type(2):hover .img {background-image: url(../img/sub/n-tech-icon2-on.png)}
.n-tech-journal .result-list li:nth-of-type(3):hover .img {background-image: url(../img/sub/n-tech-icon3-on.png)}
.n-tech-journal .result-list li:nth-of-type(4):hover .img {background-image: url(../img/sub/n-tech-icon4-on.png)}
.n-tech-journal .result-list li:nth-of-type(5):hover .img {background-image: url(../img/sub/n-tech-icon5-on.png)}
.n-tech-journal .result-list li:nth-of-type(6):hover .img {background-image: url(../img/sub/n-tech-icon6-on.png)}
.n-tech-journal .result-list li:nth-of-type(7):hover .img {background-image: url(../img/sub/n-tech-icon7-on.png)}
.n-tech-journal .result-list li:nth-of-type(8):hover .img {background-image: url(../img/sub/n-tech-icon8-on.png)}
.n-tech-journal .result-list li:nth-of-type(9):hover .img {background-image: url(../img/sub/n-tech-icon9-on.png)}
.n-tech-journal .result-list li:nth-of-type(10):hover .img {background-image: url(../img/sub/n-tech-icon10-on.png)}
.n-tech-journal .result-list li:nth-of-type(11):hover .img {background-image: url(../img/sub/n-tech-icon11-on.png)}
.n-tech-journal .result-list li:nth-of-type(12):hover .img {background-image: url(../img/sub/n-tech-icon12-on.png)}
.n-tech-journal .result-list li:nth-of-type(13):hover .img {background-image: url(../img/sub/n-tech-icon13-on.png)}
.n-tech-journal .result-list li:nth-of-type(14):hover .img {background-image: url(../img/sub/n-tech-icon14-on.png)}
.n-tech-journal .result-list li:nth-of-type(15):hover .img {background-image: url(../img/sub/n-tech-icon15-on.png)}
.n-tech-journal .result-list li:nth-of-type(16):hover .img {background-image: url(../img/sub/n-tech-icon16-on.png)}
.n-tech-journal .result-list li:nth-of-type(17):hover .img {background-image: url(../img/sub/n-tech-icon17-on.png)}
.n-tech-journal .result-list li:nth-of-type(18):hover .img {background-image: url(../img/sub/n-tech-icon18-on.png)}
.n-tech-journal .result-list li:nth-of-type(19):hover .img {background-image: url(../img/sub/n-tech-icon19-on.png)}
.n-tech-journal .result-list li:nth-of-type(20):hover .img {background-image: url(../img/sub/n-tech-icon20-on.png)}
.n-tech-journal .result-list li:nth-of-type(21):hover .img {background-image: url(../img/sub/n-tech-icon21-on.png)}
.n-tech-journal .result-list li:nth-of-type(22):hover .img {background-image: url(../img/sub/n-tech-icon22-on.png)}
.n-tech-journal .result-list li:nth-of-type(23):hover .img {background-image: url(../img/sub/n-tech-icon23-on.png)}
.n-tech-journal .result-list li:nth-of-type(24):hover .img {background-image: url(../img/sub/n-tech-icon24-on.png)}

.read-detail-popup {padding:30px;}
.read-detail-popup h2 {font-size: 4rem; color:#ac0430; margin-bottom: 30px;}
.read-detail-popup dl {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.read-detail-popup dl dt {font-size: 2.3rem; color:#000; font-weight: 600; margin-bottom: 10px;}
.read-detail-popup dl dd {margin-bottom: 20px;}
.read-detail-popup dl dd:last-of-type {margin-bottom: 0;}
.read-detail-popup dl ul {margin-left: 30px;}

/*grid*/
.grid-2 {overflow: hidden; margin-bottom: 80px;}
.grid-2 .col {float: left; width:48%;}
.grid-2 .col:nth-of-type(2n) {float: right;}

/*history*/
#fullpage .section {position: relative; overflow: hidden}
.history-wrap .section:before {content: ''; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.history-wrap .section.bg:before {transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0;}
.history-wrap .history1:before { background:none; }
.history-wrap .history2:before { background-image: url('../img/history/history2.jpg');}
.history-wrap .history3:before { background-image: url('../img/history/history3.jpg');}
.history-wrap .history4:before { background-image: url('../img/history/history4.jpg');}
.history-wrap .history5:before { background-image: url('../img/history/history5.jpg'); width: 50% !important; left: inherit !important; right: 0;}
.history-wrap .history6:before { background-image: url('../img/history/history2.jpg');}
.history-wrap .history7:before { background-image: url('../img/history/history7.jpg'); }
.history-wrap .history8:before { background-image: none; background-color:#e7e7e7;}
.history-wrap .history9:before { background-image: url('../img/history/history9.jpg');}
.history-wrap .history10:before { background-image: url('../img/history/history10.jpg');}
.history-wrap .history11:before { background-image: url('../img/history/history11.jpg'); }
.history-wrap .history12:before { background-image: url('../img/history/history12.jpg'); width: 50% !important; left: inherit !important; right: 0; }
.history-wrap .history13:before { background-image: url('../img/history/history13.jpg');}
.history-wrap .history14:before { background-image: url('../img/history/history14.jpg');}
.history-wrap .history15:before { background-image: none; background-color:#d5cdcc;}
.history-wrap .history16:before { background-image: none; background-color:#fff;}
.history-wrap .history17:before { background-image: none; background-color:#fff;}
.history-wrap .history18:before { background-image: none; background-color:#fff;}
.history-wrap .history19:before { background-image: url('../img/history/history2.jpg');}
.history-wrap .history20:before { background-image: none; background-color:#fff;}

.history-wrap .img-box {position: absolute; opacity: 0;}
.history-wrap .history2 .img-box {top:-120px; right: 0; margin-top: 10%; }
.history-wrap .history3 .img-box {top:0; right: 0; text-align: center; width: 50%; margin-top: 10%; }
.history-wrap .history4 .img-box {bottom:0; left: 0; margin-bottom: -10%; }
.history-wrap .history6 .img-box {top:0px; left: 0; margin-top: 10%; }
.history-wrap .history7 .img-box {bottom:0px; right: 0; margin-bottom: -10%;}
.history-wrap .history8 .img-box {top:0px; right: 0; margin-top: 10%; }
.history-wrap .history9 .img-box {top:0px; right: 0; margin-top: 10%; }
.history-wrap .history10 .img-box {bottom:0px; right: 0; margin-bottom: -10%;}
.history-wrap .history13 .img-box {top:0px; left: 0; margin-top: 10%; }
.history-wrap .history15 .img-box {top:0px; right: 0; margin-top: 10%; }
.history-wrap .history16 .img-box {top:0px; left: 0; margin-top: 10%; }
.history-wrap .history17 .img-box {top:0px; right: 0; margin-top: 10%; }
.history-wrap .history18 .img-box {top:0px; left: 0; margin-top: 10%; }
.history-wrap .history19 .img-box {top:0px; left: 0; margin-top: 10%; width: 66%}
.history-wrap .history20 .img-box {top:0px; left: 0; margin-top: 10%; }

.history-wrap .inner { height:calc(100% - 130px); text-align: left; z-index: 2; min-width: 1200px;}
.history-wrap .num {position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: -100px; opacity: 0; z-index: 2}
.history-wrap .right .num {margin-right: -100px;  }
.history-wrap .num strong {font-size: 10rem; color:#fff; font-weight: 700; line-height: 1; font-family: 'Rubik', sans-serif; font-weight: 700; font-style: italic; text-rendering: optimizelegibility;}
.history-wrap .num p {margin-top: 20px; color:#fff; font-size: 2.6rem; }
.history-wrap .num p sup {font-size: 12px; vertical-align: top; line-height: 1;}
.history-wrap .num p.s-txt {font-size: 1.7rem; max-width: 48%; margin-top: 50px;}
.history-wrap .txt-box {width: 50%; position: relative; margin-left: -100px; opacity: 0;}
.history-wrap .txt-box dl dt {font-size: 2.8rem; color:#333; margin-bottom: 50px; font-weight: 600;}
.history-wrap .txt-box dl dd {font-size: 1.6rem; margin-bottom: 20px;} 
.history-wrap .dark {color:#333 !important;}

.history-wrap .history1 h2 {font-size: 5.2rem; color:#fff; position: absolute; top:15%; left: 0; right: 0; margin:0 auto; transform: translateY(-50%); font-weight: 700; }
.history-wrap .history1 h2 small {display: block; font-size:2rem; font-weight: normal;}
.history-wrap .history1 .scroll {position: absolute; bottom: 130px; left: 0; right: 0; margin:0 auto;}
.history-wrap .history1 .video-box {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.history-wrap .history1 .video-box video {position: absolute; top:0; left: 0; width: 100%; height: auto;}
.history-wrap .history1 .mo-img img {width: auto; max-width: inherit; height: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%)}

.history-wrap .history2 .num { top:20%; left: 0;}
.history-wrap .history3 .num { bottom:10%; left: 0;}
.history-wrap .history4 .num { bottom:3%; right: 0;}
.history-wrap .history5 .num { top:20%; left: 0;}
.history-wrap .history6 .num { bottom:3%; right: 0;}
.history-wrap .history7 .num { top:20%; left: 0;}
.history-wrap .history8 .num { bottom:10%; left: 0;}
.history-wrap .history9 .num { top:20%; left: 0;}
.history-wrap .history10 .num { bottom:10%; left: 0;}
.history-wrap .history11 .num { top:20%; left: 0;}
.history-wrap .history12 .num { top:20%; left: 0;}
.history-wrap .history13 .num { bottom:3%; right: 0;}
.history-wrap .history14 .num { top:20%; left: 0;}
.history-wrap .history15 .num { top:20%; left: 0;}
.history-wrap .history16 .num { top:20%; right: 0;}
.history-wrap .history17 .num { top:20%; left: 0;}
.history-wrap .history18 .num { top:20%; right: 0;}
.history-wrap .history19 .num { bottom:3%; right: 0;}
.history-wrap .history20 .num { top:20%; right: 0;}

.history-wrap .section.ani .txt-box {animation:historyTxt1 .8s .5s forwards; -webkit-animation:historyTxt1 .8s .5s forwards; }
.history-wrap .section.ani .num {animation:historyTxt1 .8s .5s forwards; -webkit-animation:historyTxt1 .8s .5s forwards;}
.history-wrap .right.section.ani .num {animation:historyTxt2 .8s .5s forwards; -webkit-animation:historyTxt2 .8s .5s forwards; }

.history-wrap .section.bg.ani:before {animation:historyBg .8s forwards; -webkit-animation:historyBg .8s forwards; }
.history-wrap .section.ani .img-box {animation:historyImg 1s forwards; -webkit-animation:historyImg 1s forwards; }
.history-wrap .history4.section.ani .img-box, 
.history-wrap .history7.section.ani .img-box, 
.history-wrap .history10.section.ani .img-box {animation:historyImg2 1s forwards; -webkit-animation:historyImg2 1s forwards; }

@keyframes historyTxt1 {
	0% {margin-left: -100px; opacity: 0;}
	100% {margin-left: 0px; opacity: 1;}
}
@keyframes historyTxt2 {
	0% {margin-right: -100px; opacity: 0;}
	100% {margin-right: 0px; opacity: 1;}
}
@keyframes historyBg {
	0% {transform: scale(1.1); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}
@keyframes historyImg {
	0% {margin-top: 10%; opacity: 0;}
	100% {margin-top: 0; opacity: 1;}
}
@keyframes historyImg2 {
	0% {margin-bottom: -10%; opacity: 0;}
	100% {margin-bottom: 0; opacity: 1;}
}

@-webkit-keyframes historyTxt1 {
	0% {margin-left: -100px; opacity: 0;}
	100% {margin-left: 0px; opacity: 1;}
}
@-webkit-keyframes historyTxt2 {
	0% {margin-right: -100px; opacity: 0;}
	100% {margin-right: 0px; opacity: 1;}
}
@-webkit-keyframes historyBg {
	0% {transform: scale(1.1); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}
@-webkit-keyframes historyImg {
	0% {margin-top: 10%; opacity: 0;}
	100% {margin-top: 0; opacity: 1;}
}
@-webkit-keyframes historyImg2 {
	0% {margin-bottom: -10%; opacity: 0;}
	100% {margin-bottom: 0; opacity: 1;}
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #999}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {background: #ac0430}
body.fp-viewing-0 #fp-nav{
    display:none;
}

/*rnd history*/
.rnd-history-wrap .section:before {content: ''; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.rnd-history-wrap .section.bg:before {transform: scale(1.2); opacity: 0;}
.rnd-history-wrap .history1:before { background-image: url('../img/history/rnd-history1.jpg');}
.rnd-history-wrap .history2:before { background-image: url('../img/history/rnd-history2.jpg');}
.rnd-history-wrap .history3:before { background-image: url('../img/history/rnd-history3.jpg');}
.rnd-history-wrap .history4:before { background-image: url('../img/history/rnd-history4.jpg');}
.rnd-history-wrap .history5:before { background-image: url('../img/history/rnd-history5.jpg');}
.rnd-history-wrap .history6:before { background-image: url('../img/history/rnd-history6.jpg');}
.rnd-history-wrap .history7:before { background-image: url('../img/history/rnd-history7.jpg'); }
.rnd-history-wrap .history8:before { background-image: none; background-color:#fff; }
.rnd-history-wrap .history9:before { background-image: none; background-color:#8a1c22; }
.rnd-history-wrap .history10:before { background-image: url('../img/history/rnd-history10.jpg');}
.rnd-history-wrap .history11:before { background-image: url('../img/history/rnd-history11.jpg'); }
.rnd-history-wrap .history12:before { background-image: url('../img/history/rnd-history12.jpg');}

.rnd-history-wrap .img-box {position: absolute; opacity: 0; top:50%; right: 0; margin-top: 10%;  width: 50%; text-align: center;  transform: translateY(-50%)}
.rnd-history-wrap .history6 .img-box {width: 60%; top:60%; text-align: right;}
.rnd-history-wrap .history7 .img-box {top: 35%; }


.rnd-history-wrap .inner { height:calc(100% - 130px); text-align: left; z-index: 2; }
.rnd-history-wrap .num {position: absolute; transform: translateY(-50%); margin-left: -100px; opacity: 0; top:30%; left: 0; width: 40%; text-align: right;}
.rnd-history-wrap .num strong {font-size: 10rem; color:#fff; font-family: 'Rubik', sans-serif; font-weight: normal; line-height: 1; text-align: right; display: block; margin-bottom:12%; text-rendering: optimizelegibility;}
.rnd-history-wrap .num p {margin-top: 20px; color:#fff; font-size: 2.6rem; text-align: right; margin-bottom: 20px;}
.rnd-history-wrap .num p.s-txt {font-size: 1.7rem; max-width: 48%; margin-top: 50px;}
.rnd-history-wrap .dark {color:#333 !important;}

.rnd-history-wrap .history1 h2 {font-size: 5.2rem; color:#fff; position: absolute; top:15%; left: 0; right: 0; margin:0 auto; transform: translateY(-50%); font-weight: 700}
.rnd-history-wrap .history1 h2 small {display: block; font-size:2rem; font-weight: normal}
.rnd-history-wrap .history1 .scroll {position: absolute; bottom: 130px; left: 0; right: 0; margin:0 auto;}

.rnd-history-wrap .section.ani .txt-box {animation:historyTxt1 .8s .5s forwards; -webkit-animation:historyTxt1 .8s .5s forwards; }
.rnd-history-wrap .section.ani .num {animation:historyTxt1 .8s .5s forwards; -webkit-animation:historyTxt1 .8s .5s forwards; }
.rnd-history-wrap .section.bg.ani:before {animation:historyBg .8s forwards; -webkit-animation:historyBg .8s forwards; }
.rnd-history-wrap .section.ani .img-box {animation:historyImg 1s forwards; -webkit-animation:historyImg 1s forwards; }


.tech-history {position: relative; margin-top: 7%}
.tech-history-slide {width: 85%; padding-bottom: 5%}
.tech-history-slide .slick-dots {display: table; top: 0; width: calc(100% - 40px); margin-bottom: 30px; }
.tech-history-slide .slick-dots li {display: block; display: table-cell;}
.tech-history-slide .slick-dots li button {border-radius: 0; background: #ccc; width: 100%; height: 1px; border:0; transition: all .7s ease; -webkit-transition: all .7s ease;}
.tech-history-slide .slick-dots li.slick-active button {background: #0a8a00; }

.tech-history-slide .slick-list {overflow: visible;}
.tech-history-slide .slide:after {content: ''; display: block; clear: both}
.tech-history-slide .slide h4 {font-size: 3.2rem; line-height: 1.2; color:#ac0430; margin: 20px 0; opacity: 0;}
.tech-history-slide .slide .img-box {float: left; width: 45%; position: relative}
.tech-history-slide .slide .img-box .bar {position: absolute; bottom: -60px; right: -70px; display: none;}
.tech-history-slide .slide .img-box .bar span {width:0; opacity: 0; height: 10px; background: #ccc; display: block;}
.tech-history-slide .slide .img-box .bar span:nth-of-type(2) {background: #ac0430; margin:18px 0;  margin-left: 50px;}
.tech-history-slide .slide .img-box .bar span:nth-of-type(3) {margin-left: -50px;}
.tech-history-slide .slick-current .slide .img-box .bar span:nth-of-type(1) {animation: techBar .8s .5s forwards; -webkit-animation: techBar .8s .5s forwards;}
.tech-history-slide .slick-current .slide .img-box .bar span:nth-of-type(2) {animation: techBar .8s 1s forwards; -webkit-animation: techBar .8s 1s forwards;}
.tech-history-slide .slick-current .slide .img-box .bar span:nth-of-type(3) {animation: techBar .8s 1.5s forwards; -webkit-animation: techBar .8s 1.5s forwards;}
@keyframes techBar {
	0% {width: 0; opacity: 0;}
	100% {width: 280px; opacity: 1;}
}
@-webkit-keyframes techBar {
	0% {width: 0; opacity: 0;}
	100% {width: 280px; opacity: 1;}
}
.tech-history-slide .slide .txt-box {float: right; width: 50%; padding-right: 10%; padding-top:2%;  }
.tech-history-slide .slide .txt-box p {margin-bottom: 20px; opacity: 0;}
.tech-history-slide .slide .txt-box small {border-bottom: 2px solid #000; font-weight: 600; color:#000; display: inline-block; opacity: 0; font-size: 2.5rem; }
.tech-history-slide .slide .txt-box .btn-r {margin-top: 10px; opacity: 0;}

.tech-history-slide .slick-current .slide .txt-box small {animation: fadeInUp .8s forwards; -webkit-animation: fadeInUp .8s forwards;}
.tech-history-slide .slick-current .slide h4 {animation: fadeInUp .8s .5s forwards; -webkit-animation: fadeInUp .8s .5s forwards;}
.tech-history-slide .slick-current .slide .txt-box p {animation: fadeInUp .8s 1s forwards; -webkit-animation: fadeInUp .8s 1s forwards;}
.tech-history-slide .slick-current .slide .txt-box .btn-r {animation: fadeInUp .8s 1s forwards; -webkit-animation: fadeInUp .8s 1s forwards;}


.tech-history-slide .slick-slide { opacity: .3; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out;}
.tech-history-slide .slick-current { opacity: 1;transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out;}
.tech-history-slide .slick-active{opacity: 1;transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out;}

.slick-control  {position: absolute; top:0; left: 0; text-align: right; width: 80%}
.slick-control .slick-prev, 
.slick-control .slick-next {background: #fff url(../img/common/slide-prev.png) no-repeat 50% 50%; width: 50px; height: 50px;}
.slick-control .slick-next {right: inherit; left: 42%; background: #fff url(../img/common/slide-next.png) no-repeat 50% 50%;}

/*data*/
.inbody-data {padding:100px 39px 0 39px; max-width: 998px; margin:0 auto;}
.inbody-data img {width: inherit; max-width: 100%; display: block;}
.inbody-data h3 {font-size: 33px; color:#000; margin-bottom: 30px; font-weight: 600}
.inbody-data .data-section {margin-bottom:90px;}
.inbody-data h4 {font-size: 2.2rem; margin-bottom: 15px; color:#000; padding-left: 35px; position: relative; word-break: keep-all; font-weight: 600;}
.inbody-data h4.type2 {padding-left: 65px; }
.inbody-data h4 span {color:#000; position: absolute; top:0; left: 0; margin-right: 0;}
.inbody-data h5 {font-size:20px; color:#B71C1C; margin-bottom: 15px; margin-top:25px; font-weight: 600;}
.inbody-data h5 span {color:#fff; font-size: 14px; background: #B71C1C; border-radius: 100px; text-align: center; width: 22px; height: 22px; line-height: 22px; vertical-align: top; position: relative; top:2px; margin-right: 10px; display: inline-block;}

.inbody-data ul {margin-bottom:25px; text-align: left}
.inbody-data ul li {font-size: 15.7px; margin-bottom: 3px;  position: relative; word-break: keep-all;}
.inbody-data ul li:before {content: ''; display: none; width: 4px; height: 4px; border-radius: 100px; background: #000; position: absolute; top:11px; left:10px; }
.inbody-data ul li:last-of-type {margin-bottom: 0;}
.inbody-data p {font-size:16px; word-break: keep-all;}
.inbody-data .img-box {overflow: hidden;}
.inbody-data .img-box img {float: left; }
.inbody-data .img-box img:last-of-type {float: right; }
.inbody-data .inquiry-section {margin:0 -40px; background: #f5f5f5; padding:40px; text-align: center;}
.inbody-data .inquiry-section ul { text-align: center;}
.inbody-data .inquiry-section h4 {padding-left: 0;}
.inbody-data .inquiry-btn {max-width: 350px; height: 60px; line-height: 60px; background: #ac0430; color:#fff; font-size: 2.2rem; text-align: center; margin: 15px auto; display: block; border-radius: 30px; font-weight: bold; }


/*slide*/
.hb-wrapper .hb-close-icon-container {width: 60px; height: 60px;}
.hb-wrapper .hb-left-icon-container,
.hb-wrapper .hb-right-icon-container {width: 65px; height: 50px;}
.hb-wrapper .hb-image-container div.hb-image-div { overflow: visible}
.hb-wrapper .hb-image-container div.hb-image-div img {position: absolute !important; top:50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%}
.hb-wrapper .hb-image-container div.hb-image-div p.hb-caption {position: relative; text-align: center; left: 0; right: 0; background: none; padding:20px 0; font-size: 17px}
.hb-wrapper .hb-left-icon-container {top:50%; transform: translateY(-50%); right: inherit; left: 40px;}
.hb-wrapper .hb-right-icon-container {top:50%; transform: translateY(-50%);}
.hb-wrapper .hb-close-icon-container {top:30px; right: 30px;}
.hb-wrapper .hb-image-container div.hb-image-div p.hb-caption {display: none;}

.pg-privacy h4 {font-size:3rem; color:#000; margin-bottom: 30px; font-weight: 600}
.pg-privacy h5 {color:#000;  margin-bottom: 10px; margin-top: 30px; font-weight: 600}
.pg-privacy h6 {color:#000;  margin-bottom: 10px; margin-top: 20px;}
.pg-privacy p {margin-bottom: 10px; }
.pg-privacy .section {margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid #ddd;}
.pg-privacy dl {margin-bottom: 15px}
.pg-privacy dl:last-of-type {margin-bottom: 0;}

.ethical-txt {margin-bottom: 40px;}
.ethical-form {margin-bottom: 70px;}
.ethical-form dl {margin-bottom: 30px;}
.ethical-form dl dt {font-weight: bold; margin-bottom: 10px;}
.ethical-step {display: flex; align-items: center; overflow-x: auto; margin:20px 0 40px;}
.ethical-step span {border:1px solid #ddd; width: auto; height: 70px; display: flex; align-items: center; justify-content: center; border-radius:10px; margin-right: 30px; position: relative; padding:0 20px;}
.ethical-step span:last-of-type:after {display: none;}
.ethical-step span:after {content: ''; display: block; width: 15px; height: 15px; position: absolute; top:50%; right: -20px; transform: translateY(-50%) rotate(45deg); border-top:2px solid #ccc; border-right: 2px solid #ccc;}
.pg-ethical {padding-bottom: 0px;}
.pg-ethical .privacy ul.line > li:before {display: none;}
.pg-ethical .tabInpage-con > div {font-size: 1.4rem;}


.inbody-report {padding-bottom: 70px;}
.inbody-report p {line-height: 1.6; margin-bottom: 30px;}
.inbody-report p strong {font-size: 2rem;}
.inbody-report .img {margin-bottom: 40px; position: relative;}
.inbody-report .video {margin-bottom: 40px; position: relative; padding-top:39.1%;}
.inbody-report .video iframe {position: absolute; top:0; left:0; max-width: 1000px; height: 100%; object-fit: cover;}

@media all and (max-width:1700px){
	.history-wrap .history1 .video-box video {width: auto; height: 110%;}
	.history-wrap .inner {max-width: 1200px; padding:0 50px; }
	.history-wrap .history2 .img-box {width: 60%; top:0;}
	.history-wrap .history6 .img-box {margin-top: 0; width: 60%}
	.pg-about .state-list2 li img {max-width: inherit; max-height: 50px;}
	.header .gnb > li > a {padding:0 1.8vw;}
	
}
@media all and (max-width:1400px){
    .header h1 {background-size: contain !important; background-position: 0 40%; width: 8vw; margin-right: 2%;}

	.right-img.mo-hidden {display: none !important;}

	.pg-about .learn-more .news ul li .img-box img {height: 140%;}
	
	#fp-nav.fp-left {left: 5px !important;}
	.history-wrap .num {left: 50px !important; margin-left: 0;}
	.history-wrap .history16 .num,
	.history-wrap .history13 .num,
	.history-wrap .history6 .num,
	.history-wrap .history4 .num,
	.history-wrap .history17 .num,
	.history-wrap .history18 .num,
	.history-wrap .history20 .num {left: inherit !important; right: 50px!important;}
	.history-wrap .history4 .img-box {width: 60%}
	.history-wrap .history5:before {width: 45%}
	
	.n-tech-test .section2 .test-result ul li p {width: 200px;}
	.n-tech-test .section2 .test-result ul li .txt-box-right {right: -225px;}
	.n-tech-test .section2 .test-result ul li .txt-box-left {left: -225px;}

	.history-wrap .history19 .img-box {width: 100%}

}

@media all and (max-width:1240px){ 
	.header .gnb > li > a {padding:0 1.3vw; font-size: 1.4vw;}
	.pg-about .business-area {padding:50px 0 120px 0;}
	.n-tech-what .thumb-list li .img-box {height: 0; padding-top: 100%;}
	.n-tech-tech .section5 {background-position: 35% bottom;}
	.n-tech-journal .result-list li .img {width: 100%; height: 0; padding-top:80%;}
	.n-tech-journal .result-list li span {font-size: 1.4rem; line-height: 1.3; margin-bottom: 15px;}
	.quick-nav {display: none;}
	.history-wrap .inner {min-width: inherit;}
	.pg-network .map-area .map {-webkit-transform: scale(0.8); transform: scale(0.8)}
	.download-center ul li {width: 22%}
	.download-center ul li .img-box img {width: 100%}
}
@media all and (max-width:1000px){ 
	.pcOnly {display: none !important;}
	.moOnly {display: block !important;}
	.header {height: 60px;}
	.header h1 {width: 90px;}
	.header h1 img {max-height: 40px; max-width: 90px;}
	
	.header-wrap.on .header {height: 60px;}
    .header-wrap.on .header h1 {top:2px}
	
	.header .site-map-open {display: none;}
	.header .top-search-open {position: relative; right: 40px;}
	.header .mgnb-open {display: block; margin-top: 15px;}
	.header .mgnb-close {display: block;}
	.header .mobile-top {display: block;}	
	.header .gnb-wrap { transition: all .5s ease; -webkit-transition: all .5s ease; opacity: 0; position: fixed; top:0; right: -100%; width: 80%; height: 100%; z-index: 10; overflow-y: auto}
	.header .gnb-wrap.on {opacity: 1; right: 0; }
	.header .gnb-wrap.on:after {display: block;}
	.header .gnb {position: absolute; top:0px; right: 0; width: 100%; height: 100%; z-index: 2; display: block; padding:0; margin:0; left: inherit; background: #fff; padding-top: 50px; z-index: 2 }
	.header .gnb > li .gnb-dep2 .right-img,
	.header .gnb .gnb-dep2 > dl {display: none;}
	.header .gnb-wrap:after {content: ''; display: block; position: fixed; top:0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 1; display: none;}
	.header .gnb > li {text-align: left; position: relative; background: #1e2631; border-bottom: 1px solid rgba(255,255,255,0.1); display: block; margin-left: 0; z-index: 2}
	.header .gnb > li:first-of-type {border-top: 1px solid rgba(255,255,255,0.1)}
	.header .gnb > li > a { font-size:2.2rem; color: #fff; display: block; padding:20px; position: relative; line-height: 30px;}
	.header .gnb > li > a:after {content: ''; display: block; width:10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; position: absolute; top:50%; right: 25px; transform: translateY(-50%) rotate(45deg); opacity: 1; left: inherit; background: none;}
	.header .gnb > li.on > a:after {top:50%; transform: translateY(-50%) rotate(-45deg); }
	.header .gnb > li .gnb-dep2 {width: 100%; z-index: 2; display: none; background: #fff; padding:0; position: relative; top:0;}
	.header .gnb .gnb-dep2 > ul  {float: none; padding:0}
	.header .gnb .gnb-dep2 > ul > li {padding:0; margin-bottom: 0;}
	.header .gnb .gnb-dep2 > ul > li > a {font-size: 1.8rem; color: #000; font-weight:500; padding:20px; border-bottom: 1px solid #ccc; display: block; background: #efefef; position: relative;}
	.header .gnb .gnb-dep2 > ul > li > .depth:after {content: ''; position: absolute; top:50%; right:20px; width: 20px; height: 20px; background: url(../img/common/ico-plus-grey.png) no-repeat 50% 50%; transform: translateY(-50%);  opacity: 1;}
	.header .gnb .gnb-dep2 > ul > li.on > .depth:after {background: url(../img/common/ico-del-grey.png) no-repeat 50% 50%; }
	.header .gnb .gnb-dep3 {display: none; position: relative; left: 0; width: 100%; padding-left: 0; margin:0; border:0;}
	.header .gnb .gnb-dep3.on {display: block;}
	.header .gnb .gnb-dep3 li {margin-bottom: 0;}
	.header .gnb .gnb-dep3 li a {font-size: 1.6rem; color: #333; padding:20px 30px; border-bottom: 1px solid #ccc; display: block;}
	.header .gnb .gnb-dep3 li a:before {content: '-'; display: inline-block; margin-right: 10px;}
	.top-search {top:101px}
	.top-search .search-box {padding:10px 0 25px 0;}
	
	.content {padding-bottom: 100px;}
	.content-title {margin:50px auto 0 auto;}
	.content-title h3:after {margin:20px 0; width: 50px;}
	.content-title h3 {font-size: 4rem;}
	.pg-about .current-state {padding:50px 0;}
	.pg-about .overview {margin-top: 50px;}
	.pg-about .business-area h4 {margin-bottom: 40px;}
	.pg-about .business-area h4,
	.pg-about .current-state h4,
	.pg-about .overview .txt-box h4 {font-size: 4rem; }
	.pg-about .overview .txt-box h4:after {width: 50px; height: 2px; margin:20px 0 30px 0}
	.pg-about .ceo-msg .txt-box p {font-size: 3.5rem;}
	.pg-about .ceo-msg .txt-box h4:after {width: 50px;}
	.pg-about .ceo-msg {margin-bottom: 50px; height: 600px;}
	.pg-about .learn-more {margin-top: 50px;}
	.pg-about .learn-more .inner .news,
	.pg-about .learn-more .inner > div {float: none; width: 100%}
	.pg-about .learn-more .inner .news {margin-top: 30px;}
	.pg-about .learn-more h4 {margin-bottom: 30px;}
	.pg-about .ceo-msg {background-attachment: scroll;}
	
	.history-wrap .inner { height:calc(100% - 100px); }
	.history-wrap .history4 .num {top:40%}
	.history-wrap .history4 .img-box {width: 100vw;}
	.history-wrap .history9 .img-box {top:inherit; bottom: 0; right: 15px;}
	.history-wrap .history12:before {width: 100%!important}
	.history-wrap .history12 .num strong,
	.history-wrap .history12 .num p {color:#fff !important;}
	.history-wrap .history13 .inner {height: 100%;}
	.history-wrap .history13 .img-box {width: 70vw;}
	.history-wrap .history13 .num {bottom: 10%;}
	.history-wrap .history15 .img-box {width: 70vw; top:inherit; bottom: 2vw; right: 15px;}
	.history-wrap .history16 .num {top:120vw; width: 50%}
	.history-wrap .history17 .num,
	.history-wrap .history18 .num,
	.history-wrap .history20 .num{top:120vw; width: 60%}
	
	.hb-wrapper .hb-image-container div.hb-image-div img {}
	.hb-wrapper .hb-close-icon-container {top:10px; right: 10px; width: 50px; height: 50px}
	.hb-wrapper .hb-left-icon-container, .hb-wrapper .hb-right-icon-container {width: 55px; height: 40px;}
	.hb-wrapper .hb-left-icon-container {left: 0px;}
	.hb-wrapper .hb-right-icon-container {right: 0px;}
	
	.n-tech h4 {font-size: 4rem; margin-bottom: 40px;}
	.n-tech h5 {font-size: 2.5rem; margin-bottom: 20px;}
	.n-tech-tech .section p {margin-bottom: 20px;}
	.n-tech-tech .section2 .inner > .img-box,
	.n-tech-tech .section2 .inner > div {float: none !important; width: 100%; text-align: left; margin-bottom: 40px;}
	.n-tech-what .method-nav a {font-size: 2rem; padding:10px;}
	.n-tech-what .method-list .method-slide li .con {display: block}
	.n-tech-what .method-list .method-slide li .img-box {width: 100%; padding-right: 0;}
	.n-tech-what .method-list .method-slide li dl {width: 100%; margin-top: 30px;}
	.n-tech-what .method-list .method-slide li dl dt {margin-bottom: 20px; font-size: 3rem;}
	.n-tech-what .method-list {padding:50px 50px 0 50px;}
	.n-tech-what .method-list .method-slide .slick-next {right: -55px; width: 50px; height: 50px;}
	.n-tech-what .method-list .method-slide .slick-prev {left: -55px; width: 50px; height: 50px;}
	.n-tech-what .method-list .method-slide li .img-box img {width: 100%}
	
	.n-tech-tech .section,
	.n-tech-test .section,
	.n-tech-journal .section {padding: 50px 0;}
	.n-tech-tech .section6 .n-tech-inquiry dl dt {font-size: 3rem;}
	.n-tech-journal .journal-list .jn-con {width: 39%; margin-left: 5%}
	.n-tech-journal .journal-list .jn-con .tit {font-size: 2rem;}
	
	.support-search h2 {font-size: 3.5rem;}
	.support-search .search-box {padding:5px; margin:20px auto;}
	.support-search .search-box .submit-btn {background-size: 25px;}
	
	.n-tech-test .section2 .test-result ul li .txt-box-right {right: inherit; left: -250px;}
	.n-tech-test .section2 .test-result ul li .close-btn {right: 80px;}
	.n-tech-test .section2 .test-result ul li .txt-box-right p:after { transform: rotate(45deg) translateY(-50%); top:50%; right: -4px; left: inherit; border-right: 1px solid #ac0430; border-left: 0;}
	.n-tech-test .section2 .test-result ul li .txt-box-left { left: 60px;}
	.n-tech-test .section2 .test-result ul li .txt-box-left p:after { border-right: 0; border-left: 1px solid #ac0430; right: inherit; left: -4px; transform: rotate(-45deg) translateY(-50%);}
	.n-tech-test .section2 .test-result ul li .txt-box-left .close-btn {right: 20px;}
	/*
	.quick-nav a {width: 50px; height: 140px;}
	.quick-nav .q-down {height: 100px;}
	.quick-nav .btn-gotop {width: 50px; height: 50px;}
	.quick-nav a span {top:27%}
	.quick-nav .q-contact span {top:47%}
	*/

	.n-tech-journal .section2 .num-box {display: block;	}
	.n-tech-journal .section2 .num-box p {margin-bottom: 30px;}

}

@media all and (max-width:900px) {
	.pg-network .map-area .map {-webkit-transform: none; transform: none}
	.pg-network .map-area button span:after {width: 1.5vw; height: 1.5vw;}
	.pg-network .map-area button.type2 span:after {width: 1.2vw; height: 1.2vw;}
	.pg-network .map-area button:before {width: 5vw; height: 5vw; top:-1.55vw; left: -1.55vw; display: none;}
	.pg-network .map-area button.marker span:after {width: 4.5vw; height: 4.5vw;}
	.pg-network .map-area button.marker:before {width: 5vw; height: 5vw; top:-1.55vw; left: -1.55vw;}
	.pg-network .map-area button.right {padding-right: 0;}
	.pg-network .map-area button.nt-china {top:43%; left: 29%; }
	.pg-network .map-area button.nt-uk {top:27%; left: -1%; }
	.pg-network .map-area button.nt-fr {top:33%; left: 1%; }
	.pg-network .map-area button.nt-africa {left: 13%}
	.pg-network .map-area button.marker span:after {top:-3vw;}
	/*.pg-network .bubble {display: none !important;} */
	.pg-network .map-area button small {display: none;}
	.pg-network .map-area { padding:40px 0;}
	
}
@media all and (max-width:768px){ 
	.header-top ul {display: table; width: 100%}
	.header-top ul.product-nav {display: none;}
	.header-top ul li {display: table-cell; vertical-align: top; float: none;}
	.header-top a {width: 100%; padding:0 5px;}
	.header-top .lang-btn {display: none;}
	.footer-wrap .social-list { top:34px; right: 15px; }
	.footer-wrap .footer-info .inner .footer-logo {position: relative; top:0; left: 0px; margin-bottom: 20px;}
	.footer-wrap .footer-info .inner .footer-logo img {width: 90px;}
	.footer-wrap .footer-info .inner {padding-left: 15px;}
	.footer-wrap .social-list a {width: 30px; margin-left: 10px;}

	.top-search {top:101px}
	
	.grid-2 .col {float: none; width: 100%;}
	
	.content-title h3,
	.pg-about .business-area h4, .pg-about .current-state h4, .pg-about .overview .txt-box h4{font-size: 3.5rem;}
	.pg-about .state-list1 {padding:20px 0;}
	.pg-about .state-list1 li {height: 205px; width: 18.1%; padding:20px 0;}
	.pg-about .state-list1 li dl dt {margin-bottom: 27px;}
	.pg-about .state-list2 li {width: 23.9%; padding:0 10px}
	.pg-about .ceo-msg {height: 400px;}
	.pg-about .ceo-msg .txt-box p {font-size: 2.5rem;}
	.pg-about .ceo-msg .txt-box p:after,
	.pg-about .ceo-msg .txt-box p:before {transform: scale(0.9); -webkit-transform: scale(0.9)}
	.pg-about .ceo-msg .txt-box h4:after {margin-bottom: 30px;}
	
	
	.history-wrap .inner { height:calc(100% - 60px); }
	.history-wrap .history2 .num {left: 0 !important; right: 0 !important; margin:0 auto !important; top:12vw !important; text-align: center !important;}
	.history-wrap .history2 .img-box {width:65vw; top:inherit; bottom: 10vw; left: 0; margin: 0 auto;} 
	.history-wrap .history3 .img-box {width: 40vw; top:inherit; bottom: 10%;}
	
	
	.history-wrap .num strong {font-size: 12vw}
	.history-wrap .num p {font-size: 4vw; margin-top: 3vw;}	
	.history-wrap .txt-box {width: 100%; margin-left: 0;}
	.history-wrap .txt-box dl dt {font-size: 2rem; margin-bottom: 20px;}
	.history-wrap .txt-box dl dd {font-size: 1.4rem;}
	.history-wrap .num p.s-txt {max-width: 100%; margin-top: 20px;}
	.history-wrap .history5:before {width: 100% !important;}
	.history-wrap .history6 .num {bottom: 10%;}
	.history-wrap .history6 .img-box {padding:10vw; width: 100%;}
	.history-wrap .history8 .img-box {width: 40vw; top:inherit; bottom: 0vw;}
	.history-wrap .history15 .num p {max-width:500px}
	.history-wrap .history5 .num p.s-txt { max-width: 500px}
	
	.pg-network .network-list ul li {float:none !important; width: 100%; padding:20px 0; margin-bottom: 25px;}
	.pg-network .network-list ul li img {top:16px;}
	.n-tech-what .thumb-list li {width: 49%; float: none; display: inline-block; vertical-align: top; padding:4% 2%}
	
	.n-tech h4 {font-size: 3rem; margin-bottom: 30px;}
	.n-tech-what .method-nav {margin-bottom: 20px; margin-top: -25px;}
	.n-tech-tech .section4 .evo-list li {padding:20px;}
	.n-tech-tech .section4 .evo-list {margin-top:40px;}
	.n-tech-tech .section4 .evo-list li .txt2 {padding:20px;}
	
	.n-tech-tech .section5 {height: auto; background: none;}
	.n-tech-tech .section5 .faq-list li .faq-open-btn {padding:25px 65px 25px 10px}
	.n-tech-tech .section5 .faq-list li:first-of-type:after,
	.n-tech-tech .section5 .faq-list li:before {width: 100%;}
	.n-tech-tech .section5 .faq-list li .faq-content {padding:15px;}
	.n-tech-tech .section5 .faq-list li .faq-content .con {display: block;}
	.n-tech-tech .section5 .faq-list li .faq-content .txt-box,
	.n-tech-tech .section5 .faq-list li .faq-content .img-box {width: 100%; padding:0px;}
	.n-tech-tech .section5 .faq-list li .faq-content .img-box {padding-bottom: 20px;}
	
	.n-tech-tech .section6 .n-tech-inquiry {display: block;}
	.n-tech-tech .section6 .n-tech-inquiry > div {width: 100% !important; text-align: center}
	.n-tech-tech .section6 .n-tech-inquiry .btn-box {text-align: center; margin-top: 30px;}
	
	
	.n-tech-test .section1 .process {display: block; margin-top: 40px;}
	.n-tech-test .section1 .process .video-box {width: 100%; padding-top:56.3%}
	.n-tech-test .section1 .process .txt-box {width: 100%; margin-top: 30px;}
	
	.n-tech-journal .journal-list {display: block;}
	.n-tech-journal .journal-list .jn-slide {width: 100%; padding:30px;}
	.n-tech-journal .journal-list .jn-con {width: 100%; margin-left: 0; margin-top: 30px;}
	.n-tech-journal .journal-list .jn-con .txt,
	.n-tech-journal .journal-list .jn-con .tit {padding:15px;}
	.n-tech-journal .section2 .num-box p {font-size: 2.5rem;}
	.n-tech-journal .section2 .num-box strong {font-size: 4rem;}
	.n-tech-journal .section2 .num-box {margin:20px 0;}
	
	.n-tech-journal .result-list li {width:25%;}
	.n-tech-journal .result-list {margin-top: 20px;}
	.download-center ul li {width: 47%; margin-bottom: 20px}
	.download-center ul li span {padding:0 10px;}
	.download-center ul li span:after {right: 5px;}
	.inbody-data h3 {font-size: 3rem;}
	.n-tech-test .section2 .test-result {margin-bottom: 30px;}
	.n-tech-test .section2 .test-result ul li button {transform: scale(0.65)}
	.pg-privacy .section {margin-bottom: 40px; padding-bottom: 40px;}
	.pg-privacy h4{font-size: 2.5rem;}
	
}
@media all and (max-width:600px){ 
	.pg-about .overview .img-box {width: 100%; height: 400px; position: relative;}
	.pg-about .overview .txt-box {float: none; width: 100%; padding:50px 15px;}
	.pg-about .state-list1 li {height: 150px; width: 49%; margin-bottom: 2%}
	.pg-about .state-list1 li:nth-of-type(2n) {margin-right: 0;}
	.pg-about .state-list1 li dl dd {font-size: 1.6rem; line-height: 1.2}
	.pg-about .state-list2 li img {max-width:inherit; max-height: 30px;}
	.pg-about .state-list2 li span {font-size: 1.4rem;}
	
	
	
	
}
@media all and (max-width:500px){ 
	.pg-about .learn-more .news ul li .img-box img { width: 100%; height: auto;}
	
	.n-tech-tech .section3 .tech-his > div { width: 75px;}
	.n-tech-tech .section3 .tech-his .tech-con {width: calc(100% - 90px)}
	.n-tech-tech .section3 .tech-his .tech-con img {margin-bottom: 25px;}
	.n-tech-tech .section3 .tech-his .tech-nav dl {padding:10px;}
	.n-tech-tech .section3 .tech-his .tech-nav dl dd {display: none;}
	.n-tech-tech .section3 .tech-his .tech-nav dl dt {margin-bottom: 0;}
	.n-tech-tech .section3 {padding-bottom: 70px;}
	.n-tech-tech .section4 .evo-list li {display: block; margin-bottom: 25px;}
	.n-tech-tech .section4 .evo-list li > div {width: 100%;}
	.n-tech-tech .section4 .evo-list li .txt2 {margin-top: 20px;}
	
	.n-tech-journal .result-list li {width: 33.3%}
	
	.history-wrap .history2 .num {top:30% !important}
	.history-wrap .history2 .img-box {bottom: 25% !important}
	.history-wrap .history15 .num p {max-width:300px}
	.history-wrap .history5 .num p.s-txt { max-width: 300px}
}