@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&display=swap');
    
/********************************************************
* Sub Page
*********************************************************/
/* Common */
.title-st1{font-size: 44px; font-weight:700; line-height:1;}
.small_t {font-size:18px; font-weight:300; line-height:1; padding-bottom: 30px; text-decoration: underline;}
.title-st5 {font-size:44px; font-weight:700; line-height:1; color: #000;}
.white {color:#fff!important;}
.sub-visual {position:relative; height:570px; transition:height .3s;}
.visu_txt {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-visual__bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.sub-visual__img {height:100%; background-size:cover!important; animation:visualAnimation forwards linear 1s;}
@keyframes visualAnimation {0%{transform:scale(1.1);}100%{transform:scale(1);}}
.sub-visual .inner {position:relative; height:100%; padding-bottom:140px; z-index:50;}
.sub-bread-nav-wrap {position:absolute; bottom:0; left:20px; width:100%;}
.sub-bread-nav-wrap::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background-color:#fff;}
.sub-bread-nav {display:flex; height:65px;}
.sub-bread-nav__item {position:relative; width:50%; max-width:260px; height:100%; border:0; background-color:#fff;}
.sub-bread-nav__item:not(:first-child)::before {content:""; position:absolute; top:50%; left:-1px; width:1px; height:18px; background-color:#d7d7d7; transform:translateY(-50%);}
.sub-bread-nav__home {position:relative; max-width:50px;}
.sub-bread-nav__icon--home {position:absolute; top:50%; left:50%; font-size:25px; color:#888; transform:translate(-50%, -50%); }
.sub-bread-nav__item:first-child > .sub-bread-nav__link {position:absolute; top:50%; font-size:25px; color:#888; transform:translateY(-50%); }
.sub-bread-nav__item > .sub-bread-nav__link {display:flex; justify-content:space-between; align-items:center; position:relative; height:100%; font-size:15px; color:#888; transition:background-color .3s, box-shadow .3s; z-index:50;}
.sub-bread-nav__item > .sub-bread-nav__link .ellips {font-size:15px; color:#888;}
.sub-bread-nav__depth2 > .sub-bread-nav__link .ellips {color:#222;}
.sub-bread-nav__depth3 > .sub-bread-nav__link .ellips {color:#222;}
.sub-bread-nav__item:not(.sub-bread-nav__home) > .sub-bread-nav__link {padding:0 25px;}
.sub-bread-nav__item.open > .sub-bread-nav__link {background-color:#fff; box-shadow:0 20px 20px rgba(0,0,0,.1);}
.sub-bread-nav__item.open:not(:first-child)::before {display:none;}
.sub-bread-nav__icon {margin-left:10px; font-weight:900; color:#5d3ce8;}
.sub-bread-nav__list {position:absolute; top:100%; left:0; width:100%; visibility:hidden; opacity:0; padding:17.5px 10px; border-top:1px solid #e7e7e7; background-color:#fff; box-shadow:0 20px 20px rgba(0,0,0,.1); transition:visibility .3s, opacity .3s; z-index:100;}
.sub-bread-nav__item.open .sub-bread-nav__list {visibility:visible; opacity:1;}
.sub-bread-nav__list .gnb__menu, .sub-bread-nav__list .sub-nav__menu {margin:10px 0; text-align:center;}
.sub-bread-nav__list .sub-bread-nav__link {display:inline-block; position:relative; padding:0 7px 3px; font-size:15px; color:#888; transition:font-weight .3s, color .3s;}
.sub-bread-nav__list .sub-bread-nav__link::after {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background-color:#0166b3; transition:width .3s;}
.sub-bread-nav__list .gnb__menu.active .sub-bread-nav__link, .sub-bread-nav__list .sub-nav__menu.active .sub-bread-nav__link {font-weight:600; color:#0166b3;}
.sub-bread-nav__list .gnb__menu.active .sub-bread-nav__link::after, .sub-bread-nav__list .sub-nav__menu.active .sub-bread-nav__link::after {width:100%;}
.sub-page-title {padding:100px 0 90px; text-align:center;}
.sub-content .flex-wrap .img-wrap {display:flex; justify-content:center; align-items:center; border:1px solid #e1e1e1;}

/* Sub Content Visual */
.sub-content-visual {position:relative; overflow:hidden; padding:100px 0 120px; transition:padding .3s;}
.sub-content-visual::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 510px); background-color:#faf9ff; z-index:-1;}
.sub-content-visual .title-st5 {margin-top:15px;}
.sub-text {margin-top:20px; font-size:20px;}
.sub-content-visual__img-wrap {position:relative; margin:95px -310px 0 0;}
.sub-content-visual__img-wrap::after {content:""; position:absolute; top:-30px; left:-30px; width:100%; max-width:1330px; height:205px; background-color:#0166b3;}
.sub-content-visual__img-box {position:relative; height:480px; overflow:hidden; z-index:50;}
.sub-content-visual__img {position:absolute; top:0; left:50%; width:auto; height:100%; transform:translateX(-50%);}
.sub-content-visual .flex-wrap {margin-top:70px;}
.sub-content-visual__title {font-size:30px; line-height:1.3;}
.sub-content-visual__text {font-size:18px; line-height:1.7; letter-spacing:-0.06rem;}
.sub-content-visual__link:hover {text-decoration:underline;}


@media (max-width:1280px) {
	.sub-visual {height:500px;}
	.sub-page-title {padding:80px 0 70px;}
	.sub-text {margin-top:15px; font-size:18px;}

	/* Sub Content Visual */
	.sub-content-visual {padding:100px 0 70px;}
	.sub-content-visual__img-wrap {margin:60px -20px 0;}
	.sub-content-visual__img-wrap::after {display:none;}
	.sub-content-visual .flex-wrap {margin-top:60px;}
	.sub-content-visual__title {font-size:26px;}
	.sub-content-visual__text {font-size:17px;}
}
@media (min-width:971px) {
	.sub-bread-nav__list .gnb__menu .sub-bread-nav__link:hover, .sub-bread-nav__list .sub-nav__menu .sub-bread-nav__link:hover {font-weight:600; color:#0166b3;}
	.sub-bread-nav__list .gnb__menu .sub-bread-nav__link:hover::after, .sub-bread-nav__list .sub-nav__menu .sub-bread-nav__link:hover::after {width:100%;}
}
@media (max-width:970px) {
    .title-st1 {font-size:40px;}
    .small_t {font-size:18px; padding-bottom: 20px;}
    .title-st5 {font-size:40px;}
	.sub-section {overflow:hidden;}
	.sub-visual {height:400px;}
	.sub-visual .inner {padding-bottom:110px;}
	.sub-visual__img {animation:none;}
	.sub-bread-nav {border-bottom:1px solid #d7d7d7;}
	.sub-bread-nav-wrap {left:0;}
	.sub-bread-nav-wrap::before {display:none;}
	.sub-bread-nav__icon--home {display:block; text-indent:0;}
    .sub-bread-nav__item:first-child > .sub-bread-nav__link {position:absolute; top:50%; left: 50%; font-size:25px; color:#888; transform:translate(-50%,-50%); }
	.sub-bread-nav__item:not(.sub-bread-nav__home) {max-width:none;}
	.sub-bread-nav__item:not(:first-child)::before {display:block!important; left:0; height:100%;}
	.sub-bread-nav__item.open > .sub-bread-nav__link {background-color:transparent; box-shadow:none;}
	.sub-bread-nav__depth1 {width:45%;}
	.sub-bread-nav__depth2 {width:55%;}
	.sub-bread-nav__list {padding:17.5px 15px;}
	.sub-bread-nav__list .gnb__menu, .sub-bread-nav__list .sub-nav__menu {margin:5px 0; text-align:left;}

	.sub-page-title {padding:80px 0 60px;}
	.sub-text {font-size:17px;}
}
@media (max-width:640px) {
    .title-st1 {font-size:30px;}
    .small_t {font-size:16px; padding-bottom: 20px;}
    .title-st5 {font-size:30px;}
    .title-st5 span {display: block; padding-top: 20px;}
	.sub-visual {height:350px;}
	.sub-bread-nav {height:60px;}
	.sub-bread-nav__home {flex-shrink:0; width:60px;}
	.sub-bread-nav__item:not(.sub-bread-nav__home) > .sub-bread-nav__link {padding:0 15px;}
	.sub-bread-nav__list {padding:10px;}
	.sub-page-title {padding:70px 0 50px;}

	/* Sub Content Visual */
	.sub-content-visual {padding:70px 0 40px;}
	.sub-content-visual__img-box {height:320px;}
	.sub-content-visual .flex-wrap {margin-top:30px;}

	/* Sub Content Common */
	.sub-content .flex-wrap, .sub-content .flex-wrap:first-child {padding-top:50px;}
}
@media (max-width:600px) {
    .sub-bread-nav__depth1 {display: none;}
}
@media (max-width:480px) {
    .title-st1 {font-size:25px;}
    .small_t {font-size:14px; padding-bottom: 10px;}
    .title-st5 {font-size:25px;}
	/* Sub Content Visual */
	.sub-content-visual__img-box {height:250px;}
}
@media (max-width:400px) {
	/* Photos */
	.photos__item {width:100%;}
	.photos-2__item {width:100%;}
}


/********************************************************
* Company
*********************************************************/
/* Common */
.sub-visual--company .sub-visual__img {background:url("../../images/sub_visu01.jpg") no-repeat top right;}

.company_greeting {width: 100%; position: relative; min-height: 1100px; height: 100%;}
.greeting_img {width: 50%;}
.greeting_img img {margin-top: 140px; width: 100%;}
.greeting_slogan {position: absolute; right: 0; top: 0; text-align: right;font-size: 100px;-webkit-text-stroke-width: 1px; line-height: 1.2; -webkit-text-stroke-color: #d9d9d9; color: transparent; font-family: 'S-CoreDream-7ExtraBold';}
.greeting_text {position: absolute; background: #f7f7f7; padding: 95px 115px; right: 0; top: 222px; width: 50%;}
.greeting_tit {font-size: 33px; color: #000000; padding-bottom: 30px;}
.greeting_tit span {color: #0166b3; font-weight: 600;}
.greeting_txt {font-size: 20px; color: #222222; line-height: 1.8;}
.greeting_sign {font-size: 26px; color: #000; padding-top: 50px; text-align: right; font-weight: 600;}

@media (max-width:1540px) {
    .greeting_text {padding: 60px 80px; width: 50%;}
}
@media (max-width:1200px) {
    .greeting_img {width: 60%;}
    .greeting_img img {margin-top: 0px}
    .greeting_text {position: static; padding: 60px 80px; width: 100%;}
}
@media (max-width:1100px) {
    .company_greeting {min-height: 1100px; }
    .greeting_img img {width: 100%;}
    .greeting_slogan {text-align: left;font-size: 70px; left: 30px; top: 30px;}
    .greeting_text {padding: 50px 70px; width: 100%; top: 500px;}
    .greeting_tit {font-size: 30px; padding-bottom: 30px;}
    .greeting_txt {font-size: 18px;}
    .greeting_sign {font-size: 23px; padding-top: 40px;}
}
@media (max-width:900px) {
    .company_greeting {min-height: 1100px; }
    .greeting_img {width: 100%;}
    .greeting_img img {width: 100%;}
    .greeting_slogan {text-align: left;font-size: 70px; left: 30px; top: 30px;}
    .greeting_text {padding: 40px 60px; width: 100%; top: 450px;}
    .greeting_tit {font-size: 30px; padding-bottom: 30px;}
    .greeting_txt {font-size: 18px;}
    .greeting_sign {font-size: 23px; padding-top: 40px;}
}
@media (max-width:768px) {
    .greeting_slogan {font-size: 50px;}
    .greeting_tit {font-size: 25px; padding-bottom: 20px;}
    .greeting_txt {font-size: 16px;}
    .greeting_sign {font-size: 20px; padding-top: 30px;}
}
@media (max-width:680px) {
    .company_greeting {min-height: 950px; }
    .greeting_slogan {font-size: 40px;}
    .greeting_text {padding: 40px; top: 350px;}
    .greeting_tit {font-size: 20px; padding-bottom: 20px;}
    .greeting_txt {font-size: 16px;}
    .greeting_sign {font-size: 20px; padding-top: 30px;}
}
@media (max-width:580px) {
    .company_greeting {min-height: 1050px; }
}
@media (max-width:480px) {
    .company_greeting {min-height: 900px; }
    .greeting_slogan {font-size: 30px;}
    .greeting_text {padding: 40px; top: 250px;}
    .greeting_tit {font-size: 18px; padding-bottom: 20px;}
    .greeting_txt {font-size: 14px;}
    .greeting_sign {font-size: 18px; padding-top: 20px;}
}
@media (max-width:360px) {
    .company_greeting {min-height: 900px; }
    .greeting_slogan {font-size: 25px;}
    .greeting_text {padding: 30px; top: 250px;}
    .greeting_tit {font-size: 16px; padding-bottom: 20px;}
    .greeting_txt {font-size: 13px;}
    .greeting_sign {font-size: 16px; padding-top: 20px;}
}
@media (max-width:280px) {
    .greeting_text {padding: 20px; top: 180px;}
}


/*========================================================= 
	History
=========================================================*/
.History-inner{overflow:hidden;}
.HistoryBox{display:none;}
.HistoryBox.is-Current{display:block;}
.HistoryTitle{margin-bottom:14px; color:#000; font-size:36px; font-weight:bold; line-height:1.8em; font-family: "Jost", sans-serif;}
.HistoryBox-item{padding-bottom:140px;}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HistoryTitle{margin-bottom:12px; font-size:32px;	}
	.HistoryBox-item{padding-bottom:100px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.HistoryTitle{margin-bottom:10px; font-size:24px;	}
	.HistoryBox-item{padding-bottom:80px;	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HistoryTitle{margin-bottom:0px; font-size:18px;	}
	.HistoryBox-item{padding-bottom:40px;	}
}


/* HistoryListItem
=========================================================*/
.HistoryListItem-title{width:27%; float:left; position:relative; color:#0166b3; font-size:120px; line-height:1em; font-weight:500; font-family: "Jost", sans-serif;}
.HistoryListItem-title:after{content:''; display:block; width:1px; height:1000px; position:absolute; top:-70px; right:-8px; background-color:#e6e6e6;}
.HistoryListItem-cont{overflow:hidden;}

/* HistoryItem*/
.HistoryItem-item{padding: 13px 0;}
.HistoryItem-text{display:block; padding-left:36px; position:relative; color:#4e4e4e; font-size:18px; line-height:1.4em;}
.HistoryItem-text .month {font-family: "Jost", sans-serif; font-weight: 500; font-size: 20px; padding-right: 20px;}
.HistoryItem-text:before{content:''; display:block; width:16px; height:16px; position:absolute; top:5px; left:0; background-image: url('../../images/ico-history-bullet.png'); background-size:16px 16px;}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HistoryListItem-title{width: 25%; font-size:80px;	}
	.HistoryListItem-title:after{top:-60px;	}
	.HistoryItem-item{padding: 10px 0;	}
	.HistoryItem-text{padding-left: 30px; font-size:16px;	}
    .HistoryItem-text .month {font-size: 18px; padding-right: 20px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.HistoryListItem-title{width: 23%; font-size:50px;	}
	.HistoryListItem-title:after{top: -45px; right:-7px;	}
	.HistoryItem-item{padding: 8px 0;	}
	.HistoryItem-text{padding-left: 22px; font-size:14px;	}
	.HistoryItem-text:before{width: 12px; height: 12px; background-size: 12px 12px;	}
    .HistoryItem-text .month {font-size: 16px; padding-right: 10px;}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HistoryListItem-title{width:100%; float:none; margin-bottom: 6px; font-size:40px;	}
	.HistoryListItem-title:after{display:none;	}
	.HistoryItem-item{padding:6px 0;	}
	.HistoryItem-text{padding-left:18px; font-size:13px;	}
	.HistoryItem-text:before{width:10px; height:10px; top:4px; background-size:10px 10px;	}
    .HistoryItem-text .month {font-size: 15px; padding-right: 10px;}
}


/*========================================================= 
	Organization
=========================================================*/
.company_organization {text-align: center; margin-bottom: 120px;}

@media (max-width:1283px) {
    .company_organization img {width: 100%;}
}

@media (max-width:680px) {
    .company_organization {margin-bottom: 80px;}
}


/*========================================================= 
	Certification
=========================================================*/
.company_certification{margin-bottom: 200px;}



/*========================================================= 
	Location
=========================================================*/
.company_location{margin-bottom: 200px;}
.map__box {overflow: hidden; border-radius: 2rem;}
.map__box > div {position: relative; width: 100%; height: 0; padding-top: 46.15%;}
.map__box .root_daum_roughmap .wrap_map {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.map__box .root_daum_roughmap .map_border {display: none;}
.map__box .root_daum_roughmap .wrap_btn_zoom {z-index: 5;}
.map__info {margin-top: 6rem;}
.map__info-title {margin-bottom: 1.2rem; font-size: 2.4rem; font-weight: 500; color: #00a287; line-height: 1.25;}
.map__info-address {display: flex; align-items: center; margin-bottom: 2.4rem; gap: 1rem 1.6rem;}
.map__info-address address {font-size: 3.2rem; font-weight: 700; color: #222; line-height: 1.4;}
.map__info-address .btn-style {flex-shrink: 0;}
.map__info-contact {display: flex; margin-bottom: 6rem; gap: 1rem 4rem;}
.map__info-contact > p {position: relative; font-size: 2.4rem; font-weight: 500; line-height: 1.25;color: #222;}
.map__info-contact > p::before {position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: "";}
.map__info-contact > p:last-child::before {display: none;}
.map__info-contact > p span {color: #888;}
.map__info-contact > p a {color: #222;}

@media (max-width: 560px) {
    .company_location{margin-bottom: 100px;}
    .map__box > div {padding-top: 56%;}
    .map__info-title {margin-bottom: 1rem; font-size: 2rem;}
    .map__info-address {display: block; margin-bottom: 4rem;}
    .map__info-address address {margin-bottom: 1.6rem; font-size: 2.5rem;}
    .map__info-contact {display: block; margin-bottom: 4rem;}
    .map__info-contact > p {margin-bottom: 1.2rem; font-size: 2rem;}
    .map__info-contact > p::before {display: none;}
}




/********************************************************
* Product
*********************************************************/
/* Common */
.sub-visual--product .sub-visual__img {background:url("../../images/sub_visu02.jpg") no-repeat top right;}


.product_info {margin-bottom: 150px;}
.pro1-prd-con{margin: 0 auto; position: relative;}
.pro1-prd-wrapper{position: relative; box-sizing: border-box;}
.pro1-prd-list{overflow: hidden}
.pro1-prd-list li.pro1-prd-item{margin-right:1.5%; width:23.875%; float: left;}
.pro1-prd-list li:last-child.pro1-prd-item {margin: 0;}
.pro1-prd-item a{display: block; transition: box-shadow 0.5s ease-in-out;}
.pro1-product-img{position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; border: 1px solid #ccc;}
.pro1-product-img .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(100%);  transform-origin: bottom; transition:transform 0.6s ease-in-out;}
.pro1-product-img .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all 0.3s;}
.pro1-product-img .img2 {position: absolute; top: 15px; right: 15px;}
.pro1-product-txt{padding: 3rem 0; box-sizing: border-box; background-color: #fff;}
.pro1-product-txt .tit{font-size: 24px; line-height: 1.1; letter-spacing: -0.01em; font-weight: 400; color: #000; white-space:nowrap; overflow:hidden; text-align:center;}
.pro1-product-txt .txt{margin-top: 0.9em; font-size: 1.6rem; line-height: 1.3; color: #636363; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro1-prd-item a:hover .pro1-product-img .img span{transform: scale(1.15);}

.pro1-industry-txt.animated{transition-delay:0.3s;}
.pro1-industry-tit.animated{transition-delay:0.5s;}
.pro1-prd-item.animated .pro1-product-img .img{transform: translateY(0);}
.pro1-prd-item.item01.animated a{transition-delay:0.5s;}
.pro1-prd-item.item02.animated a{transition-delay:0.7s;}
.pro1-prd-item.item03.animated a{transition-delay:0.9s;}
.pro1-prd-item.item04.animated a{transition-delay:1.1s;}
.pro1-prd-item.item01.animated .pro1-product-img .img{transition-delay:0.3s;}
.pro1-prd-item.item02.animated .pro1-product-img .img{transition-delay:0.5s;}
.pro1-prd-item.item03.animated .pro1-product-img .img{transition-delay:0.8s;}
.pro1-prd-item.item04.animated .pro1-product-img .img{transition-delay:1.0s;}
.pro1-prd-item a:hover .pro1-product-img .img span{transform: scale(1.05);}

@media all and (max-width:1250px){
    .pro1-prd-list li.pro1-prd-item{margin-right:2%; width:49%; margin-bottom: 20px;}
    .pro1-prd-list li:nth-child(2n).pro1-prd-item {margin-right:0px; float:right;}
    .pro1-product-img{padding-top: 70%;}
    .pro1-product-txt .tit{font-size: 20px;}
}
@media all and (max-width:1040px){
    .pro1-product-img{height: 400px}
}
@media all and (max-width:768px){
    .pro1-industry-txt{font-size: 16px;}
    .pro1-industry-tit{font-size: 40px; padding-bottom: 50px}
}
@media all and (max-width:720px){
}
@media all and (max-width:680px){
    .pro1-product-img{height: 320px}
    .pro1-product-txt{padding: 2rem 0;}
    .pro1-product-txt .tit{font-size: 18px;}
}
@media all and (max-width:480px){
    .product_info {margin-bottom: 100px;}
    .pro1-industry-tit{font-size: 25px; padding-bottom: 40px}
    .pro1-prd-list li.pro1-prd-item{margin-right:0%; width:100%; height: 100%; margin-bottom: 10px;}
    .pro1-product-img{padding-top: 80%;}
}
@media all and (max-width:400px){
}


.pro_detail1 {width: 100%; display: flex; border-bottom: 1px solid #cccccc; padding-bottom: 65px; margin-bottom: 65px;}
.pro_detail1_2 {width: 100%; display: flex; padding-bottom: 65px; margin-bottom: 65px;}
.pro_img {width: 47%; margin-right: auto; border: 1px solid #ccc; overflow: hidden}
.pro_img img {width: 100%; height: auto;}
.pro_text {width: 46%; margin-left: auto; position: relative;}
.pro_txt {font-size: 18px; color: #333333; line-height: 1.8; word-break: keep-all;}
.ul_pro_txt li {font-size: 18px; color: #333333; line-height: 1.8; word-break: keep-all; position: relative; padding-left: 15px;}
.ul_pro_txt li:before {content: ''; position: absolute; width: 3px; height: 3px; background: #333; border-radius: 50%; left: 0; top: 15px;}
.ul_pro_txt li span {font-weight: bold;}
.pro_btn_area {position: absolute; left: 0; bottom: 0; width: 100%;}

.swiper {width: 100%; height: auto;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff;
 /* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-slide {background-size: cover; background-position: center;}
.mySwiper {height: 100%; width: 100%;}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}


.pro_btn{height:70px; line-height:70px; width:255px; float: left;}
.list_btn{height:85px; line-height:85px; width:310px; margin: 0 auto;}
.cm-button-style01,
.cm-button-style01 strong{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-button-style01 {position:relative; overflow:hidden; display:block; text-align:center; background-color:#045dac;}
.cm-button-style01:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#001a32; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
.cm-button-style01 strong {position:relative; left:0px; z-index:1; display:block; color:#fff; font-size:16px;line-height:70px; font-weight: 400; letter-spacing:-0.5px; }
.cm-button-style01:hover {}
.cm-button-style01:hover strong{color:#fff;}
.cm-button-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

.cm-button-style02,
.cm-button-style02 strong {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-button-style02{position:relative; overflow:hidden; display:block; text-align:center; background-color:#e6e6e6; margin-left:20px;}
.cm-button-style02:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#3a3a3a; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.cm-button-style02 strong{position:relative; left:0px; z-index:1; display:block; color:#3a3a3a; font-size:16px; line-height:70px;font-weight: 400; letter-spacing:-0.5px; text-align: center }
.cm-button-style02:hover{}
.cm-button-style02:hover strong{color:#fff;}
.cm-button-style02:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

.cm-button-style03,
.cm-button-style03 strong {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-button-style03{position:relative; overflow:hidden; display:block; text-align:center; background-color:#e6e6e6;}
.cm-button-style03:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#3a3a3a; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.cm-button-style03 strong{position:relative; left:0px; z-index:1; display:block; color:#3a3a3a; font-size:18px; line-height:85px;font-weight: 400; letter-spacing:-0.5px; text-align: center }
.cm-button-style03:hover{}
.cm-button-style03:hover strong{color:#fff;}
.cm-button-style03:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

.pro_detail2 {position: relative; width: 100%; margin-bottom: 100px;}
.pro_detail2_2 {position: relative; width: 100%; border-bottom: 1px solid #cccccc; padding-bottom: 65px; margin-bottom: 65px;}
.pro_de_tit {font-size: 20px; color: #222222; position: relative; padding-left: 25px; margin-bottom: 40px}
.pro_de_tit:before {content: ''; position: absolute; left: 0; top: 5px; background: url("../../images/pro_bullet.png") left no-repeat; width: 14px; height: 19px;}
.pro_de_tit2 {font-size: 22px; color: #222222; position: relative; padding-left: 25px; margin-bottom: 40px}
.pro_de_tit2:before {content: ''; position: absolute; left: 0; top: 0px; width: 12px; height: 12px; background: #045dac;}
.pro_de_tit3 {font-size: 18px; color: #000000; position: relative; padding-left: 15px; margin-bottom: 30px}
.pro_de_tit3:before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #045dac; border-radius: 50%;}
.cer_logo {position: absolute; right: 0; top: 0;}
._blank {padding: 60px 0;}
.color {width: 100%; overflow: hidden;}
.color li {width: 15.66%; float: left; margin-right: 1%; border-bottom: 1px solid #000; margin-bottom: 20px;}
.color li img {border: 1px solid #ccc; width: 100%;}
.color_txt {text-align: center; font-size: 18px; padding: 10px 0; color: #000}
.caution {font-size: 18px; color: #333;}
.constructure {width: 100%; overflow: hidden;}
.constructure li {width: 24.25%; float: left; margin-right: 1%; margin-bottom: 20px;}
.constructure li:nth-child(4n) {margin-right: 0; float: right;}
.constructure li img {border: 1px solid #ccc; width: 100%;}
.constructure_txt {text-align: center; font-size: 18px; padding: 10px 0; color: #000}
.half_cont {width: 100%; overflow: hidden; margin-bottom: 30px;}
.half_cont .img_cont {float: left; width: 45%; margin-right: 5%;}
.half_cont .img_cont img {width: 100%;}
.half_cont .table_cont {float: right; width: 50%;}

.systemList {display:flex; flex-wrap:wrap;}
.systemList li {width:calc((100% - 90px) / 4); margin-right:30px; background: #f2f2f2; text-align:center; padding:60px 20px; box-sizing:border-box;}
.systemList li:nth-child(4n) {margin-right:0;}
.systemList li .img {height:140px; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; margin-bottom: 20px}
.systemList li .img img {height: 100%;}
.systemList li p {font-size: 18px; line-height: 1.5; color: #333;}

.technology-con04{padding-bottom:2rem;}
.tec-con04-list{display: flex; flex-wrap:wrap;}
.tec-con04-item{width:33.33%; padding:0 4rem; box-sizing:border-box;}
.tec-con04-item .icon{display: block; height:200px; text-align: center;}
.tec-con04-item .icon img {height: 100%;}
.tec-con04-item dl{margin-top:2.5rem;}
.tec-con04-item dl dt{font-size:25px; line-height:1.5; color:#000; font-weight:500; margin-bottom:2.3rem; text-align: center;}
.tec-con04-item dl dd{font-size:18px; line-height:1.7; letter-spacing:-0.025em; color:#777; font-weight:300; text-align: center;}


@media all and (max-width:1350px) { 
    .pro_text {width: 48%;}
}
@media all and (max-width:1260px) { 
    .pro_txt {font-size: 16px; line-height: 1.6;}
    .ul_pro_txt li {font-size: 16px; color: #333333; line-height: 1.6; word-break: keep-all; position: relative; padding-left: 10px;}
    .ul_pro_txt li:before {width: 3px; height: 3px;left: 0; top: 8px;}
}
@media all and (max-width:1160px) { 
    .pro_btn{height:70px; line-height:70px; width:47%;}
}
@media all and (max-width:1120px) { 
    .pro_btn{height:50px; line-height:50px;}
    .cm-button-style01 strong {font-size:16px; line-height:50px;}
    .cm-button-style02 strong {font-size:16px; line-height:50px;}
}
@media all and (max-width:1024px) { 
    .pro_detail1 {width: 100%; display: block;}
    .pro_detail1_2 {width: 100%; display: block;}
    .pro_img {width: 100%; margin-right: auto; border: 1px solid #ccc; overflow: hidden; margin-bottom: 30px}
    .pro_text {width: 100%; margin-left: auto; position: static; margin-bottom: 30px}
    .pro_txt {font-size: 16px; padding-bottom: 30px}
    .ul_pro_txt{font-size: 16px; padding-bottom: 30px}
    .pro_btn_area {position: static;}
}
@media all and (max-width:980px) { 
    .systemList li {width:calc((100% - 30px) / 2); margin-bottom:30px;}
    .systemList li:nth-child(2)::after {opacity:0;}
    .systemList li:nth-child(2n) {margin-right:0}
}
@media all and (max-width:800px) { 
    .technology-con04{padding-bottom:0;}
	.tec-con04-item{width:100%; text-align:center; padding: 0;}
    .tec-con04-item .icon{display: block; height:180px; text-align: center;}
	.tec-con04-item dl{margin-top:0.5rem;}
	.tec-con04-item dl dt{margin-bottom:1.5rem;}
    .tec-con04-item dl dt{font-size:23px;margin-bottom:2.3rem;}
    .tec-con04-item dl dd{font-size:16px;}
}
@media all and (max-width:680px) { 
    .pro_txt {font-size: 14px;}
    .ul_pro_txt li {font-size: 14px; padding-left: 13px;}
    .color li {width: 32%; float: left; margin-right: 1%; border-bottom: 1px solid #000; margin-bottom: 10px;}
    .color_txt {text-align: center; font-size: 16px; padding: 10px 0; color: #000}
    .constructure li {width: 32.66%; float: left; margin-right: 1%; margin-bottom: 10px;}
    .constructure li:nth-child(4n) {margin-right: 1%; float: left;}
    .constructure li:nth-child(3n) {margin-right: 0; float: right;}
    .constructure_txt {text-align: center; font-size: 16px; padding: 10px 0; color: #000}
    .caution {font-size: 16px; color: #333; padding-top: 20px;}
    .cm-button-style01 strong {font-size:14px; line-height:50px;}
    .cm-button-style02 strong {font-size:14px; line-height:50px;}
    
    .systemList li {padding:40px 15px; width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:15px;}
    .systemList li .img {height:80px;}
    .systemList li p {font-size: 16px; line-height: 1.5; color: #333;}
    .systemList li p br {display: none;}
    
    .tec-con04-item .icon{display: block; height:160px; text-align: center;}
	.tec-con04-item dl{margin-top:0.5rem;}
	.tec-con04-item dl dt{margin-bottom:1.5rem;}
    .tec-con04-item dl dt{font-size:20px;margin-bottom:2rem;}
    .tec-con04-item dl dd{font-size:16px;}
}
@media all and (max-width:480px) { 
    .pro_txt {font-size: 13px;}
    .color_txt {text-align: center; font-size: 14px; padding: 10px 0; color: #000}
    .constructure li {width: 49.5%; float: left; margin-right: 1%; margin-bottom: 10px;}
    .constructure li:nth-child(2n) {margin-right: 0; float: right;}
    .constructure li:nth-child(3) {margin-right: 1%; float: left;}
    .constructure_txt {text-align: center; font-size: 14px; padding: 10px 0; color: #000}
    .caution {font-size: 14px; color: #333; padding-top: 15px;}
    
    ._blank {padding: 40px 0;}
    .list_btn{height:65px; line-height:65px; width:100%; margin: 0 auto;}
    .cm-button-style03 strong{font-size:16px; line-height:65px;}
    
    .systemList li p {font-size: 14px; line-height: 1.5; color: #333;}
    
    .tec-con04-item .icon{display: block; height:140px; text-align: center;}
	.tec-con04-item dl{margin-top:0.5rem;}
	.tec-con04-item dl dt{margin-bottom:1.5rem;}
    .tec-con04-item dl dt{font-size:18px;margin-bottom:2rem;}
    .tec-con04-item dl dd{font-size:14px;}
}


table {border-collapse:separate;border-spacing:0;}
table a {text-decoration: underline;}
table a:hover {color: var(--main-color);}
.table_cont {width:100%; vertical-align:top;}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #777777;}
.table_style th{font-size:20px; color:#000000; font-weight:500; text-align:left; padding:20px 20px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; letter-spacing:-0.5pt; line-height:1.5; box-sizing:border-box; background: #e6e6e6; word-break: keep-all;}
.table_style td{font-size:20px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; color: #000000; padding:20px 20px; text-align:left; line-height:1.5; box-sizing:border-box; font-weight:300; letter-spacing:-0.5pt; word-break: keep-all;}
.table_style th.no, .table_style td.no {border-right:none;}
.table_style th.center, .table_style td.center {text-align: center;}
.table_style img {border: none;}

@media all and (max-width:960px) { 
    .table_style th{font-size:18px; padding:15px 20px;}
    .table_style td{font-size:18px; padding:15px 20px;}
}

@media all and (max-width:780px) { 
    .table_style th{font-size:16px; padding:10px 10px;}
    .table_style td{font-size:16px; padding:10px 10px;}
}

@media all and (max-width:680px) {
    .table_style th{font-size:14px; padding:10px 10px;}
    .table_style td{font-size:14px; padding:10px 10px;}
}

@media all and (max-width:480px) {
    .table_style th{font-size:13px; padding:10px 10px;}
    .table_style td{font-size:13px; padding:10px 10px;}
}


/* layerpopup */
.layerpopup{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999;overflow:auto;}
.layerpopup .pop_wrap{margin:100px auto;padding:83px 107px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative; width:1160px; display: flex}
.layerpopup .pop_wrap .pop_img {border: 1px solid #cccccc; width: 47%; margin-right: auto;}
.layerpopup .pop_wrap .pop_img img {width: 100%;}
.layerpopup .pop_wrap .pop_text {width: 46%; margin-left: auto;}
.layerpopup .pop_wrap .pop_text .pop_tit {font-size: 22px; color: #222; width: 100; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-left: 15px; margin-bottom: 30px;}
.layerpopup .pop_wrap .pop_text ul {padding-left: 15px;}
.layerpopup .pop_wrap .pop_text ul li {font-size: 19px; padding-bottom: 25px; color: #6d6d6d;}
.layerpopup .pop_wrap .pop_text ul li span {color: #222; width: 150px; display: inline-block;}
.layerpopup .pop_wrap .btn_wrap_pop{margin:46px 0 0;text-align:center;}
.layerpopup .pop_wrap .btn_wrap_pop .btn{display:inline-block;width:250px;height:70px;line-height:70px;background:#0060b9;font-size:18px;color:#fff;font-weight:500;}
.layerpopup .pop_wrap .btn_pop_close{display:block;width:35px;height:35px;position:absolute;right:50px;top:30px;box-sizing:border-box;text-indent:-9999px;overflow:hidden;padding:12px 0}
.layerpopup .pop_wrap .btn_pop_close:after{content:'';display:block;width:22px;height:22px;position:absolute;top:12px;left:12px;background:url(../../images/btn_pop_close.png) no-repeat 0 0;margin:0 auto;transition:all 0.3s}
.layerpopup .pop_wrap .btn_pop_close:hover:after{transform:rotate(180deg);}

@media all and (max-width:1160px){
	.layerpopup .pop_wrap{padding:30px 20px 30px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative;margin: 30px 2%; width: 96%;}
	
	.layerpopup .pop_wrap .btn_wrap_pop .btn{display:inline-block;width:250px;height:40px;line-height:40px;background:#0060b9;font-size:18px;color:#fff;font-weight:500;}
	.layerpopup .pop_wrap .btn_pop_close{display:block;width:40px;height:40px;position:absolute;right:20px;top:20px;box-sizing:border-box;text-indent:-9999px;overflow:hidden;padding:12px 0}
	.layerpopup .pop_wrap .btn_pop_close:after{width:20px; height:20px;top:10px;left:9px; background-image: 20px; background-size: 20px; background-position: center;}
}
@media all and (max-width:960px){
    .layerpopup .pop_wrap .pop_img {width: 48%;}
    .layerpopup .pop_wrap .pop_text {width: 47%;}
    .layerpopup .pop_wrap .pop_text .pop_tit {font-size: 20px;}
    .layerpopup .pop_wrap .pop_text ul li {font-size: 16px; padding-bottom: 15px;}
    .layerpopup .pop_wrap .pop_text ul li span {width: 130px;}
}
@media all and (max-width:680px){
    .layerpopup .pop_wrap{display: block}
    .layerpopup .pop_wrap .pop_img {border: 1px solid #cccccc; width: 100%; margin-right: auto; margin-bottom: 30px}
    .layerpopup .pop_wrap .pop_text {width: 100%; margin-left: auto;}
}



/********************************************************
* Result
*********************************************************/
/* Common */
.sub-visual--result .sub-visual__img {background:url("../../images/sub_visu03.jpg") no-repeat top right;}

.result_tab > ul{margin-bottom: 50px;}
.result_tab > ul:after{display: block; clear: both; content: '';}
.result_tab > ul > li{float: left; width: 25%; margin: 0 -1px 0 0;}
.result_tab > ul > li > a{display: block; overflow: hidden; border: 1px solid #cccccc; background-color: #FFFFFF; font-size: 19px; line-height: 98px; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.result_tab > ul > li > a:hover,
.result_tab > ul > li.on > a{border: 1px solid #0367b3; background-color: #0367b3; color: #FFFFFF;}
.result_tab > ul > li > a:hover{transition: all 0.2s linear;}

@media all and (max-width:960px){
    .result_tab > ul > li > a{font-size: 18px; line-height: 1.4; padding: 30px 0;}
}
@media all and (max-width:900px){
    .result_tab > ul > li{float: left; width: 50%; margin: -1px -1px 0 0;}
    .result_tab > ul > li > a{font-size: 18px; line-height: 1.4; padding: 20px 0;}
}
@media all and (max-width:640px){
    .result_tab > ul > li > a{font-size: 16px; line-height: 1.4; padding: 15px 0;}
}
@media all and (max-width:460px){
    .result_tab > ul > li > a{font-size: 14px; line-height: 1.4; padding: 10px 0;}
}