@charset "utf-8";
/* ======================================================
   .pc
=========================================================*/
.pc {display:block;}
.mobile {display:none;}

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

.pc img{width:100%}

}

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


.mobile {display:block;}
.mobile img{width:100%}
.pc {display:none;}

}
/* ======================================================
   .about-wrap.about
=========================================================*/
.about-wrap.about{position:relative; padding-top:0px;}
.about-wrap .about-01 .txt{max-width:1440px; padding:0 20px; box-sizing:border-box;margin:0 auto;}
.about-wrap .about-01 .txt h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap .about-01 .txt .btxt{font-size:46px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; margin-top:100px}
.about-wrap .about-01 .txt .stxt{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:30px}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-01 .txt h3{font-size:42px;}
		.about-wrap .about-01 .txt .btxt{font-size:32px; margin-top:40px;}
		.about-wrap .about-01 .txt .stxt{font-size:17px; margin-top:20px}
	}
	@media only screen and (max-width:1200px) {
		.about-wrap .about-01 .txt .btxt{font-size:28px;}
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-01 .txt h3{font-size:36px;}
		.about-wrap .about-01 .txt .btxt{font-size:26px; margin-top:30px;}
		.about-wrap .about-01 .txt .stxt{font-size:16px; margin-top:10px}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-01 .txt h3{font-size:30px;}
		.about-wrap .about-01 .txt .btxt{font-size:24px; }
		.about-wrap .about-01 .txt .stxt{font-size:15px;}
		.about-wrap .about-01 .txt .stxt br{display:none;}
		.about-wrap .about-01 .txt .btxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-01 .txt h3{font-size:24px;}
		.about-wrap .about-01 .txt .btxt{font-size:20px;}
		.about-wrap .about-01 .txt .stxt{font-size:14px;}
	}

