@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: fixed; top:0; left: 0; border-bottom: 1px solid #ccc; background: #fff; transition: all .5s ease;}
.header-wrap.st {top:-91px;}

.sub-location {transition: all .5s ease;}
.sub-location.st {position: fixed !important; top:0!important; left: 0!important; width: 100%!important; margin:0!important; z-index: 99!important;}
.pg-product .sub-location {position: absolute; top:1px; left: 0; width: 100%; z-index: 2;}

.header {max-width: 1470px; padding:0 15px;  height:90px; margin: 0 auto; z-index: 3; position: relative;}
.header h1 {float: left; width: 300px; margin-right: 4%; height: 100%; position: relative; z-index: 9}
.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%); width: 120px}
.header-top {border-bottom: 1px solid #ccc;}
.header-top ul {overflow: hidden; }
.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: 600; -webkit-transition: all .4s ease; font-weight: 600;}
.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: 34px; height: 30px; background: url(../img/common/ico-search.png) no-repeat 50% 50%; text-indent: -99999px; text-align: left; vertical-align: middle; background-size: 23px; }
.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:90px; 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; position: relative;}
.header .gnb > li > a { font-size:1.8rem; color: #3e454b; display: block; padding: 0px 20px; line-height: 90px; position: relative; font-weight: 600; }
.header .gnb > li > a:after {content: ''; display: block; width: 100%; height: 2px; 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.active > a {color:#ac0430}
.header .gnb > li.active > a:after {opacity: 1;}
.header .gnb > li .gnb-dep2 {width: auto; z-index: 2; position: absolute; top: 90px; left: -35px; display: none; text-align: center; overflow: visible; padding:0 15px; border-top:1px solid #ccc; white-space: nowrap; background: #fff; height: 59px;}
.header .gnb > li .gnb-dep2.on {display: block; }
.header .gnb > li .gnb-dep2 li.active > a {color:#ac0430}
.header .gnb > li.st {position: static;}
.header .gnb > li.st .gnb-dep2 {display: block; width: 100%; left: 0;}
.header .gnb > li.st .gnb-dep2 ul {justify-content: center; }
.header .gnb > li .gnb-dep2.st {left: 0; right: 0; width: 100%; text-align: center;}
.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 > li.on .gnb-dep2:after {content: ''; display: block; width: 5000px; height:350px; background: #fff; position: absolute; top:0px; left: 50%; transform: translateX(-50%); z-index: -1; border-bottom: 1px solid #ddd;}
.header .gnb > li.st .gnb-dep2:after {content: ''; display: block; width: 5000px; height: 70px; background: #fff; position: absolute; top:0px; left: 50%; transform: translateX(-50%); z-index: -1; border-bottom: 1px solid #ac0430;}

.header .gnb .gnb-dep2 > dl {float: left; width: 23%; margin-right:3%; 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:600; color:#3e454b;}
.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 { text-align: left; padding:18px 10px; }
.header .gnb .gnb-dep2 > ul > li {display: flex; vertical-align: top; position: relative; align-items: center; }

.header .gnb .gnb-dep2 > ul > li:last-of-type:after {display: none;}
.header .gnb .gnb-dep2 > ul > li > a {font-size: 1.7rem; color: #666; display: block; line-height: 1.5; padding:10px 15px; margin: 0 5px; font-weight: 600;}
.header .gnb .gnb-dep2 > ul > li > a:hover,
.header .gnb .gnb-dep2 > ul > li.on > a {color:#ac0430; }
.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:91px; left: 0; width: 100%; height:70px; background: #fff; display: none; border-bottom: 1px solid #ddd;
    opacity: 0;}
.gnb-bg.on {display: block;}
.gnb-bg.st {display: block; border-color:#ac0430;}
.gnb-biz3 {display: flex; align-items: center; margin-left: 10px;}
.gnb-biz3 li a {font-size: 1.5rem; color:#777}
.gnb-biz3 li a:after {content: ''; display: inline-block; height: 10px; width: 1px; background: #ddd; margin: 0 12px;}
.gnb-biz3 li:last-of-type a:after {display: none;}
.gnb-biz3 li a:hover {text-decoration: underline; color:#ac0430}
.gnb-biz > ul > li > a {min-width: 120px;}

/* Gnb mobile */
.header .gnb-open {display: none; background:url(../img/common/btn-allmenu.png) no-repeat 50% 50%; width: 30px; height: 30px; position: absolute; top:15px; right: 60px; z-index: 2}
.header .gnb-close {display: none; position: absolute; top:22px; right: 25px; background:url(../img/common/ico-close-dark.png) no-repeat 50% 50%; z-index: 99999; width: 30px; height: 30px;background-size: 25px; display: none;}
.header .mobile-gnb  {position: fixed; top:0px; left:0; width: 100%; height: 100%; background: #fff; z-index: 10; display: none; padding:80px 0 0 0; overflow-y: auto; transition: all .5s ease;}
.header .mobile-gnb.on {display: block;}
.header .mobile-gnb > ul > li {text-align: left; position: relative; background: #fff; border-bottom: 1px solid #ddd}
.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: #3e454b; display: block; padding:20px 30px; position: relative; font-weight: 600;}
.header .mobile-gnb > ul > li.on > a {color:#ac0430;}
.header .mobile-gnb > ul > li > a.on:after {content: ''; display: block; width:10px; height: 10px; border-top:2px solid #999; border-right: 2px solid #999; position: absolute; top:46%; right: 30px; transform: translateY(-50%) rotate(135deg); opacity: 1; transition: all .3s ease;}
.header .mobile-gnb > ul > li.on > a:after {top:55%; transform: translateY(-50%) rotate(-45deg); }
.header .mobile-gnb .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 {padding:0 30px 30px 30px; }
.header .mobile-gnb .gnb-dep2 > ul > li > a {font-size: 1.8rem; color: #3e454b; font-weight:500; padding:18px 10px 18px 30px;; display: block; background: #efefef; position: relative; border-bottom: 1px solid #fff;}
.header .mobile-gnb .gnb-dep2 > ul > li.on > a {background: #ac0430; color:#fff;}
.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 #eee; display: block;}
.header .mobile-gnb .gnb-dep3 li a:before {content: '-'; display: inline-block; margin-right: 10px;}
.header .mobile-gnb .mgnb-logo {position: absolute; top:25px; left: 30px; width: 100px;}


.gnb-right {position: absolute; top:50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: flex; align-items: center; }
.gnb-right a {margin-left: 5px; vertical-align: middle}
.gnb-right .lang-nav {display: inline-block; vertical-align: middle; position: relative; cursor: pointer; margin-left: 13px; width: 30px; height: 30px; background: url(../img/common/ico-earth.png) no-repeat 50% 50%; background-size: contain;}
.gnb-right .lang-nav:hover ul {animation: langNav .5s forwards;}
.gnb-right .lang-nav ul {position: absolute; background: #ac0430; padding:9px 10px; top:50px; right: 0; width: 93px; opacity: 0;  visibility: hidden;}
.gnb-right .lang-nav ul:after {content: ''; display: block; width: 100%; height: 20px; position: absolute; top:-20px; left: 0; }
.gnb-right .lang-nav ul li {float: left; position: relative; }
.gnb-right .lang-nav ul li a {font-size: 1.5rem; font-weight: 600; color:#fff; border-bottom: 1px solid #ac0430; margin:0;}
.gnb-right .lang-nav ul li:first-of-type {margin-right: 12px;}
.gnb-right .lang-nav ul li:first-of-type a {border-bottom: 1px solid #fff; }
@keyframes langNav {
    0% {visibility: hidden; opacity: 0; top:50px;}
    2% {visibility: visible;  opacity: 0; top:50px;}
    100% {visibility: visible;  opacity: 1; top:40px;}
}
.gnb-right .social-list {margin-right: 15px;}

/*sitemap*/
.site-map {position: absolute; top:0; left: 0; width: 100%; background: #fff; z-index: 5; padding:80px 0; display: none; height: 100vh;}
.site-map .grid {flex-wrap: wrap; gap:4%; justify-content: flex-start;}
.site-map .inner {position: relative;}
.site-map .inner:after{content: ''; clear: both;}
.site-map dl { width:16%; margin:3% 0;}
.site-map dl:nth-of-type(2) {width: 76%}
.site-map dl:nth-of-type(2) .grid {justify-content: space-between;}
.site-map dl:last-of-type {margin-right: 0;}
.site-map dl dt {font-weight: 700; color:#ac0430; font-size: 2rem; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom: 20px;}
.site-map dl dd {padding:5px 0; font-size: 1.65rem; margin-bottom: 5px; font-weight: 600}
.site-map dl dd > a {color:#3e454b; display: block;}
.site-map dl dd > a:hover {color: #ac0430}
.site-map dl dd ul  {margin-top: 15px; max-width: 250px;}
.site-map dl dd ul li {font-size: 1.5rem; margin-top: 7px; padding-left: 10px; position: relative;}
.site-map dl dd ul li a {color:#666; display: block; font-weight: 400;}
.site-map dl dd ul li a:hover {color:#3e454b; 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;}


/* Sub location */
.sub-location {background: #fff; border-bottom: 1px solid #ccc; margin-top:90px;}
.sub-location.sticky {position: fixed; top:70px; left: 0; width: 100%; z-index: 2;}
.sub-location .inner {display: flex; align-items: center; height: 70px;}
.sub-location .lc-home {width: 20px; height: 20px; background: url(../img/common/ico-home.png)no-repeat 50% 50%; margin-right: 30px;}
.sub-location .lc-nav {position: relative; min-width: 230px; cursor: pointer; padding-right: 30px;}
.sub-location .lc-nav button {font-size: 1.7rem; color:#3e454b; height: 50px; display: block; width: 100%; text-align: left; padding:0 30px; position: relative; pointer-events: none; }
.sub-location .lc-nav button:before {content: ''; display: block; width: 1px; height: 20px; position: absolute; top:50%; left: 0; transform: translateY(-50%); background: #ddd; }
.sub-location .lc-nav button:after {content: ''; display: block; width: 22px; height: 22px; background: url(../img/common/ico-select-s.png)no-repeat 50% 50%; background-size: 12px; position: absolute; top:50%; right: 0px; transform: translateY(-50%); }
.sub-location .lc-nav.on button:after {transform: rotate(180deg); top:30%;}
.sub-location .lc-nav.on ul {display: block;}
.sub-location .lc-nav ul {position: absolute; top:60px; left: 0; width: 100%; padding:10px 10px; border:1px solid #ddd; border-top:1px solid #fff; z-index: 2; background: #fff; display: none;}
.sub-location .lc-nav ul li a {padding:10px 20px; display: block; font-size: 1.65rem;}
.sub-location .lc-nav ul li a:hover {background: #eee;}
.sub-location .lc-nav strong {color:#3e454b;}
@media all and (max-width:1000px) {
    .sub-location.sticky {top:60px;}
}


/*footer*/
.footer-wrap {width: 100%; position: relative; background: #222; padding:50px 0 70px 0;}
.footer-wrap .social-list {position: absolute; bottom:0px; left: 0; overflow: hidden; }
.footer-wrap .social-list a.so {display: none;}
.footer-wrap .social-list a {float: left; display: flex; align-items: center;  color:#fff; margin-right:12px; }
.footer-wrap .social-list a span {margin-left: 5px; letter-spacing: 0;}
.footer-wrap .social-list a img {border-radius: 5px; }
.footer-wrap .footer-info .inner {display: flex; justify-content: space-between;}
.footer-wrap .footer-info .txt {width: 48%; color:#ccc; font-size: 1.5rem; line-height: 1.6; position: relative;}
.footer-wrap .footer-info .txt span {margin-right: 5px;}
.footer-wrap .footer-info .txt strong {color:#fff;}
.footer-wrap .footer-info .footer-link  {margin:25px 0;}
.footer-wrap .footer-info .footer-link a {color:#fff; margin-right: 20px;}
.footer-wrap .footer-info dl {display: flex; }
.footer-wrap .footer-info dl dt {color:#fff; width: 120px;}
.footer-wrap .footer-info dl dd {width: calc(100% - 120px)}
.footer-wrap .footer-logo {margin-bottom: 25px;}

.footer-wrap .btn-gotop {width:40px; height: 40px; background: #ac0430 url(../img/common/ico-top.png) no-repeat 50% 50%; position: fixed; bottom:40px; right:40px; text-indent: -9999px; z-index: 2; border-radius: 100px; opacity: 0;}

/*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 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: 600; 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:#3e454b; font-weight: 600;}
.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: auto;}
.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; border-top:1px solid #333;}
.table tr td,
.table tr th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:16px 20px; vertical-align: middle; text-align: center; line-height: 1.5;}
.table tr th { text-align: center; color:#3e454b; font-weight: 600; font-size: 1.7rem;}
.table thead tr th {background: #eee; font-size: 1.7rem;}
.table tbody tr th {background: #eee; font-size: 1.7rem;}
.table tr th:last-of-type,
.table tr td:last-of-type {border-right: 0;}
.table tr td {font-size: 1.65rem;}
.table tr td p {font-size: 1.65rem; 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: 600;}
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: 600; color:#005b9e}
.tb-unit {text-align: right; margin-bottom: 10px; font-size: 1.65rem; color:#666;}
.tb-stxt {font-size:1.5rem; margin-top: 20px; color:#666;}
.total-row {font-weight: 600;}

/*privacy*/
.privacy-txt h4{font-size: 1.9rem; font-weight: 600; 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.65rem; margin-left:10px; color:#005b9e; position: relative; top:-1px;}

/*sub content*/
.content.pt {padding: 90px 0 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: 600; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

.content-title {text-align: center; max-width: 1470px; padding:0px 15px 0 15px; margin:90px auto; position: relative;}
.content-title h2 {font-size: 5rem; font-weight:700; text-align: left; letter-spacing: -1.5px; animation: titUp .8s .3s forwards; position: relative; opacity: 0;}
.content-title h2:after {content: ''; display: block; width: 0px; height: 1px; background: #ac0430; margin:70px 0 0 0; animation: titBar .5s .7s forwards;}
@keyframes titUp {
    0% {top:5vh; opacity: 0;}
    100% {top:0; opacity: 1;}
}
@keyframes titBar {
    0% {width: 0;}
    100% {width: 80px;}
}

.location {display: none; align-items: center; animation: titUp .8s forwards; position: relative; }
.location .home {width: 15px; height: 15px; background: url(../img/common/ico-home.png) no-repeat 0 50%; margin-right: 15px; padding-right: 30px;}
.location a {font-size: 1.4rem; margin-right: 15px; padding-right: 15px; position: relative; color:#888; line-height: 1;}
.location span {font-size: 1.4rem; margin-right: 15px; padding-right: 15px; position: relative; color:#888; line-height: 1;}
.location a:after {content: ''; display: inline-block; width: 7px; height: 7px; border-top:1px solid #999; border-right: 1px solid #999; position: absolute; top:50%; transform: translateY(-50%) rotate(45deg); right: 0;}
.location span:after {content: ''; display: inline-block; width: 7px; height: 7px; border-top:1px solid #999; border-right: 1px solid #999; position: absolute; top:50%; transform: translateY(-50%) rotate(45deg); right: 0;}
.location span:last-of-type {color:#3e454b; }
.location span:last-of-type:after {display: none;}

/*sub nav*/
.sub-nav {margin-bottom: 100px; margin-top: -91px; background: #fff;}
.sub-nav a {font-size: 1.8rem; color:#3e454b; height: 60px; line-height: 56px; border:1px solid #ccc; border-radius: 100px; min-width: 140px; padding:0 20px; text-align: center; margin-right: 10px; font-weight: 600;}
.sub-nav a.on {background: #ac0430; color:#fff; border-radius: 100px; border-color:#ac0430;}

/*sub tab*/
.sub-tab {margin-bottom: 70px;}
.sub-tab a {height: 60px; line-height: 57px; text-align: center;  padding:0 30px; border-radius: 100px; border:1px solid #ccc; margin-right: 5px; transition: all .2s ease; font-weight: 600;}
.sub-tab a:hover,
.sub-tab a.on {color:#fff; background: #ac0430; border-color:#ac0430;}

/*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: 600; 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; margin:0 -1.5%;}
.download-center ul li {float: left; width:17%; margin: 1.5%; position: relative; border:1px solid #ddd; overflow: hidden}
.download-center ul li a {display: block;}
.download-center ul li .txt {position: relative; bottom: 0; left: 0; width: 100%; padding:20px; color:#fff; background:rgba(102,102,102,0.9); transition: all .4s ease; -webkit-transition: all .4s ease; font-size: 1.5rem; min-height: 107px;}
.download-center ul li .txt p {min-height: 21px;}
.download-center ul li .txt span {margin-bottom: 3px;}
.download-center ul li .txt: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 .txt:hover {background:#ac0430;}
.download-center ul li .img-box {height: 250px; position: relative; overflow: hidden;}
.download-center ul li .img-box img {transform: scale(1) translate(-50%,-50%); -webkit-transform: scale(1) translate(-50%,-50%); transition: all .4s ease; -webkit-transition: all .4s ease; position: absolute; width: 100%; height: 100%; object-fit: cover; top:50%; left:50%;}
.download-center ul li:hover .img-box img {transform: scale(1.1) translate(-45%,-45%); -webkit-transform: scale(1.1) translate(-45%,-45%);}


/*network*/
.pg-network .map-area {position: relative; margin-bottom: 50px; text-align: center; background: #fafafa; padding:100px 0;}
.pg-network .map-area .map {display: inline-block; position: relative;}
.pg-network .map-area button {position: absolute; color:#3e454b; 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:#3e454b}
.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-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: 31%;}
.pg-network .map-area button.nt-india {top:54%; left: 24%;}

.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-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 .network-list ul {overflow: hidden}
.pg-network .network-list ul li {float: left; 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:#3e454b;}


/*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:#3e454b; font-weight: 600; margin-bottom: 15px;}
.pg-tech h5 {font-size: 1.9rem; color:#ac0430; font-weight: 600; 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:#3e454b; 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:#3e454b; 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.65rem; 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:#3e454b; margin-bottom: 50px; font-weight: 600; letter-spacing: -1px;}
.n-tech h5 {font-size: 3rem; color:#3e454b; margin-bottom: 40px; font-weight: 600; letter-spacing: -1px;}
.n-tech h6 {font-size: 2rem; color:#3e454b; margin-bottom: 20px; font-weight: 600; letter-spacing: -1px;}
.n-tech .title3 {margin-bottom: 40px;}
.n-tech-what .section {padding:120px 0;}
.n-tech-what p {line-height: 1.6;}
.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: 2rem; color:#3e454b; 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 li dl dd {line-height: 1.6; margin-bottom: 20px;}
.n-tech-what .method-list .method-slide li dl dd:last-of-type {margin-bottom: 0;}
.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; line-height: 1.6;}
.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:#3e454b; 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:#3e454b; 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:120px 0;}
.n-tech-journal p {line-height: 1.6;}
.n-tech-journal .section1 {margin:-80px 0 -120px 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:#3e454b; }
.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 .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: 3rem; color:#ac0430; margin-bottom: 30px; font-weight: 600; letter-spacing: -1px;}
.read-detail-popup dl {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.read-detail-popup dl dt {font-size: 2rem; color:#3e454b; font-weight: 600; margin-bottom: 10px;}
.read-detail-popup dl dd {margin-bottom: 20px; line-height: 1.6;}
.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;}


.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%;}


/*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:#3e454b; margin-bottom: 30px; font-weight: 600}
.pg-privacy h5 {color:#3e454b;  margin-bottom: 10px; margin-top: 30px; font-weight: 600}
.pg-privacy h6 {color:#3e454b;  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;}


@media all and (max-width:1500px){
    .header h1 {background-size: contain !important; background-position: 0 40%; width: 170px; margin-right: 2%;}
    .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;}
    .footer-wrap {padding:50px 0 80px 0;}
    .footer-wrap .btn-gotop {bottom: 20px; right: 20px;}
    .footer-wrap .footer-info .footer-link {margin:15px 0;}
    .download-center ul li {width: 22%;}
    .download-center ul li .img-box {height: 0; padding-top: 100%;}
}

@media all and (max-width:1240px){
    .header .gnb {left: -15%;}
    .header .gnb > li > a {padding:0 13px;}
    .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;}
    .pg-network .map-area .map {-webkit-transform: scale(0.8); transform: scale(0.8)}
    .download-center ul li {width: 30%;}

}
@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 .gnb-open {display: block!important; }
    .header .gnb-wrap {display: none;}
    .header .site-map-open {display: none;}
    .header .top-search-open {position: relative; right: 40px;}
    .gnb-right .social-list {margin-right: 50px;}
    .top-search {top:60px}
    .top-search .search-box {padding:10px 0 25px 0;}
    .top-search .search-box .btn-search {background-size: 23px;}
    .top-search .search-box input[type="text"] {height: 50px;}
    .footer-wrap {padding:40px 0 80px 0;}
    .footer-wrap .footer-logo {width: 100px;}
    .footer-wrap .social-list a {margin-right: 10px;}
    .footer-wrap .social-list {position: relative; margin:40px 0 0 0px;}

    .footer-wrap .footer-info dl dt {width: 100px;}
    .footer-wrap .footer-info dl dd {width: calc(100% - 100px);}

    .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-what .section {padding:50px 0;}

    .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;}
    .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;}
    .n-tech-journal .section1 {margin:-40px 0;}

    .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;}

    .footer-wrap .social-list {max-width: 250px;}

}
@media all and (max-width:768px){
    .footer-wrap {padding:40px 5px;}
    .footer-wrap .footer-info .inner {display: block;}
    .footer-wrap .footer-info .txt {width: 100%; margin-bottom: 15px;}

    .grid-2 .col {float: none; width: 100%;}

    .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%}
    .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;}

    .table-scroll {overflow-x: scroll;}
    .download-center ul li .txt p {min-height: 34px; padding-right: 20px;}
    .download-center ul li .txt {padding:10px; min-height: inherit;}
    .download-center ul li .txt:after {right: 10px;}


}

@media all and (max-width:500px){

    .n-tech-tech .section3 .tech-his > div { width: 100%; display: block;}
    .n-tech-tech .section3 .tech-his .tech-con {width: 100%; margin-bottom: 10px;}
    .n-tech-tech .section3 .tech-his .tech-con img {margin-bottom: 25px;}
    .n-tech-tech .section3 .tech-his .tech-nav {display: flex; justify-content: space-between; margin-bottom: 10px;}
    .n-tech-tech .section3 .tech-his .tech-nav dl {padding:10px 0; width: 16%; text-align: center;}
    .n-tech-tech .section3 .tech-his .tech-nav dl:after {top:inherit; bottom: -12px; left: 0; right: 0; margin:0 auto; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); width: 10px; height: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%}

    .footer-wrap .social-list {max-width:215px;}
    .footer-wrap .social-list a.so {display: inline-block; margin-bottom: 15px;}
    .gnb-right .social-list {display: none;}
}
@media all and (max-width:400px){
    .n-tech-tech .section3 .tech-his .tech-nav dl dt {font-size: 1.7rem;}
}


/*-----------new------------*/

.wrap {overflow: visible;}
.fixed { height: 100%; width: 100%; overflow: hidden; position: sticky; top:0; left: 0;}
.progress-wrap {display: flex; flex-direction: column; align-items: flex-end; position: relative; z-index: -1; opacity: 0; top:-50vh;}
.progress-wrap .progress {width: 10px; height: 100vh; background: #666; border-top:5px solid #ac0430;}

/*common*/
.full-h {height: 100vh;}
.title3 {font-size: 3.7rem; color:#3e454b; font-weight: 600; margin-bottom: 30px; letter-spacing: -2px;}
.title4 {font-size: 3rem; color:#3e454b; font-weight: 600; margin-bottom: 15px;}
.title5 {font-size: 2rem; color:#3e454b; font-weight: 600; margin-bottom: 15px; line-height: 1.5;}
.title3 strong {font-weight: 600;}
.title3-bo {font-size: 4rem; color:#3e454b; font-weight: 600; margin-bottom: 80px; letter-spacing: -2px; position: relative; opacity: 0; }
.title3-bo:after {content: ''; display: block; width: 0px; height: 1px; background: #ac0430; margin-top: 40px;}
.animated .title3-bo {animation: titUp .5s .2s forwards;}
.animated .title3-bo:after {animation: titBar .5s .5s forwards;}

.t1 {font-size: 5.2rem; margin-bottom: 40px; letter-spacing: -1px; font-weight: 700;}
.t2 {font-size: 1.9rem; margin-bottom: 40px; letter-spacing: -0.5px; line-height: 1.6;}
.t3 {font-size: 1.8rem; letter-spacing: -0.5px; line-height: 1.6;}

.t-bar {}
.bod-top {border-top:1px solid #ddd;}

/*button*/
.btn-ico {position: relative; top:-2px;}
.ico-down {width:20px; height: 19px; background: url(../img/common/ico-down-black.png) no-repeat 50% 50%; margin-left: 10px; vertical-align: middle;}
.btn-down {min-width: 100px; height: 50px; line-height: 50px; border-radius: 100px; padding:0 25px; border:2px solid #ccc; background: #fff; text-align: center; line-height: 47px; font-weight: 600; color:#666; transition: all .3s ease; font-size: 1.7rem; position: relative;}
.btn-down:hover {background: #999; color:#fff; border-color:#999;}
.btn-down:hover .ico-down {background: url(../img/common/ico-down-white.png) no-repeat 50% 50%; }
.btn-s { min-width: 80px; height: 40px; line-height: 35px; border-radius: 100px; padding:0 15px; border:1px solid #ccc; background: #fff; text-align: center; line-height: 36px; font-weight: 600; color:#666; transition: all .3s ease; font-size: 1.65rem; position: relative;}
.btn-s:after {content: ''; display: block; width: 7px; height: 7px; border-top:1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%); margin-left: 10px; opacity: 0; position: absolute; top:48%; right: 30px; transition: all .2s ease;}
.btn-s:hover {background: #333; color:#fff; border-color:#999; padding-right: 25px; border-color:#333;}
.btn-s:hover:after {opacity: 1; right: 16px;}
.btn-point {width: 65px; height: 55px;  position: relative; }
.btn-point:hover:before {opacity: 0.2; right:0px;}
.btn-point:hover:after {right:8px;}
.btn-point:after {content: '';  width: 65px; height: 55px; display: block; background: url(../img/common/ico-point-arr.png) no-repeat 50% 50%; background-size: contain; position: absolute; top:10px; right: 0; transition: all .3s ease;}
.btn-point:before {content: ''; display: block; width: 20px; height: 20px; border-radius: 100px; background: #ac0430; position: absolute; top:28px; right: 12px; opacity: 0; transition: all .3s ease;}

.grid {display: flex; justify-content: space-between; gap:4%;}
.grid .col2 {width:47%;}
.grid .col3 {width:33.3%;}
.grid .col7 {width:69.3%;}
.grid.al-cnt {align-items: center;}
.grid.al-top {align-items:flex-start !important;}
.grid.vl-cnt {justify-content: center;}

.video {position: relative; padding-top: 56%;}
.video iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/*ir*/
.ir-top {border-bottom: 1px solid #ddd; padding:27px 0; display: flex; position: absolute; bottom:1px; right: 15px; align-items: center; justify-content: space-between; max-width: 440px; background: url(../img/common/ico-ir.png)no-repeat 0 0;}
.ir-top {display:none !important;}
.ir-top .num {font-size:4.2rem; color:#ac0430; font-weight: 600; line-height: 1;}
.ir-top > div {width: 45%;}
.ir-top small {font-size: 1.5rem; position: relative; top:-4px; vertical-align: middle; margin-right: 5px;}
.ir-top .info {display: flex; flex-wrap: wrap; width: 53%; font-size: 1.45rem;}
.ir-top .info dl {width: 50%; display: flex; margin: 1px 0;}
.ir-top .info dl:last-of-type {margin-bottom: 0;}
.ir-top .info dl dt,
.ir-top .info dl dd {display: inline-block; vertical-align: middle;}
.ir-top .info dl dt {margin-right: 10px;}
.ir-top .info dl small {font-size: 1rem; vertical-align: middle; margin-right: 5px;}
.ir-up {color:#ac0430;}
.ir-down {color:#666;}
.pg-ir .section {margin-bottom: 120px;}
.legend {width: 25px; height: 6px; background: #eee; margin-right: 10px; display: inline-block;}

.pg-stock {margin-bottom: 100px;}
.pg-stock .inner {display: flex; justify-content: space-between;}
.pg-stock .area-title {width: 250px;}
.pg-stock .area-title p {font-size: 2.2rem; color:#333;}
.pg-stock .area-data {width: calc(100% - 250px)}
.pg-stock .info-stock {display: flex; align-items: end; margin-bottom: 30px; position: relative;}
.pg-stock .info-stock .st-now span {font-size: 4rem; font-weight: 600; line-height: 1;}
.pg-stock .info-stock .st-desc {display: flex; align-items: center; margin-left:30px;}
.pg-stock .info-stock .st-desc li {margin-right:15px; padding-right: 15px; border-right: 1px solid #ddd;}
.pg-stock .info-stock .st-desc li:last-of-type {border-right: 0; margin-right: 0; padding-right: 0;}
.pg-stock .info-stock .st-desc small {font-size: 1.2rem;}
.pg-stock .info-stock .st-desc span:first-of-type {font-weight: 600; margin-right: 5px;}
.pg-stock .info-stock .st-date {position: absolute; bottom:0; right: 0; font-size: 1.5rem; color:#666}
.pg-stock .box2 {margin-top:50px; display: flex; justify-content: space-between; gap:50px;}
.pg-stock .box2 dl {display: flex; justify-content: space-between;}
.pg-stock .box2 dl dt {font-weight: 600}
.pg-stock .box2 dl dd {text-align: right;}

/*gallery*/
.pg-pr.pg-gallery .section {padding:100px 15px;}
.pg-pr.pg-gallery .inner {padding:0 80px;}
.pg-pr.pg-gallery .section .col2 {width:45%;}
.pg-pr.pg-gallery .section .col2 .img {padding-top: 60%;}
.gallery {margin:0 -25px;}
.gallery .slide {padding:0 25px; overflow: hidden;}
.gallery .slide a {position: relative; display: block; }
.gallery .slide a:hover .img:before  {opacity: 1;}
.gallery .slide a:hover .img:after  {opacity: 1;}
.gallery .img {position: relative; padding-top: 70%;}
.gallery .img:before {content: ''; display: block; width:100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(0,0,0,0.5); z-index: 2; opacity: 0; transition: all .3s ease;}
.gallery .img:after {content: ''; display: block; width:100%; height: 100%; position: absolute; top:0; left: 0px; background: url(../img/common/ico-plus-w.png) no-repeat 50% 50%; z-index: 3; opacity: 0; transition: all .3s ease;}
.gallery .img img {position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.gallery .txt {position: relative; bottom: 0; left: 0; width: 100%; text-align: left; padding:20px 0; font-size: 1.8rem; font-weight: 600; color:#3e454b;}
.gallery.slick-slider .slick-prev {left: -50px; top:40%}
.gallery.slick-slider .slick-next {right: -50px; top:40%}
.gallery.slick-slider .slick-dots {bottom: 85px;}
.gallery.slick-slider .slick-dots li button {background: #eee; border-color:#eee; width: 15px; height: 15px;}
.gallery.slick-slider .slick-dots li.slick-active button {background: #ac0430; border-color:#ac0430;}


.gallery-list {display: flex; align-items: center; flex-wrap: wrap;}
.gallery-list .slide {width: 33.3%; margin-bottom: 60px;}
.gallery-more {text-align: center; margin:50px 0; position: relative;}
.gallery-more:before {content: ''; display: block; width: 100%; height: 0.5px; background: #ddd; position: absolute; top:50%; transform: translateY(-50%); z-index: -1}
.gallery-more a {width: 50px;  height: 50px; background:#999; border-radius: 100px;  display: flex; justify-content: center; align-items: center; margin: 0 auto; transition: all 1s ease;}
.gallery-more a:before {content: ''; display: block; width: 15px; height: 15px; background: url(../img/common/ico-plus.png)no-repeat 50% 50%; transition: all .5s ease;}
.gallery-more a:hover {background: #ac0430; }
.gallery-more a:hover:before {transform: rotate(180deg)}
.pg-pr.gallery-sub .inner {padding:0 15px;}

/*pr*/
.pg-pr .section {padding:150px 15px;}
.pg-pr .section .btn-s {position: absolute; top:0; right: 0;}
.pg-pr .section .btn-point {position: absolute; top:0; right: 0;}
.pg-pr .section .tit {position: relative;}

/*social*/
.pg-pr.pg-social .section {padding:120px 15px;}
.pg-pr.pg-social .inner {padding:0 50px;}
.pg-social .so-ico {margin-right: 15px; vertical-align: middle; width: 40px;}
.pg-pr .social-list ul li {border:1px solid #ddd; width: 33%;}
.pg-pr .social-list ul li a {display: block;}
.pg-pr .social-list ul li a:hover img {transform: scale(1.1);}
.pg-pr .social-list ul li .img {padding-top: 100%; position: relative; overflow: hidden;}
.pg-pr .social-list ul li .img img {position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .6s ease;}
.pg-pr .social-list ul li .txt {padding:40px 30px; display: flex; justify-content: space-between; align-items: center; background: #fff;}
.pg-pr .social-list ul li .txt p {width: 78%; margin-right: 2%; font-size: 1.8rem; color:#3e454b; font-weight: 700;}
.pg-pr .social-list ul li .txt .date {color:#666; font-size: 1.5rem;}
.pg-pr.pg-social .youtube .section {padding-left: 15px; padding-right: 15px;}
.youtube .inner {padding:0 50px;}
.yotube-list .grid {justify-content: left; flex-wrap: wrap;}
.yotube-list ul li {width: 30.6%; margin-bottom: 4%;}
.yotube-list ul li a {display: block;}
.yotube-list ul li .video {padding-top: 56%; position: relative;}
.yotube-list ul li .video iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.yotube-list ul li .txt p {font-size: 2rem; color:#3e454b; margin: 25px 0 20px; font-weight: 700;}
.yotube-list ul li .txt .date {font-size: 1.5rem; color:#666;}
.yotube-list ul li .txt .date:before {content:''; display: block; width: 25px; height: 2px; background: #ac0430; margin-bottom: 10px;}
.blog-list .grid {flex-wrap: wrap; justify-content: left;}
.blog-list ul li {width:30.6%; margin-bottom: 5%;}
.blog-list ul li a {display: block; }
.blog-list ul li a:hover img {transform: scale(1.1);}
.blog-list ul li .img {padding-top: 100%; position: relative; border:1px solid #ddd; overflow: hidden;}
.blog-list ul li .img img {position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .6s ease;}
.blog-list ul li .txt p {font-size: 2rem; color:#3e454b; margin: 15px 0 20px; font-weight: 700;}
.blog-list ul li .txt .date {font-size: 1.5rem; color:#666;}
.blog-list ul li .txt .date:before {content:''; display: block; width: 25px; height: 2px; background: #ac0430; margin-bottom: 10px;}

/*ci*/
.ci-logo {margin:70px 0 0px;}
.ci-logo img {margin:15px 0 20px 0;}
.ci-logo a {margin-left: 5px;}
.ci-logo .btn-s {position: relative !important;}
.ci-color {margin-top: 70px;}
.ci-color .col3 {border-radius: 10px; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); overflow: hidden;}
.ci-color .color {height: 120px; padding:25px; color:#fff; font-size: 2rem; font-weight: 600;}
.ci-color .color1 {background: #ac0430;}
.ci-color .color2 {background: #c51d25;}
.ci-color .color3 {background: #a2aaad;}
.ci-color .txt {padding:25px;}
.ci-color .txt p {margin-bottom: 10px;}

/*about*/
.pg-company .news ul li {overflow: hidden; margin-bottom: 20px;}
.pg-company .news ul li .img-box {border:1px solid #ddd; float: left; width: 130px; position: relative; padding-top:11.4%; overflow: hidden;}
.pg-company .news ul li a {display: block; overflow: hidden; transition: all .4s ease; -webkit-transition: all .4s ease;}
.pg-company .news ul li .img-box img {position: absolute; top:50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: inherit; object-fit: cover;}
.pg-company .news ul li .txt-box {float: right; width: calc(100% - 160px); margin-top:3px;}
.pg-company .news ul li:hover .txt-box strong{text-decoration: underline;}
.pg-company .news ul li:hover .txt-box p {text-decoration: underline;}
.pg-company .news ul li .txt-box strong { margin-bottom: 5px; font-size: 2rem; color:#3e454b;}



.pg-company .section {padding:130px 0;}
.pg-about .about-desc  {text-align: center;}
.pg-about .about-desc h3 {font-size: 5rem; font-weight: 700; text-align: center; }
.pg-about .about-desc h3 strong {font-weight: 600; color:#ac0430}
.pg-about .about-desc p {font-size: 4.5rem; text-align: center; font-weight: 600; margin-bottom: 80px; line-height: 1.3;}
.pg-about .about-desc dl {max-width:1025px; margin:0 auto; text-align: center; }
.pg-about .about-desc dl dt {font-size: 3.3rem; font-weight: 600; }
.pg-about .about-desc dl dt:after {content: ''; display: block; width: 100px; height: 4px; background: #ac0430; margin:35px auto 40px auto;}
.pg-about .about-desc dl dt strong {color:#ac0430;}
.pg-about .about-desc dl dd {margin-bottom: 30px; font-size: 1.8rem; line-height: 1.5;}
@keyframes aboutBar {
    0% {width: 0;}
    100% {width:100%;}
}
.pg-company .about-glance {background: #ac0430; padding:80px 0 120px 0;}
.pg-company .about-glance h3 {font-size: 4.5rem; font-weight: 600; text-align: center; color:#fff; margin-bottom: 70px;}
.pg-company .about-glance ul {display: flex; align-items: center;}
.pg-company .about-glance ul li {width: 33.3%; text-align: center; color:#fff; border-right: 1px solid rgba(255,255,255,0.2)}
.pg-company .about-glance ul li:last-of-type {border-right: 0;}
.pg-company .about-glance ul li p {display: flex; align-items: center; gap:10px; justify-content: center; font-size: 3rem; margin-bottom: 40px;}
.pg-company .about-glance ul li p:last-of-type {margin-bottom: 0;}
.pg-company .about-glance ul li strong {font-size:7rem; line-height: 1;}
.pg-company .about-glance ul li span {font-size: 2.5rem; line-height: 1;}

.about-history {overflow: hidden;}
.about-history .inner {display: flex; justify-content: space-between;}
.about-history .txt-box {width: 35%;}
.about-history .txt-box p {font-size: 3.9rem;}
.about-history .txt-box p strong {font-weight:700; line-height: 1.6;}
.about-history .his-tab {display: flex; justify-content: space-between; margin:45px 0;}
.about-history .his-tab a {width: 30%; font-size: 2rem; font-weight: 600; padding:15px 10px; position: relative; text-align: center;}
.about-history .his-tab a:hover:after,
.about-history .his-tab a.on:after {background:#ac0430;}
.about-history .his-tab a:after {content: ''; display: block; width: 100%;  height: 3px; background: #ccc; position: absolute; bottom: 0; left: 0; transition: all .3s ease;}
.about-history .his-img img.on {display: block;}
.about-history .his-img img {display: none;}
.history-box {width: 51%; position: relative;}
.history-box .bar {position: absolute; top:10px; left: 11px; height: calc(100% - 10px); width: 1px; background: #ccc;}
.history-box .txt {padding:0 50px 0px 50px;}
.history-box .txt dl {position: relative; padding-left: 110px;}
.history-box .txt dl dt {font-size: 3rem; font-weight: 600; position: absolute; top:0; left: 0; line-height: 1;}
.history-box .txt dl dd {font-size:1.7rem; margin-bottom: 5px; position: relative; padding-left: 30px;}
.history-box .txt dl dd span {position: absolute; top:0; left: 0;}
.history-box .txt .dot {width: 20px; height: 20px; background: #fff; position: absolute; top:5px; left: 0; border-radius: 100px; border:1px solid #ac0430;}
.history-box .txt .dot:before {content: ''; display: block; width: 10px; height: 10px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background: #ac0430; border-radius: 100px;}
.history-box .slick-slider .slick-prev { transform: rotate(90deg); left: -80px; top:23%;}
.history-box .slick-slider .slick-next { transform: rotate(90deg); left: -80px; right: inherit; top:35%;}

.his-desc {text-align: center; font-size: 4rem; font-weight: 700; margin-bottom: 60px;}
.pg-history .history .inner {display: flex; justify-content: space-between; }
.pg-history .his-tab {width: 23%;}
.pg-history .his-tab a {display: block; font-size: 2.3rem; font-weight: 600; color:#999; margin-bottom: 15px; padding-bottom: 15px; position: relative;}
.pg-history .his-tab a:after {content: ''; display: inline-block; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0;}
.pg-history .his-tab a.on {color:#3e454b; font-weight: 700}
.pg-history .his-tab a.on:after {background: #ac0430}
.pg-history .his-con {width: 70%;}
.pg-history .his-con .txt {display: none;}
.pg-history .his-con .txt.on {display: block;}
.pg-history .his-con dl {position: relative; padding-left: 110px; border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px; text-align: left;}
.pg-history .his-con dl dt {font-size: 3rem; font-weight: 600; position: absolute; top:0; left: 0; line-height: 1;}
.pg-history .his-con dl dd {font-size: 1.7rem; margin-bottom: 10px; position: relative; padding-left: 30px;}
.pg-history .his-con dl dd span {color:#3e454b; font-weight: 600; position: absolute; top:0; left: 0;}
.pg-history .his-con dl dd:last-of-type {margin-bottom: 0;}

.about-info .txt {display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-info .txt dl {width: 47%; border-bottom: 1px solid #ddd; padding:30px 30px 30px 120px;}
.about-info .txt dl:nth-of-type(1) {background: url(../img/company/about-ico1.png)no-repeat 30px 50%}
.about-info .txt dl:nth-of-type(2) {background: url(../img/company/about-ico2.png)no-repeat 30px 50%}
.about-info .txt dl:nth-of-type(3) {background: url(../img/company/about-ico3.png)no-repeat 30px 50%}
.about-info .txt dl:nth-of-type(4) {background: url(../img/company/about-ico4.png)no-repeat 30px 50%}
.about-info .txt dl:nth-of-type(5) {background: url(../img/company/about-ico5.png)no-repeat 30px 50%}
.about-info .txt dl:nth-of-type(6) {background: url(../img/company/about-ico6.png)no-repeat 30px 50%}
.about-info .txt dl dt {font-size: 1.8rem;}
.about-info .txt dl dd {font-size: 4rem; font-weight: 700; color:#3e454b;}
.about-info .txt dl dd small {font-size: 1.7rem; font-weight: 400; margin-left: 5px; position: relative; top:-2px;}
.about-info .txt p {text-align: right; margin-top: 10px; font-size: 1.5rem; width: 100%; color:#666}

/*global*/
.pg-global .section {padding:100px 15px 130px 15px;}
.pg-global .t2 {font-weight: 600;}
.pg-global .btn-r {margin-top: 50px;}
.global-map {text-align: center;}
.global-map .ani_view {animation: zoom-in 2s forwards; }
.global-list .section { border-bottom: 1px solid #ddd;}
.global-list .img {position: relative; width: 30%; }
.global-list .img:before {content: ''; display: none; width: 40%; height: 40%; position: absolute; bottom: -30px;; left: -30px; background: #ac0430;}
.global-list .img img {position: relative; z-index: 2;}
.global-list .tit {width: 15%;}
.global-list .txt {width: 55%;}
.global-list .txt p {font-size: 1.8rem;}

.global-list .global-footer .grid {display: flex; }
.global-list .global-footer img {width: 100%; }
.global-list .global-footer p {min-height: 108px;}
.global-list .global-footer .mx .slick-next,
.global-list .global-footer .mx .slick-prev,
.global-list .global-footer .mx .slick-dots {display: none !important;}
.global-map .map-img {display: inline-block; position: relative;}
.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 .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 12px; border-radius: 30px; font-weight: 700; color:#3e454b; font-size: 1.4rem; 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);
    }
}

.global-list .txt p {line-height: 1.6;}
.global-footer .txt {margin-top:20px;}
.global-num {background: url('../img/company/global-num-bg.jpg')no-repeat 50% 50%; background-size: cover;}
.global-num h2 {font-size: 6rem; font-weight: 600; text-align: center; color:#fff; margin-bottom: 70px;}
.global-num ul {display: flex; justify-content: space-between; align-items: center; }
.global-num li {display: flex; align-items: center; text-align: center; border-left:1px solid rgba(255,255,255,0.1); width: 25%; justify-content: center;}
.global-num li:last-of-type {border-right: 1px solid rgba(255,255,255,0.1);}
.global-num li dl dt {min-height: 113px;}
.global-num li dl dt strong {font-size: 8rem; font-weight: 700; color:#ac0430; line-height: 1.1;}
.global-num li dl dt small {display: block; font-size: 1.8rem; color:#fff;}
.global-num li dl dd {font-size:2.7rem; color:#fff; font-weight: 600; margin-top: 40px;}

.global-slide.slick-slider .slick-next,
.global-slide.slick-slider .slick-prev {width: 44px; height: 44px; background-color: #fff;}
.global-slide.slick-slider .slick-next {right: 15px;}
.global-slide.slick-slider .slick-prev {left: 15px;}
.global-slide.slick-slider .slick-dots {bottom: 20px;}

/*location*/
.pg-location .section {padding:150px 15px;}
.pg-location .col {width: 36%;}
.pg-location .col:last-of-type {width: 55%;}
.pg-location .map { margin-bottom: 30px;}
.pg-location .txt h3 {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 25px;}
.pg-location .txt ul {padding-left: 5px;}
.pg-location .txt ul li {position: relative; padding-left: 120px; margin:20px 0;}
.pg-location .txt ul li strong {position: absolute; top:0; left: 0;}

.pg-location .select {position: relative; margin-bottom: 35px;}
.pg-location .select-drop button {width: 100%; height: 70px; line-height: 65px; border:1px solid #ccc; background: #fff; font-size: 2.3rem; color:#3e454b; font-weight: 700; text-align: left; padding:0 30px; position: relative;}
.pg-location .select-drop button:after {content: ''; display: block; border:10px solid transparent; border-top:12px solid #ac0430; position: absolute; top:60%; right: 30px; transform: translateY(-50%);}
.pg-location .select-drop button.on:after {transform: translateY(-50%) rotate(180deg); top:42%}
.pg-location .select-drop ul {position: absolute; top:66px; left: 0; width: 100%; border:1px solid #ccc; background: #fff; display: none; z-index: 2; height: 300px; overflow-y: auto;}
.pg-location .select-drop ul li {font-size: 1.8rem; padding:13px 30px; border-bottom: 1px solid #ddd; cursor: pointer; background: #fff; margin-bottom: 0;  margin:0;}
.pg-location .select-drop ul li:hover {color:#ac0430}
.pg-location .select-drop ul li:last-of-type {border-bottom: 0;}
.pg-location .select-result ul {display: none; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding:57px 0;}
.pg-location .select-result ul.on {display: block;}
.pg-location .select-map li {display: none;}
.pg-location .select-map li.on {display: block;}
.pg-location iframe {width: 100% !important;}

/*recruit*/
.pg-recruit .section {padding:150px 15px; position: relative; overflow: hidden;}
.pg-recruit p { margin-bottom: 30px; font-size: 1.7rem; line-height: 1.6;}
.pg-recruit p:last-of-type {margin-bottom: 0;}
.pg-recruit .txt-wrap  {overflow: visible;}
.pg-recruit .txt-wrap h3 strong {display: inline; font-size: 3.3rem; border-bottom: 1px solid #333; font-weight: 600;  margin-bottom: 100px; z-index: 2; position: relative;}
.pg-recruit .txt-wrap .img {position: relative;}
.pg-recruit .txt-wrap .img img {position: absolute; bottom: 0px; left: 0;}

.rc-work {border-top:2px solid #ddd;}
.rc-work .drop-btn {border-bottom: 1px solid #ddd; width: 100%; text-align: left; position: relative;}
.rc-work .drop-btn:after {content: ''; display: block; width:12px; height: 12px; border-top:2px solid #ccc; border-right: 2px solid #ccc; position: absolute; top:52%; right: 15px; transform: translateY(-50%) rotate(135deg);}
.rc-work .drop-btn.on {color:#ac0430;}
.rc-work .drop-btn.on .title {font-size: 2.5rem; font-weight: 600;}
.rc-work .drop-btn.on:after {transform: translateY(-50%) rotate(-45deg); border-color:#ac0430;}
.rc-work .drop-list {padding:30px 10px; font-size: 1.8rem;}
.rc-work .title {font-size: 2.3rem; padding:25px 10px; width: calc(100% - 25px); font-weight: 600;}
.rc-img {width: 47%; position: absolute; top:0; right: 0; overflow: hidden; height: 100vh;}
.rc-img img {height: 100%; width: 100%; object-fit: cover; display: none; }
.rc-img img.on {display: block; animation: zoom-in 1s forwards;}
@keyframes zoom-in {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

.recruit-story.section {padding:200px 15px;}
.story-slider .slick-dots {bottom: -50px;}
.story-slider .img { position: relative; padding-top: 56%; overflow: hidden;}
.story-slider .img img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%) scale(1.2); width: 100%; height: 100%; object-fit: cover; transition: all 1s ease;}
.story-slider .slick-active .img img {transform: translate(-50%,-50%) scale(1);}

.story-slider dl {margin-bottom: 70px;}
.story-slider dl dt {font-size: 3rem; font-weight: 600; letter-spacing: -1px; margin-bottom: 40px; position: relative;}
.story-slider dl dd {font-size: 2.1rem; letter-spacing: -1px;}
.recruit-btm-bn { height: 700px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}
.recruit-btm-bn .inner {z-index: 2;}
.recruit-btm-bn .img {display: block; width: 100%; height: 100%; background: url(../img/recruit/recruit-work-img2.jpg) no-repeat 50% 50%; background-size: cover; position: absolute; top:0; left: 50%; transform: translateX(-50%) scale(1.2);}
.recruit-btm-bn p {font-size: 4.8rem; color:#fff; text-align: center; font-weight: 600; z-index: 2;}
.recruit-btm-bn p strong {display: block; margin-top: 40px; color:#fff; font-weight: 700;}
.recruit-btm-bn a { font-size: 1.8rem; color:#fff; background: #ac0430; text-align: center; height: 63px; line-height: 60px; padding:0 30px; border-radius: 100px; transform: scale(1); transition: all .4s ease; margin-top: 20px; z-index: 2}
.recruit-btm-bn a:hover {transform: scale(1.1)}

.pg-training {overflow: hidden;}
.pg-training .section {padding:150px 15px;}
.pg-training .section .tit .img {position: absolute; bottom: -50px; left: 0;}
.pg-training .section .tit h3 {display: inline-block; margin-bottom: 80px; position: relative;}
.pg-training .section .tit h3 strong {display: inline; font-size: 3.3rem; border-bottom: 1px solid #333; font-weight: 600;  margin-bottom: 100px; z-index: 2; position: relative;}
.pg-training .section .tit p,
.pg-training .section .txt p {margin-bottom: 40px; font-size: 1.7rem; line-height: 1.6;}
.pg-training .section .txt p:last-of-type {margin-bottom: 0;}
.training-case ul {border-top:2px solid #999;}
.training-case ul li {padding:14px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; cursor: pointer; position: relative; transition: all .4s ease;}
.training-case ul li.on {padding:32px 0;}
.training-case ul li.on .name {opacity: 1; left: 0;}
.training-case ul li.on:after {opacity: 0; right: 100px;}
.training-case ul li.on .title {color:#ac0430; font-size: 2.3rem;}
.training-case ul li .title {font-size: 2.1rem; transition: all .4s .2s ease-out;}
.training-case ul li .name {font-size: 1.65rem; text-align: right; opacity: 0; transition: all .5s .2s ease; position: relative; left: -50px;}
.training-case ul li .name span:last-of-type {font-size: 2.3rem; color:#999; display: block;}
.training-case ul li:after {content: ''; display: block; width:45px; height: 45px; background: url(../img/common/ico-r-arr.png) no-repeat 50% 50%; position: absolute; top:50%; right: 0; transform: translateY(-50%); transition: all .5s ease;}
.training-case .img {position: relative; overflow: hidden;}
.training-case .img a {display: block; position: relative;}
.training-case .img a img {transform: scale(1); transition: all .8s ease;}
.training-case .img a:hover img {transform: scale(1.1);}
.training-case .img .txt {background: rgba(0,0,0,0.9); text-align: center; padding:20px 10px; color:#fff; position: relative; bottom: 0; left: 0; width: 100%;}
.training-case .img .txt p {margin-bottom: 0; font-size:1.9rem; margin-bottom: 12px !important;}
.training-case .img .txt .tag {text-align: center;}
.training-case .img .txt .tag span {border:1px solid #fff; border-radius: 100px; margin:0 5px; padding:8px 20px; font-size: 1.5rem;}
.training-case .img > div {display: none;}
.training-case .img > div.on {display: block;}
.pg-training .recruit-btm-bn {height: 500px;}
.pg-training .recruit-btm-bn p {text-align: left;}
.pg-training .txt-wrap {position: relative;}
.pg-training .circle {position:absolute; top:-50px; right: 10px;  opacity: 1; }
.pg-training .circle span {width: 50px; height: 50px; background: #ac0430; border-radius: 100px; position: absolute; top:0; left: 0; opacity: 0.8}
.pg-training .circle.left {right: inherit; left: -70px;}
.pg-training .circle.group {right: inherit; left: 10px; top:-30px;}
.pg-training .circle.group span {width: 10px; height: 10px; margin-right:19px; position: relative;}

/*cs*/
.pg-cs .section {padding:120px 15px;}
.pg-cs .cs-info {padding-left: 170px; background: url(../img/cs/ico-cs.png) no-repeat 0 50%; margin-top: 40px;}
.pg-cs .cs-info > strong {font-size: 4.8rem; font-weight: 700; color:#3e454b; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px;}
.pg-cs .cs-info .txt span {margin-right: 10px; font-size: 1.8rem;}
.pg-cs .cs-info .txt span strong {margin-right: 5px; }
.pg-cs .cs-faq p {font-size: 2rem; color:#999;}
.pg-cs .cs-faq ul {display: flex; border-bottom: 2px solid #ddd; margin-top: 30px;}
.pg-cs .cs-faq ul a {font-size: 1.8rem; display: block; color:#666; padding:17px 5px; margin:0 15px; position: relative;}
.pg-cs .cs-faq ul a:after {content: ''; display: block; width: 0; height: 4px; background: #ac0430; position: absolute; bottom: -3px; left: 0; border-radius: 100px; transition: all .3s ease; opacity: 0;}
.pg-cs .cs-faq ul li.on a:after {width: 100%; opacity: 1;}
.cs-as-bg {background: url(../img/cs/bg-as.jpg) no-repeat 50% 50%; background-size: cover; height: 830px;}
.cs-as {text-align: center; max-width: 900px; margin:0 auto;}
.cs-as .no-list {font-size: 2.8rem; padding:100px 10px;}
.cs-as .as-search {margin-top: 40px; margin-bottom: 20px;}
.cs-as .as-search p {font-size: 2.3rem; color:#ac0430; margin-bottom: 20px;}
.cs-as .as-search .select {display: flex; justify-content: space-between;}
.cs-as .as-search .select select {width: 49%; border:1px solid #ac0430; height:70px; font-size: 2rem; padding:0 90px 0 30px; background: #fff url(../img/common/ico-select.png) no-repeat; background-position: calc(100% - 20px) 50%}
.cs-as .as-search .select .btn-submit {width: 70px; height: 70px; background:#ccc url(../img/cs/ico-search-g.png) no-repeat 50% 50%; }

.cs-as .as-search .search-box {border:1px solid #ac0430; background: #fff; text-align: left; position: relative; }
.cs-as .as-search .search-box input[type="text"] {width: 100%; border:0; background: #fff; height: 85px; font-size: 2.3rem; padding:0 90px 0 30px; }
.cs-as .as-search .search-box input[type="text"]:focus{outline: none;}
.cs-as .as-search .search-box .btn-submit {position: absolute; top:50%; right: 20px; width: 60px; height: 60px; background: url(../img/cs/ico-search-g.png) no-repeat 50% 50%; transform: translateY(-50%);}

.cs-as .as-result {margin-top: 40px; border:4px solid #ccc; border-top:0; background: #fff; padding:40px 50px 100px 50px; text-align: left;}
.cs-as .as-result h4 {font-size: 2.4rem; color:#666;}
.cs-as .as-result h4:after {content: ''; display: block; width: 80px; height: 1px; background: #999; margin:30px 0;}
.cs-as .as-result dl {display: flex; font-size: 2.4rem;}
.cs-as .as-result dl dt { margin-right: 50px;}
.cs-as .as-result dd span {margin-right: 20px; margin-bottom: 5px;}
i.lc {background: url(../img/cs/ico-lc.png) no-repeat 50% 50%; display: inline-block; width: 22px;  height: 20px; margin-right: 10px; vertical-align: middle; position: relative; top:-2px;}
i.tel {background: url(../img/cs/ico-tel.png) no-repeat 50% 50%; display: inline-block; width: 22px;  height: 18px; margin-right: 10px; vertical-align: middle; position: relative; top:-2px;}
i.fax {background: url(../img/cs/ico-fax.png) no-repeat 50% 50%; display: inline-block; width: 22px;  height: 20px; margin-right: 10px; vertical-align: middle; position: relative; top:-2px;}
i.hp {background: url(../img/cs/ico-hp.png) no-repeat 50% 50%; display: inline-block; width: 22px;  height: 20px; margin-right: 10px; vertical-align: middle; position: relative; top:-2px;}
i.user {background: url(../img/cs/ico-user.png) no-repeat 50% 50%; display: inline-block; width: 22px;  height: 18px; margin-right: 10px; vertical-align: middle; position: relative; top:-2px;}
.cs-qna .border-top {margin:60px 0; display: flex; align-items: center;}
.cs-qna .border-top .search-box {position: relative;}
.cs-inquiry .title3 {text-align: center;}
.cs-bn .col3 {border:1px solid #ccc; padding:30px 40px; height: 250px; position: relative;}
.cs-bn .col3 strong{font-size: 3rem; color:#3e454b; font-weight: 600; line-height: 1.3; display: block;}
.cs-bn .col3:nth-of-type(1) {background: url(../img/cs/ico-bn1.png) no-repeat 90% 80%; background-size: 33%;}
.cs-bn .col3:nth-of-type(2) {background: url(../img/cs/ico-bn2.png) no-repeat 90% 80%; background-size: 33%;}
.cs-bn .col3:nth-of-type(3) {background: url(../img/cs/ico-bn3.png) no-repeat 90% 80%; background-size: 33%;}
.cs-bn .col3 .btn-s {position: absolute; bottom: 30px; left: 40px;}
.btn-zipcode {margin-left: 5px; height: 60px; border-radius: 4px; background: #999; vertical-align: middle; padding:0 20px; line-height: 60px; color:#fff;}
.west-kakao {display:flex; align-items: center; gap:10px; margin-top:20px;}

.pg-data .section {padding:0 15px 150px 15px;}
.pg-data ul li {padding-left: 10px; position: relative; margin-bottom: 3px; line-height: 1.6;}
.pg-data ul li:before {content: '-'; display: block; position: absolute; top:0; left: 0;}
.pg-data .img {text-align: center; margin-top:50px; background: #f6f6f6;}
.pg-data .img-t p {background: #f6f6f6; padding:30px 10px; text-align: center; font-size: 2rem; font-weight: 600; color:#3e454b;}
.pg-data dl {margin-top: 50px;}
.pg-data dl dt {font-size: 2rem; font-weight: 600; color:#ac0430; margin-bottom: 10px; }
.pg-data dl dt .num {width: 30px; height: 30px; font-size: 2rem; color:#fff; font-weight: 600; border-radius: 100px; line-height: 30px; text-align: center; background: #ac0430; margin-right: 10px;}
.pg-data dl dd {margin-bottom: 3px; padding-left: 10px; position: relative; }
.pg-data dl dd:before {content: '-'; display: block; position: absolute; top:0; left: 0;}
.pg-data .t2 {margin-bottom: 13px; font-weight: 600;}
.pg-data .section img {width: 100%;}
.data-jd .section { padding:0 15px 80px 15px;}
.data-jd .img {background: #fff; text-align: left;}
.data-jd .img img {max-width: 300px;}
.data-jd p {line-height: 1.6;}
.data-jd .file {justify-content: flex-start; gap:0;}
.data-jd .file .col {border-right: 1px solid #ddd; padding-right: 30px; margin-right: 30px;}
.data-jd .file .col:last-of-type {margin-right: 0; border:0;}
.data-jd .file a {margin-left: 20px;}
.data-jd .file p {display: flex; align-items: center;}
.data-jd .file p span {padding-left: 30px; background: url(../img/common/ico-file.png) no-repeat 0 50%; background-size: 20px;}
.data-jd .ceo {text-align: right; border-top:1px solid #ddd; padding-top: 40px;}


.in-tab-con {display: none}
.in-tab {display: flex; gap:2px; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.in-tab a { font-size: 1.9rem; font-weight: 600; text-align: center; background: #f5f5f5; height: 70px; line-height: 70px; display: block; width: 100%; transition:all .3s ease;}
.in-tab a br {display: none;}
.in-tab a:hover,
.in-tab a.on {background: #ac0430; color:#fff;}

#chartContainer {position: relative;}
#chartContainer:before {content: ''; display: block; width: 56px;height: 15px; background: #fff; position: absolute; top:0; left: 0; z-index: 2}
.canvasjs-chart-credit{opacity: 0;}
.graph {display: flex; justify-content: center;}

.pg-search {padding-bottom:150px;}
.pg-search .search {text-align: center;}
.pg-search .search p {text-align: center; font-size: 2.3rem; margin-top: 60px;}
.pg-search .search-box {display: inline-block; max-width: 900px; border:7px solid #ccc; position: relative; width: 100%; text-align: left;}
.pg-search .search-box input[type="text"] {border:0; height: 80px; width: calc(100% - 80px)}
.pg-search .search-box .btn-submit {position: absolute; top:0; right: 0; width: 80px; height: 80px; background: url(../img/common/ico-search.png) no-repeat 50% 50%;}
.pg-search .result {margin-top: 70px; display: flex; flex-wrap: wrap; gap:2.6%}
.pg-search .result li {width: 23%; border:1px solid #ccc; padding:30px 30px 10px 30px; position: relative; overflow: hidden; margin-bottom: 3%; text-align: center;}
.pg-search .result li dl {position: relative; z-index: 2; text-align: left; margin-bottom: 15px;}
.pg-search .result li dl dt {font-size: 2.3rem; font-weight: 600; margin-bottom: 10px; color:#3e454b;}
.pg-search .result li img {max-width: 220px; width: 100%}

.download-printer-link {display:inline-block; margin:50px 0 -50px 0; border:1px solid #ccc; border-radius: 30px; padding:12px 30px 12px 60px; background: url(../img/common/ico-print2.png)no-repeat 27px 50%;}


.pg-ceo .ceo-visual {height: 450px; background:#f8f8f8 url(../img/company/ceo-img.jpg)no-repeat 50% 50%; display: flex; align-items: center;}
.pg-ceo .ceo-visual p {font-size: 4rem; line-height: 1.4;}
.pg-ceo .ceo-visual p strong {color:#ac0430; display: inline;}
.pg-ceo .ceo-visual img {display: none;}
.pg-ceo .ceo-visual .ceo-name { margin-top:70px;}
.pg-ceo .ceo-visual .ceo-name span {font-size: 1.9rem; display: block;}
.pg-ceo .ceo-visual .ceo-name strong {font-size: 3rem;}
.pg-ceo dl {padding-top:80px; padding-bottom: 80px;}
.pg-ceo dl dt {font-size: 2.3rem; margin-bottom: 30px; font-weight: 600}
.pg-ceo dl dd {margin-bottom: 30px; font-size: 1.8rem; line-height: 1.5; white-space: break-spaces;}

@media all and (max-width:1500px) {
    .inner {padding:0 50px;}
    .content-title {padding:50px 50px 0 50px;}
    .pg-cs .cs-faq ul {flex-wrap: wrap; border:0;}
    .pg-cs .cs-faq ul a:after {bottom: 0;}
    .pg-cs .cs-faq ul a {margin:0 20px 0 0;}
    .pg-pr.gallery-sub .inner {padding:0 30px;}
    .ir-top {right: 50px;}

    .pg-recruit .section {padding:80px 0;}
    .pg-training .section .tit .img {left: 50px; width: 22%}
    .pg-data .section {padding:0 0 80px 0;}
    .pg-company .section {padding:80px 0;}
    .about-info .txt dl {padding-left: 100px;}
    .pg-ir .section {margin-bottom: 50px;}
}
@media all and (max-width:1400px) {
}
@media all and (max-width:1240px) {
    .cs-qna .border-top {margin:40px 0;}
    .cs-qna .border-top .search-box {display: inline-block; margin-top: 30px;}
    .cs-qna .border-top {display: block;}
    .training-case ul li.on {padding:12px 0; }
    .training-case ul li .title {font-size: 2rem;}
    .training-case ul li.on .title {font-size: 2rem;}
    .training-case ul li .name span:last-of-type {font-size: 1.9rem;}

    .about-history .txt-box p {font-size: 3rem;}
    .about-history .his-tab a {font-size: 1.8rem;}
    .history-box .txt dl {padding-left: 100px;}
    .history-box .txt dl dt {font-size: 2.5rem;}
    .history-box .txt dl dd {font-size: 1.7rem;}

    .about-info .txt dl {padding:20px 15px 20px 70px; background-size: 50px !important; background-position: 10px 50% !important;}
    .about-info .txt dl dd {font-size: 3rem;}


    .pg-search .result li {width:31.6%;}
    .pg-search .search-box {border-width: 5px;}
    .pg-search .search-box .btn-submit {height: 60px; width: 50px; background-size: 22px;}
    .pg-search .search-box input[type="text"] {height: 60px; width: calc(100% - 50px);}

}
@media all and (max-width:1000px) {
    .grid {flex-wrap: wrap; gap:2%;}
    .grid .col,
    .grid .col2 {width: 100%; margin-bottom: 70px;}
    .grid .col:last-of-type,
    .grid .col2:last-of-type {margin-bottom: 0;}
    .grid .col3 {width: 32%;}
    .inner {padding:0 40px;}
    .content.pt {padding:60px 0 100px;}
    .content-title {margin:60px auto 20px auto; padding:40px 40px 20px 40px;}
    .content-title h2 {font-size: 4.5rem;}
    .content-title h2:after {margin:40px 0 0 0;}
    .header-wrap.st {top:0px;}
    .gnb-bg.st {display: none;}
    .title3 {font-size: 3.3rem; margin-bottom: 20px;}
    .title3-bo {font-size: 3.3rem; margin-bottom: 40px;}
    .title3-bo:after {margin-top: 30px;}
    .title4 {font-size: 2.7rem;}
    .t2 {margin-bottom: 20px;}
    .btn-down {min-width: 90px; padding:0 15px;}
    .ico-down {width: 15px; height: 14px; position: relative; top:-2px; margin-left: 5px;}

    .sub-tab {padding-bottom: 15px !important; margin-bottom:20px;}
    .sub-tab a {height: 40px; line-height: 37px; padding:0 18px; margin:4px 0; font-size: 1.65rem;}


    .pg-global .section {padding:100px 0;}
    .global-num li dl dt strong {font-size: 6rem}
    .global-num li dl dd {margin-top: 0; font-size: 2.3rem;}
    .pg-global .btn-r {margin-top: 30px;}

    .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;}


    .pg-location .section {padding:80px 0px}
    .pg-location .col {width: 100%; margin-bottom: 30px;}
    .pg-location .col:last-of-type {width: 100%;}
    .pg-location .select {margin-bottom: 20px;}
    .pg-location .select-drop button {height: 60px; line-height: 55px;}
    .pg-location .txt h3 {margin-bottom: 15px;}
    .pg-location iframe {height: 300px !important;}
    .pg-location .txt ul li {padding-left: 95px;}
    .pg-location .select-drop ul {top:57px;}
    .pg-location .select-drop ul li {padding: 13px 30px;}
    .pg-location .select-result ul {padding:10px 0;}

    .pg-cs .section {padding:80px 0;}
    .pg-cs .cs-faq ul {flex-wrap: wrap; border:0; margin-top: 20px;}
    .pg-cs .cs-faq ul a:after {bottom: 0;}
    .pg-cs .cs-info {margin-top: 0; background-size: 90px; padding-left: 130px;}
    .cs-as .as-search .search-box {border-width: 3px;}
    .cs-as .as-search .search-box input[type="text"] {height: 60px; padding:0 55px 0 20px; font-size: 2rem;}
    .cs-as .as-search .search-box .btn-submit {background-size: 30px; right: 0;}
    .cs-as .as-search p {font-size: 2rem;}
    .cs-as .as-result {margin-top: 20px; padding:30px;}
    .cs-as .as-result dl {font-size: 2rem;}
    .cs-as .as-result dl dt {margin-right: 20px;}
    .cs-as .as-result h4:after {width: 40px; margin:20px 0;}
    .cs-as .no-list {font-size: 2rem; padding:50px 10px;}
    .cs-as-bg {height: auto;}
    .cs-bn .col3 {padding:20px 30px; height: 230px}
    .cs-bn .col3 strong {font-size: 2.7rem;}
    .cs-bn .col3 .btn-s {bottom: 20px; left: 30px;}
    .btn-zipcode {height: 50px; line-height: 50px; }

    .pg-pr .grid {display: flex;}
    .pg-pr .section {padding:80px 0;}
    .pg-pr .section .btn-point {top:-15px;}
    .pg-pr .social-list ul li {width: 32%;}
    .pg-pr .social-list ul li .txt {padding:30px 20px;}
    .pg-pr.gallery-sub .inner {padding:0 55px;}
    .blog-list ul li {width: 32%}

    .pg-stock .inner {display: block;}
    .pg-stock .area-title,
    .pg-stock .area-data {width: 100%;}
    .pg-stock .area-title {display: flex; gap:20px; margin-bottom: 20px;}
    .pg-stock .box2 {margin-top:30px; gap:30px;}

    .ci-color {margin-top: 30px;}
    .ci-logo img {width: 100%;}

    .pg-pr.pg-gallery .section {padding:50px 0;}
    .gallery.slick-slider .slick-prev {left: -35px;}
    .gallery.slick-slider .slick-next {right: -35px;}
    .pg-pr.pg-gallery .section .col2 {width: 100%;}
    .gallery.slick-slider .slick-dots {bottom: 70px;}
    .gallery.slick-slider .slick-dots li button {width: 10px;  height: 10px;}

    .gallery-sub .gallery .slide {padding:0 10px; margin-bottom: 30px;}
    .gallery-sub .gallery-more {margin:20px 0;}

    .ir-top {padding:20px 15px 15px 15px; border:1px solid #ddd; display: block; max-width: 140px; background-size: 25px; background-position: 5px 5px; right: 40px;}
    .ir-top .info {display: block;}
    .ir-top > div {width: 100%;}
    .ir-top small {font-size: 1rem; top:-2px;}
    .ir-top .num {font-size: 2.4rem; margin-bottom: 5px;}


    .pg-recruit .txt-wrap .col3, .pg-recruit .txt-wrap .col7 {width: 100%;}
    .pg-recruit .txt-wrap .img h3 {text-align: left;}
    .pg-recruit .txt-wrap .img {text-align: center;}
    .pg-recruit .txt-wrap .img img {position: relative; bottom: 0; left: 0; width: 200px; margin:30px 0;}
    .pg-recruit .full-h .col2 {margin-bottom: 20px;}
    .rc-img {width: 100%; height: 300px; position: relative; }
    .rc-work .title {font-size: 2.1rem; padding:20px 0px;}
    .rc-work .drop-btn.on .title {font-size: 2.3rem;}
    .rc-work .drop-list {padding:20px 0px;}
    .rc-work .drop-btn:after {width: 8px; height: 8px; top:48%}
    .rc-work .drop-btn.on:after {top:52%;}
    .pg-recruit .full-h {height: auto; padding-bottom: 0;}

    .recruit-story .col2 {margin-bottom: 30px;}
    .story-slider dl{margin-bottom: 30px;}
    .story-slider dl dt {margin-bottom: 20px; font-size: 2.7rem;}
    .story-slider dl dd {font-size: 2rem;}
    .recruit-btm-bn {height: 500px;}
    .recruit-btm-bn p {font-size: 3.5rem; line-height: 1.4;}
    .recruit-btm-bn a {height: 55px; line-height: 50px; }


    .pg-training .section {padding:80px 0;}
    .pg-training .grid .col2,
    .pg-training .grid .col3,
    .pg-training .grid .col7 {width: 100%; margin-bottom: 30px;}

    .pg-training .section .tit .img { position: relative; bottom: 0; left: 0; width: 100%; text-align: center;}
    .pg-training .section .img img {width: 200px;}
    .pg-training .section .tit h3 {margin-bottom: 50px;}
    .pg-training .section .tit h3 strong {font-size: 3rem;}
    .pg-training .circle.group {top:0;}

    .training-case .img img {width: 100% !important;}
    .training-case ul li:after {background-size: 30px;}
    .training-case .img .txt {padding:10px 5px;}
    .training-case .img .txt p {margin-bottom: 9px !important;}
    .training-case .img .txt .tag span {padding:7px 13px; margin:2px 0;}
    .pg-training .recruit-btm-bn p {text-align: center;}

    .pg-data .section {padding:0 0 60px 0;}
    .in-tab a {height: 60px; line-height: 1.4; display: flex; align-items: center; justify-content: center;}
    .in-tab a br {display: inline-block;}
    .pg-data dl {margin-top: 30px;}
    .pg-data .grid .col {margin-bottom: 30px;}
    .pg-data .img {margin-top: 30px;}
    .data-jd .section {padding:0 0 50px 0;}
    .data-jd .file .col {border-right:0;}
    .data-jd .file p span {background-size: 16px; padding-left: 25px;}


    .pg-company .section {padding:40px 0;}
    .pg-company .grid .col,
    .pg-company .grid .col2 {margin-bottom: 40px;}
    .about-desc .img {margin-bottom: 40px;}
    .about-desc .txt p {margin-bottom: 20px;}

    .about-history .his-tab {margin:35px 0 30px 0;}
    .about-history .his-tab a {font-size: 2.1rem;}
    .about-history .inner {flex-wrap: wrap;}
    .about-history .txt-box {width: 100%;}
    .about-history .his-img img {width: 100%}
    .history-box {width: 100%; margin:0; margin-top: 30px; padding:0 50px;}
    .history-box .slick-slider .slick-prev {left: -50px; top:50%; transform: none;}
    .history-box .slick-slider .slick-next {left:inherit; right: -50px;  top:50%; transform: none;}
    .history-box .txt .dot {top:2px; position: relative; margin-bottom: 20px;}
    .history-box .bar {width: 100%; height: 1px; left: 0;}
    .history-box .txt {padding:0 10px;}
    .history-box .txt dl {padding-left: 0;}
    .history-box .txt dl dt {position: relative; margin-bottom: 10px;}
    .history-box .txt dl dd {word-break: break-all;}

    .about-info img {width: 100%;}
    .about-info .txt {margin-top: -20px;}
    .about-info .txt dl {padding:15px 15px 15px 60px; background-size: 30px !important; background-position: 10px 50% !important;}
    .about-info .txt dl dd {font-size: 3rem;}
    .pg-company .news ul li .img-box {padding-top: 0; height: 60px; width: 90px;}
    .pg-company .news ul li .txt-box {width: calc(100% - 100px)}

    .sub-location {margin-top:60px;}
    .sub-location .inner {height: 50px;  }
    .sub-location .lc-nav ul {top:50px;}
    .sub-location .lc-nav {width: 30%;}
    .sub-location .lc-nav button:after {right: 0px;}


    .global-list .tit {width: 100%;}
    .pg-global .section {padding:50px 15px;}

    .pg-ceo dl {padding-top:40px; padding-bottom: 40px;}
    .pg-ceo .ceo-visual {background: #f8f8f8 ; height: auto; padding-bottom: 30px;}
    .pg-ceo .ceo-visual img {display: block; width: 100%; margin-bottom: 30px;}
    .pg-ceo .ceo-visual .ceo-name {margin-top:20px;}
}

@media all and (max-width:768px) {
    .grid {gap:0;}
    .grid .col3 {width: 100% !important; margin-bottom: 30px;}
    .grid .col3:last-of-type {margin-bottom: 0;}
    .grid .col3 img {width: 100%;}
    .inner {padding:0 20px;}
    .content-title {padding:40px 20px 20px 20px;}
    .content-title h2 {font-size: 4rem;}
    .content-title h2:after {margin:30px 0 0 0;}
    .btn-point:after {width: 41px;}

    .pg-global .section {padding:50px 0;}
    .pg-global .btn-r {margin-top: 20px;}
    .global-num {padding: 0; }
    .global-num li dl dt {min-height: 70px;}
    .global-num li dl dt strong {font-size: 5rem}
    .global-num li dl dt small {font-size: 1.8rem;}
    .global-num li dl dd {margin-top: 20px; font-size: 2rem;}
    .global-num li {width: 50%; margin:0;}

    .pg-pr .grid {flex-wrap: wrap;}
    .pg-pr .social-list ul li {width: 100%; margin-bottom: 30px;}
    .pg-pr .social-list ul li:last-of-type {margin-bottom: 0;}
    .blog-list ul li {width: 100%; margin-bottom: 40px;}
    .yotube-list ul li {width: 100%; margin-bottom: 40px;}
    .yotube-list ul li:last-of-type {margin-bottom: 0;}


    .pg-pr.pg-gallery .inner {padding:0 50px;}
    .pg-pr.gallery-sub .inner {padding:0 30px;}
    .gallery-more a {width: 40px; height: 40px;}
    .gallery-list .slide {width: 50%;}
    .gallery.slick-slider .slick-prev {left: -15px;}
    .gallery.slick-slider .slick-next {right: -15px;}
    .ir-top {right: 20px; padding:20px 10px 10px 10px;}
    .pg-stock .box2 {display: block;}
    .pg-stock .box2 table {margin-bottom: 30px;}
    .pg-stock .info-stock {display: block;}
    .pg-stock .info-stock .st-date {position: relative;}
    .pg-stock .info-stock .st-desc {margin:15px 0;}
    .pg-stock .table tr td, .pg-stock .table tr th {padding:15px 2px;}
    .pg-stock .box2 dl {display: block;}
    .pg-stock .box2 dl dd {text-align: center;}

    @keyframes titBar {
        0% {width: 0;}
        100% {width: 50px;}
    }
    .cs-as .as-result {padding:25px;}
    .cs-as .as-result dd span {margin-bottom: 20px; margin-right: 0; display: block;}
    .pg-cs .section {padding:50px 0;}
    .cs-qna .border-top {margin:30px 0;}
    .cs-bn .col3 {height: auto; background-size: 80px !important; background-position: 90% 50% !important; margin-bottom: 20px;}
    .cs-bn .col3 .btn-s {position: relative; top:0; left: -2px; margin-top:15px;}
    .cs-bn .col3 strong {font-size: 2.3rem;}

    .in-tab {margin-bottom: 30px;}
    .in-tab a {font-size: 1.6rem;}



    .about-desc .img p {font-size: 5vw; bottom: 2vw; left:2vw;}
    .about-desc .img span {padding-right: 30px;}
    .about-desc .img span:before {height: 2.5vw;}


    .about-info .txt dl dt {font-size: 1.5rem;}
    .about-info .txt dl dd {font-size: 2.3rem;}
    .about-info .txt dl dd small {font-size: 1.5rem;}
    .about-info .txt dl {padding:15px 10px 15px 30px; background-size: 20px !important; background-position: 0px 50% !important;}

    .cs-as .as-search .select select {height: 50px; padding:0 30px 0 20px; background-size: 12px; background-position: calc(100% - 15px) 50%}

    .pg-search .result {margin-top: 50px;}
    .pg-search .result li {width: 48.6%; padding:20px; }
    .pg-search .result li img {max-width: 150px; }
    .pg-search .result li dl dt {font-size: 2rem; margin-bottom: 5px;}
    .pg-search .search p {font-size: 2rem; margin-top: 30px;}
    .pg-search .search-box {border-width: 2px;}
    .pg-search .search-box .btn-submit,
    .pg-search .search-box input[type="text"] {height: 50px; }


    .pg-recruit .txt-wrap .img img {margin-bottom: 0;}

    .sub-location {display: none;}

    .pg-company .about-glance h3,
    .pg-about .about-desc h3 {font-size: 3.5rem; line-height: 1.4; margin-bottom: 30px;}
    .pg-about .about-desc p {font-size: 2.8rem; margin-bottom: 30px;}
    .pg-about .about-desc img {width: 80%; margin:0 auto 10px auto;}
    .pg-company .about-glance ul li strong {font-size: 4rem;}
    .pg-company .about-glance ul li p {font-size: 2.1rem; gap:5px;}
    .pg-company .about-glance ul li span {font-size: 1.8rem;}
    .pg-company .section {text-align: center;}
    .pg-about .about-desc dl dt {font-size: 2.7rem;}
    .pg-about .about-desc dl dt:after {width: 70px; height: 3px;}

    .his-desc {font-size: 3.2rem;}
    .pg-history .his-con {width: calc(100% - 150px)}
    .pg-history .his-con dl {padding-left: 70px; margin-bottom: 30px; padding-bottom: 30px;}
    .pg-history .his-con dl dt {font-size: 2.5rem;}
    .pg-history .his-tab a {font-size: 2.1rem;}
    .pg-history .his-tab {width: 110px;}

    .global-num h2 {font-size: 4rem; margin-bottom: 40px;}

    .pg-ceo .ceo-visual p {font-size: 2.7rem;}
    .pg-ceo .ceo-visual .ceo-name strong {font-size: 2.4rem;}
}
@media all and (max-width:600px) {
    .history-box .txt {padding:0;}
    .btn-zipcode {margin-top:10px; margin-left: 0;}
    .global-num ul {flex-wrap: wrap;}


    .global-num li:nth-of-type(1),
    .global-num li:nth-of-type(3) {border-left: 0;}
    .global-num li:nth-of-type(4) {border-right: 0;}
    .global-num li {width: 50%; margin:10% 0;}

    .global-list .txt {width: 100%; margin-bottom: 30px;}
    .global-list .img {width: 100%;}
}

@media all and (max-width:500px) {
    .pg-cs .cs-info {padding-left: 100px; background-size: 70px;}
    .pg-cs .cs-info > strong {font-size: 4rem;}
    .cs-qna .border-top .search-box {margin-top: 10px;}
    .legend {display: block; margin-bottom: 5px; width: 19px; height: 3px;}
    .data-jd .file p {flex-wrap: wrap;}
    .data-jd .file p span {width: 100%; margin-bottom: 10px;}

    .pg-company .about-glance ul li p {display: block; margin-bottom: 30px;}
    .pg-company .about-glance ul li strong {font-size: 3rem;}
    .pg-company .about-glance ul li span {display: block; text-align: center; margin-top:10px;}
    .pg-company .about-glance ul li p {font-size: 1.8rem;}

    .pg-history .history .inner {display: block;}
    .pg-history .his-tab {width: 100%; display: flex; align-items: center; gap:20px; justify-content: space-between; margin-bottom: 30px;}
    .pg-history .his-tab a {width: 33.3%;}
    .pg-history .his-con {width: 100%;}
}
@media all and (max-width:500px) {
    .pg-ceo .ceo-visual p br {display:none;}
}


/*privacy*/
.privacy .txt-box{margin-top: 30px;}
.privacy .txt-box p{margin-bottom: 15px; }
.privacy .txt-box p strong{font-weight: 600;}
.privacy .btn-box a {}
.privacy h4{font-size: 2rem; color:#3e454b; font-weight: 600; margin-top: 50px; margin-bottom: 10px;}
.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;}

.backdrop {position: fixed; top:0; left: 0; z-index: 8; opacity: 1; transition: opacity 0.1s cubic-bezier(0.25, 0.45, 0.5, 1);}
.backdrop.on {width:100%; height: 100%; opacity: 1; backdrop-filter:blur(3px);}

.wow {visibility: hidden;}