@charset "utf-8";

/* ======================================================
   about-wrap.mission 
=========================================================*/
.about-wrap.mission{position:relative;}

.about-wrap.mission .info{min-height:580px;position:relative; padding-left:15px; padding-top:0;}
.about-wrap.mission .info .img{width:640px; height:100%; position:absolute; right:0; top:0;background:url(../_Img/Content/mission-img01.jpg) no-repeat center top; background-size:cover; display:block; content:""}
.about-wrap.mission .info dl{}
.about-wrap.mission .info dt{font-weight:600; font-size:48px; letter-spacing:-0.03em; line-height:1.3em; color:#000;}
.about-wrap.mission .info dt span{position:relative; padding-top:27px; display:inline-block;vertical-align:top;}
.about-wrap.mission .info dt span:before{width:170px;height:4px; background:#ff8518; position:absolute; left:0; top:0; display:block; content:""}
.about-wrap.mission .info dd{ margin-top:30px;}
.about-wrap.mission .info dd .btxt{color:#000; font-weight:300; font-size:36px; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:20px;}
.about-wrap.mission .info dd .stxt{font-weight:300; color:#000 ;line-height:1.35em; font-size:17px; letter-spacing:-0.03em; }

.about-wrap.mission .info dl.last{margin-top:100px;}
.about-wrap.mission .info dl.last dt span:before{background:#373e8f;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.mission .info{min-height:auto; padding-right:55%; padding-bottom:25px;}
		.about-wrap.mission .info .img{width:50%;}
		.about-wrap.mission .info dt{font-size:41px;}
		.about-wrap.mission .info dt span{position:relative; padding-top:25px;}
		.about-wrap.mission .info dt span:before{height:3px;width:100%;}

		.about-wrap.mission .info dd{ margin-top:25px;}
		.about-wrap.mission .info dd .btxt{font-size:31px;margin-bottom:15px;}
		.about-wrap.mission .info dd .stxt{font-size:16px;}

		.about-wrap.mission .info dl.last{margin-top:90px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.mission .info{padding-left:10px;}
		.about-wrap.mission .info dt{font-size:36px;}
		.about-wrap.mission .info dt span{position:relative; padding-top:20px;}
		.about-wrap.mission .info dt span:before{height:2px;}

		.about-wrap.mission .info dd{ margin-top:20px;}
		.about-wrap.mission .info dd .btxt{font-size:27px;margin-bottom:10px;}
		.about-wrap.mission .info dd .stxt{font-size:15px; word-break: keep-all;}
		.about-wrap.mission .info dd .stxt br{display:none;}

		.about-wrap.mission .info dl.last{margin-top:70px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.mission .info{padding-left:5px;}
		.about-wrap.mission .info dt{font-size:29px;}
		.about-wrap.mission .info dt span{padding-top:15px;}
		.about-wrap.mission .info dt span:before{height:2px;}

		.about-wrap.mission .info dd{ margin-top:15px;}
		.about-wrap.mission .info dd .btxt{font-size:24px;margin-bottom:10px;}
		.about-wrap.mission .info dd .stxt{}
	}
	@media only screen and (max-width:580px){
		.about-wrap.mission .info{padding-right:0; padding-left:0;}
		.about-wrap.mission .info .img{height:250px; position:relative; right:auto; top:auto; width:auto; margin-top:30px;}

		.about-wrap.mission .info dd{margin-top:10px}

		.about-wrap.mission .info dl.last{margin-top:30px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.mission .info .img{height:200px;}
	}


.about-wrap.mission .tactic{margin-top:110px;background:url(../_Img/Content/tactic-img01.jpg) no-repeat center top; background-size:cover; height:400px;display:flex;align-items: center; justify-content: center;}
.about-wrap.mission .tactic .vc{width:100%;}
.about-wrap.mission .tactic .btxt{font-size:36px;text-align:center; color:#fff; letter-spacing:-0.035em; line-height:1.2em;word-break: keep-all; }
.about-wrap.mission .tactic .txt{margin-top:25px;}
.about-wrap.mission .tactic .txt li{text-align:center;}
.about-wrap.mission .tactic .txt li:nth-child(n+2){margin-top:5px;}
.about-wrap.mission .tactic .txt p{display:inline-block;vertical-align:top; padding-left:10px; position:relative;font-weight:300; color:#fff ;line-height:1.35em; font-size:16px; letter-spacing:-0.03em; }
.about-wrap.mission .tactic .txt p:before{width:3px;height:3px; position:absolute; left:0; top:9px; background:#fff; border-radius:100%; display:block;content:""}
	@media only screen  and (max-width:1350px) {
		.about-wrap.mission .tactic{margin-top:90px; height:360px;}
		.about-wrap.mission .tactic .btxt{font-size:31px;}
		.about-wrap.mission .tactic .txt p{font-size:15px}
		.about-wrap.mission .tactic .txt p:before{top:8px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.mission .tactic{margin-top:70px; height:320px;}
		.about-wrap.mission .tactic .btxt{font-size:27px; padding:0 20px;}
		.about-wrap.mission .tactic .txt{margin-top:20px;}
		.about-wrap.mission .tactic .txt ul{padding:0 20px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.mission .tactic{margin-top:40px;}
		.about-wrap.mission .tactic .btxt{font-size:24px;}
		.about-wrap.mission .tactic .txt{text-align:center;}
		.about-wrap.mission .tactic .txt ul{display:inline-block;vertical-align:top;}
		.about-wrap.mission .tactic .txt li{text-align:left;}
		.about-wrap.mission .tactic .txt p{font-size:14px; padding-left:8px;}
		.about-wrap.mission .tactic .txt p:before{top:8px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.mission .tactic{margin-top:30px;}
		.about-wrap.mission .tactic .btxt{font-size:21px;}
	}

.about-wrap.mission .purpose{ margin-top:65px; padding:0 15px;}
.about-wrap.mission .purpose h3{font-size:36px; font-weight:300; color:#000; letter-spacing:-0.035em; line-height:1.2em; }
.about-wrap.mission .purpose ul{margin-top:25px;}
.about-wrap.mission .purpose li{padding:40px 0 40px 270px;position:relative;}
.about-wrap.mission .purpose li:nth-child(n+2){border-top:1px solid #e4e4e4}
.about-wrap.mission .purpose li:nth-child(n+2) .btxt{color:#f68933;}
.about-wrap.mission .purpose li .btxt{position:absolute; left:0; font-size:27px; top:40px; color:#5a166a; font-weight:300; line-height:1.15em; word-break: keep-all;}
.about-wrap.mission .purpose li .txt{}
.about-wrap.mission .purpose li .txt p{font-weight:300; color:#000 ;line-height:1.4em; font-size:17px; letter-spacing:-0.03em;word-break: keep-all; }
.about-wrap.mission .purpose li .mg25t{}
	@media only screen  and (max-width:1350px) {
		.about-wrap.mission .purpose{margin-top:50px;} 
		.about-wrap.mission .purpose h3{font-size:31px;}
		.about-wrap.mission .purpose ul{margin-top:20px;}
		.about-wrap.mission .purpose li{padding:30px 0 30px 270px;}
		.about-wrap.mission .purpose li .btxt{font-size:25px; top:30px;}
		.about-wrap.mission .purpose li .txt p{font-size:16px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.mission .purpose{margin-top:40px;padding:0 10px;} 
		.about-wrap.mission .purpose h3{font-size:27px;}
		.about-wrap.mission .purpose ul{margin-top:15px;}
		.about-wrap.mission .purpose li{padding:20px 0 20px 220px;}
		.about-wrap.mission .purpose li .btxt{font-size:21px; top:20px;}
		.about-wrap.mission .purpose li .txt p{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.mission .purpose{margin-top:30px;padding:0 5px;} 
		.about-wrap.mission .purpose h3{font-size:24px;}
		.about-wrap.mission .purpose ul{}
		.about-wrap.mission .purpose li{padding:0}
		.about-wrap.mission .purpose li:nth-child(n+2){margin-top:25px; padding-top:25px;}
		.about-wrap.mission .purpose li .btxt{font-size:18px;position:relative; left:auto; top:auto; margin-bottom:10px;}
		.about-wrap.mission .purpose li .btxt br{display:none;}
		.about-wrap.mission .purpose li .txt p{}
	}
	@media only screen and (max-width:480px){
		.about-wrap.mission .purpose h3{font-size:21px;}
	}





/* ======================================================
   about-wrap.goal 
=========================================================*/
.about-wrap.goal{max-width:1100px; margin:0 auto;}
.about-wrap.goal .found{font-size:0;text-align:center; padding-top:170px;position:relative;}
.about-wrap.goal .found:after{width:2000px;height:420px; background:url(../_Img/Content/goal-vis.jpg) no-repeat center top; z-index:-1;position:absolute; left:50%;margin-left:-1000px; top:0;display:block; content:""}
.about-wrap.goal .found dt{font-size:48px; font-weight:500; color:#2d2d2d; line-height:1.2em;margin-bottom:80px; letter-spacing:-0.03em;}
.about-wrap.goal .found dd{display:inline-block; width:33.33333%; max-width:400px;vertical-align:top; }
.about-wrap.goal .found dd div{display:flex;align-items: center; justify-content: center;height:260px;}
.about-wrap.goal .found dd p{font-size:20px; font-weight:500; letter-spacing:-0.03em; line-height:1.3em;  color:#fff;}

.about-wrap.goal .found dd.d01{background:url(../_Img/Content/goal-img01.jpg) no-repeat center top; background-size:cover}
.about-wrap.goal .found dd.d02{margin-left:-50px; margin-top:-20px;background:url(../_Img/Content/goal-img02.jpg) no-repeat center top; background-size:cover}
.about-wrap.goal .found dd.d03{margin-left:-50px;background:url(../_Img/Content/goal-img03.jpg) no-repeat center top; background-size:cover}
	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .found{padding-top:140px;}
		.about-wrap.goal .found:after{width:1680px; margin-left:-840px; height:365px; background-size:cover;}
		.about-wrap.goal .found dt{font-size:43px; margin-bottom:70px;}

		.about-wrap.goal .found dd div{height:230px}
		.about-wrap.goal .found dd p{font-size:19px;}

		.about-wrap.goal .found dd.d02{margin-left:-1%;}
		.about-wrap.goal .found dd.d03{margin-left:-1%;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .found{padding-top:110px;}
		.about-wrap.goal .found:after{width:1440px;margin-left:-720px;  height:315px;}
		.about-wrap.goal .found dt{font-size:38px; margin-bottom:60px;}
		
		.about-wrap.goal .found dd div{height:200px}
		.about-wrap.goal .found dd p{font-size:18px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .found{padding-top:80px;}
		.about-wrap.goal .found:after{width:1190px;margin-left:-595px; height:260px;}
		.about-wrap.goal .found dt{font-size:33px; margin-bottom:50px;}
		
		.about-wrap.goal .found dd.d02{margin-left:-0.5%;}
		.about-wrap.goal .found dd.d03{margin-left:-0.5%;}
		
		.about-wrap.goal .found dd div{height:170px}
		.about-wrap.goal .found dd p{font-size:17px; word-break: keep-all; padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .found{padding-top:50px;}
		.about-wrap.goal .found:after{width:1050px;margin-left:-525px; height:235px;}
		.about-wrap.goal .found dt{font-size:27px; margin-bottom:40px;}

		.about-wrap.goal .found dd{display:inline-block;width:96%;}
		.about-wrap.goal .found dd.d01{margin-left:0; border-top-left-radius:14px;/* border-top-right-radius:14px; */}
		.about-wrap.goal .found dd.d02{margin-left:0; margin-top:10px;}
		.about-wrap.goal .found dd.d03{margin-left:0; margin-top:10px; border-bottom-right-radius:14px;/*  border-bottom-left-radius:14px; */}

		.about-wrap.goal .found dd div{height:140px}
		.about-wrap.goal .found dd p{}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .found:after{width:920px;margin-left:-460px; height:200px;}
		.about-wrap.goal .found dt{font-size:24px; margin-bottom:30px;}
		.about-wrap.goal .found dd div{height:110px}
		.about-wrap.goal .found dd.d02{margin-top:7px;}
		.about-wrap.goal .found dd.d03{margin-top:7px;}
	}

.about-wrap.goal .history{margin-top:115px; border-bottom:2px solid #3a3a3a;}
.about-wrap.goal .history h3{ font-family:'GothamPro'; font-weight:800; line-height:1.2em; font-size:36px; text-transform:uppercase; color:#2d2d2d; text-align:center;}
.about-wrap.goal .history .tab{margin-top:25px; border-top:2px solid #3a3a3a; border-bottom:2px solid #cfcfcf}
.about-wrap.goal .history .tab ul{}
.about-wrap.goal .history .tab ul:after{display:block; content:"";clear:both;}
.about-wrap.goal .history .tab li{float:left; width:20%;}
.about-wrap.goal .history .tab li a{display:block; padding:22px 0; line-height:24px; text-align:center; font-size:26px; color:#bbb;font-weight:800; font-family:'GothamPro';}
.about-wrap.goal .history .tab li a span{display:inline-block;vertical-align:top; position:relative;}
.about-wrap.goal .history .tab li.active a {color:#2d2d2d}
.about-wrap.goal .history .tab li.active a span{padding-left:24px;}
.about-wrap.goal .history .tab li.active a span:before{width:15px;height:15px;background:#ff8519; border-radius:100%; position:absolute; left:0; top:4px; display:block; content:""}
.about-wrap.goal .history .tab li:nth-child(n+6){border-top:1px solid #cfcfcf}
.about-wrap.goal .history .tab-sel{display:none;width:100%;}
.about-wrap .chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.about-wrap .chk-select:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; background-size:9px auto;position:absolute; width:12px; height:10px; margin-top:-5px; position:absolute; right:9px; top:50%; display:block; content:""; z-index:3}
.about-wrap .chk-select select{font-size:14px; border:1px solid #cacaca; width:100%; height:38px; color:#afafaf; box-sizing:border-box; padding:0 20px 0 7px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.about-wrap .chk-select select::-ms-expand{display:none;}
.about-wrap .chk-select.active select{color:#222;}

	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .history{margin-top:90px;}
		.about-wrap.goal .history h3{font-size:33px;}

		.about-wrap.goal .history .tab li a{font-size:24px; line-height:22px; padding:20px 0;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .history{margin-top:70px;}
		.about-wrap.goal .history h3{font-size:28px;}
		.about-wrap.goal .history .tab{margin-top:20px;}
		
		.about-wrap.goal .history .tab li{width:25%; position:relative;}
		.about-wrap.goal .history .tab li:after{width:100%;height:1px ; bottom:-1px; background:#cfcfcf; display:block; content:""; position:absolute;}
		.about-wrap.goal .history .tab li a{font-size:19px; line-height:20px; padding:17px 0;}
		.about-wrap.goal .history .tab li.active a span{padding-left:20px;}
		.about-wrap.goal .history .tab li.active a span:before{width:12px;height:12px; top:4px;}
		.about-wrap.goal .history .tab li:nth-child(n+5){border-top:1px solid #cfcfcf}
		
		.about-wrap.goal .history .tab{border-bottom:none; padding-top:10px;}
		.about-wrap.goal .history .tab-sel{display:block;}
		.about-wrap.goal .history .tab ul{display:none;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .history{margin-top:55px;}
		.about-wrap.goal .history h3{font-size:25px;}
		.about-wrap.goal .history .tab{margin-top:15px;}
		
		.about-wrap.goal .history .tab li{width:33.333333%}
		.about-wrap.goal .history .tab li a{font-size:17px; line-height:18px; padding:14px 0;}
		.about-wrap.goal .history .tab li.active a span{padding-left:16px;}
		.about-wrap.goal .history .tab li.active a span:before{width:10px;height:10px; top:4px;}
		.about-wrap.goal .history .tab li:nth-child(n+4){border-top:1px solid #cfcfcf}
		
		.about-wrap .chk-select select{height:35px;padding-left:5px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .history{margin-top:40px;}
		.about-wrap.goal .history h3{font-size:21px;}
		
		.about-wrap.goal .history .tab li{width:50%}
		.about-wrap.goal .history .tab li a{font-size:15px; line-height:16px; padding:12px 0;}
		.about-wrap.goal .history .tab li:nth-child(n+3){border-top:1px solid #cfcfcf}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .history .tab li a{}
	}

.about-wrap.goal .history .list{position:relative;padding:60px 120px 60px 120px;}
.about-wrap.goal .history .list.hide{display:none;}
.about-wrap.goal .history .list dl{position:relative; padding-left:122px;}
.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:50px;}
.about-wrap.goal .history .list dt{position:absolute; left:0; top:0; line-height:18px; padding-left:15px;font-size:24px; font-weight:400; color:#2d2d2d;font-family:'GothamPro';}
.about-wrap.goal .history .list dt:before{width:4px;height:17px; position:absolute; left:0; top:1px; display:block; content:"";background:#ff8519;}
.about-wrap.goal .history .list dd{position:relative; padding-left:50px;}
.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:35px;}
.about-wrap.goal .history .list dd .btxt{font-size:16px; font-weight:500; color:#2d2d2d; line-height:1.2em; letter-spacing:-0.03em;position:absolute; left:0; top:0;}
.about-wrap.goal .history .list dd .stxt{position:relative;padding-left:10px; font-size:16px; color:#515151; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap.goal .history .list dd .stxt:before{width:2px;height:2px; position:absolute; left:0; top:9px; display:block; content:"";background:#747474;}
.about-wrap.goal .history .list dd .stxt:nth-child(n+2){margin-top:4px;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .history .list{padding:50px 100px;}
		
		.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:25px;}

	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .history .list{padding:45px 80px;}

		.about-wrap.goal .history .list dl{padding-left:110px}
		.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:40px;}
		.about-wrap.goal .history .list dt{font-size:21px}
		.about-wrap.goal .history .list dd{padding-left:45px;}
		.about-wrap.goal .history .list dd .btxt{font-size:15px;}
		.about-wrap.goal .history .list dd .stxt{font-size:15px; padding-left:8px;}
		.about-wrap.goal .history .list dd .stxt:before{top:7px;}


		.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:15px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .history .list{padding:35px 30px;}

		.about-wrap.goal .history .list dl{padding-left:0}
		.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:35px;}
		.about-wrap.goal .history .list dt{font-size:19px;padding-left:12px; position:relative; left:auto; top:auto; margin-bottom:15px;}
		.about-wrap.goal .history .list dt:before{width:3px; height:15px; top:2px;}
		.about-wrap.goal .history .list dd{padding-left:40px; margin-left:12px;}
		.about-wrap.goal .history .list dd .btxt{font-size:14px;}
		.about-wrap.goal .history .list dd .stxt{font-size:14px; padding-left:7px;}
		.about-wrap.goal .history .list dd .stxt:before{top:7px;}

	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .history .list{padding:25px 20px;}
		.about-wrap.goal .history .list dd{}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .history .list{padding:25px 10px;}
	}



/* ======================================================
   about-wrap.preview 
=========================================================*/
body.preview{background:url(../_Img/Content/preview-bg.jpg) no-repeat center center #ededed;background-attachment:fixed;}

.about-wrap.preview{max-width:1100px; margin:0 auto;padding:150px 0;}
.about-wrap.preview h2{font-size:48px;font-weight:500; color:#2d2d2d; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:145px; text-align:center;}
.about-wrap.preview h3{position:relative;line-height:1.2em; padding-left:15px;font-size:24px; font-weight:500;letter-spacing:-0.03em; color:#2d2d2d; margin-bottom:15px}
.about-wrap.preview h3:before{width:4px;height:17px; position:absolute; left:0; top:6px; display:block; content:"";background:#ff8519;}

.about-wrap.preview table{table-layout:fixed;border-top:2px solid #3a3a3a;}
.about-wrap.preview table thead th{background:#494949; font-size:16px; color:#fff ;text-align:center; font-weight:300; line-height:1.2em; padding:13px 0; border-bottom:1px solid #cfcfcf}
.about-wrap.preview table thead tr th:first-child{background:#fff; color:#4e4e4e;}
.about-wrap.preview table tbody th{padding:13px 0;text-align:center;font-size:16px; font-weight:500; color:#2d2d2d; letter-spacing:-0.03em; background:#f2f2f2;border-bottom:1px solid #cfcfcf}
.about-wrap.preview table tbody td{padding:13px 25px;text-align:left;font-size:16px; font-weight:300; color:#2d2d2d; letter-spacing:-0.03em; background:#fff;border-bottom:1px solid #cfcfcf}
	@media only screen  and (max-width:1350px) {
		.about-wrap.preview{padding:120px 0}
		.about-wrap.preview h2{font-size:43px; margin-bottom:120px;}
		.about-wrap.preview h3{font-size:21px;}
		.about-wrap.preview h3:before{width:4px;height:15px;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.preview{padding:90px 0 0 0}
		.about-wrap.preview h2{font-size:38px; margin-bottom:95px;}
		.about-wrap.preview h3{font-size:18px; padding-left:12px;}
		.about-wrap.preview h3:before{width:3px;height:14px; top:4px; margin-bottom:10px;}

		.about-wrap.preview table thead th{font-size:15px; padding:11px 0;}
		.about-wrap.preview table tbody th{padding:11px 0; font-size:15px;}
		.about-wrap.preview table tbody td{padding:11px 20px; font-size:15px}
	}
	@media only screen and (max-width:680px){
		.about-wrap.preview{padding:60px 0 0 0}
		.about-wrap.preview h2{font-size:33px; margin-bottom:70px;}
		.about-wrap.preview h3{font-size:17px;padding-left:10px;}
		.about-wrap.preview h3:before{width:3px;height:14px; top:3px;}
		
		.about-wrap.preview table colgroup col:first-child{width:62px;}
		.about-wrap.preview table thead th{font-size:14px; padding:9px 0 11px 0;}
		.about-wrap.preview table tbody th{padding:9px 0 11px 0;font-size:14px;}
		.about-wrap.preview table tbody td{padding:9px 15px 11px 15px;font-size:14px}
	}
	@media only screen and (max-width:480px){
		.about-wrap.preview{padding:40px 0 0 0}
		.about-wrap.preview h2{font-size:27px; margin-bottom:40px;}
		.about-wrap.preview h3{font-size:16px}
	}
	@media only screen and (max-width:380px){
		.about-wrap.preview h2{font-size:24px;margin-bottom:25px;}
	}
.about-wrap.preview .preview{margin-top:105px;padding:80px 50px 0 140px;background:#fff; position:relative;   border-top:2px solid #2d2d2d;border-bottom:2px solid #2d2d2d}
.about-wrap.preview .preview .tab{position:absolute; left:0; top:0; width:90px;height:100%;min-height:979px;}
.about-wrap.preview .preview .tab:before{position:absolute; left:0; top:0; width:100%;height:100%; border:1px solid #dbdbdb;border-top:0; border-bottom:none; box-sizing:border-box;z-index:1; background:#fff; display:block; content:""}
.about-wrap.preview .preview .tab ul{position:relative;z-index:2;}
.about-wrap.preview .preview .tab ul:after{display:block; content:"";clear:both;}
.about-wrap.preview .preview .tab li{border-bottom:1px solid #dbdbdb}
.about-wrap.preview .preview .tab li:last-child{border-bottom:none;}
.about-wrap.preview .preview .tab li a{display:block; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.03em; line-height:69px;}
.about-wrap.preview .preview .tab li.active a{background:#373d90; color:#fff;}

.about-wrap.preview .preview .con{box-sizing:border-box;min-height:899px; position:relative;}
.about-wrap.preview .preview .tab-con{position:relative; left:auto; top:auto; width:auto; height:auto;}
.about-wrap.preview .preview .tab-con.hide{display:block;position:absolute ; left:-999999999em; top:-999999999em; width:100%;height:auto;}

.about-wrap.preview .preview-slide{position:relative;}
.about-wrap.preview .preview-slide .item{position:relative;}
.about-wrap.preview .preview-slide .img img{width:100%;}
.about-wrap.preview .preview-slide .txt{position:absolute; left:0; top:0; width:100%; text-align:left; box-sizing:border-box; padding:17px 35px;background:rgba(0,0,0,0.6)}
.about-wrap.preview .preview-slide .txt p{font-size:16px; letter-spacing:-0.03em; color:#fff;}
.about-wrap.preview .preview-slide .txt p span{font-size:24px;font-weight:500; margin-right:12px}

.about-wrap.preview .thums{margin:32px -0.5% 0 -0.5%}
.about-wrap.preview .thums:after{display:block; content:""; clear:both;}
.about-wrap.preview .thums li{float:left; width:19%; margin:0 0.5%}
.about-wrap.preview .thums li:nth-child(n+6){margin-top:1%}
.about-wrap.preview .thums li a{display:block;position:relative;}
.about-wrap.preview .thums li a:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(255,255,255,0.3); display:block; content:"";}
.about-wrap.preview .thums li a img{width:100%;height:107px;height:98px;object-fit:cover;-webkit-filter: grayscale(100%);filter: gray;opacity:0.8}
.about-wrap.preview .thums li.active{z-index:5;}
.about-wrap.preview .thums li.active a:after{opacity:0}
.about-wrap.preview .thums li.active a img{-webkit-filter: grayscale(0%);filter: none; opacity:1;}

.about-wrap.preview .slick-prev{width:30px;height:50px;text-indent:-9999em;z-index:912; position:absolute; left:15px; top:50%;margin-top:-25px; background:url(../_Img/Content/preview-prev.png) no-repeat center center;border:none;}
.about-wrap.preview .slick-next{width:30px;height:50px;text-indent:-9999em;z-index:912; position:absolute; right:15px; top:50%;margin-top:-25px; background:url(../_Img/Content/preview-next.png) no-repeat center center;border:none;}

.about-wrap.preview .disabled{display:none;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.preview .preview{margin-top:75px;padding:60px 40px 0 120px;}
		.about-wrap.preview .preview .tab{width:80px;min-height:860px;}
		.about-wrap.preview .preview .tab li a{line-height:60px; font-size:16px;}

		.about-wrap.preview .preview .con{min-height:800px;}

		.about-wrap.preview .thums{margin-top:25px}
		.about-wrap.preview .thums li a img{height:95px;}

		.about-wrap.preview .preview-slide .txt{padding:15px 25px}
		.about-wrap.preview .preview-slide .txt p{font-size:15px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:21px; margin-right:10px;}
		.about-wrap.preview .slick-prev{left:10px;width:20px;height:40px; margin-top:-20px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:10px;width:20px;height:40px; margin-top:-20px; background-size:70% auto;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.preview .preview{margin-top:50px;padding:0 0 0 0;}
		.about-wrap.preview .preview .tab{position:relative; min-height:auto; width:auto; height:auto; left:auto; top:auto;}
		.about-wrap.preview .preview .tab:before{border:none;border-bottom:1px solid #dbdbdb;}
		.about-wrap.preview .preview .tab li{float:left; width:10%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:50px; font-size:15px;}
		.about-wrap.preview .preview .tab li:before{width:1px;height:100%; position:absolute; right:0; top:0;display:block; content:"";background:#dbdbdb}
		.about-wrap.preview .preview .tab li:nth-child(10n):before{display:none;}
		.about-wrap.preview .preview .tab li.active:before{display:none;}
		
		.about-wrap.preview .preview .con{min-height:auto; margin:30px 30px 0 30px; padding-bottom:30px;}

		.about-wrap.preview .preview-slide .txt{padding:10px 20px; position:relative; left:auto; top:auto;background:#444;}
		.about-wrap.preview .preview-slide .txt p{font-size:14px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:18px; margin-right:7px;}
		
		.about-wrap.preview .thums{margin-top:20px}
		.about-wrap.preview .thums li{ width:24%;}
		.about-wrap.preview .thums li:nth-child(n+5){margin-top:1%}
		.about-wrap.preview .thums li a img{height:auto;object-fit:fill;}

		.about-wrap.preview .slick-prev{left:10px;width:14px;height:30px; margin-top:-15px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:10px;width:14px;height:30px; margin-top:-15px; background-size:70% auto;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.preview .preview{margin-top:35px;}
		.about-wrap.preview .preview .tab li{float:left; width:12.5%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:45px;}
		.about-wrap.preview .preview .tab li:nth-child(10n):before{display:block;}
		.about-wrap.preview .preview .tab li:nth-child(8n):before{display:none !important;}

		.about-wrap.preview .preview .con{margin:15px 15px 0 15px; padding-bottom:15px;}

		.about-wrap.preview .preview-slide .txt{padding:7px 15px;}
		.about-wrap.preview .preview-slide .txt p{font-size:13px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:16px; margin-right:7px;}
		
		.about-wrap.preview .thums{margin-top:15px}
		.about-wrap.preview .thums li{ width:32.33333%;}
		.about-wrap.preview .thums li:nth-child(n+4){margin-top:1%}
		.about-wrap.preview .thums li a img{}

		.about-wrap.preview .slick-prev{left:5px;width:12px;height:30px; margin-top:-15px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:5px;width:12px;height:30px; margin-top:-15px; background-size:70% auto;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.preview .preview{margin-top:20px;}
		.about-wrap.preview .preview .tab li{float:left; width:16.66666%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:38px;font-size:14px;}
		.about-wrap.preview .preview .tab li:nth-child(8n):before{display:block !important;}
		.about-wrap.preview .preview .tab li:nth-child(6n):before{display:none !important;}

		.about-wrap.preview .preview .con{margin:12px 12px 0 12px; padding-bottom:12px;}

		.about-wrap.preview .preview-slide .txt{padding:5px 10px;}
		.about-wrap.preview .preview-slide .txt p{font-size:13px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:15px; margin-right:5px;}
	}
	@media only screen and (max-width:380px){
		.about-wrap.preview .preview .tab li{width:20%;}
		.about-wrap.preview .preview .tab li a{line-height:35px;font-size:13px;}
		.about-wrap.preview .preview .tab li:nth-child(6n):before{display:block !important;}
		.about-wrap.preview .preview .tab li:nth-child(5n):before{display:none !important;}
	}
	

/* ======================================================
	owl slide 
=========================================================*/
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}