.about-wrap .about-01 .tab{margin-top:30px;position:relative; z-index:922;}
.about-wrap .about-01 .tab .ov{position:relative; }
.about-wrap .about-01 .tab ul:after{display:block; content:"";clear:both;}
.about-wrap .about-01 .tab li{float:left; position:relative; z-index:2}
.about-wrap .about-01 .tab li:before{width:100%;height:100%; border:1px solid #000; box-sizing:border-box; right:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.about-wrap .about-01 .tab li a{position:relative;text-align:center;box-sizing:border-box; min-width:155px; display:block; font-weight:400; font-size:16px; letter-spacing:-0.025em; line-height:52px;height:52px; padding:0 19px;}
.about-wrap .about-01 .tab li.active, .about-wrap .about-01 .tab li.active:hover {z-index:6}
.about-wrap .about-01 .tab li:hover {z-index:4}
.about-wrap .about-01 .tab li.active a{color:#f58220;font-weight:500;}
.about-wrap .about-01 .tab li:nth-child(n+2):before{border-left:none;}
.about-wrap .about-01 .tab .under{width:100%;height:52px !Important;; border:2px solid #000;background:#fff; box-sizing:border-box; right:0; top:0; display:block; content:"";z-index:-1; position:absolute; }

.about-wrap .about-01 .vis{height:500px;position:relative;margin:0 auto;margin-top:100px;} 
.about-wrap .about-01 .vis .img{position:Absolute ;left:50% ; top:0;width:80%; overflow:hidden; width:80%;height:100%; display:block; content:"";z-index:-1;background:url(../img/content/about-img01.jpg) no-repeat center center; background-size:cover;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-01 .tab li a{min-width:200px; font-size:16px; line-height:55px; height:55px;}
		.about-wrap .about-01 .tab .under{height:55px !important;}

		.about-wrap .about-01 .vis{height:350px}
	}
	@media only screen and (max-width:1200px) {
		.about-wrap .about-01 .vis{height:350px;margin-top:40px;} 
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-01 .tab{margin-top:20px;}
		.about-wrap .about-01 .tab li{width:33.333333%;}
		.about-wrap .about-01 .tab li a{min-width:auto;font-size:15px; line-height:50px; height:50px;padding:0 5px;}
		.about-wrap .about-01 .tab .under{height:50px !important;}

		.about-wrap .about-01 .vis{margin-top:40px;height:300px}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-01 .tab li a{font-size:14px; line-height:45px; height:45px;}
		.about-wrap .about-01 .tab .under{height:45px !important;}

		.about-wrap .about-01 .vis{height:250px}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-01 .tab li a{font-size:13px;}
	}


.about-wrap .about-02{margin-top:150px;}
.about-wrap .about-02 .cont{max-width:1440px; box-sizing:border-box;padding:0 20px; margin:0 auto;}
.about-wrap .about-02 .cont .btxt{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap .about-02 .cont .stxt{font-size:30px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em; margin-top:45px}
.about-wrap .about-02 .cont .ctxt{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px}

.about-wrap .about-02 .vis{ margin-top:150px;height:900px;background:url(../img/content/about-img02.jpg) no-repeat center center; background-size:cover;} 
.about-wrap .about-02 .vis .txt{max-width:1440px; box-sizing:border-box;padding:0 20px; margin:0 auto; height:900px;  display:flex;align-items: center; justify-content: center;}
.about-wrap .about-02 .vis .txt .vc{width:100%; box-sizing:border-box; padding-left:50%;text-align:center;}
.about-wrap .about-02 .vis .txt .ab{display:inline-block;vertical-align:top;text-align:left;}
.about-wrap .about-02 .vis .btxt{font-size:40px; color:#fff; font-weight:700; letter-spacing:-0.03em; line-height:1.4em;}
.about-wrap .about-02 .vis .stxt{font-size:20px ;font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px;}
.about-wrap .about-02 .vis .ctxt{font-size:16px ;font-weight:300; color:#fff; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px;}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-02{margin-top:80px;}
		.about-wrap .about-02 .cont .btxt{font-size:42px; }
		.about-wrap .about-02 .cont .stxt{font-size:27px; margin-top:35px}
		.about-wrap .about-02 .cont .ctxt{font-size:17px; margin-top:15px}

		.about-wrap .about-02 .vis{height:460px;}
		.about-wrap .about-02 .vis .txt{height:460px}
		.about-wrap .about-02 .vis .btxt{font-size:36px;}
		.about-wrap .about-02 .vis .stxt{font-size:18px;margin-top:15px;}
		.about-wrap .about-02 .vis .ctxt{font-size:15px;margin-top:15px;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-02{margin-top:60px;}
		.about-wrap .about-02 .cont .btxt{font-size:36px; }
		.about-wrap .about-02 .cont .stxt{font-size:24px; margin-top:25px}
		.about-wrap .about-02 .cont .ctxt{font-size:16px; margin-top:10px}

		.about-wrap .about-02 .vis{ margin-top:60px; height:420px}
		.about-wrap .about-02 .vis .txt{height:420px}
		.about-wrap .about-02 .vis .btxt{font-size:32px;}
		.about-wrap .about-02 .vis .stxt{font-size:17px;margin-top:10px;}
		.about-wrap .about-02 .vis .ctxt{font-size:14px;margin-top:10px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-02{margin-top:40px;}
		.about-wrap .about-02 .cont .btxt{font-size:30px; }
		.about-wrap .about-02 .cont .stxt{font-size:21px; margin-top:15px}
		.about-wrap .about-02 .cont .ctxt{font-size:15px; margin-top:5px}
		
		.about-wrap .about-02 .vis{ margin-top:40px; height:350px}
		.about-wrap .about-02 .vis .txt{height:350px}
		.about-wrap .about-02 .vis .txt .vc{padding:0 20px}
		.about-wrap .about-02 .vis .txt .ab{text-align:Center; display:block;}
		.about-wrap .about-02 .vis .btxt{font-size:28px;}
		.about-wrap .about-02 .vis .stxt{font-size:16px;}
		.about-wrap .about-02 .vis .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-02 .cont .btxt{font-size:24px; }
		.about-wrap .about-02 .cont .stxt{font-size:18px;}
		.about-wrap .about-02 .cont .ctxt{font-size:14px;}
		
		.about-wrap .about-02 .vis{height:300px}
		.about-wrap .about-02 .vis .txt{height:300px}
		.about-wrap .about-02 .vis .btxt{font-size:24px;}
		.about-wrap .about-02 .vis .stxt{font-size:15px;}
		.about-wrap .about-02 .vis .ctxt{font-size:12px;}
	}


.about-wrap .about-03{max-width:1440px;box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:150px; margin-bottom:50px;}
.about-wrap .about-03 .txt{position:relative ;padding-left:50%;}
.about-wrap .about-03 .txt h4{font-size:38px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.4em; position:Absolute ; left:0; top:0;}
.about-wrap .about-03 .txt .btxt{font-size:24px; color:#000; letter-spacing:-0.03em; line-height:1.4em;font-weight:500;}
.about-wrap .about-03 .txt .stxt{font-size:18px; color:#111;font-weight:400;  letter-spacing:-0.03em; line-height:1.6em; margin-top:50px;}

.about-wrap .about-03 ul{margin-top:80px}
.about-wrap .about-03 ul:after{display:block; content:"";clear:both}
.about-wrap .about-03 li{float:left; width:33.3333%; position:Relative; padding-top:145px;}
.about-wrap .about-03 li:before{width:120px;height:120px; position:absolute ;left:0; top:0; display:block; content:""}
.about-wrap .about-03 li .btxt{font-size:30px; color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1.4em;}
.about-wrap .about-03 li .stxt{font-size:18px; color:#555; font-weight:300; letter-spacing:-0.03em; line-height:1.6em; margin-top:15px}

.about-wrap .about-03 li:nth-child(1):before{background:url(../img/content/about-ico01.jpg) no-repeat left center;}
.about-wrap .about-03 li:nth-child(2):before{background:url(../img/content/about-ico02.jpg) no-repeat left center;}
.about-wrap .about-03 li:nth-child(3):before{background:url(../img/content/about-ico03.jpg) no-repeat left center;}
	@media only screen and (max-width:1440px) {	
		.about-wrap .about-03{margin-top:80px;}
		.about-wrap .about-03 .txt h4{font-size:42px; width:48%; }
		.about-wrap .about-03 .txt .btxt{font-size:22px; }
		.about-wrap .about-03 .txt .btxt br{display:none;}
		.about-wrap .about-03 .txt .stxt{font-size:17px;}
		.about-wrap .about-03 .txt .stxt br{display:none;}
		
		.about-wrap .about-03 ul{margin-top:60px}
		.about-wrap .about-03 li{box-sizing:border-box; padding-top:120px;}
		.about-wrap .about-03 li:before{width:100px;height:100px; background-size:100% auto !important;}
		.about-wrap .about-03 li .btxt{font-size:26px;}
		.about-wrap .about-03 li .stxt{font-size:17px;}
		
	}
	@media only screen and (max-width:1200px) {
		.about-wrap .about-03 .txt h4{font-size:28px; }
		.about-wrap .about-03 li{padding-top:100px; padding-right:20px;}
		.about-wrap .about-03 li:before{width:90px;height:90px;}
		.about-wrap .about-03 li .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.about-wrap .about-03{margin-top:60px;}
		.about-wrap .about-03 .txt h4{font-size:26px; }
		.about-wrap .about-03 .txt h4 br{display:none;}
		.about-wrap .about-03 .txt .btxt{font-size:20px; }
		.about-wrap .about-03 .txt .stxt{font-size:16px;}
		
		.about-wrap .about-03 ul{margin-top:40px; padding-top:40px; border-top:1px solid #dedede;}
		.about-wrap .about-03 li .btxt{font-size:24px;}
		.about-wrap .about-03 li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap .about-03{margin-top:40px;}
		.about-wrap .about-03 .txt{padding-left:0}
		.about-wrap .about-03 .txt h4{font-size:24px; position:relative; left:auto; top:auto; margin-bottom:10px; width:auto;}

		.about-wrap .about-03 .txt .btxt{font-size:18px;}

		.about-wrap .about-03 .txt .stxt{font-size:15px;}
		.about-wrap .about-03 .txt .stxt br{display:none;}
		
		.about-wrap .about-03 li{float:none; width:auto;padding-top:0; padding-left:80px;}
		.about-wrap .about-03 li:before{width:70px;height:70px; background-size:100% auto !important; top:-15px;}
		.about-wrap .about-03 li:nth-child(n+2){margin-top:40px}
		.about-wrap .about-03 li .btxt{font-size:22px;}
		.about-wrap .about-03 li .stxt{font-size:15px; margin-top:10px;}
		.about-wrap .about-03 li .stxt br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap .about-03 .txt h4{font-size:20px; }
		.about-wrap .about-03 .txt .btxt{font-size:16px; }
		.about-wrap .about-03 .txt .stxt{font-size:14px;}
		.about-wrap .about-03 li{padding-left:60px}
		.about-wrap .about-03 li:before{width:50px;height:50px; top:-5px;}
		.about-wrap .about-03 li .btxt{font-size:20px;}
		.about-wrap .about-03 li .stxt{font-size:14px;}
	}







/* =====================================
   business-wrap
===================================== */

.business-wrap { padding: 80px 0 100px; border-top: 1px solid #010101 }
.business-wrap .top span { vertical-align: baseline; }
.business-wrap > .top { padding-bottom: 30px; text-align: center; font-size: 40px; color: #1c4d9a; font-weight: 800; }
.business-wrap > .btxt { text-align: center; line-height: 1.6em; font-size: 24px; color: #333;  letter-spacing:-0.03em; }
.business-wrap .list { display: flex; width: 100%; padding-top: 60px;  flex: 1; justify-content: space-between; text-align: left}
.business-wrap .list .item { text-align: center;  }
.business-wrap .list .btxt { padding-top: 30px; text-align: center; font-size: 17px; line-height: 28px; color: #666; letter-spacing:-0.03em; }
.business-wrap .list .btxt .tit { font-weight: 600; padding-bottom: 20px; font-size: 28px; color: #111; letter-spacing:-0.03em; }
.tit { font-weight: bold; padding-bottom: 5px; font-size: 20px; }
	
	@media only screen and (max-width:1280px) {
		.business-wrap > .top { font-size: 30px; padding-bottom: 20px; font-weight:700; }
		.business-wrap > .btxt {font-size: 20px; }
		.business-wrap .list .item .img {width:97% }
		.business-wrap .list .btxt .tit {font-size: 24px; }
		.business-wrap .list .btxt { padding-top: 20px; font-size: 16px; line-height: 24px; }
	}


	@media only screen and (max-width:680px) {
		.business-wrap { padding: 30px 0 0px; border-top: 2px solid #010101 }
		.business-wrap .top span { vertical-align: baseline; }
		.business-wrap > .top { padding-bottom: 20px; text-align: center; font-size: 22px; color: #111; font-weight: 500; line-height: 28px; }
		.business-wrap > .btxt { text-align: center; line-height: 1.6em; font-size: 15px; color: #333; letter-spacing:-1px; }
		.business-wrap > .btxt br{ display:none; }
		.business-wrap .list { display: block; padding-top: 30px; text-align: left;  }
		.business-wrap .list .item { display: block; }
		.business-wrap .list .item .img {width:100% }
		.business-wrap .list .btxt { font-size: 14px; line-height: 20px; padding-top: 20px; padding-bottom:30px; text-align: left }
		.business-wrap .list .btxt .tit { font-weight: bold; padding-bottom: 5px; }
		.business-wrap .list .btxt .tit { font-weight: 500; padding-bottom: 10px; font-size: 20px; color: #111; }
	}

	@media only screen and (max-width:480px) {
		.business-wrap > .top { padding-bottom: 10px; }
	}


/* ======================================================
   .map-wrap
=========================================================*/
.map-wrap .ic { display: inline-block; vertical-align: middle; top: -1px; position: relative; }
.map-wrap { position: relative; background: #fff; margin-top:0px; margin-bottom:100px; /*box-shadow: 1px 0px 18px rgba(0,0,0,0.14);*/ padding:50px 50px 80px; border-bottom: 1px solid #ccc;  }
.map-wrap h4 { font-size: 24px; color: #000; padding-bottom: 11px; border-bottom: 0px solid #e1e1e1;  }
.map-wrap ul { margin-top: 20px; margin-left: -10px; margin-right: -10px }
.map-wrap ul > li { float: left; display: table; width: 23%; padding: 5px 10px }
.map-wrap ul > li.li01 { width: 48% }
.map-wrap ul > li .list { display: table-cell; width: 100px; vertical-align:top;}
.map-wrap ul > li .txt { display: table-cell; vertical-align: middle }
.map-wrap .ic_pin { width: 13px; height: 17px; background: url('../img/content/ic_pin.png') no-repeat }
.map-wrap .ic_tel { width: 16px; height: 16px; background: url('../img/content/ic_tel.png') no-repeat }
.map-wrap .ic_fax { width: 19px; height: 15px; background: url('../img/content/ic_fax.png') no-repeat }
.map-wrap .list { font-size: 17px; font-weight: 700; color: #333 }
.map-wrap .list i { margin-right: 10px }
.map-wrap .txt { font-size: 18px; color: #111 }

	@media (max-width:1280px) {
		.map-wrap { padding: 30px 20px 50px;  margin-bottom:50px;  }
		.map-wrap ul > li { float: left; display: table; width: 23%; }
		.map-wrap ul > li.li01 { width: 47% }
		.map-wrap ul > li .list { width: 80px }
		.map-wrap .list { font-size: 14px; font-weight: 700; color: #333 }
		.map-wrap .list i { margin-right: 5px }
		.map-wrap .txt { font-size: 16px; }
	}
	@media (max-width:970px) {
		.map-wrap { padding: 20px 40px; margin-top: 0px; height: 170px; }
		.map-wrap h4 { font-size: 20px }
		.map-wrap ul > li { width: 100%; padding: 5px 0px }
		.map-wrap ul > li.li01 { width: 100% }
	}
	@media (max-width:480px) {
		.map-wrap { padding: 20px 20px; margin-top: 0px; height: 170px; }
		.map-wrap h4 { font-size: 17px }
		.map-wrap ul > li .txt { font-size: 14px }
	}


/* ======================================================
   .about-wrap.history
=========================================================*/
.about-wrap.history{}
.about-wrap.history h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;/*  padding-left:10px; */margin-bottom:30px; animation-delay:0.2s;}
.about-wrap.history h3.u-tit01{color:#213590; }
.about-wrap.history h3.u-tit02{color:#111; }

.about-wrap.history .gap130{height:130px;}

.about-wrap.history .vis{overflow:hidden;}
.about-wrap.history .vis img{width:100%;height:480px;object-fit:cover; -webkit-animation: imgAni 8s linear forwards; animation: imgAni 8s linear forwards}

	@keyframes imgAni {
		0%{ transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
		50%{ transform:scale(1.15, 1.15); -webkit-transform:scale(1.15, 1.15); -moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15);}
		100%{ transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
	}	
	@media only screen and (max-width:1460px) {	
		.about-wrap.history h3{font-size:32px; margin-bottom:25px;}
		.about-wrap.history .gap130{height:110px;}
		
	}
	@media only screen and (max-width:1280px) {
		.about-wrap.history h3{font-size:28px; margin-bottom:20px;}
		.about-wrap.history .gap130{height:80px;}

		.about-wrap.history .vis img{height:400px;}
	}
	@media only screen and (max-width:999px) {
		.about-wrap.history h3{font-size:24px; margin-bottom:15px;}
		.about-wrap.history .gap130{height:65px;}

		.about-wrap.history .vis img{height:350px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.history h3{font-size:20px;}
		.about-wrap.history .gap130{height:50px;}

		.about-wrap.history .vis img{height:300px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.history .vis img{height:250px;}
	}

.about-wrap.history .history{animation-delay:0.4s;}
.about-wrap.history .history dl{position:relative; padding-left:565px;}
.about-wrap.history .history dl:nth-child(n+2){margin-top:100px;}


.about-wrap.history .history dt{font-size:72px; position:Absolute ;left:0; top:0; line-height:1em; color:#101e5d; font-weight:700; letter-spacing:-0.02em;}
.about-wrap.history .history dd{position:Relative; padding-left:170px;}
.about-wrap.history .history dd:before{position:absolute; left:-55px; border-left:1px solid #dadada; display:block; content:""; position:absolute; top:14px; height:calc(100% + 70px); z-index:-1}
.about-wrap.history .history dd:after{position:absolute; left:-55px; border-left:1px solid #2051ba; display:block; content:""; position:absolute; top:14px; height:0;-webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-o-transition: height 0.5s linear;transition: height 0.5s linear;}

.about-wrap.history .history dl dd:nth-child(n+3):before{height:calc(100% + 70px)}
.about-wrap.history .history dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 70px)}
.about-wrap.history .history dl:last-child dd:last-child:before, .about-wrap.history .history dl:last-child dd:last-child:after{display:none;}


.about-wrap.history .history dd.is-inview:nth-child(n+3):after{height:calc(100% + 70px)}
.about-wrap.history .history dd.is-inview:after{ height:calc(100% + 70px)}
.about-wrap.history .history dl:nth-child(n+2) dd.is-inview:nth-child(2):after{transition-delay: 0.6s;}

.about-wrap.history .history dl:first-child dd:last-child:before{height:calc(100% + 100px)}
.about-wrap.history .history dl:first-child dd.is-inview:last-child:after{height:calc(100% + 100px)}

.about-wrap.history .history dd:nth-child(1):after{transition-delay: 0.1s;}
.about-wrap.history .history dd:nth-child(2):after{transition-delay: 0.2s;}
.about-wrap.history .history dd:nth-child(3):after{transition-delay: 0.3s;}
.about-wrap.history .history dd:nth-child(4):after{transition-delay: 0.4s;}
.about-wrap.history .history dd:nth-child(5):after{transition-delay: 0.5s;}
.about-wrap.history .history dd:nth-child(6):after{transition-delay: 0.6s;}
.about-wrap.history .history dd:nth-child(7):after{transition-delay: 0.7s;}
.about-wrap.history .history dd:nth-child(8):after{transition-delay: 0.8s;}
.about-wrap.history .history dd:nth-child(9):after{transition-delay: 0.9s;}
.about-wrap.history .history dd:nth-child(10):after{transition-delay: 1.0s;}


.about-wrap.history .history dd:nth-child(n+3){margin-top:70px;}
.about-wrap.history .history dd .year{position:absolute; left:0; top:0;font-size:36px; line-height:1em; font-weight:700 ;color:#111; letter-spacing:-0.02em;}
.about-wrap.history .history dd .year:before{width:9px;height:9px; background:#857c7a; position:Absolute ;left:-59px; top:12px; border-radius:100%; display:block; content:""; z-index:1}
.about-wrap.history .history dd .year:after{width:9px;height:9px; background:#2051ba; border:4px solid #e6e6e6; position:absolute ;left:-63px; top:8px; border-radius:100%; display:block; content:""; z-index:2;opacity:0;-webkit-transition: opacity 1.opacitys ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}

.about-wrap.history .history dl dd.is-inview .year:after{opacity:1;}
.about-wrap.history .history dl dd.is-inview .year.c01:after{transition-delay: 0.1s;}
.about-wrap.history .history dl dd.is-inview .year.c02:after{transition-delay: 0.2s;}
.about-wrap.history .history dl dd.is-inview .year.c03:after{transition-delay: 0.3s;}
.about-wrap.history .history dl dd.is-inview .year.c04:after{transition-delay: 0.4s;}
.about-wrap.history .history dl dd.is-inview .year.c05:after{transition-delay: 0.5s;}
.about-wrap.history .history dl dd.is-inview .year.c06:after{transition-delay: 0.6s;}
.about-wrap.history .history dl dd.is-inview .year.c07:after{transition-delay: 0.7s;}
.about-wrap.history .history dl dd.is-inview .year.c08:after{transition-delay: 0.8s;}
.about-wrap.history .history dl dd.is-inview .year.c09:after{transition-delay: 0.9s;}
.about-wrap.history .history dl dd.is-inview .year.c10:after{transition-delay: 1.0s;}


.about-wrap.history .history dd ul{padding:2px 0}
.about-wrap.history .history dd li{font-size:20px;font-weight:500; color:#111; letter-spacing:-0.02em; line-height:1.3em;}
.about-wrap.history .history dd li:nth-child(n+2){margin-top:9px;}
.about-wrap.history .history dd li:before{}
	@media only screen and (max-width:1460px) {	
		.about-wrap.history .history dl{padding-left:485px}
		.about-wrap.history .history dl:before{left:430px}
		.about-wrap.history .history dl:after{left:430px}

		
		.about-wrap.history .history dt{font-size:61px;}
		.about-wrap.history .history dd{padding-left:150px}
		.about-wrap.history .history dd:nth-child(n+3){margin-top:50px;}
		.about-wrap.history .history dd .year{font-size:32px;}
		.about-wrap.history .history dd .year:before{top:11px}
		.about-wrap.history .history dd .year:after{top:7px;}

		.about-wrap.history .history dd li{font-size:18px;}
	}
	@media only screen and (max-width:1280px) {
		.about-wrap.history .history dl{padding-left:395px}

		.about-wrap.history .history dt{font-size:52px;}
		.about-wrap.history .history dd{padding-left:130px}
		.about-wrap.history .history dd .year{font-size:28px;}
		.about-wrap.history .history dd .year:before{top:9px}
		.about-wrap.history .history dd .year:after{top:5px;}

		.about-wrap.history .history dd li{font-size:16px;}

	}
	@media only screen and (max-width:999px) {
		.about-wrap.history .history dl{padding-left:0}
		.about-wrap.history .history dl:nth-child(n+2){margin-top:80px;}
		.about-wrap.history .history dt{font-size:43px; position:relative; left:auto; top:auto; line-height:1em; margin-bottom:20px;}
		
		.about-wrap.history .history dd{padding-left:130px;}
		.about-wrap.history .history dd:before{left:11px;}
		.about-wrap.history .history dd:after{left:11px;}

		
		.about-wrap.history .history dl dd:nth-child(n+3):before{height:calc(100% + 30px)}
		.about-wrap.history .history dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 30px)}
		.about-wrap.history .history dd.is-inview:nth-child(n+3):after{height:calc(100% + 30px)}
		.about-wrap.history .history dd.is-inview:after{ height:calc(100% + 30px)}

		.about-wrap.history .history dl dd:last-child:before, .about-wrap.history .history dl dd:last-child:after{display:none;}

		.about-wrap.history .history dd .year{font-size:24px; left:35px;}
		.about-wrap.history .history dd .year:before{left:-28px;top:11px;}
		.about-wrap.history .history dd .year:after{left:-32px;top:7px;}
		.about-wrap.history .history dd li{font-size:15px;}

		.about-wrap.history .history dd:nth-child(n+3){margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.about-wrap.history .history dl{padding-left:0}
		.about-wrap.history .history dl:nth-child(n+2){margin-top:60px;}
		.about-wrap.history .history dt{font-size:34px;}
		.about-wrap.history .history dd{padding-left:110px;}
		.about-wrap.history .history dd .year{font-size:21px;}
		.about-wrap.history .history dd .year:before{top:6px;}
		.about-wrap.history .history dd .year:after{top:2px}
		.about-wrap.history .history dd li{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.about-wrap.history .history dt{font-size:25px;}
		.about-wrap.history .history dd .year{font-size:18px;}
		.about-wrap.history .history dd{padding-left:95px;}
	}




/* ======================================================
   .product-wrap
=========================================================*/
.product-wrap{}
.product-wrap h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:40px;color:#111;/*  padding-left:10px; */margin-bottom:30px; font-family: 'Pretendard';}

.product-wrap .gap130{height:130px;}
	@media only screen and (max-width:1460px) {	
		.product-wrap h3{font-size:32px; margin-bottom:25px;}
		.product-wrap .gap130{height:110px;}
		
	}
	@media only screen and (max-width:1280px) {
		.product-wrap h3{font-size:28px; margin-bottom:20px;}
		.product-wrap .gap130{height:80px;}
	}
	@media only screen and (max-width:999px) {
		.product-wrap h3{font-size:24px; margin-bottom:15px; line-height:1.2em;}
		.product-wrap .gap130{height:65px;}
	}
	@media only screen and (max-width:680px) {
		.product-wrap h3{font-size:20px;}
		.product-wrap .gap130{height:50px;}
	}
	@media only screen and (max-width:480px) {
		
	}

.product-wrap .vis .ov{height:700px; overflow:hidden; animation-delay:0.6s; padding-bottom:100px;}
.product-wrap .vis .item{position:relative;}
.product-wrap .vis .item .img img{width:100%;height:700px;object-fit:cover;}
.product-wrap .vis .item .txt{position:Absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 120px 110px 120px}
.product-wrap .vis .item .txt .btxt{font-size:48px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .vis .item .txt .stxt{margin-top:20px;font-size:30px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}

.product-wrap .vis .slick-dots {position:absolute ;left:0; bottom:0;width:100%; max-width:1420px; display:none !important;box-sizing:border-box; background:rgba(0,0,0,0.34)}
.product-wrap .vis .slick-dots ul{}
.product-wrap .vis .slick-dots ul:after{display:block; content:"";clear:both;}
.product-wrap .vis .slick-dots li{float:left; width:33.33333%;text-align:center; margin:0; padding:0; height:auto;}
.product-wrap .vis .slick-dots li a{display:block ;line-height:75px ;font-size:24px; font-weight:700; color:#aaa ;letter-spacing:-0.04em; position:relative; }
.product-wrap .vis .slick-dots li.slick-active a{color:#fff;}

.product-wrap .vis .vtab {position:absolute ;left:0; bottom:0;width:100%; max-width:1420px; box-sizing:border-box; background:rgba(0,0,0,0.34)}
.product-wrap .vis .vtab ul{}
.product-wrap .vis .vtab ul:after{display:block; content:"";clear:both;}
.product-wrap .vis .vtab li{float:left; width:33.33333%;text-align:center; margin:0; padding:0; height:auto;}
.product-wrap .vis .vtab li a{display:block ;line-height:75px ;font-size:24px; font-weight:700; color:#aaa ;letter-spacing:-0.04em; position:relative; }
.product-wrap .vis .vtab li.active a{color:#fff;}

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

		.product-wrap .vis .slick-dots li a{font-size:22px; line-height:70px;}
		.product-wrap .vis .vtab li a{font-size:22px; line-height:70px;}
		
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .vis .ov{height:400px;}
		.product-wrap .vis .item .img img{height:400px;}

		.product-wrap .vis .slick-dots li a{font-size:20px; line-height:65px;}

		.product-wrap .vis .vtab li a{font-size:20px; line-height:65px;}
	}
	@media only screen and (max-width:999px) {
		.product-wrap .vis .ov{height:350px;}
		.product-wrap .vis .item .img img{height:350px;}

		.product-wrap .vis .ov{width:calc(100% + 40px) !important; margin-left:-20px;}
		.product-wrap .vis .slick-dots li a{font-size:18px; line-height:60px;}

		.product-wrap .vis .vtab li a{font-size:18px; line-height:60px;}
	}
	@media only screen and (max-width:680px) {
		.product-wrap .vis .ov{height:300px; padding-bottom:50px;}
		.product-wrap .vis .item .img img{height:300px;}

		.product-wrap .vis .slick-dots li a{font-size:16px; line-height:55px;}
		.product-wrap .vis .vtab li a{font-size:16px; line-height:55px;}
	}
	@media only screen and (max-width:480px) {
		.product-wrap .vis .ov{height:200px; padding-bottom:30px;}
		.product-wrap .vis .item .img img{height:200px;}
		.product-wrap .vis .slick-dots li a{font-size:14px; line-height:50px;}
		.product-wrap .vis .vtab li a{font-size:14px; line-height:50px;}
	}

.product-wrap .work{position:relative;padding-left:350px;}
.product-wrap .work h3{position:absolute; left:0; top:0; animation-delay:0.2s;}
.product-wrap .work .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.product-wrap .work .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.product-wrap .work ul{margin-top:40px;animation-delay:0.6s;}
.product-wrap .work ul:after{display:block; content:"";clear:both}
.product-wrap .work li{float:left; width:100%;background:#f4f5f9; position:relative;}
.product-wrap .work li:nth-child(2){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work li:nth-child(3){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work li .txt{height:180px;display:flex;align-items: center; justify-content: center}
.product-wrap .work li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.product-wrap .work li .vc{width:100%; box-sizing:border-box; padding:40px;}
.product-wrap .work li .btxt{font-size:24px; font-weight:700; color:#0e2071; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .work li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.product-wrap .work li:nth-child(1) .txt:after{background:url(../img/content/recruit-ico18.jpg) no-repeat center center;}
.product-wrap .work li:nth-child(2) .txt:after{background:url(../img/content/recruit-ico02.jpg) no-repeat center center;}
.product-wrap .work li:nth-child(3) .txt:after{background:url(../img/content/recruit-ico03.jpg) no-repeat center center;}
	@media only screen and (max-width:1460px) {	
		.product-wrap .work{padding-left:300px;}
		.product-wrap .work h3{}
		.product-wrap .work .stit{font-size:26px;}
		
		.product-wrap .work li .txt{height:170px;}
		.product-wrap .work li .btxt{font-size:22px;}
		.product-wrap .work li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .work{padding-left:250px;}
		.product-wrap .work h3{}
		.product-wrap .work .stit{font-size:22px;}

		.product-wrap .work li:nth-child(2){ width:calc(50% - 10px) ; margin-top:20px;}
		.product-wrap .work li:nth-child(3){width:calc(50% - 10px) ; margin-top:20px;}
		
		.product-wrap .work li .txt{height:150px;}
		.product-wrap .work li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.product-wrap .work li .vc{padding:30px;}
		.product-wrap .work li .btxt{font-size:20px;}
		.product-wrap .work li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.product-wrap .work{padding-left:0;}
		.product-wrap .work h3{top:auto; position:relative; left:auto;}
		.product-wrap .work .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.product-wrap .work ul{margin-top:30px;}

		.product-wrap .work li:nth-child(2){ width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .work li:nth-child(3){width:calc(50% - 5px) ; margin-top:10px;}
		
		.product-wrap .work li .txt{height:130px;}
		.product-wrap .work li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.product-wrap .work li .vc{padding:30px;}
		.product-wrap .work li .btxt{font-size:18px;}
		.product-wrap .work li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.product-wrap .work{padding-left:0;}
		.product-wrap .work .stit{font-size:18px;}
		.product-wrap .work ul{margin:20px 0 0 0}
		
		.product-wrap .work li:nth-child(2){ width:100%;margin-top:10px;}
		.product-wrap .work li:nth-child(3){width:100%;margin-top:10px;}
		
		.product-wrap .work li .txt{height:110px;}
		.product-wrap .work li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.product-wrap .work li .vc{padding:25px;}
		
	}
	@media only screen and (max-width:480px) {
		.product-wrap .work .stit{font-size:16px;}
		.product-wrap .work li .vc{padding:20px;}
	}



.product-wrap .work02{position:relative;padding-left:350px;border-bottom:1px solid #dadada;margin-bottom:100px; padding-bottom:100px; }
.product-wrap .work02:nth-last-child(n){border-bottom:0px solid #dadada;margin-bottom:0px; padding-bottom:50px; }
.product-wrap .work02 h3{position:absolute; left:0; top:100; animation-delay:0.2s;}
.product-wrap .work02 .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.product-wrap .work02 .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.product-wrap .work02 ul{margin-top:40px;animation-delay:0.6s;}
.product-wrap .work02 ul:after{display:block; content:"";clear:both}
.product-wrap .work02 li{float:left; background:#f1f7fb; position:relative; border-radius: 20px;}
.product-wrap .work02 li{float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work02 li:nth-child(2){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work02 li:nth-child(3){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work02 li:nth-child(4){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .work02 li:nth-child(6){float:right; width:calc(50% - 15px) ; margin-top:30px;}

.product-wrap .work02 li .txt{height:180px;display:flex;align-items: center; justify-content: center; }
.product-wrap .work02 li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.product-wrap .work02 li .vc{width:100%; box-sizing:border-box; padding:40px;}
.product-wrap .work02 li .btxt{font-size:24px; font-weight:700; color:#014a7d; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .work02 li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.product-wrap .work02 li:nth-child(1) .txt:after{background:url(../img/content/quartz-ico01.png) no-repeat center center;}
.product-wrap .work02 li:nth-child(2) .txt:after{background:url(../img/content/quartz-ico02.png) no-repeat center center;}
.product-wrap .work02 li:nth-child(3) .txt:after{background:url(../img/content/quartz-ico03.png) no-repeat center center;}
.product-wrap .work02 li:nth-child(4) .txt:after{background:url(../img/content/quartz-ico04.png) no-repeat center center;}


	@media only screen and (max-width:1460px) {	
		.product-wrap .work02{padding-left:300px;}
		.product-wrap .work02 h3{}
		.product-wrap .work02 .stit{font-size:26px;}
		
		.product-wrap .work02 li .txt{height:170px;}
		.product-wrap .work02 li .btxt{font-size:22px;}
		.product-wrap .work02 li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .work02{padding-left:250px;}
		.product-wrap .work02 h3{}
		.product-wrap .work02 .stit{font-size:22px;}

		.product-wrap .work02 li:nth-child(1){ width:calc(50% - 10px) ; margin-top:20px;}
		.product-wrap .work02 li:nth-child(2){width:calc(50% - 10px) ; margin-top:20px;}
		
		.product-wrap .work02 li .txt{height:150px;}
		.product-wrap .work02 li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.product-wrap .work02 li .vc{padding:30px;}
		.product-wrap .work02 li .btxt{font-size:20px;}
		.product-wrap .work02 li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.product-wrap .work02{padding-left:0;}
		.product-wrap .work02 h3{top:auto; position:relative; left:auto;}
		.product-wrap .work02 .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.product-wrap .work02 ul{margin-top:30px;}

		.product-wrap .work02 li:nth-child(1){ width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .work02 li:nth-child(2){width:calc(50% - 5px) ; margin-top:10px;}
		
		.product-wrap .work02 li .txt{height:130px;}
		.product-wrap .work02 li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.product-wrap .work02 li .vc{padding:30px;}
		.product-wrap .work02 li .btxt{font-size:18px;}
		.product-wrap .work02 li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.product-wrap .work02{padding-left:0; margin-bottom:50px; padding-bottom:50px; padding-top:50px;}
		.product-wrap .work02 h3 br{display:none;}
		.product-wrap .work02 img{width:100%;}
		.product-wrap .work02 .stit{font-size:18px;}
		.product-wrap .work02 ul{margin:20px 0 0 0}
		
		.product-wrap .work02 li:nth-child(1){ width:100%;margin-top:10px;}
		.product-wrap .work02 li:nth-child(2){width:100%;margin-top:10px;}
		.product-wrap .work02 li:nth-child(3){ width:100%;margin-top:10px;}
		.product-wrap .work02 li:nth-child(4){width:100%;margin-top:10px;}
		
		.product-wrap .work02 li .txt{height:110px;}
		.product-wrap .work02 li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.product-wrap .work02 li .vc{padding:25px;}

		.product-wrap .work02 .stxt{font-size:16px; line-height:24px;}

		/*.product-wrap .work02 li:nth-child(3){float:left; width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .work02 li:nth-child(4){float:right; width:calc(50% - 5px) ; margin-top:10px;}*/
		
	}
	@media only screen and (max-width:480px) {
		.product-wrap .work02{margin-bottom:0px; padding-bottom:30px; padding-top:30px;}
		.product-wrap .work02 .stit{font-size:16px;}
		.product-wrap .work02 li .vc{padding:20px;}
	}


.product-wrap .chips{position:relative;padding-left:350px;border-bottom:1px solid #dadada;margin-bottom:100px; padding-bottom:100px; }
.product-wrap .chips h3{position:absolute; left:0; top:100; animation-delay:0.2s;}
.product-wrap .chips .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.product-wrap .chips .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.product-wrap .chips ul{margin-top:40px;animation-delay:0.6s;}
.product-wrap .chips ul:after{display:block; content:"";clear:both}
.product-wrap .chips li{float:left; background:#f1f7fb; position:relative; border-radius: 20px;}
.product-wrap .chips li{float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .chips li:nth-child(2){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .chips li:nth-child(3){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .chips li:nth-child(4){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .chips li:nth-child(6){float:right; width:calc(50% - 15px) ; margin-top:30px;}

.product-wrap .chips li .txt{height:180px;display:flex;align-items: center; justify-content: center; }
.product-wrap .chips li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.product-wrap .chips li .vc{width:100%; box-sizing:border-box; padding:40px;}
.product-wrap .chips li .btxt{font-size:24px; font-weight:700; color:#014a7d; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .chips li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.product-wrap .chips li:nth-child(1) .txt:after{background:url(../img/content/chips-ico01.png) no-repeat center center;}
.product-wrap .chips li:nth-child(2) .txt:after{background:url(../img/content/chips-ico02.png) no-repeat center center;}
.product-wrap .chips li:nth-child(3) .txt:after{background:url(../img/content/chips-ico03.png) no-repeat center center;}
.product-wrap .chips li:nth-child(4) .txt:after{background:url(../img/content/chips-ico04.png) no-repeat center center;}


	@media only screen and (max-width:1460px) {	
		.product-wrap .chips{padding-left:300px;}
		.product-wrap .chips h3{}
		.product-wrap .chips .stit{font-size:26px;}
		
		.product-wrap .chips li .txt{height:170px;}
		.product-wrap .chips li .btxt{font-size:22px;}
		.product-wrap .chips li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .chips{padding-left:250px;}
		.product-wrap .chips h3{}
		.product-wrap .chips .stit{font-size:22px;}

		.product-wrap .chips li:nth-child(1){ width:calc(50% - 10px) ; margin-top:20px;}
		.product-wrap .chips li:nth-child(2){width:calc(50% - 10px) ; margin-top:20px;}
		
		.product-wrap .chips li .txt{height:150px;}
		.product-wrap .chips li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.product-wrap .chips li .vc{padding:30px;}
		.product-wrap .chips li .btxt{font-size:20px;}
		.product-wrap .chips li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.product-wrap .chips{padding-left:0;}
		.product-wrap .chips h3{top:auto; position:relative; left:auto;}
		.product-wrap .chips .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.product-wrap .chips ul{margin-top:30px;}

		.product-wrap .chips li:nth-child(1){ width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .chips li:nth-child(2){width:calc(50% - 5px) ; margin-top:10px;}
		
		.product-wrap .chips li .txt{height:130px;}
		.product-wrap .chips li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.product-wrap .chips li .vc{padding:30px;}
		.product-wrap .chips li .btxt{font-size:18px;}
		.product-wrap .chips li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.product-wrap .chips{padding-left:0; margin-bottom:50px; padding-bottom:50px; padding-top:50px;}
		.product-wrap .chips h3 br{display:none;}
		.product-wrap .chips img{width:100%;}
		.product-wrap .chips .stit{font-size:18px;}
		.product-wrap .chips ul{margin:20px 0 0 0}
		
		.product-wrap .chips li:nth-child(1){ width:100%;margin-top:10px;}
		.product-wrap .chips li:nth-child(2){width:100%;margin-top:10px;}
		.product-wrap .chips li:nth-child(3){ width:100%;margin-top:10px;}
		.product-wrap .chips li:nth-child(4){width:100%;margin-top:10px;}
		
		.product-wrap .chips li .txt{height:110px;}
		.product-wrap .chips li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.product-wrap .chips li .vc{padding:25px;}

		.product-wrap .chips .stxt{font-size:16px; line-height:24px;}

		/*.product-wrap .chips li:nth-child(3){float:left; width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .chips li:nth-child(4){float:right; width:calc(50% - 5px) ; margin-top:10px;}*/
		
	}
	@media only screen and (max-width:480px) {
		.product-wrap .chips{margin-bottom:0px; padding-bottom:30px; padding-top:30px;}
		.product-wrap .chips .stit{font-size:16px;}
		.product-wrap .chips li .vc{padding:20px;}
	}



.product-wrap .epoxy{position:relative;padding-left:350px;border-bottom:1px solid #dadada;margin-bottom:100px; padding-bottom:100px; }
.product-wrap .epoxy h3{position:absolute; left:0; top:100; animation-delay:0.2s;}
.product-wrap .epoxy .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.product-wrap .epoxy .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.product-wrap .epoxy ul{margin-top:40px;animation-delay:0.6s;}
.product-wrap .epoxy ul:after{display:block; content:"";clear:both}
.product-wrap .epoxy li{float:left; background:#f1f7fb; position:relative; border-radius: 20px;}
.product-wrap .epoxy li{float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .epoxy li:nth-child(2){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .epoxy li:nth-child(3){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .epoxy li:nth-child(4){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.product-wrap .epoxy li:nth-child(6){float:right; width:calc(50% - 15px) ; margin-top:30px;}

.product-wrap .epoxy li .txt{height:180px;display:flex;align-items: center; justify-content: center; }
.product-wrap .epoxy li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.product-wrap .epoxy li .vc{width:100%; box-sizing:border-box; padding:40px;}
.product-wrap .epoxy li .btxt{font-size:24px; font-weight:700; color:#014a7d; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .epoxy li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.product-wrap .epoxy li:nth-child(1) .txt:after{background:url(../img/content/epoxy-ico01.png) no-repeat center center;}
.product-wrap .epoxy li:nth-child(2) .txt:after{background:url(../img/content/epoxy-ico02.png) no-repeat center center;}
.product-wrap .epoxy li:nth-child(3) .txt:after{background:url(../img/content/epoxy-ico03.png) no-repeat center center;}
.product-wrap .epoxy li:nth-child(4) .txt:after{background:url(../img/content/epoxy-ico04.png) no-repeat center center;}


	@media only screen and (max-width:1460px) {	
		.product-wrap .epoxy{padding-left:300px;}
		.product-wrap .epoxy h3{}
		.product-wrap .epoxy .stit{font-size:26px;}
		
		.product-wrap .epoxy li .txt{height:170px;}
		.product-wrap .epoxy li .btxt{font-size:22px;}
		.product-wrap .epoxy li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .epoxy{padding-left:250px;}
		.product-wrap .epoxy h3{}
		.product-wrap .epoxy .stit{font-size:22px;}

		.product-wrap .epoxy li:nth-child(1){ width:calc(50% - 10px) ; margin-top:20px;}
		.product-wrap .epoxy li:nth-child(2){width:calc(50% - 10px) ; margin-top:20px;}
		
		.product-wrap .epoxy li .txt{height:150px;}
		.product-wrap .epoxy li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.product-wrap .epoxy li .vc{padding:30px;}
		.product-wrap .epoxy li .btxt{font-size:20px;}
		.product-wrap .epoxy li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.product-wrap .epoxy{padding-left:0;}
		.product-wrap .epoxy h3{top:auto; position:relative; left:auto;}
		.product-wrap .epoxy .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.product-wrap .epoxy ul{margin-top:30px;}

		.product-wrap .epoxy li:nth-child(1){ width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .epoxy li:nth-child(2){width:calc(50% - 5px) ; margin-top:10px;}
		
		.product-wrap .epoxy li .txt{height:130px;}
		.product-wrap .epoxy li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.product-wrap .epoxy li .vc{padding:30px;}
		.product-wrap .epoxy li .btxt{font-size:18px;}
		.product-wrap .epoxy li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.product-wrap .epoxy{padding-left:0; margin-bottom:50px; padding-bottom:50px; padding-top:50px;}
		.product-wrap .epoxy h3 br{display:none;}
		.product-wrap .epoxy img{width:100%;}
		.product-wrap .epoxy .stit{font-size:18px;}
		.product-wrap .epoxy ul{margin:20px 0 0 0}
		
		.product-wrap .epoxy li:nth-child(1){ width:100%;margin-top:10px;}
		.product-wrap .epoxy li:nth-child(2){width:100%;margin-top:10px;}
		.product-wrap .epoxy li:nth-child(3){ width:100%;margin-top:10px;}
		.product-wrap .epoxy li:nth-child(4){width:100%;margin-top:10px;}
		
		.product-wrap .epoxy li .txt{height:110px;}
		.product-wrap .epoxy li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.product-wrap .epoxy li .vc{padding:25px;}

		.product-wrap .epoxy .stxt{font-size:16px; line-height:24px;}

		/*.product-wrap .epoxy li:nth-child(3){float:left; width:calc(50% - 5px) ; margin-top:10px;}
		.product-wrap .epoxy li:nth-child(4){float:right; width:calc(50% - 5px) ; margin-top:10px;}*/
		
	}
	@media only screen and (max-width:480px) {
		.product-wrap .epoxy{margin-bottom:0px; padding-bottom:30px; padding-top:30px;}
		.product-wrap .epoxy .stit{font-size:16px;}
		.product-wrap .epoxy li .vc{padding:20px;}
	}




.product-wrap .welfare{position:relative;border-bottom:1px solid #dadada;margin-bottom:100px; padding-bottom:100px; padding-left:350px; height:1200px; }
.product-wrap .welfare h3{position:absolute; left:0; top:0px; animation-delay:0.4s;}
.product-wrap .welfare .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.product-wrap .welfare ul{margin:0 -15px;margin-top:40px;animation-delay:0.6s;}
.product-wrap .welfare li{float:left; width:calc(33.333333% - 30px);margin:0 15px;;text-align:center;}
.product-wrap .welfare li:nth-child(n+4){margin-top:5%}
.product-wrap .welfare li .ico{}
.product-wrap .welfare li .ico img{width:100%; border-radius: 20px;}
.product-wrap .welfare li .btxt{margin-top:25px;font-size:24px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap .welfare li .stxt{margin-top:20px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}
	@media only screen and (max-width:1460px) {	
		.product-wrap .welfare{padding-left:300px; margin-bottom:60px; padding-bottom:60px;}
		.product-wrap .welfare h3{top:60px;}
		.product-wrap .welfare .stit{font-size:26px;}
		.product-wrap .welfare li .ico img{width:100%;}
		.product-wrap .welfare li .btxt{margin-top:20px;font-size:22px;} 
		.product-wrap .welfare li .stxt{font-size:16px}
	}
	@media only screen and (max-width:1280px) {
		.product-wrap .welfare{padding-left:250px; margin-bottom:50px; padding-bottom:50px; height:850px;}
		.product-wrap .welfare h3{top:0px;}
		.product-wrap .welfare .stit{font-size:22px;}
		.product-wrap .welfare li .ico img{width:100%;}
		.product-wrap .welfare li .btxt{margin-top:20px;font-size:20px;} 
		.product-wrap .welfare li .stxt{margin-top:15px;font-size:15px}
	}
	@media only screen and (max-width:999px) {
		.product-wrap .welfare{padding-left:0; margin-bottom:40px; padding-bottom:40px;}
		.product-wrap .welfare h3{top:auto; position:relative; left:auto;}
		.product-wrap .welfare .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.product-wrap .welfare ul{margin-top:20px;}
		.product-wrap .welfare li .ico img{width:100%;}
		.product-wrap .welfare li .btxt{margin-top:20px;font-size:18px;} 
		.product-wrap .welfare li .stxt{margin-top:15px;font-size:14px}
	}
	@media only screen and (max-width:680px) {
		.product-wrap .welfare{padding-left:0; margin-bottom:40px; padding-bottom:40px;}
		.product-wrap .welfare .stit{font-size:18px;}
		.product-wrap .welfare ul{margin:20px 0 0 0}
		/*.product-wrap .welfare li{float:none; width:auto ; margin:0; box-sizing:border-box; border:1px solid #d7d7d7; padding:25px 0}*/

		.product-wrap .welfare li{float:left; width:calc(50% - 10px);margin:0 5px;;text-align:center;}

		.product-wrap .welfare li:nth-child(n+3){margin-top:20px;}
		.product-wrap .welfare li .ico img{width:100%;}
		.product-wrap .welfare li .btxt{margin-top:15px;font-size:16px;} 
		.product-wrap .welfare li .stxt{margin-top:10px;font-size:13px}
	}
	@media only screen and (max-width:480px) {
		.product-wrap .welfare{margin-bottom:30px; padding-bottom:30px;  padding-top:30px; height: 940px;}
		.product-wrap .welfare .stit{font-size:16px;}
		.product-wrap .welfare li .btxt{margin-top:10px;font-size:14px;}
	}



/* ======================================================
   .recruit-wrap
=========================================================*/
.recruit-wrap{}
.recruit-wrap h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:40px;color:#111;/*  padding-left:10px; */margin-bottom:30px; font-family: 'Pretendard';}

.recruit-wrap .gap130{height:130px;}
	@media only screen and (max-width:1460px) {	
		.recruit-wrap h3{font-size:32px; margin-bottom:25px;}
		.recruit-wrap .gap130{height:110px;}
		
	}
	@media only screen and (max-width:1280px) {
		.recruit-wrap h3{font-size:28px; margin-bottom:20px;}
		.recruit-wrap .gap130{height:80px;}
	}
	@media only screen and (max-width:999px) {
		.recruit-wrap h3{font-size:24px; margin-bottom:15px; line-height:1.2em;}
		.recruit-wrap .gap130{height:65px;}
	}
	@media only screen and (max-width:680px) {
		.recruit-wrap h3{font-size:20px;}
		.recruit-wrap .gap130{height:50px;}
	}
	@media only screen and (max-width:480px) {
		
	}

.recruit-wrap .vis .ov{height:400px; overflow:hidden; animation-delay:0.6s;}
.recruit-wrap .vis .item{position:relative;}
.recruit-wrap .vis .item .img img{width:100%;height:400px;object-fit:cover;}
.recruit-wrap .vis .item .txt{position:Absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 120px 110px 120px}
.recruit-wrap .vis .item .txt .btxt{font-size:48px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
.recruit-wrap .vis .item .txt .stxt{margin-top:20px;font-size:30px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}

.recruit-wrap .vis .slick-dots {position:absolute ;left:0; bottom:0;width:100%; max-width:1420px; display:none !important;box-sizing:border-box; background:rgba(0,0,0,0.34)}
.recruit-wrap .vis .slick-dots ul{}
.recruit-wrap .vis .slick-dots ul:after{display:block; content:"";clear:both;}
.recruit-wrap .vis .slick-dots li{float:left; width:33.33333%;text-align:center; margin:0; padding:0; height:auto;}
.recruit-wrap .vis .slick-dots li a{display:block ;line-height:75px ;font-size:24px; font-weight:700; color:#aaa ;letter-spacing:-0.04em; position:relative; }
.recruit-wrap .vis .slick-dots li.slick-active a{color:#fff;}

.recruit-wrap .vis .vtab {position:absolute ;left:0; bottom:0;width:100%; max-width:1420px; box-sizing:border-box; background:rgba(0,0,0,0.34)}
.recruit-wrap .vis .vtab ul{}
.recruit-wrap .vis .vtab ul:after{display:block; content:"";clear:both;}
.recruit-wrap .vis .vtab li{float:left; width:33.33333%;text-align:center; margin:0; padding:0; height:auto;}
.recruit-wrap .vis .vtab li a{display:block ;line-height:75px ;font-size:24px; font-weight:700; color:#aaa ;letter-spacing:-0.04em; position:relative; }
.recruit-wrap .vis .vtab li.active a{color:#fff;}

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

		.recruit-wrap .vis .slick-dots li a{font-size:22px; line-height:70px;}
		.recruit-wrap .vis .vtab li a{font-size:22px; line-height:70px;}
		
	}
	@media only screen and (max-width:1280px) {
		.recruit-wrap .vis .ov{height:400px;}
		.recruit-wrap .vis .item .img img{height:400px;}

		.recruit-wrap .vis .slick-dots li a{font-size:20px; line-height:65px;}

		.recruit-wrap .vis .vtab li a{font-size:20px; line-height:65px;}
	}
	@media only screen and (max-width:999px) {
		.recruit-wrap .vis .ov{height:350px;}
		.recruit-wrap .vis .item .img img{height:350px;}

		.recruit-wrap .vis .ov{width:calc(100% + 40px) !important; margin-left:-20px;}
		.recruit-wrap .vis .slick-dots li a{font-size:18px; line-height:60px;}

		.recruit-wrap .vis .vtab li a{font-size:18px; line-height:60px;}
	}
	@media only screen and (max-width:680px) {
		.recruit-wrap .vis .ov{height:300px;}
		.recruit-wrap .vis .item .img img{height:300px;}

		.recruit-wrap .vis .slick-dots li a{font-size:16px; line-height:55px;}
		.recruit-wrap .vis .vtab li a{font-size:16px; line-height:55px;}
	}
	@media only screen and (max-width:480px) {
		.recruit-wrap .vis .ov{height:250px;}
		.recruit-wrap .vis .item .img img{height:250px;}
		.recruit-wrap .vis .slick-dots li a{font-size:14px; line-height:50px;}
		.recruit-wrap .vis .vtab li a{font-size:14px; line-height:50px;}
	}

.recruit-wrap .work{position:relative;padding-left:350px;}
.recruit-wrap .work h3{position:absolute; left:0; top:0; animation-delay:0.2s;}
.recruit-wrap .work .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.recruit-wrap .work .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.recruit-wrap .work ul{margin-top:40px;animation-delay:0.6s;}
.recruit-wrap .work ul:after{display:block; content:"";clear:both}
.recruit-wrap .work li{float:left; width:100%;background:#f4f5f9; position:relative;}
.recruit-wrap .work li:nth-child(2){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.recruit-wrap .work li:nth-child(3){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.recruit-wrap .work li .txt{height:180px;display:flex;align-items: center; justify-content: center}
.recruit-wrap .work li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.recruit-wrap .work li .vc{width:100%; box-sizing:border-box; padding:40px;}
.recruit-wrap .work li .btxt{font-size:24px; font-weight:700; color:#0e2071; letter-spacing:-0.03em; line-height:1.2em;}
.recruit-wrap .work li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.recruit-wrap .work li:nth-child(1) .txt:after{background:url(../img/content/recruit-ico18.jpg) no-repeat center center;}
.recruit-wrap .work li:nth-child(2) .txt:after{background:url(../img/content/recruit-ico02.jpg) no-repeat center center;}
.recruit-wrap .work li:nth-child(3) .txt:after{background:url(../img/content/recruit-ico03.jpg) no-repeat center center;}
	@media only screen and (max-width:1460px) {	
		.recruit-wrap .work{padding-left:300px;}
		.recruit-wrap .work h3{}
		.recruit-wrap .work .stit{font-size:26px;}
		
		.recruit-wrap .work li .txt{height:170px;}
		.recruit-wrap .work li .btxt{font-size:22px;}
		.recruit-wrap .work li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.recruit-wrap .work{padding-left:250px;}
		.recruit-wrap .work h3{}
		.recruit-wrap .work .stit{font-size:22px;}

		.recruit-wrap .work li:nth-child(2){ width:calc(50% - 10px) ; margin-top:20px;}
		.recruit-wrap .work li:nth-child(3){width:calc(50% - 10px) ; margin-top:20px;}
		
		.recruit-wrap .work li .txt{height:150px;}
		.recruit-wrap .work li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.recruit-wrap .work li .vc{padding:30px;}
		.recruit-wrap .work li .btxt{font-size:20px;}
		.recruit-wrap .work li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.recruit-wrap .work{padding-left:0;}
		.recruit-wrap .work h3{top:auto; position:relative; left:auto;}
		.recruit-wrap .work .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.recruit-wrap .work ul{margin-top:30px;}

		.recruit-wrap .work li:nth-child(2){ width:calc(50% - 5px) ; margin-top:10px;}
		.recruit-wrap .work li:nth-child(3){width:calc(50% - 5px) ; margin-top:10px;}
		
		.recruit-wrap .work li .txt{height:130px;}
		.recruit-wrap .work li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.recruit-wrap .work li .vc{padding:30px;}
		.recruit-wrap .work li .btxt{font-size:18px;}
		.recruit-wrap .work li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.recruit-wrap .work{padding-left:0;}
		.recruit-wrap .work .stit{font-size:18px;}
		.recruit-wrap .work ul{margin:20px 0 0 0}
		
		.recruit-wrap .work li:nth-child(2){ width:100%;margin-top:10px;}
		.recruit-wrap .work li:nth-child(3){width:100%;margin-top:10px;}
		
		.recruit-wrap .work li .txt{height:110px;}
		.recruit-wrap .work li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.recruit-wrap .work li .vc{padding:25px;}
		
	}
	@media only screen and (max-width:480px) {
		.recruit-wrap .work .stit{font-size:16px;}
		.recruit-wrap .work li .vc{padding:20px;}
	}



.recruit-wrap .work02{position:relative;padding-left:350px;}
.recruit-wrap .work02 h3{position:absolute; left:0; top:0; animation-delay:0.2s;}
.recruit-wrap .work02 .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.recruit-wrap .work02 .stxt{font-size:20px; font-weight:500; color:#111;letter-spacing:-0.03em; line-height:30px;animation-delay:0.4s;}

.recruit-wrap .work02 ul{margin-top:40px;animation-delay:0.6s;}
.recruit-wrap .work02 ul:after{display:block; content:"";clear:both}
.recruit-wrap .work02 li{float:left; background:#f4f5f9; position:relative;}
.recruit-wrap .work02 li{float:left; width:calc(50% - 15px) ; margin-top:30px;}
.recruit-wrap .work02 li:nth-child(2){float:right; width:calc(50% - 15px) ; margin-top:30px;}
.recruit-wrap .work02 li:nth-child(3){float:left; width:calc(50% - 15px) ; margin-top:30px;}
.recruit-wrap .work02 li:nth-child(4){float:right; width:calc(50% - 15px) ; margin-top:30px;}

.recruit-wrap .work02 li .txt{height:180px;display:flex;align-items: center; justify-content: center}
.recruit-wrap .work02 li .txt:after{width:70px;height:70px; position:Absolute; right:30px; top:25px; display:block; content:"";}
.recruit-wrap .work02 li .vc{width:100%; box-sizing:border-box; padding:40px;}
.recruit-wrap .work02 li .btxt{font-size:24px; font-weight:700; color:#0e2071; letter-spacing:-0.03em; line-height:1.2em;}
.recruit-wrap .work02 li .stxt{margin-top:25px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}


.recruit-wrap .work02 li:nth-child(1) .txt:after{background:url(../img/content/recruit-ico01.jpg) no-repeat center center;}
.recruit-wrap .work02 li:nth-child(2) .txt:after{background:url(../img/content/recruit-ico02.jpg) no-repeat center center;}
.recruit-wrap .work02 li:nth-child(3) .txt:after{background:url(../img/content/recruit-ico16.jpg) no-repeat center center;}
.recruit-wrap .work02 li:nth-child(4) .txt:after{background:url(../img/content/recruit-ico17.jpg) no-repeat center center;}


	@media only screen and (max-width:1460px) {	
		.recruit-wrap .work02{padding-left:300px;}
		.recruit-wrap .work02 h3{}
		.recruit-wrap .work02 .stit{font-size:26px;}
		
		.recruit-wrap .work02 li .txt{height:170px;}
		.recruit-wrap .work02 li .btxt{font-size:22px;}
		.recruit-wrap .work02 li .stxt{margin-top:15px;font-size:16px;} 
	}
	@media only screen and (max-width:1280px) {
		.recruit-wrap .work02{padding-left:250px;}
		.recruit-wrap .work02 h3{}
		.recruit-wrap .work02 .stit{font-size:22px;}

		.recruit-wrap .work02 li:nth-child(1){ width:calc(50% - 10px) ; margin-top:20px;}
		.recruit-wrap .work02 li:nth-child(2){width:calc(50% - 10px) ; margin-top:20px;}
		
		.recruit-wrap .work02 li .txt{height:150px;}
		.recruit-wrap .work02 li .txt:after{background-size:60px auto !important; right:25px; top:20px;}
		.recruit-wrap .work02 li .vc{padding:30px;}
		.recruit-wrap .work02 li .btxt{font-size:20px;}
		.recruit-wrap .work02 li .stxt{margin-top:10px;font-size:15px;} 
		
	}
	@media only screen and (max-width:999px) {
		.recruit-wrap .work02{padding-left:0;}
		.recruit-wrap .work02 h3{top:auto; position:relative; left:auto;}
		.recruit-wrap .work02 .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.recruit-wrap .work02 ul{margin-top:30px;}

		.recruit-wrap .work02 li:nth-child(1){ width:calc(50% - 5px) ; margin-top:10px;}
		.recruit-wrap .work02 li:nth-child(2){width:calc(50% - 5px) ; margin-top:10px;}
		
		.recruit-wrap .work02 li .txt{height:130px;}
		.recruit-wrap .work02 li .txt:after{width:60px;height:60px;background-size:50px auto !important; right:20px; top:15px;}
		.recruit-wrap .work02 li .vc{padding:30px;}
		.recruit-wrap .work02 li .btxt{font-size:18px;}
		.recruit-wrap .work02 li .stxt{margin-top:10px;font-size:14px;} 
	
	}
	@media only screen and (max-width:680px) {
		.recruit-wrap .work02{padding-left:0;}
		.recruit-wrap .work02 img{width:100%;}
		.recruit-wrap .work02 .stit{font-size:18px;}
		.recruit-wrap .work02 ul{margin:20px 0 0 0}
		
		.recruit-wrap .work02 li:nth-child(1){ width:100%;margin-top:10px;}
		.recruit-wrap .work02 li:nth-child(2){width:100%;margin-top:10px;}
		
		.recruit-wrap .work02 li .txt{height:110px;}
		.recruit-wrap .work02 li .txt:after{width:50px;height:50px;background-size:40px auto !important; right:10px;}
		.recruit-wrap .work02 li .vc{padding:25px;}

		.recruit-wrap .work02 .stxt{font-size:16px; line-height:24px;}

		.recruit-wrap .work02 li:nth-child(3){float:left; width:calc(50% - 5px) ; margin-top:10px;}
		.recruit-wrap .work02 li:nth-child(4){float:right; width:calc(50% - 5px) ; margin-top:10px;}
		
	}
	@media only screen and (max-width:480px) {
		.recruit-wrap .work02 .stit{font-size:16px;}
		.recruit-wrap .work02 li .vc{padding:20px;}
	}

.recruit-wrap .welfare{position:relative;border-top:1px solid #dadada;margin-top:70px; padding-top:70px;padding-left:350px;}
.recruit-wrap .welfare h3{position:absolute; left:0; top:70px; animation-delay:0.4s;}
.recruit-wrap .welfare .stit{font-size:30px; font-weight:700; color:#111;letter-spacing:-0.03em; line-height:40px;animation-delay:0.4s;}
.recruit-wrap .welfare ul{margin:0 -15px;margin-top:40px;animation-delay:0.6s;}
.recruit-wrap .welfare li{float:left; width:calc(33.333333% - 30px);margin:0 15px;;text-align:center;}
.recruit-wrap .welfare li:nth-child(n+4){margin-top:10%}
.recruit-wrap .welfare li .ico{}
.recruit-wrap .welfare li .ico img{width:70px;}
.recruit-wrap .welfare li .btxt{margin-top:25px;font-size:24px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.recruit-wrap .welfare li .stxt{margin-top:20px;font-size:17px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.5em;}
	@media only screen and (max-width:1460px) {	
		.recruit-wrap .welfare{padding-left:300px; margin-top:60px; padding-top:60px;}
		.recruit-wrap .welfare h3{top:60px;}
		.recruit-wrap .welfare .stit{font-size:26px;}
		.recruit-wrap .welfare li .ico img{width:65px;}
		.recruit-wrap .welfare li .btxt{margin-top:20px;font-size:22px;} 
		.recruit-wrap .welfare li .stxt{font-size:16px}
	}
	@media only screen and (max-width:1280px) {
		.recruit-wrap .welfare{padding-left:250px; margin-top:50px; padding-top:50px;}
		.recruit-wrap .welfare h3{top:50px;}
		.recruit-wrap .welfare .stit{font-size:22px;}
		.recruit-wrap .welfare li .ico img{width:60px;}
		.recruit-wrap .welfare li .btxt{margin-top:20px;font-size:20px;} 
		.recruit-wrap .welfare li .stxt{margin-top:15px;font-size:15px}
	}
	@media only screen and (max-width:999px) {
		.recruit-wrap .welfare{padding-left:0; margin-top:40px; padding-top:40px;}
		.recruit-wrap .welfare h3{top:auto; position:relative; left:auto;}
		.recruit-wrap .welfare .stit{font-size:20px; font-weight:400; line-height:1.3em;}
		.recruit-wrap .welfare ul{margin-top:20px;}
		.recruit-wrap .welfare li .ico img{width:55px;}
		.recruit-wrap .welfare li .btxt{margin-top:20px;font-size:18px;} 
		.recruit-wrap .welfare li .stxt{margin-top:15px;font-size:14px}
	}
	@media only screen and (max-width:680px) {
		.recruit-wrap .welfare{padding-left:0; margin-top:40px; padding-top:40px;}
		.recruit-wrap .welfare .stit{font-size:18px;}
		.recruit-wrap .welfare ul{margin:20px 0 0 0}
		.recruit-wrap .welfare li{float:none; width:auto ; margin:0; box-sizing:border-box; border:1px solid #d7d7d7; padding:25px 0}
		.recruit-wrap .welfare li:nth-child(n+2){margin-top:20px;}
		.recruit-wrap .welfare li .ico img{width:50px;}
		.recruit-wrap .welfare li .btxt{margin-top:15px;font-size:16px;} 
		.recruit-wrap .welfare li .stxt{margin-top:10px;font-size:13px}
	}
	@media only screen and (max-width:480px) {
		.recruit-wrap .welfare .stit{font-size:16px;}
		.recruit-wrap .welfare li .btxt{margin-top:10px;}
	}



/* ======================================================
   .prd-wrap
=========================================================*/
.prd-wrap{}
.prd-wrap h3{font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:30px;/*  padding-left:10px; */font-family: 'Pretendard';}
.prd-wrap h3.u-tit01{color:#213590; }
.prd-wrap h3.u-tit02{color:#111; }

.prd-wrap .gap90{height:90px;}
	@media only screen and (max-width:1460px) {	
		.prd-wrap h3{font-size:32px; margin-bottom:25px;}
		.prd-wrap .gap90{height:70px;}
		
	}
	@media only screen and (max-width:1280px) {
		.prd-wrap h3{font-size:28px; margin-bottom:20px;}
		.prd-wrap .gap90{height:60px;}
	}
	@media only screen and (max-width:999px) {
		.prd-wrap h3{font-size:24px; margin-bottom:15px;}
		.prd-wrap .gap90{height:50px;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap h3{font-size:20px;}
		.prd-wrap .gap90{height:40px;}
	}
	@media only screen and (max-width:480px) {
		
	}

.prd-wrap .prd{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;font-family: 'Pretendard'; position:relative;}
.prd-wrap .prd:after{display:block; content:"";clear:both;}
.prd-wrap .prd:before{width:50%; background:#fff; position:absolute; left:0; top:0; height:100%; z-index:-1;display:block;content:"";}
.prd-wrap .prd .fl{position:absolute; left:0; top:0; width:50%; height:100% ; display:flex;align-items: center; justify-content: center; float:none;overflow:hidden;}
.prd-wrap .prd .fr{width:50%; box-sizing:border-box; padding:40px 60px 40px 60px; min-height:555px;}

.prd-wrap .prd .fl img{width:100%;}
.prd-wrap .prd .fr h4{font-size:28px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:1.35em;}
.prd-wrap .prd .fr ul{margin-top:45px;}
.prd-wrap .prd .fr ul li{position:relative; padding-left:165px;}
.prd-wrap .prd .fr ul li:nth-child(n+2){margin-top:12px;}
.prd-wrap .prd .fr ul li .btxt{position:absolute; left:0; top:0;font-size:17px ; color:#111; letter-spacing:-0.02em; line-height:1.4em; font-weight:600;}
.prd-wrap .prd .fr ul li .stxt{font-size:17px ; color:#666; letter-spacing:-0.03em; line-height:1.4em; }

.prd-wrap .prd .fr dl{padding-top:35px; margin-top:35px; border-top:1px solid #d5d5d5}
.prd-wrap .prd .fr dd{position:Relative; padding-left:12px; font-size:17px; font-weight:600; color:#555; letter-spacing:-0.03em; line-height:1.3em;}
.prd-wrap .prd .fr dd:before{width:4px;height:4px; position:Absolute; left:0; top:9px; display:block ;content:"";background:#d0d0d0; border-radius:100%;}
.prd-wrap .prd .fr dd:nth-child(n+2){margin-top:10px;}
	@media only screen and (max-width:1460px) {	
		.prd-wrap .prd:before{width:45%;}
		.prd-wrap .prd .fl{width:45%}
		.prd-wrap .prd .fr{width:55%; padding:40px 50px; min-height:510px;}
		
		.prd-wrap .prd .fr h4{font-size:26px;} 
		.prd-wrap .prd .fr ul{margin-top:40px;}
		.prd-wrap .prd .fr ul li {padding-left:155px;}
		.prd-wrap .prd .fr ul li:nth-child(n+2){margin-top:10px;}
		.prd-wrap .prd .fr ul li .btxt{font-size:16px;}
		.prd-wrap .prd .fr ul li .stxt{font-size:16px;}
		.prd-wrap .prd .fr dl{padding-top:30px; margin-top:30px;}
		.prd-wrap .prd .fr dd{font-size:16px; padding-left:10px;}
	}
	@media only screen and (max-width:1280px) {
		.prd-wrap .prd .fr ul li {padding-left:135px;}
		.prd-wrap .prd .fr h4{font-size:24px;} 
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .prd:before{display:none;}
		.prd-wrap .prd .fl{width:auto; position:Relative; left:auto ; top:auto; height:auto;display:block;}
		.prd-wrap .prd .fr{float:none;width:auto; border-top:1px solid #d5d5d5; padding:40px 40px; min-height:auto;}

		.prd-wrap .prd .fr h4{font-size:22px;} 
		.prd-wrap .prd .fr ul{margin-top:30px;}
		.prd-wrap .prd .fr ul li {padding-left:110px;}
		.prd-wrap .prd .fr ul li:nth-child(n+2){margin-top:10px;}
		.prd-wrap .prd .fr ul li .btxt{font-size:15px;}
		.prd-wrap .prd .fr ul li .stxt{font-size:15px;}
		.prd-wrap .prd .fr dl{padding-top:25px; margin-top:25px;}
		.prd-wrap .prd .fr dd{font-size:15px; padding-left:10px;}
		.prd-wrap .prd .fr dd:nth-child(n+2){margin-top:7px;}
		.prd-wrap .prd .fr dd:before{width:3px;height:3px; top:8px;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .prd .fr{padding:30px;}
		.prd-wrap .prd .fr h4{font-size:20px;} 
		.prd-wrap .prd .fr ul{margin-top:20px;}
		.prd-wrap .prd .fr ul li {padding-left:100px;}
		.prd-wrap .prd .fr ul li .btxt{font-size:14px;}
		.prd-wrap .prd .fr ul li .stxt{font-size:14px;}

		.prd-wrap .prd .fr dl{padding-top:20px; margin-top:20px;}
		.prd-wrap .prd .fr dd{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.prd-wrap .prd .fr{padding:30px 0px;}
		.prd-wrap .prd .fr h4{font-size:18px;} 

		.prd-wrap .prd .fr ul li {padding-left:130px;}
		.prd-wrap .prd .fr ul li .btxt{font-size:13px;}
		.prd-wrap .prd .fr ul li .stxt{font-size:13px;}
	}

.prd-wrap .devel {font-family: 'Pretendard'}
.prd-wrap .devel ul{margin:0 -15px;display:flex;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;}
.prd-wrap .devel ul:after{display:block; content:"";clear:both}
.prd-wrap .devel ul li{float:left; width:calc(33.33333% - 30px); margin:0 15px; border:1px solid #dbdbdb ; box-sizing:border-box;padding:44px 30px 44px 30px; min-height:263px;display:flex; display:-webkit-flex}
.prd-wrap .devel ul li dl{}
.prd-wrap .devel ul li dl dt{font-size:36px; font-weight:700; color:#0e2071; letter-spacing:-0.05em; line-height:1.2em ; margin-bottom:30px;}
.prd-wrap .devel ul li dl dd{position:Relative; padding-left:12px; font-size:17px; font-weight:400; color:#000; letter-spacing:-0.01em; line-height:1.3em;}
.prd-wrap .devel ul li dl dd:before{width:4px;height:4px; position:Absolute; left:0; top:9px; display:block ;content:"";background:#0e2071; border-radius:100%;}
.prd-wrap .devel ul li dl dd:nth-child(n+3){margin-top:10px;}
	@media only screen and (max-width:1460px) {	
		.prd-wrap .devel ul li{padding:40px 30px; min-height:240px;}
		.prd-wrap .devel ul li dl dt{font-size:32px; margin-bottom:25px;}
		.prd-wrap .devel ul li dl dd{font-size:16px;}
		.prd-wrap .devel ul li dl dd:before{}
		
	}
	@media only screen and (max-width:1280px) {
		.prd-wrap .devel ul{margin:0 -10px;}
		.prd-wrap .devel ul li{padding:35px 25px;min-height:220px;width:calc(33.33333% - 20px); margin:0 10px; }
		.prd-wrap .devel ul li dl dt{font-size:28px; margin-bottom:20px;}
		.prd-wrap .devel ul li dl dd{font-size:15px ; padding-left:10px;}
		.prd-wrap .devel ul li dl dd:before{top:8px;}
	}
	@media only screen and (max-width:999px) {
		.prd-wrap .devel ul{margin:0 -6px;}
		.prd-wrap .devel ul li{padding:30px 20px;min-height:200px;width:calc(33.33333% - 12px); margin:0 6px; }
		.prd-wrap .devel ul li dl dt{font-size:24px; margin-bottom:15px;}
		.prd-wrap .devel ul li dl dd:nth-child(n+3){margin-top:7px;}
		.prd-wrap .devel ul li dl dd:before{width:3px;height:3px;}
	}
	@media only screen and (max-width:680px) {
		.prd-wrap .devel ul{margin:0 ;display:block;}
		.prd-wrap .devel ul li{float:none; display:block;width:auto; margin:0;padding:25px 20px;min-height:auto;}
		.prd-wrap .devel ul li:nth-child(n+2){margin-top:20px;}
		.prd-wrap .devel ul li dl dt{font-size:20px; margin-bottom:10px;}
		.prd-wrap .devel ul li dl dd{font-size:14px; padding-left:8px;}
		.prd-wrap .devel ul li dl dd:nth-child(n+3){margin-top:5px;}
	}
	@media only screen and (max-width:480px) {
		.prd-wrap .devel ul li{padding:20px 20px;}
		.prd-wrap .devel ul li:nth-child(n+2){margin-top:15px;}
		
	}


/* ======================================================
   .ceo-wrap
=========================================================*/


.ceo-wrap {position:relative;padding-right:35%; padding-top: 150px; padding-bottom:100px; }
.ceo-wrap:after {content:"";width:180px;height:1px;background:#111;position:absolute;top:0;left:0;display:block;}
.ceo-wrap .img {position:absolute;width:500px;right:0;top:150px;}
.ceo-wrap .img img {width:100%;}
.ceo-wrap .thick {font-weight:700;color:#111; font-size:40px;l etter-spacing:-0.03em;line-height:1.2em;}
.ceo-wrap .con {font-size:17px;color:#666;line-height:1.8em;letter-spacing:-0.03em; font-weight:400;}
.ceo-wrap .btxt {font-size:20px;font-weight:400;margin-top:50px;padding-bottom:10px;line-height:34px;}
.ceo-wrap .sign {display:inline-block;font-size:24px;color:#222;background:url(../img/content/ceo-sign.jpg) no-repeat right center;line-height:1.5em;padding-right:230px;}
.ceo-wrap .sign strong {font-weight:700;}
.ceo-wrap .ceo {border:1px solid #fff;width:150px;height:150px;position:absolute;left:50px;bottom:10%;color:#fff;display:table}
.ceo-wrap .ceo span {display:table-cell;vertical-align:middle;text-align:left;font-size:16px;line-height:170%; padding-left:11px;}
.ceo-wrap .ceo span strong {display:block;font-size:22px;font-weight:700;letter-spacing:-0.01em;}

@media only screen and (max-width:1200px){
	.ceo-wrap {padding-right:50%;}
	.ceo-wrap .img {width:45%;}
}
@media only screen and (max-width:980px){
	.ceo-wrap .ceo {width:120px;height:120px;left:10%;bottom:10%;}
}
@media only screen and (max-width:800px){
	.ceo-wrap {padding-right:20px;}
	.ceo-wrap:after {display:none;}
	.ceo-wrap .img { display:none;}
	.ceo-wrap .ceo {width:80px;height:80px;}
}
@media only screen and (max-width:480px){
.ceo-wrap {padding-top: 50px;  padding-bottom:0px;}
	.ceo-wrap .thick {font-size:22px;line-height:1.4;}
	.ceo-wrap .con {font-size:14px;}
	.ceo-wrap .btxt {font-size:16px;}
	/*.ceo-wrap .img {float:none;width:100%;margin-left:0;margin-bottom:40px; top:0px;}*/
	.ceo-wrap .img { display:none;}
	.ceo-wrap .sign {display:inline-block;font-size:18px;color:#222;background:url(../img/content/ceo-signm.jpg) no-repeat right center;line-height:1.5em;padding-right:130px;}
}
@media only screen and (max-width:360px){
	.ceo-wrap .ceo {width:100px;height:100px;}
}


/* =====================================
   brochure-wrap
===================================== */

.brochure-wrap { position: relative; min-height: 644px; padding-left: 600px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 460px; }
.brochure-img .left { width: 100%; margin-top:-1px; }
.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
.brochure-img .left li { float: left; width: 100%; height: 644px; overflow: hidden; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.30); }
.brochure-txt { clear: both; padding: 40px 0px 30px; }
.brochure-txt .tit { font-size: 14px; color: #aaa; line-height: 1.3; margin-bottom: 30px; font-weight: 500; font-family: 'Roboto'; }
.brochure-txt .txt { font-size: 50px; color: #000; line-height: 1.2; margin-bottom: 30px; font-weight: 200; }
.info { position: relative; display: block; font-size: 18px; color: #555; letter-spacing: -1px; line-height: 24px; }
.icon-download { width: 30px; height: 17px; margin: 0px 0px 0 0px; background-image: url(../img/content/brochure-icon-down.png); }
.icon-pdf { width: 30px; height: 17px; margin: -3px 10px 0 20px; background-image: url(../img/content/brochure-icon-pdf.png); }
[class^=icon-] { display: inline-block; overflow: hidden; margin: 0; padding: 0; border: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; line-height: 0; text-decoration: none; vertical-align: middle; text-indent: -1000em;}
/* brochure-btn */
.brochure-btn { text-align: left; margin-bottom: 10rem; }
.brochure-btn button { min-width: 15rem; border: 1px solid #ddd; background: #fff; color: #555; padding: 1.2rem 0; font-size: 16px; border-radius: 8px;}
.brochure-btn button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #003864; color: #fff; border-color: #003864; }
.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #003864; border: 1px solid #003864; }
 
	@media only screen and (max-width:1260px) {
	}
	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:999px) {
	.brochure-wrap { position: relative; min-height: 400px; padding-left: 330px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 290px; }
	.brochure-img .left { width: 100%; margin-bottom: 10px; }
	.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
	.brochure-img .left li { float: left; width: 100%; height: 400px; overflow: hidden; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.30); }
	.brochure-txt { clear: both; padding: 20px 0px; }
	.brochure-txt .tit { font-size: 14px; color: #aaa; line-height: 1.3; margin-bottom: 30px; font-weight: 500; font-family: 'Roboto'; }
	.brochure-txt .txt { font-size: 30px; color: #000; line-height: 1.3; margin-bottom: 20px; font-weight: 200; }
	.info { position: relative; display: block; font-size: 16px; color: #555; letter-spacing: -1px; line-height: 24px; }

	/* brochure-btn */
	.brochure-btn { text-align: left; margin-bottom: 3rem; }
	.brochure-btn button { min-width: 10rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .8rem 0;}
	.brochure-btn button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
	.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #333; color: #fff; border-color: #333; }
	.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
	}

	@media only screen and (max-width:680px) {
	.brochure-wrap { margin-bottom: 20px; }
	.brochure-wrap { padding-left: 0; margin-top: 0px; }
	.brochure-wrap .brochure-img { position: static; width: 100%; }
	.brochure-img .left { width: 100%; height: 100%; margin-bottom: 10px; }
	.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
	.brochure-img .left li { float: left; width: 100%; height: 100%; }
	.brochure-txt { clear: both; padding: 30px 0px 30px; border-top: 1px solid #000; border-bottom: 0px solid #ddd; text-align: left; }
	.brochure-txt .txt { font-size: 1.3rem; color: #000; line-height: 1.3; margin-bottom: 10px; text-align: left; font-weight: 400; }
	.info { position: relative; display: block; text-align: left; font-size: 14px; color: #555; padding: 10px 0 20px; letter-spacing: -1px; }
	.info br { display: none; }
	.brochure-btn { text-align: left; margin-bottom: 2rem; }
	.brochure-btn button { min-width: 10rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .8rem 0;}
	br { display: block; }
	}
	@media only screen and (max-width:480px) {
	}


/* ======================================================
   .round-tab
=========================================================*/
.round-tab {display:flex; flex-wrap:wrap;  overflow:hidden;}
.round-tab li {display:table-cell; float:left; width:50%; margin-bottom:-1px; border:0 none; background:#f2f3f5; box-sizing:border-box;}
.round-tab.w2p li {width:50%; border-right:none;}
.round-tab.w3p li {width:33.33%;}
.round-tab.w4p li {width:25%;}
.round-tab.w5p li {width:50%;}
.round-tab a {overflow:hidden; display:block; font-size:13px; height:40px; line-height:40px; text-align:center; color:#999;text-overflow:ellipsis; white-space:nowrap; font-weight:bold; padding:0 50px;}
.round-tab .active {background-color:#00aaaf; background:linear-gradient(315deg, #104691 15%, #43b4e1 100%);}
.round-tab .active a {color:#fff;}

@media(min-width:768px) {
	.round-tab.w2p li {width:50%;}
	.round-tab.w3p li {width:33.33%;}
	.round-tab.w4p li {width:25%;}
	.round-tab.w5p li {width:20%;}
}

@media(min-width:1024px) {
	.round-tab {display:table; width:auto; max-width:700px; margin:0 auto; table-layout:fixed;  border:none;background:#f2f3f5; border-radius:100px; overflow:initial; padding:0px; box-sizing:border-box;}
	.round-tab li {float:none; display:table-cell; width:auto; vertical-align:middle; margin:0; background:none;}
	.round-tab li + li {border-left:0 none;}
	.round-tab a {display:block; padding:0 40px; height:50px; line-height:50px; text-align:center; color:#999; font-size:17px;}
	.round-tab a:hover {color:#111;}
	.round-tab .active {padding:0; border-radius:100px;}
	.round-tab .active a {color:#fff; font-weight:bold; border:none; border-radius:100px; box-shadow:0 5px 10px rgba(0, 0, 0, .1);}
}

@media(max-width:1199px) {
	.round-tab li:nth-child(3n) {border-right:0 none;}
	.round-tab li:nth-child(3n + 1) {clear:both;}
	.round-tab.w4p li:nth-child(3n + 1) {clear:none;}
}

@media screen and (min-width:1200px) {
	.round-tab.w2p li {width:auto;}
	.round-tab.w3p li {width:auto;}
	.round-tab.w4p li {width:auto;}
	.round-tab.w5p li {width:auto;}
	.round-tab a {padding:0 70px; height:60px; line-height:60px; font-size:18px;}
}