@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;

	color: #000;
letter-spacing: -0.3px;
font-family: "century gothic" !important;
}

*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;color: #000; font-family: "kr";}

b{line-height:1.3}

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "century gothic" !important;}
body { line-height:2}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1;font-family: "century gothic";}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:1;font-family: "century gothic";}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1;font-family: "century gothic";}



.td-space{padding: 160px 0;width: 100%;height: auto;}
.t-space{padding-top: 160px;width: 100%;height: auto;}
.d-space{padding-bottom: 160px;width: 100%;height: auto;}

.margin-t{margin-top: 70px;width: 100%;height: auto;}
.w90{width: 85%;max-width: 1560px;height: auto;margin: 0 auto;}
.title{width:100%;height:auto;}
.title b{font-size: 52px;color: #000000;font-family: "kr";text-transform: capitalize; font-weight: normal;line-height: 1.2;}
.title p{font-size: 24px;color: #000000;font-family: "kr";text-transform: uppercase;margin-top: 10px;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 16px;color: #000000;}


.bks-txt{background: none;  top: 5.5%; position: absolute;left: 0;text-align: left;width: 100%;z-index: -1;} 
.bks-txt a {color: currentColor;display: inline-block;padding-right: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px currentColor;
text-stroke: 1px rgba(0,0,0,0.08);-webkit-text-stroke: 1px rgba(0,0,0,0.08);font-family: "kr";text-transform: uppercase;font-size: 200px;line-height: 1.2; color: rgba(0,0,0,0.08);
} 
.bks-txt:hover{background:none;}
.page-topbox{position: relative;height: auto;margin-top:-260px; width: 100%;z-index: 33;}
.view{width: 160px;height: 160px;background: #FE5900;display: block;position: absolute;right: 0;top: 50%; border-radius: 100%;}
.view i{display: inline-block;width: 60px;height: auto;position: absolute;top:50%;left: 50%;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}
.title-box{ position: relative;z-index: 0;}
.title-box .bks-txt{top:auto;bottom: 100%; transform: translateY(50%);-webkit-transform: translateY(50%);-ms-transform: translateY(50%);-moz- transform: translateY(50%);-o- transform: translateY(50%);}
.title-box .title-box-top{border-top: 5px solid; border-color: #FE5900;padding-top: 55px;}
@media only screen and (max-width:1680px) {	
.td-space{padding: 120px 0;}
.t-space{padding-top: 120px;}
.d-space{padding-bottom: 120px;}
.margin-t{margin-top: 65px;}
.title b{font-size:46px;}
.title p{font-size: 22px;}
.bks-txt a{font-size: 180px;}
.view{width: 140px;height: 140px;}
.view i{width: 50px;height: 50px;}
.page-topbox{margin-top: -240px;}	
}



@media only screen and (max-width:1440px) {
.td-space{padding:90px 0;}
.t-space{padding-top: 90px;}
.d-space{padding-bottom:90px;}
.margin-t{margin-top:55px;}
.title b{font-size: 44px;}
.title p{font-size: 20px;}
.txt-c p{font-size: 15px;}
.bks-txt a{font-size: 140px;}
.view{width: 120px;height: 120px;}
.view i{width:45px;height: 45px;}
.page-topbox{margin-top: -180px;}	
}

@media only screen and (max-width:1280px) {
.td-space{padding:70px 0;}
.t-space{padding-top:70px;}
.d-space{padding-bottom:70px;}
.margin-t{margin-top: 50px;}
.title b{font-size:40px;}
.title p{font-size:18px;}
.bks-txt a{font-size: 120px;}
.view{width: 100px;height: 100px;}
.view i{width:40px;height: 40px;}
.title-box .title-box-top{padding-top: 45px;}
.page-topbox{margin-top: -150px;}
	
}

@media only screen and (max-width:1024px) {
.w90{width: 90%;}	
.td-space{padding:60px 0;}
.t-space{padding-top:60px;}
.d-space{padding-bottom:60px;}
.margin-t{margin-top:45px;}
.title b{font-size:34px;}
.title p{font-size:16px;}
.txt-c p{font-size: 14px;}
.bks-txt a{font-size: 100px;}
.view{width: 80px;height: 80px;}
.view i{width:35px;height: 35px;}
.title-box .title-box-top{padding-top: 40px;border-top: 3px solid;}
.page-topbox{margin-top: -80px;}	
}
@media only screen and (max-width:767px) {
.title b{font-size:26px;}
.title p{font-size:15px;margin-top: 5px;}
.bks-txt a{font-size: 80px;}
.view{width:60px;height: 60px;}
.view i{width:30px;height: 30px;}
}







.header{width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 9999; background: #FFFFFF;border-bottom: 10px solid #fe5900}
.header .header-c{ width: 100%;padding: 0 5%;}
.header .header-c .logo{width: 220px;display: block; float: left;margin-top: 18px;}
.header .header-c .nav{width: calc(100% - 220px);float: right;}
.header .header-c .nav .navlist{width: calc(100% - 80px);font-size: 0;float: left;text-align: right;padding: 0 5%;}
.header .header-c .nav .navlist li{line-height: 100px;font-family:  "kr","ar"; position: relative; font-size: 20px;display: inline-block;margin: 0 2.5%; vertical-align: top;}
.header .header-c .nav .navlist li a{color: #000000;}
.header .header-c .nav .navlist li:hover a{color: #FE5900;}
.header .header-c .nav .navlist li.cut a{color: #FE5900;}

.header .header-c .nav .navlist li .down{z-index: 9999; display: none; background:#FE5900;line-height: 40px; border-top: 10px solid #FE5900; position:absolute;width:360px;left:calc(50% - 180px);top: 100px;text-align: center;}
.header .header-c .nav .navlist li .down a{ display: block; padding:10px 0;width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1);z-index: 0;  position: relative;font-weight: normal; font-family:  "kr","ar";vertical-align: top;font-size: 18px;color:rgba(0,0,0,0.8);}
.header .header-c .nav .navlist li .down a:hover{color: #000000;}
.header .header-c .nav .navlist li .down a:hover{color:#FE5900;}
.header .header-c .nav .navlist li .down a:after{content: "";position: absolute;left: 0;top: 0; width: 0%;height: 100%;z-index: -1; background: #000000;}
.header .header-c .nav .navlist li .down a:hover:after{transition: all 0.5s ease; width: 100%;}
.header .header-c .nav .navlist li .down a:last-child{border-bottom: none;}
.header .header-c .nav .navlist li:hover .down{transition: all 0.5s ease; display: block;}
.header .header-c .nav .lang{width: 80px;float: right;line-height: 100px; font-size: 20px;}
.header .header-c .nav .lang a{color: #FE5900;font-family:"kr";}
.header .header-c .nav .lang i{display: inline-block;vertical-align: middle;width:20px;height: auto;margin-right: 10px;}
.header .lang2{display: none;}
.header .toggle{display: none;}
body.body-bks{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
body.body-bks:before{content:""; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 998;}


@media only screen and (max-width:1680px) {
	.header .header-c .logo{width: 200px;margin-top: 20px;}
	.header .header-c .nav{width: calc(100% - 200px);}
	.header .header-c .nav .navlist li{margin: 0 2%;}
}

@media only screen and (max-width:1440px) {
	.header .header-c .logo{width: 180px;margin-top: 25px;}
	.header .header-c .nav{width: calc(100% - 180px);}
	.header .header-c .nav .navlist li{margin: 0 1.5%;font-size: 18px;}
	.header .header-c .nav .lang{font-size: 18px;}
	.header .header-c .nav .navlist li .down a{font-size: 18px;}
	.header .header-c .nav .navlist li .down{width:320px;left: calc(50% - 160px);}
}

@media only screen and (max-width:1280px) {
	.header .header-c .logo{width: 160px;margin-top: 20px;}
	.header .header-c .nav{width: calc(100% - 160px);}
	.header .header-c .nav .navlist li{margin: 0 1.5%;font-size: 15px;}	
	.header .header-c .nav .lang{font-size: 15px;}
.header .header-c .nav .navlist {padding: 0 3.5%;}
	.header .header-c .nav .navlist li .down a{font-size: 14px;}
	.header .header-c .nav .navlist li .down{width:280px;left: calc(50% - 140px);}
}

@media only screen and (max-width:1024px) {
.header{height:60px;border-bottom: 5px solid #FE5900;}
.header .lang2{font-size: 15px;line-height: 55px;right: calc(15% + 45px); color: #FE5900;position: absolute;top: 0;display: block;}
.header .lang2 a{color: #FE5900;font-family:"kr";}
.header .lang2 i{display: inline-block;vertical-align: middle;width:20px;height: auto;margin-right: 10px;}
.header .header-c .nav .lang{display: none;}
.header .toggle{display: block; width: 35px;height: auto;position: absolute;right: 5%;top:10px;}
.header .toggle img{display: block;width: 100%;height: auto;}
.header .toggle .img2{display: none;}
.header .toggle.open .img1{display: none;}
.header .toggle.open .img2{display: block;}
.header .header-c .logo{width: 110px;margin-top: 10px;}
.header .header-c .nav{z-index: 9999;float: none; display: none;position: fixed;top: 55px;left: 0;width: 100%;background:#FE5900;padding:0;max-height: calc(100% - 55px);overflow-x: hidden;overflow-y: auto;text-align: left;}
.header .header-c .nav .navlist{float: none; text-align: left; width: 100%;height: auto; padding: 0; text-align: left;}
.header .header-c .nav .navlist li{font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0.1);border-top: 0.5px solid rgba(0,0,0,0.1);  margin: 0; line-height:35px;padding: 10px 10% 10px 5%;width: 100%;display: block;}
.header .header-c .nav .navlist li a{color: #000;font-family:  "kr","ar";}
.header .header-c .nav .navlist li:hover >a{color:#000;}
.header .header-c .nav .navlist li.cut>a{color:#000;}
.header .header-c .nav .navlist li:hover:before{display:none;}
.header .header-c .nav .navlist li:before{display: none;}
.header .header-c .nav .navlist li .down{top: 0; text-align: left; position:relative;padding-left: 5%; width: 100%;background: none;left: 0;box-shadow: none;}
.header .header-c .nav .navlist li .down a{font-size: 17px; display: block;color:#000000;background: #FE5900;}
.header .header-c .nav .navlist li .down a:after{width: 100%;background: rgba(255,255,255,0);left: 0;}
.header .header-c .nav .navlist li .down a:last-child:after{display: none;}
.header .header-c .nav .navlist li:hover .down{display: none;}
.header .header-c .nav .navlist li.twosub:after{content: "";position: absolute;right: 5%;top: 24px;border-top: 6px solid #000000;border-left: 6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);border-bottom: 6px solid rgba(0,0,0,0);}	
.header .header-c .nav .navlist li.twosub.current .down{display: block;}

}

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

.banner{ width: 100%;height: 100%;background: #FE5900;z-index: 0; position: relative;}
.banner .ico{z-index: -1;width:36%;top:20%; left: 0; position: absolute;height: auto;}
.banner .banner-js{border-bottom: 10px solid #FE5900; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.banner .banner-js .swiper-slide{background: #FE5900;z-index: 0;}

.banner .banner-js .con{padding-left: calc(50% - 780px);padding-right:60%; width: 100%;position: absolute;top: 45%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);  height: auto;}
.banner .banner-js .con h5{line-height: 1.3; font-size:50px;font-family:  "kr","ar";font-weight: normal;}
.banner .banner-js .con p{color: #000000; text-transform: uppercase; letter-spacing:-1.5px;font-size: 15px;font-family: "kr";margin-top: 10px;}

.banner .banner-js .picbox{width:58%;height:100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.banner .banner-js .picbox .pic{background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%; height:100%;position: absolute;top: 0;right: 0;}
.banner .banner-js .picbox .pic img{display: none;}
.banner-js .swiper-slide-active .picbox .pic,
.banner-js .swiper-slide-duplicate-active .picbox .pic{
	transition: 6.5s linear;
	transform: scale(1.1, 1.1);
}
.banner .banner-js .swiper-pagination{ color:#000;text-align:center;line-height: 60px;text-align: left; left:calc(50% - 780px);position: absolute; bottom: 5%; z-index: 1;font-size: 16px;}
.banner .banner-js .swiper-pagination-fraction{color:#000;font-family: "kr";font-size: 16px;}
.banner .banner-js  .swiper-pagination-current{font-size:36px;}
.banner .banner-js  .swiper-button-next{background-image: url(../img/next.png);right: 63%;left: auto;}
.banner .banner-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom:6.5%;
    width: 60px;
    height: 60px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-color: #000;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.banner .banner-js .swiper-button-prev{display: none;}

@media only screen and (max-width:1836px) {
.banner .banner-js .con{padding-left: 7.5%;}
.banner .banner-js .swiper-pagination{left: 7.5%;}
.banner .banner-js .swiper-pagination-fraction{font-size: 15px;}
.banner .banner-js  .swiper-pagination-current{font-size:34px;}
}


@media only screen and (max-width:1680px) {
.banner .banner-js .con h5{font-size:45px;}
.banner .banner-js .con p{font-size: 14px;}
.banner .banner-js .swiper-pagination-fraction{font-size: 14px;}
.banner .banner-js  .swiper-pagination-current{font-size:30px;}	
}

@media only screen and (max-width:1440px) {
.banner .banner-js .con h5{font-size:40px;}
.banner .banner-js .con p{font-size: 12px;}
.banner .banner-js .swiper-button-next {width: 50px;height: 50px;background-size: 25px 25px;}
.banner .banner-js .swiper-pagination-fraction{font-size: 14px;}
.banner .banner-js  .swiper-pagination-current{font-size:26px;}	
.banner .banner-js .swiper-pagination{line-height: 50px;}
}

@media only screen and (max-width:1280px) {
.banner .banner-js .con h5{font-size:35px;}
.banner .banner-js .con p{font-size: 12px;}
.banner .banner-js .swiper-pagination-fraction{font-size: 14px;}
.banner .banner-js  .swiper-pagination-current{font-size:24px;}	
}

@media only screen and (max-width:1024px) {
.banner .banner-js .con{padding-left: 5%;}
.banner .banner-js .swiper-pagination{left: 5%;}
.banner .banner-js .con h5{font-size:25px;}
.banner .banner-js .con p{font-size: 12px;}
.banner .banner-js .swiper-button-next {bottom: 6%; width:40px;height:40px;background-size: 20px 20px;}
.banner .banner-js .swiper-pagination-fraction{font-size: 14px;}
.banner .banner-js  .swiper-pagination-current{font-size:20px;}	
.banner{height: 65%;}
.banner .banner-js .swiper-pagination{line-height: 40px;}
}

@media only screen and (max-width:767px) {
	.banner{height:40%;}
	.banner .banner-js .con h5{font-size:16px;}
.banner .banner-js .con p{font-size: 12px;display: none;}			
.banner .banner-js .swiper-pagination-fraction{font-size: 12px;}
.banner .banner-js  .swiper-pagination-current{font-size:14px;}
.banner .banner-js .swiper-pagination{bottom: 4%;}
.banner .banner-js .swiper-button-next {bottom: 6%; width:30px;height:30px;background-size: 15px 15px;}
.banner .banner-js .swiper-pagination{line-height: 30px;}
}





.inab{width: 100%;height: auto;position: relative;z-index: 0;}
.inab .inab-c{position: relative; width: 100%;height: auto;}
.inab .inab-c .bks-txt{top:-10%;}
.inab .inab-c .title{width: 50%;padding-right: 5%;height: auto;float: left;}
.inab .inab-c .txt-c{width: 50%;float: right;}
.inab .inab-c .txt-c strong{color: #FE5900;font-size: 24px;margin-bottom: 10px;display: block;}
.inab .numbox{position: relative;}
.inab .numbox .view{background: #000000; display: block;position: absolute;right: 0;top:5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); border-radius: 100%;}
.inab .numbox .view i{display: inline-block;position: absolute;}
.inab .numbox .ico{width:45%;height: auto;top: -10%;right:3%;position: absolute;z-index: -1;}
.inab  ul{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.inab  ul li{width: calc(33.3% - 30px);display: inline-block; margin-right:45px;padding-bottom: 65px;  vertical-align: top;}
.inab  ul li:first-child{width: 100%;}
.inab  ul li:nth-child(2){width: 80%;margin-right:20%;}
.inab  ul li .toptl{margin-bottom: 25px; font-size: 16px;font-family: "kr"; width: 100%;color: #9d9d9d; padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.inab  ul li .toptl i{display: inline-block;vertical-align: middle;margin-right: 5px;width: 24px;}
.inab  ul li h6{font-family: "kr", "kr","ar"; line-height: 1; font-size:36px;color: #000000;font-weight: normal;}
.inab  ul li:first-child h6{font-size: 90px;color: #FE5900;}
.inab  ul li:nth-child(2) h6{font-size:50px;}
.inab  ul li:nth-child(5){margin-right: 0;}
.inab  ul li:hover h6{color: #FE5900;}
.inab  ul li:nth-child(3),.inab  ul li:nth-child(4),.inab  ul li:nth-child(5){padding-bottom: 0;}


@media only screen and (max-width:1680px) {	
	.inab .inab-c .txt-c strong{font-size: 22px;}
	.inab  ul li h6{font-size:34px;}
	.inab  ul li:first-child h6{font-size:80px;}
	.inab  ul li:nth-child(2) h6{font-size: 45px;}
}

@media only screen and (max-width:1440px) {
	.inab .inab-c .txt-c strong{font-size: 20px;}
	
		.inab  ul li h6{font-size:30px;}
	.inab  ul li:first-child h6{font-size:60px;}
	.inab  ul li:nth-child(2) h6{font-size:48px;}
	.inab  ul li .toptl{font-size: 14px;}
	.inab ul li .toptl i{width: 22px;}
}

@media only screen and (max-width:1280px) {	
	.inab .inab-c .txt-c strong{font-size: 18px;}
			.inab  ul li h6{font-size:25px;}
	.inab  ul li:first-child h6{font-size:50px;}
	.inab  ul li:nth-child(2) h6{font-size:36px;}
	.inab  ul li .toptl{font-size: 13px;}
	.inab ul li .toptl i{width: 20px;}
}
@media only screen and (max-width:1024px) {
	.inab .inab-c .txt-c strong{font-size: 16px;}
	.inab .inab-c .title{width: 100%;height: auto;}
	.inab .inab-c .txt-c{width: 100%;height: auto;margin-top: 45px;}
				.inab  ul li h6{font-size:25px;}
	.inab  ul li:first-child h6{font-size:45px;}
	.inab  ul li:nth-child(2) h6{font-size:30px;}
	.inab  ul li{width: 100%;height: auto;padding-bottom: 45px;}
	.inab  ul li:nth-child(2){width: 100%;margin-right: 0;}
.inab  ul li:nth-child(3),.inab  ul li:nth-child(4),.inab  ul li:nth-child(5){padding-bottom: 45px;}
.inab  ul li .toptl{font-size: 12px;}
.inab  ul li .toptl i{width: 18px;}
	
}
@media only screen and (max-width:767px) {
.inab .inab-c .bks-txt{top:0%;}	
.inab  ul li{padding-bottom: 35px;}
	.inab  ul li h6{font-size:25px;}
	.inab  ul li:first-child h6{font-size:40px;}
	.inab  ul li:nth-child(2) h6{font-size:25px;}
	.inab .numbox .ico{width: 60%;top:-5%;}
}


.inpro{width: 100%;height: auto;z-index: 0;position: relative;}
.inpro .inpro-top{position:relative; width: 100%;height: auto;}
.inpro .inpro-top .view{background: #FE5900;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); border-radius: 100%;}
.inpro .inpro-top .view i{display: inline-block;}
.inpro .inpro-list{width: 100%;height: auto;font-size: 0;}
.inpro .inpro-list li{display: inline-block;position: relative;z-index: 0; background: #f1f2f8;border-bottom:10px solid #f1f2f8;border-top-left-radius: 35px; width:calc(33.3% - 20px);margin-right: 30px; vertical-align: top;}
.inpro .inpro-list li:nth-child(3n){margin-right: 0;}
.inpro .inpro-list li a{display: block;padding: 10% 5%;}

.inpro .inpro-list li .ico{width: 45%;position: absolute;top:20%;right: 0;height: auto;z-index: -1;}
.inpro .inpro-list li .pic{padding-left:35%;margin: 35px 0; }
.inpro .inpro-list li .tl{ width: 100%;height: auto;}
.inpro .inpro-list li .tl b{width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; line-height: 1.1; font-size: 36px;color: #000000;font-weight: normal;font-family:  "kr","ar";}
.inpro .inpro-list li .tl p{width: 100%; font-size: 16px;margin-top: 10px; color: #000000;font-family: "kr";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.inpro .inpro-list li .more{text-transform: capitalize; font-size: 18px;color: #FE5900;font-family: "kr";background: #000000;text-align: center; display: block;line-height: 50px;width: 175px;border-top-left-radius:25px;}
.inpro .inpro-list li:hover{border-bottom:10px solid  #FE5900;}
.inpro .inpro-list li:hover  .tl b,.inpro .inpro-list li:hover .tl p{color: #FE5900;}
.inpro .inpro-list li:hover .more{background: #FE5900;color: #000000;}
@media only screen and (max-width:1680px) {
	.inpro .inpro-list li .tl b{font-size: 34px;}
	.inpro .inpro-list li .tl p{font-size: 15px;}
	.inpro .inpro-list li .more{font-size: 16px;}
	
}

@media only screen and (max-width:1440px) {
	.inpro .inpro-list li .more{font-size: 15px;line-height: 45px;width: 150px;border-top-left-radius: 22.5px;}
	.inpro .inpro-list li .tl b{font-size: 32px;}
	.inpro .inpro-list li .tl p{font-size: 15px;}
	.inpro .inpro-list li{width: calc(33.3% - 15px);margin-right: 22.5px;}
}
@media only screen and (max-width:1280px) {
	
	.inpro .inpro-list li .tl b{font-size: 30px;}
	.inpro .inpro-list li .tl p{font-size: 14px;}
	.inpro .inpro-list li{width: calc(33.3% - 10px);margin-right: 15px;}

}

@media only screen and (max-width:1024px) {
		.inpro .inpro-list li .tl b{font-size:24px;}
		.inpro .inpro-list li .more{font-size: 14px;line-height: 40px;width: 140px;border-top-left-radius: 20px;}
		.inpro .inpro-list li{border-bottom:5px solid #f1f2f8;}
		.inpro .inpro-list li:hover{border-bottom:5px solid  #FE5900;}
	
}
@media only screen and (max-width:767px) {
		.inpro .inpro-list li .tl b{font-size: 20px;}
		.inpro .inpro-list li .tl p{font-size: 12px;}
		.inpro .inpro-list li{width: 100%;margin-bottom: 20px;}
		.inpro .inpro-list li{border-top-left-radius: 25px;}
	
}

.have{width: 100%;z-index: 0;background: #D7D8D9;position: relative;}
.have:before{content: "";position: absolute;z-index: -1;left: 0;bottom: 0;width: 100%;height:30%;background: #000;}
.have .have-c{padding: 5%; width: 100%;height: auto;z-index: 0; background: #FE5900;position: relative;}
.have .have-c .ico{width:15%;height: auto;position: absolute;z-index: 0;bottom:15%;left:6%;}
.have .have-c .have-cl{ position: relative; padding-bottom:30%; width: 40%;padding-right:6%;float: left;height: auto;}
.have .have-c .have-cl .txt-c{margin-top: 35px;}
.have .have-c .have-cr{width:60%;padding-left: 5%;padding-right:6%; float: right;height:750px;overflow: hidden;}
.have .have-c .have-cl .swiper-pagination{ color:#FE5900;text-align:center; width: 160px;height: 160px;line-height: 160px; background: #000000 ;border-radius: 100%; left:5%;  top:auto;bottom: -5%; z-index: 1;font-size: 16px;font-family: "TE";}
.have .have-c .have-cl .swiper-pagination-fraction{color:#FE5900;font-family: "kr";font-size: 16px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:36px;}

.have .have-c .have-cr .list{overflow: hidden;padding:8% 0 5% 0;}
.have .have-c .have-cr .have-js{width: 100%;height:100%} 
.have .have-c .have-cr .have-js .swiper-slide{height: 300px;border-bottom: 1px solid rgba(0,0,0,0.2); }
.have .have-c .have-cr .have-js .swiper-slide:first-child .list{padding-top: 0;}
.have .have-c .have-cr .have-js .list .tl{font-size: 34px;color: #000; margin-bottom: 30px; width: 100%;height: auto;padding-left: 85px;position: relative;}
.have .have-c .have-cr .have-js .list .tl span{position: absolute;left: 0;top: 0; font-family: "kr";color: #000000;line-height: 1.2;}
.have .have-c .have-cr .have-js .list .tl b{ display: block;width: 100%}
.have .have-c .have-cr .have-js .list  .txt-c{padding-left: 85px; width:100%;height: auto;}

@media only screen and (max-width:1680px) {
.have .have-c .have-cl .swiper-pagination{width: 140px;height: 140px;line-height: 140px; font-size: 16px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:34px;}	
.have .have-c .have-cr .have-js .list .tl{font-size: 32px;}
}

@media only screen and (max-width:1440px) {
	.have .have-c .have-cl .swiper-pagination{width: 120px;height: 120px;line-height: 120px; font-size: 15px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:32px;}
.have .have-c .have-cr .have-js .list .tl{font-size: 30px;}
.have .have-c .have-cr{height: 700px;}
.have .have-c .have-cr .have-js .swiper-slide{height: 280px;}
.have .have-c .have-cr .have-js .list .txt-c{width: 100%;}
}

@media only screen and (max-width:1280px) {
.have .have-c .have-cl .swiper-pagination{width: 100px;height: 100px;line-height: 100px; font-size: 15px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:30px;}
.have .have-c .have-cr .have-js .list .tl{font-size: 28px;margin-bottom: 35px;}
.have .have-c .have-cr{height: 650px;}
.have .have-c .have-cr .have-js .swiper-slide{height: 250px;}
.have .have-c .have-cr .have-js .list  .txt-c{width: 100%;}
}
@media only screen and (max-width:1024px) {
.have .have-c .have-cl .swiper-pagination{width:80px;height: 80px;line-height:80px; font-size: 14px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:26px;}	
.have .have-c .have-cr .have-js .list .tl{font-size:24px;margin-bottom: 20px;padding-left: 65px;}
.have .have-c .have-cr{height: 600px;}
.have .have-c .have-cr .have-js .swiper-slide{height: 250px;}
.have .have-c .have-cr .have-js .list .txt-c{width: 100%;padding-left: 65px;}
}
@media only screen and (max-width:767px) {
	.have .have-c .have-cl{width: 100%;padding-top: 45px;}
	.have .have-c .have-cr{width: 100%;margin-top: 45px;}
.have .have-c .ico{bottom: auto;top: 25%; width: 45%;}
.have .have-c .have-cl .swiper-pagination{display: none; width:65px;height: 65px;line-height:65px; font-size: 12px;}
.have .have-c .have-cl  .swiper-pagination-current{font-size:14px;}	
.have .have-c .have-cr .have-js .list .tl{font-size:18px;padding-left: 45px;}
.have .have-c .have-cr .have-js .list .txt-c{padding-left: 45px;}
.have .have-c .have-cr .have-js .list .txt-c p{font-size: 12px;}
.have .have-c .have-cr{height: 550px;}
}





.insolu{width: 100%;background: #000000; height: auto;position: relative;z-index: 0;padding: 120px 0;}
.insolu .bks-txt{top: 35%;}
.insolu .bks-txt a{ color: rgba(255,255,255,0.1);-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px currentColor;text-stroke: 1px rgba(255,255,255,0.15);-webkit-text-stroke: 1px rgba(255,255,255,0.15);}
.insolu .insolu-c .insolu-list{width: 50%;float: left; padding-right: 5%;height: auto;}
.insolu .insolu-c .insolu-list li{ width: 100%;height: auto;border-bottom: 5px solid #000000;}
.insolu .insolu-c .insolu-list li a{display: block;cursor: pointer; padding-top: 30px;padding-bottom: 30px;}
.insolu .insolu-c .insolu-list li:first-child a{padding-top: 0;}
.insolu .insolu-c .insolu-list li .tl{width: 100%;position: relative; height: auto;padding-right: 10%;}
.insolu .insolu-c .insolu-list li .tl b{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 36px;color: #FFFFFF;font-weight: normal;}
.insolu .insolu-c .insolu-list li .tl i{ position: absolute;right: 0;top: 0; width: 60px;padding: 15px; display: none; height: 60px;border-radius: 100%;background: #FE5900;}

.insolu .insolu-c .insolu-list li .txt-c{margin-bottom: 25px; width: 100%;margin-top: 30px; height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; display: none;}
.insolu .insolu-c .insolu-list li:hover .txt-c p{color: #FFFFFF;}
.insolu .insolu-c .insolu-list li:hover .txt-c{display:block; display:-webkit-box;}
.insolu .insolu-c .insolu-list li:hover{border-bottom: 5px solid #FE5900;}
.insolu .insolu-c .insolu-list li:hover .tl b{color: #FE5900;}
.insolu .insolu-c .insolu-list li:hover .tl  i{display: block;}
.insolu .insolu-c .insolu-list li.hover .txt-c p{color: #FFFFFF;}
.insolu .insolu-c .insolu-list li.hover .txt-c{display:block; display:-webkit-box;}
.insolu .insolu-c .insolu-list li.hover{border-bottom: 5px solid #FE5900;}
.insolu .insolu-c .insolu-list li.hover .tl b{color: #FE5900;}
.insolu .insolu-c .insolu-list li.hover .tl  i{display: block;}
.insolu .insolu-c{width: 100%;height: auto;overflow: hidden;}
.insolu .insolu-c .pic-list{width: 50%;float: right; height: auto;padding-left: 5%;}
.insolu .insolu-c .pic-list .pic{display: none; width: 100%;height: auto;margin-top: 5%;}

@media only screen and (max-width:1680px) {
	.insolu .insolu-c .insolu-list li .tl b{font-size: 34px;}
	.insolu{padding: 100px 0;}
	
}

@media only screen and (max-width:1440px) {
	.insolu .insolu-c .insolu-list li .tl b{font-size: 32px;}
	.insolu .insolu-c .insolu-list li .tl i{width: 50px;height: 50px;padding: 12.5px;}
	.insolu{padding: 80px 0;}
}

@media only screen and (max-width:1280px) {
	.insolu .insolu-c .insolu-list li .tl b{font-size: 30px;}
	.insolu{padding: 70px 0;}
}

@media only screen and (max-width:1024px) {
	.insolu .insolu-c .insolu-list li .tl i{width: 40px;height: 40px;padding: 10px;}
	.insolu .insolu-c .insolu-list li .tl b{font-size: 26px;}
	.insolu{padding:60px 0;}
	
}
@media only screen and (max-width:767px) {
	.insolu .insolu-c{position: relative;}
	.insolu .insolu-c .pic-list{width: 80%;float: none;margin: 0 auto; padding-left: 0;}
	.insolu .insolu-c .insolu-list{width:100%;height: auto;padding-right: 0;}
	.insolu .insolu-c .insolu-list li .tl b{font-size: 22px;}
	
}



.incase{position: relative; width: 100%;height: auto;background: #d7d8d9;z-index: 0;}

.incase .bks2{width: 100%;height:60%;left: 0;top: 0;position: absolute;background: #000;z-index: -2;}
.incase .incase-top{z-index: 0; width: 100%;height: auto;position: relative;}
.incase .incase-top .tlbox{padding-top: 45px;border-top: 5px solid #FE5900;overflow: hidden;}
.incase .incase-top .tlbox .title{float: left;width: 40%;}
.incase .incase-top .tlbox .title b{color: #FFFFFF;}
.incase .incase-top .tlbox .title p{color: #FFFFFF;}

.incase .incase-top .tlbox .incase-sort{width:60%;float: right;font-size: 0;text-align: right;}
.incase .incase-top .tlbox .incase-sort span{cursor: pointer; color: #FFFFFF;font-size: 30px;vertical-align: top; display: inline-block;vertical-align: top; font-family:  "kr","ar";margin-left: 4%;}
.incase .incase-top .tlbox .incase-sort span.hover{color: #FE5900;}
.incase .incase-top .tlbox .incase-sort span:hover{color: #FE5900;}
.incase  .bks-txt{top: 18%;}
.incase .bks-txt a{ color: rgba(255,255,255,0.1);-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px currentColor;text-stroke: 1px rgba(255,255,255,0.15);-webkit-text-stroke: 1px rgba(255,255,255,0.15);}


.incase .incase-box{width: 100%;height:auto;}
.incase .incase-box .incase-list{width: 100%;height: auto;display: none;}
.incase .incase-box  .incase-js{width: 100%;height: auto;padding-right: 10%;}
.incase .incase-box .incase-js .li{transition: all 0.6s ease; width: 100%;height: auto;position: relative; display: block;overflow: hidden;border-top-left-radius: 35px;}
.incase .incase-box .incase-js .li .pic{width: 100%;height: auto;}
.incase .incase-box .incase-js .li .pic img{display: block;width: 100%;height: auto;border-top-left-radius: 35px;}
.incase .incase-box .incase-js .li .bks{ background: rgba(19,29,61,0.3); position:absolute;padding: 5%; top: 0;left: 0; width: 100%;height:100%;}
.incase .incase-box .incase-js .li .bks  .tl{overflow: hidden; width: 100%;padding-bottom: 10px;margin-bottom: 45px;  font-family: "kr";font-size: 0; border-bottom: 1px solid #FFFFFF; color: #FFFFFF;}
.incase .incase-box .incase-js .li .bks .tl span{width: 50%; vertical-align: top; display: inline-block;font-size:16px; text-transform: uppercase;}
.incase .incase-box .incase-js .li .bks .tl .bt{text-align: right;}
.incase .incase-box .incase-js .li .bks b{font-size: 36px;color: #FFFFFF;font-family:  "kr","ar";width: 100%;font-weight: normal; display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.incase .incase-box .incase-js .li .bks .txt-c{ margin-top: 25px; width: 100%;height:64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: none;}
.incase .incase-box .incase-js .li .bks  .txt-c p{color: #FFFFFF;font-family:  "kr","ar";}
.incase .incase-box .incase-js .li:hover .bks{transition: all 0.6s ease; background: rgba(0,0,0,0.4);}
.incase .incase-box .incase-js .li .bks .more{transition: all 0.6s ease; display: block;padding: 15px;margin-top: 15%;display: none;  width: 60px;height: 60px;border-radius: 100%;background: #FE5900;}

.incase .incase-box .incase-js .li .bks .more img{display: block;width: 100%;}
.incase .incase-box .incase-js .li:hover .bks .more{transition: all 0.6s ease; display: block;} 
.incase .incase-box .incase-js .li:hover .bks .txt-c{display: block;display: -webkit-box;}

.pnbox  .swiper-button-next{background-image: url(../img/nexts.png);right: 5%;left: auto;}
.pnbox .swiper-button-next,
.pnbox .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    z-index: 10;
    cursor: pointer;
    background-color: #FE5900;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    display: none;
}
.pnbox:hover .swiper-button-next{display: block;}
.pnbox2  .swiper-button-next{background-image: url(../img/next.png);background-color:#000000;}

@media only screen and (max-width:1680px) {
	.pnbox .swiper-button-next,.pnbox .swiper-button-prev {width: 140px;height: 140px;background-size: 50px 50px;}
	.incase .incase-top .tlbox .incase-sort span{font-size:26px;}
	.incase .incase-box .incase-js .li .bks b{font-size: 34px;}
}
@media only screen and (max-width:1440px) {
	.incase .incase-box .incase-js .li .bks .tl span{font-size: 15px;}
	.incase .incase-top .tlbox .incase-sort span{font-size:24px;}
	.incase .incase-box .incase-js .li .bks b{font-size: 30px;}
	.pnbox .swiper-button-next,.pnbox .swiper-button-prev {width: 120px;height: 120px;background-size:45px 45px;}
	.incase .incase-box .incase-js .li .bks  .tl{margin-bottom: 40px;}
		.incase .incase-box .incase-js .li .bks .txt-c{height: 60px;}
		.incase .incase-box .incase-js .li .bks .more{width: 50px;height: 50px;padding: 12.5px;margin-top: 10%;}
}
@media only screen and (max-width:1280px) {
	.incase .incase-box .incase-js .li .bks b{font-size: 28px;}
	.incase .incase-top .tlbox .incase-sort span{font-size: 22px;}
	.pnbox .swiper-button-next,.pnbox .swiper-button-prev {width: 100px;height: 100px;background-size:40px 40px;}
	.incase .incase-box .incase-js .li .bks .tl{margin-bottom: 35px;}
}
@media only screen and (max-width:1024px) {
	.incase .incase-box .incase-js .li .bks .txt-c{height: 56px;margin-top: 15px;}
.incase .incase-box .incase-js .li .bks  .tl span{font-size: 14px;}
	.incase .incase-top .tlbox .title{width: 100%;height: auto;}
	.incase .incase-top .tlbox .incase-sort{width: 100%;height: auto;text-align: left;margin-top: 25px;}
	.incase .incase-top .tlbox .incase-sort span{font-size: 24px;margin-left: 0;margin-right: 3%;}
	.pnbox .swiper-button-next,.pnbox .swiper-button-prev {width: 80px;height: 80px;background-size:35px 35px;}
	.incase .incase-box .incase-js .li .bks b{font-size: 20px;}
	.incase .incase-box .incase-js .li .bks .tl{margin-bottom: 30px ;}
	.incase .incase-box .incase-js .li .bks .more{width: 40px;height: 40px;padding: 10px;margin-top: 25px;}
}

@media only screen and (max-width:767px) {
	.incase .incase-box .incase-js .li .bks .tl{margin-bottom: 20px;}
	.incase .incase-box .incase-js .li .bks .tl span{font-size: 12px;}
	.incase .bks2{height: 75%;}
	.incase .incase-top .tlbox .incase-sort span{font-size: 18px;}
	.incase .incase-box .incase-js .li .bks b{font-size: 20px;}
	.pnbox .swiper-button-next,.pnbox .swiper-button-prev {width: 60px;height: 60px;background-size:30px 30px;}
	.incase .incase-box .incase-js .li{border-top-left-radius: 25px;}
	.incase .incase-box .incase-js .li .pic img{border-top-left-radius: 25px;}
}


.innews{width: 100%;height: auto;padding-top: 35px;}
.innews .innews-box{position: relative;border-bottom: 10px solid #FE5900;}
.innews  .innews-c{z-index: 0; width: 100%;overflow: hidden; height: auto;background:#F1F2F8;padding: 3% 50% 3% 5%;position: relative;}
.innews .innews-box .pic{position: absolute;width: 30%;right: 0;bottom: 0;}
.innews .innews-c .ico{width:30%;position: absolute;right:20%;top: 0;z-index: -1;}
.innews .innews-c .innews-js{width:100%; height: auto;}
.innews .innews-c .innews-js a{display: block;}
.innews .innews-c .innews-js a .time{margin-bottom: 15px;text-transform: capitalize;  color: #000000;font-family: "kr"; font-size:16px;}
.innews .innews-c .innews-js a b{font-size: 36px;margin-bottom: 10px; color: #FE5900;font-weight: normal;font-family:  "kr","ar";overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.innews .innews-c .innews-js a .txt-c{width: 100%;height:64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media only screen and (max-width:1680px) {
	.innews .innews-c .innews-js a b{font-size: 34px;}
}

@media only screen and (max-width:1440px) {
	.innews .innews-c .innews-js a b{font-size: 32px;}
	.innews .innews-c .innews-js a .txt-c{height:60px;}
	.innews .innews-c .innews-js a .time{font-size: 15px;}
	.innews  .innews-c{padding: 3% 40% 3% 5%;}
}

@media only screen and (max-width:1280px) {
	.innews .innews-c .innews-js a b{font-size: 30px;}
	.innews  .innews-c{padding: 3% 30% 3% 5%;}
	
}
@media only screen and (max-width:1024px) {
	.innews .innews-c .innews-js a b{font-size: 26px;}
	.innews .innews-c .innews-js a .txt-c{height:56px;}
	.innews .innews-c .innews-js a .time{font-size: 14px;}
	.innews  .innews-c{padding: 3% 25% 3% 5%;}
	.innews .innews-box{border-bottom: 5px solid #FE5900;}
}
@media only screen and (max-width:767px) {
	.innews{padding-top: 0;}
	.innews .innews-c .innews-js a b{font-size: 22px;}
	.innews  .innews-c{padding:  5%;}
	.innews .innews-box .pic{opacity: 0.2;}
}




.footer{ width: 100%;height: auto;padding: 0 10px;background: #d7d8d9; position: relative;border-bottom: 10px solid #FE5900;z-index: 1;}
.footer1{background: #F1F2F8;}
.footer2{background: #FFFFFF;}
.footer:before{content: "";position: absolute;width: 100%;height: 45%;background:#FE5900;left: 0;bottom: 0;z-index: -1;}
.footer .footer-c{padding-top: 100px; overflow: hidden;position: relative; width: 100%;height: auto;background: #000000;z-index: 0;}
.footer .footer-c .bks{position: absolute;right: 0;top: 50%;width:45%;height: auto;transform: translateY(-50%);z-index: -1; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.footer .footer-c{width: 100%;height: auto;}
.footer .footer-c .foot-d{padding: 45px 0; overflow: hidden; width: 100%;height: auto;font-size: 16px;}
.footer .footer-c .foot-d span{color: #FFFFFF;}
.footer .footer-c .foot-d span a{color: #FFFFFF;}
.footer .footer-c .foot-d .foot-dl{float: left;width: 65%;}
.footer .footer-c .foot-d .foot-dr{float: right;width: 35%; color: #FFFFFF;text-align: right;}
.footer .footer-c .foot-d .foot-dr a{color: #FFFFFF;}
.footer .footer-c .foot-d .foot-dr span{padding: 0 10px;}
.footer .footer-c .foot-t{width: 100%;height: auto;}

.footer .footer-c .foot-t{width: 100%;height: auto;padding-bottom: 65px;overflow: hidden;}
.footer .footer-c .foot-t .foot-tl{width: 55%;padding-right: 5%; height: auto;float: left;}
.footer .footer-c .foot-t .foot-tl .lx{width: 50%;padding-right: 10%;float: left;}
.footer .footer-c .foot-t .foot-tl  .logo{width: 220px;height: auto;display: block;}
.footer .footer-c .foot-t  .cont{width: 100%;height: auto;margin-top: 55px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 16px;margin-bottom: 10px; color: #FFFFFF;}
.footer .footer-c .foot-t  .cont .lx .tel{font-size: 30px;font-family: "kr";}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 18px;}
.footer .footer-c .foot-t  .cont .lx .share-link{width: 100%;height: auto;margin-top: 40px;}
.footer .footer-c .foot-t  .cont .lx .share-link a{ margin-right: 10px; display: inline-block;width: 36px;height: auto;border-radius: 100%;background: #FE5900;}
.footer .footer-c .foot-t  .cont .lx .share-link a.wx{position: relative;}
.footer .footer-c .foot-t  .cont .lx .share-link a.wx .ewm{display: none; position: absolute;left: calc(50% - 70px);width: 140px;height: auto;bottom: 100%;}
.footer .footer-c .foot-t  .cont .lx .share-link a.wx:hover .ewm{display: block;}

.footer .footer-c .foot-t  .cont .navbox{font-size: 0; width: 50%;float: right;padding-left: 10%; height: auto;}
.footer .footer-c .foot-t  .cont .navbox a{padding-right: 3%;display: inline-block;vertical-align: top; margin-bottom: 15px;width: 50%; color: #FFFFFF;font-size: 20px;font-family: "century gothic";}
.footer .footer-c .foot-t  .cont .navbox a:hover{color: #FE5900;}
.footer .footer-c .foot-t .foot-tr{padding: 3%; background: #FE5900;border-top-left-radius: 60px;width: 40%;float: right;}
.footer .footer-c .foot-t .foot-tr h6{font-size: 36px;color: #000000;font-family: "kr", "kr", "kr","ar";font-weight: normal;}
.footer .footer-c .foot-t .foot-tr p{font-size: 16px;color: #000000;}
.footer .footer-c .foot-t .foot-tr form{margin-top: 18%; position: relative;height: 60px; background: #FFFFFF;display: block;position: relative; width: 100%;border-radius: 30px;}
.footer .footer-c .foot-t .foot-tr form .c1{border: none;font-size: 18px;color: rgba(0,0,0,0.5);font-family: "kr"; background: none;line-height: 30px;padding: 15px 0; padding-left: 20px;  width:calc(100% - 60px);height: auto;}
.footer .footer-c .foot-t .foot-tr form .send{border: none;  width: 60px;height: 60px;background:url(../img/next.png)center no-repeat #000000;position: absolute;right: 0;top: 0; background-size: 30px 30px; border-radius: 100%;}
.footer .footer-c .foot-t .foot-tr form input::-webkit-input-placeholder {opacity:1;font-family:"kr",  "kr","ar";color: rgba(0,0,0,0.5);}
.footer .footer-c .foot-t .foot-tr form input:-moz-placeholder{opacity:1;font-family:"kr",  "kr","ar";color: rgba(0,0,0,0.5);}
.footer .footer-c .foot-t .foot-tr form input:-ms-input-placeholder {opacity:1;font-family:"kr",  "kr","ar";color: rgba(0,0,0,0.5);}


@media only screen and (max-width:1680px) {
	.footer .footer-c .foot-t  .cont .lx .share-link a{width: 34px;height: 34px;}
	.footer .footer-c .foot-t .foot-tr h6{font-size: 34px;}
	
		.footer .footer-c .foot-t .foot-tl .lx{padding-right: 0%;}
	.footer .footer-c .foot-t  .cont .lx .tel{font-size:28px;}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 16px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 16px;}
.footer .footer-c .foot-t  .cont .navbox a{font-size: 18px;}
.footer .footer-c{padding-top: 90px;}
.footer .footer-c .foot-t{padding-bottom: 60px;}
}
@media only screen and (max-width:1440px) {

.footer .footer-c .foot-t  .cont .navbox a{font-size: 16px;}
	.footer .footer-c .foot-t .foot-tr h6{font-size: 32px;}
	.footer .footer-c .foot-t  .cont .lx .share-link a{width: 32px;height: 32px;}
		.footer .footer-c .foot-t  .cont .lx .tel{font-size:26px;}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 16px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 15px;}
.footer .footer-c .foot-t .foot-tr form{height: 50px;}
.footer .footer-c .foot-t .foot-tr form .c1{font-size: 16px;padding: 10px 0;padding-left: 20px;  width:calc(100% - 50px);}
.footer .footer-c .foot-t .foot-tr form .send{width: 50px;height: 50px;background-size: 25px 25px;}
.footer .footer-c .foot-t .foot-tr p{font-size: 15px;}
.footer .footer-c .foot-t .foot-tr{border-top-left-radius: 50px;}
.footer .footer-c .foot-d{padding: 40px 0;font-size: 15px;}
.footer .footer-c{padding-top: 80px;}
.footer .footer-c .foot-t{padding-bottom: 55px;}
}

@media only screen and (max-width:1280px) {	
	.footer .footer-c .foot-t .foot-tr h6{font-size: 30px;}
	.footer .footer-c .foot-t .cont .lx .share-link a{width: 30px;height: 30px;}
			.footer .footer-c .foot-t  .cont .lx .tel{font-size:22px;}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 16px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 15px;}
.footer .footer-c .foot-t .foot-tl{padding-right: 0;}
.footer .footer-c{padding-top: 70px;}
.footer .footer-c .foot-t{padding-bottom: 50px;}
}
@media only screen and (max-width:1024px) {
	
	.footer{border-bottom: 5px solid #FE5900;}
		.footer .footer-c .foot-t .cont .navbox{display: none;}
	.footer .footer-c .foot-t .cont .navbox a{font-size: 15px;}
	.footer .footer-c .foot-t .foot-tr h6{font-size: 26px;}

	.footer .footer-c .foot-t .foot-tl .lx{width: 100%;}
.footer .footer-c .foot-t  .cont .lx .tel{font-size:22px;}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 15px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 14px;}
.footer .footer-c .foot-t .foot-tr p{font-size: 14px;}
.footer .footer-c .foot-t .foot-tr form{height:40px;}
.footer .footer-c .foot-t .foot-tr form .c1{font-size: 15px;padding:5px 0;padding-left: 20px;  width:calc(100% - 40px);}
.footer .footer-c .foot-t .foot-tr form .send{width:40px;height: 40px;background-size: 20px 20px;}
.footer .footer-c .foot-t .foot-tr{border-top-left-radius: 40px;}
.footer .footer-c .foot-t .foot-tl{width: 100%;}
.footer .footer-c .foot-t .foot-tr{width: 100%;margin-top: 35px;}
.footer .footer-c .foot-d .foot-dl{width: 100%;}
.footer .footer-c .foot-d .foot-dr{width: 100%;margin-top: 15px;text-align: left;}
.footer .footer-c .foot-t .foot-tr form{margin-top: 10%;}
.footer .footer-c{padding-top: 60px;}
.footer .footer-c .foot-t{padding-bottom: 25px;}

}
@media only screen and (max-width:767px) {
	.footer .footer-c .foot-t .foot-tl .logo{width: 180px;}
	.footer .footer-c .foot-t .foot-tr h6{font-size: 24px;}
	.footer{padding: 0 5px;}
	.footer .footer-c .foot-t  .cont .lx .tel{font-size:20px;}
.footer .footer-c .foot-t  .cont .lx .add{font-size: 15px;}
.footer .footer-c .foot-t  .cont .lx p{font-size: 14px;}
.footer .footer-c .foot-t .foot-tr{border-top-left-radius:30px;}
.footer .footer-c .foot-t .foot-tr form{margin-top: 45px;}
.footer .footer-c{padding-top: 60px;}
	
}


.inbanner{width: 100%;height:100%;position: relative;z-index: 0;}
.inbanner .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.inbanner .pic img{display: none;}
.inbanner .con{position: absolute;top: 25%;left: 0; width: 100%;height: auto;}
.inbanner .con p{font-size: 95px;color: #FE5900;font-family: "kr";line-height: 1.2;text-transform: uppercase;}
.inbanner .con b{ color:#FE5900;font-family:  "kr", "kr","ar";font-size: 56px;margin-top: 10px; line-height: 1; display:none;font-weight: normal;}

@media only screen and (max-width:1680px) {
	.inbanner .con p{font-size:75px;}
	.inbanner .con b{font-size: 50px;}
	
}

@media only screen and (max-width:1440px) {
	.inbanner .con p{font-size:68px;}
	.inbanner .con b{font-size: 40px;}
	
}

@media only screen and (max-width:1280px) {
	.inbanner .con p{font-size:54px;}
	.inbanner .con b{font-size: 40px;}
}

@media only screen and (max-width:1024px) {
	.inbanner{height:70%;}
	.inbanner .con p{font-size:50px;}
	.inbanner .con b{font-size:36px;}
	.inbanner .con{top: 30%;}
	
}
@media only screen and (max-width:767px) {
	.inbanner{height:45%;}
	.inbanner .con p{font-size:30px;}
	.inbanner .con b{font-size:30px;}
}











.ab{width: 100%;height: auto;}
.ab .ab-c{width: 100%;height: auto;position: relative;background: #FE5900;z-index: 0;}
.ab .ab-c .bks-txt{top: 5%;}
.ab .ab-c .ab-con{padding: 0 7.5% 0 5%;}
.ab .ab-c .ab-con .txt-c strong{color: #000000;}
.ab .ab-c .ico{width: 45%;position: absolute;bottom: 0;left: 0;height: auto;z-index: -1;}

@media only screen and (max-width:1024px) {
	.ab .ab-c .ab-con{padding: 0 5% 0 5%;}
}









.saving{background: #FFFFFF;}
.saving:before{background: #f1f2f8}

.saving .have-c .have-cr .saving-js .list{overflow: hidden;padding:8% 0 5% 0;}
.saving .have-c .have-cr .saving-js{width: 100%;height:100%} 
.saving .have-c .have-cr .saving-js .swiper-slide{height:auto;border-bottom: 1px solid rgba(0,0,0,0.2); }
.saving .have-c .have-cr .saving-js .swiper-slide:first-child .list{padding-top: 0;}
.saving .have-c .have-cr .saving-js .list .tl{font-size: 36px; color: #000; margin-bottom: 45px; width: 100%;height: auto;padding-left: 85px; position: relative;}
.saving .have-c .have-cr .saving-js .list .tl span{margin-right: 10px; position: absolute;left: 0;top: 0; font-family: "kr";color: #000000;line-height: 1.1;}
.saving .have-c .have-cr .saving-js .list .tl b{ display: block;width: 100%}
.saving .have-c .have-cr .saving-js .list  .pic{padding-left: 85px; width: 100%;height: auto;}



@media only screen and (max-width:1680px) {
	.saving .have-c .have-cr .saving-js .list .tl{font-size: 34px;}
}
@media only screen and (max-width:1440px) {
	.saving .have-c .have-cr .saving-js .list .tl{font-size: 32px;padding-left: 65px;margin-bottom: 40px;}
	.saving .have-c .have-cr .saving-js .list  .pic{padding-left: 65px;}
	
}
@media only screen and (max-width:1280px) {
	.saving .have-c .have-cr .saving-js .list .tl{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.saving .have-c .have-cr .saving-js .list .tl{font-size: 26px;padding-left: 45px;margin-bottom: 35px;}
	.saving .have-c .have-cr .saving-js .list .pic{padding-left: 45px;}
	
}
@media only screen and (max-width:767px) {
	.saving .have-c .have-cr .saving-js .list .tl{font-size:22px;margin-bottom: 30px;}
}









.res{background: #F1F2F8;width: 100%;height:auto;}
.res .res-top{width: 100%;height: auto;}
.res .res-top  .title{width: 35%;float: left;}
.res .res-top .txt-c{width: 60%;padding-left:10%;float: right;}

.res .res-c{width: 100%;height: auto;}
.res .res-c .res-js{width: 100%;height: auto;padding-right: 15%;}
.res .res-c .res-js .pic{border-bottom: 10px solid #F1F2F8; overflow: hidden; width: 100%;height: auto; border-top-left-radius: 35px;}
.res .res-c .res-js .pic:hover{border-bottom: 10px solid #FE5900;}

.strat{width: 100%;height: auto;background:#F1F2F8;}

.strat .strat-c{width: 100%;height: auto;position: relative;z-index: 0;}
.strat .con{width: 100%;height: auto;padding-right: 20%;position: absolute;z-index: 33; left: 0;top:45%;}
.strat .con p{font-size: 36px;color: #000000;line-height: 1.2;font-family:  "kr", "kr","ar";}
.strat .map{z-index: 0; width: 100%;height: auto;position: relative;}
.strat .map .point{display: block;position: absolute;top: 34.5%;left: 50%;width: 10%;border-radius: 100%;height:auto;}

.strat .map .point2{width: 6%;top: 15%;left: 10%;}
.strat .map .point i{width: 10px;height: 10px;position: absolute;top: calc(50% + 5px);left: calc(50% + 5px);border-radius: 100%;z-index: 11;  display: block;background: #FFFFFF;}

.strat .map .point1:before{z-index: 1; content: "";width: 100%;height: 100%;border:10px solid rgba(254,89,0,0.1);background:rgba(254,89,0,0.9);   position: absolute;top:0px;left: 0px; border-radius: 100%;}
.strat .map .point2:before{z-index: 1; content: "";width: 100%;height: 100%;border:10px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.9);   position: absolute;top:0px;left: 0px; border-radius: 100%;}

 @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(2); opacity: 0.1;}
    
        }
.strat .map .point1:before{animation: scale 1.5s infinite;}
.strat .map .point2:before{animation: scale 1.5s infinite;}




@media only screen and (max-width:1680px) {
	.strat .con p{font-size: 34px;}

}
@media only screen and (max-width:1440px) {
	.strat .con p{font-size: 32px;}
	.strat .con{padding-right: 45%;}
}
@media only screen and (max-width:1280px) {
	.strat .con p{font-size: 30px;}
	.strat .con{padding-right: 35%;}
}
@media only screen and (max-width:1024px) {
	.strat .con p{font-size: 26px;}
	.res .res-top .title{width: 100%;}
	.res .res-top .txt-c{width: 100%;height: auto;margin-top: 25px;padding-left: 0;}
	.strat .con{padding-right: 0;}	
}
@media only screen and (max-width:767px) {
	.strat .con p{font-size:14px;}
	.res .res-c .res-js{padding-right: 25%;}
	.strat .con{padding-right: 0;position:static;margin-bottom: 25px;}
	.res .res-c .res-js .pic{border-top-left-radius: 25px;}
}


.news-bks{background: #D7D8D9;}
.hotnews{width: 100%;height: auto;}
.hotnews .hotnews-c{ width: 100%;height: auto;}
.hotnews .hotnews-c .hotnews-js{width: 100%;height: auto;}
.hotnews .hotnews-c .hotnews-js .li{width: 100%;display: block;position: relative; background: #FE5900;}
.hotnews .hotnews-c .hotnews-js .li .con{width: 45%;height:auto;padding: 5%;}
.hotnews .hotnews-c .hotnews-js .li .pic{width: 55%;right: 0;position: absolute;top: 0; height:100%;background-position: center; background-size: cover;background-repeat: no-repeat;}
.hotnews .hotnews-c .hotnews-js .li .pic .pic-fill{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-position: center; background-size: cover;background-repeat: no-repeat;}
.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 36px;color:#000000;font-weight: normal;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family:  "kr", "kr","ar";}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{margin-top: 35px; width: 100%;height:96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.hotnews .hotnews-c .hotnews-js .li .con .time{text-align: right;position: relative; padding-top: 35%;width: 100%;color: #000000; height: auto;overflow: hidden;}
.hotnews .hotnews-c .hotnews-js .li .con .time .data{line-height: 1; float: left;width: 45%;font-size: 60px;font-family: "kr";text-align: left; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{display: inline-block;text-align: left;position: absolute;right: 0;bottom: 0; font-size: 18px;font-family: "kr";}
.hotnews .hotnews-c .hotnews-js .li .con .time .month span{display: block;}
.hotnews .hotnews-c .hotnews-js  .swiper-button-next{background-image: url(../img/nexts.png);left:calc(53% + 60px);right: auto;}
.hotnews .hotnews-c .hotnews-js  .swiper-button-prev{background-image: url(../img/prevs.png);left:52%;right: auto;}
.hotnews .hotnews-c .hotnews-js .swiper-button-next , .hotnews .hotnews-c .hotnews-js  .swiper-button-prev{
    position: absolute;
    top: auto;
    bottom: 5%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-color: #FE5900;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}

@media only screen and (max-width:1680px) {
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 34px;}
		.hotnews .hotnews-c .hotnews-js .li .con .time .data{font-size: 55px; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{ font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 32px;}
	.hotnews .hotnews-c .hotnews-js .swiper-button-next , .hotnews .hotnews-c .hotnews-js  .swiper-button-prev{width: 50px;height: 50px;background-size: 25px 25px;}
	.hotnews .hotnews-c .hotnews-js .li .con .time .data{font-size: 50px; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{ font-size: 16px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height: 90px;}

}
@media only screen and (max-width:1280px) {
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 30px;}
		.hotnews .hotnews-c .hotnews-js .li .con .time .data{font-size: 45px; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{ font-size: 16px;}
	
}
@media only screen and (max-width:1024px) {
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 26px;}
		.hotnews .hotnews-c .hotnews-js .swiper-button-next , .hotnews .hotnews-c .hotnews-js  .swiper-button-prev{width:40px;height:40px;background-size: 20px 20px;}
			.hotnews .hotnews-c .hotnews-js .li .con .time .data{font-size: 40px; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{ font-size: 15px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height: 84px;}
	
}
@media only screen and (max-width:767px) {
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 22px;}
		.hotnews .hotnews-c .hotnews-js .li .con .time{padding-top: 20%;}
				.hotnews .hotnews-c .hotnews-js .li .con .time .data{font-size:28px; }
.hotnews .hotnews-c .hotnews-js .li .con .time .month{ font-size: 12px;}
.hotnews .hotnews-c .hotnews-js .li .con{width: 100%;padding:35px;}
.hotnews .hotnews-c .hotnews-js .li .pic{width: 100%;position: static;position: relative;height:250px;}
	.hotnews .hotnews-c .hotnews-js .swiper-button-next , .hotnews .hotnews-c .hotnews-js  .swiper-button-prev{bottom:35%; width:40px;height:40px;background-size: 20px 20px;}
.hotnews .hotnews-c .hotnews-js  .swiper-button-next{left:calc(5% + 50px);}
.hotnews .hotnews-c .hotnews-js  .swiper-button-prev{left:5%;}		
}








.sortbox{width: 100%;height: auto; font-size: 0;}
.sortbox a{display: inline-block;margin-bottom: 10px; margin-right:0%;max-width: 33.3%;padding-right: 2%;line-height: 1.1; font-size: 32px;vertical-align: top;font-family:  "kr","ar";color: #000000;}
.sortbox a:hover{color: #FE5900;font-family:  "kr", "kr","ar";}
.sortbox a.cut{color: #FE5900;font-family:  "kr", "kr","ar";}

.news{width: 100%;height: auto;}
.news .news-list{width: 100%;height:auto;font-size: 0;}
.news .news-list li{transition: all 0.5s ease; width:calc(33.3%  - 20px);margin-bottom: 30px; border-bottom:10px solid #FFFFFF ;display: inline-block;vertical-align: top;  background-color:#FFFFFF; margin-right: 30px;height: auto;background-size:80%;background-repeat: no-repeat;background-position: right bottom;}
.news .news-list li a{display: block;width: 100%;padding:8% 5%; height: 100%;background: #FFFFFF;}
.news .news-list li b{line-height: 1.5; font-size: 36px;color: #000000;display: block;width: 100%;height: 108px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.news .news-list li:nth-child(3n){margin-right: 0;}
.news .news-list li .txt-c{opacity: 0; margin-top: 35px; width: 100%;height: 96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .news-list li  .time{text-align: right;position: relative; margin-top: 35%;padding-top: 55px;border-top: 1px solid rgba(0,0,0,0.05); width: 100%;color: #000000; height: auto;overflow: hidden;}
.news .news-list li  .time .data{line-height: 1; float: left;width: 45%;font-size: 60px;font-family: "kr";color: #FE5900; text-align: left; }
.news .news-list li  .time .month{display: inline-block;text-align: left;position: absolute;right: 0;bottom: 0; font-size: 18px;font-family: "kr";}
.news .news-list li  .time .month span{display: block;}
.news .news-list li:hover{border-bottom: 10px solid #FE5900;}
.news .news-list li:hover a{background: rgba(255,255,255,0.85);}
.news .news-list li:hover b{color: #FE5900;}
.news .news-list li:hover .txt-c{opacity: 1;}
.loading{width: 100%;height: auto;text-align: center;padding-top: 35px;}
.loading  .more{text-transform: capitalize; font-size: 18px;color: #FE5900;font-family: "kr";background: #000000;text-align: center;display: inline-block;padding: 0 25px; line-height: 50px;border-top-left-radius:25px;}


@media only screen and (max-width:1680px) {
	.sortbox a{font-size: 30px;}
	.news .news-list li b{font-size: 34px;height: 102px;}
	.news .news-list li .time .data{font-size: 55px;}
	.news .news-list li  .time .month{font-size: 16px;}
	.loading .more{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.sortbox a{font-size: 28px;}
	.news .news-list li b{font-size: 32px;height: 96px;}
	.news .news-list li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
	.news .news-list li  .time .data{font-size:50px;}
	.news .news-list li .txt-c{height:90px;}
	.loading .more{font-size: 15px;line-height: 50px;border-top-left-radius: 25px;}
	.news .news-list li .time{padding-top: 50px;}
	
}
@media only screen and (max-width:1280px) {	
.sortbox a{font-size: 26px;}
.news .news-list li b{font-size: 30px;height: 90px;}
.news .news-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
.news .news-list li  .time .data{font-size:45px;}
.news .news-list li  .time{padding-top: 45px;}
}
@media only screen and (max-width:1024px) {
.sortbox a{font-size: 22px;}
.news .news-list li b{font-size: 26px;height: 78px;}
.news .news-list li{width: calc(50% - 10px);margin-right:20px;margin-bottom: 20px;}
.news .news-list li:nth-child(3n){margin-right: 20px;}
.news .news-list li:nth-child(2n){margin-right: 0;}
.news .news-list li  .time .data{font-size:40px;}
.news .news-list li  .time .month{font-size: 15px;}
.news .news-list li .txt-c{height:84px;}
	.loading .more{font-size: 14px;line-height:45px;border-top-left-radius: 22.5px;}
	.news .news-list li .time{padding-top: 40px;}
	
}
@media only screen and (max-width:767px) {
	.sortbox a{font-size:18px;}
	.news .news-list li b{font-size:22px;height: 66px;}
	.news .news-list li{width:100%;margin-right:0;margin-bottom: 10px;}

.news .news-list li  .time{margin-top: 20%;}
.news .news-list li  .time .data{font-size:28px;}
.news .news-list li  .time .month{font-size: 12px;}
.news .news-list li .time{padding-top: 35px;}
}


.news-dt{width: 100%;height: auto;}
.news-dt .news-dtcon{padding:5%;background: #FE5900;}
.news-dt .news-dtcon .back{font-family: "kr";color: #000000;line-height: 60px; font-size: 18px; display: block;width: 100%;height: auto;}
.news-dt .news-dtcon .back i{display: inline-block;width:60px;height: 60px;vertical-align: middle;margin-right: 15px;padding: 15px;background: #000000;border-radius: 100%;}

.news-dt .news-dtcon .tl-infor{overflow: hidden; width: 100%;height: auto;padding-top: 45px;margin-top: 45px;border-top: 1px solid rgba(0,0,0,0.1);}
.news-dt .news-dtcon .tl-infor .content{width: 75%;float: left;height: auto;padding-right: 5%;}
.news-dt .news-dtcon .tl-infor .time{float: right;text-align: right;width: 35%;padding-left: 5%;}
.news-dt .news-dtcon .tl-infor .content h1{line-height: 1.5; font-size: 50px;font-weight: normal;color: #000000;}
.news-dt .news-dtcon .tl-infor .content .autr{margin-top: 25px; width: 100%;height: auto;font-family: "kr", "kr","ar";font-size: 16px;}
.news-dt .news-dtcon .tl-infor .content .autr span{display: inline-block;margin-right: 5%;}
.news-dt .news-dtcon .tl-infor .content .autr span i{display: inline-block;width: 20px;height: auto;vertical-align: middle;margin-right: 10px;}
.news-dt .news-dtcon .tl-infor  .time{text-align: right;width: 25%;float: right;  color: #000000; height: auto;overflow: hidden;}
.news-dt .news-dtcon .tl-infor  .time .data{line-height: 1;display: block; font-size: 60px;font-family: "kr";color: #000; text-align: right; }
.news-dt .news-dtcon .tl-infor  .time .month{text-align:right; font-size: 18px;font-family: "kr";margin-top:20px;}
.news-dt .news-dtcon .tl-infor  .time .month span{display: block;}

.news-d{width: 100%;height: auto;position: relative;z-index: 0;}
.news-d .bks-txt{top: -6%;}
.news-d .pn{float: left;width: 35%;padding-right: 5%;height: auto;font-size: 36px;}
.news-d .pn a{display: block; line-height: 1;margin-bottom: 45px;  color: #000000;font-family:  "kr","ar";}
.news-d .pn a:hover{font-family:  "kr", "kr","ar";color: #FE5900;}
.news-d .pn a span{line-height: 1.2; text-transform: uppercase; display: block;margin-bottom: 15px;font-family: "kr";}
.news-d .pn a b{font-weight: normal;}
.news-d .txt-c{width: 65%;padding-left: 5%;height: auto;float: right;}
.news-d .txt-c img{display: block;width: 100%;height: auto;}

 


.recom{width: 100%;height: auto;}
.recom h6{font-size:36px;font-weight: normal;font-family:  "kr", "kr","ar"; color: #000000;}
.recom .title-box .title-box-top {border-color: #000;}


@media only screen and (max-width:1680px) {
	.news-dt .news-dtcon .tl-infor .content h1{font-size: 45px;}
	.news-dt .news-dtcon .tl-infor  .time .data{font-size: 55px;}
	.recom h6{font-size: 34px;}
	.news-d .pn{font-size: 34px;}
	
}
@media only screen and (max-width:1440px) {
	.news-dt .news-dtcon .tl-infor .content h1{font-size: 40px;}
	.news-dt .news-dtcon .back{line-height: 50px;font-size: 16px;}
	.news-dt .news-dtcon .back i{width:50px;height: 50px;padding: 12.5px;}
	.news-dt .news-dtcon .tl-infor .time .data{font-size:50px;}
	.news-dt .news-dtcon .tl-infor  .time .month{font-size: 16px;}
	.news-dt .news-dtcon .tl-infor{padding-top: 40px;margin-top:40px;}
	.news-dt .news-dtcon .tl-infor .content .autr{font-size: 15px;}
	.recom h6{font-size: 32px;}
	.news-d .pn{font-size: 32px;}
}
@media only screen and (max-width:1280px) {
	.news-dt .news-dtcon .tl-infor .content h1{font-size:35px;}
		.news-dt .news-dtcon .tl-infor .time .data{font-size:45px;}
	.news-dt .news-dtcon .tl-infor  .time .month{font-size: 16px;}
	.news-dt .news-dtcon .tl-infor{padding-top: 35px;margin-top:35px;}
	.recom h6{font-size: 30px;}
	.news-d .pn{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.news-dt .news-dtcon .tl-infor .content h1{font-size: 30px;}
		.news-dt .news-dtcon .back{line-height: 40px;font-size: 15px;}
	.news-dt .news-dtcon .back i{width:40px;height: 40px;padding: 10px;}
			.news-dt .news-dtcon .tl-infor .time .data{font-size:40px;}
	.news-dt .news-dtcon .tl-infor  .time .month{font-size: 15px;}
	.news-dt .news-dtcon .tl-infor{padding-top:30px;margin-top:30px;}
	.news-dt .news-dtcon .tl-infor .content .autr{font-size: 14px;}
	.recom h6{font-size: 26px;}
	.news-d .pn{font-size: 26px;}
}
@media only screen and (max-width:767px) {
	.news-dt .news-dtcon .tl-infor .content{width: 100%;height: auto;}
	.recom h6{font-size: 24px;}
	.news-d .pn{font-size: 18px;padding-right: 0;padding-top: 0; display: block;width: 100%;position: static;position: relative;}
	.news-d .txt-c{width: 100%;padding-left: 0;}
	.news-dt .news-dtcon .tl-infor .content h1{font-size: 26px;}
	.news-dt .news-dtcon .tl-infor .time{ width: 100%;height: auto;margin-top: 20px; padding-top: 20px;overflow: hidden;padding-left: 0;}
	.news-dt .news-dtcon .tl-infor .time .data{font-size:30px;width: 50%;float: left;text-align: left;}
	.news-dt .news-dtcon .tl-infor  .time .month{font-size: 12px;width: 50%;float: right;text-align: right;margin-top: 0;}
}



.padleft{padding-left:calc(50% - 780px);}


@media only screen and (max-width:1836px) {
	.padleft{padding-left: 7.5%;}
}

@media only screen and (max-width:1024px) {
	.padleft{padding-left: 5%;}
	
}


.hotcase{width: 100%;height: auto;}
.hotcase .hotcase-c{background: #FE5900; width: 100%;height: auto;position: relative;}
.hotcase .hotcase-c .tl{text-align: right; padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.2);position: absolute;top: 5%; left: 5%; width: 90%;height: auto;z-index: 3;}
.hotcase .hotcase-c .tl .bt{line-height: 45px; font-size: 16px;font-family: "kr";color: #FFFFFF; display: block;text-transform: uppercase;}
.hotcase .hotcase-js{width: 100%;height: auto;z-index: 1;}
.hotcase .hotcase-js .li{width: 100%;height: auto;overflow: hidden;position: relative; display: block;}
.hotcase .hotcase-js .li .con{ position: relative;z-index: 0; width: 50%;overflow:hidden; height: auto;padding: 5% 5% calc(10% + 60px) 5%;}
.hotcase .hotcase-js .li .con .ico{width: 20%;height: auto;position: absolute;right: -5%;bottom: 5%;z-index: -1;}
.hotcase .hotcase-js .li .con b{display: block;padding-top: 45px;  font-size: 36px;color: #000000;font-weight: normal;font-family:  "kr", "kr","ar";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotcase .hotcase-js .li .con  .txt-c{width: 100%;height: 96px;margin-top: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.hotcase .hotcase-js .li .con .more{font-family: "kr";color: #000000;display: block;font-size: 18px; margin-top: 45px;text-transform: capitalize;}

.hotcase .hotcase-js .li .pic{position: absolute;top: 0;right: 0;height: auto;width: 50%;height: 100%;background-size: cover;background-repeat: no-repeat;}

.hotcase .hotcase-js  .swiper-button-next{background-image: url(../img/next.png);left:calc(7% + 60px);right: auto;}
.hotcase .hotcase-js  .swiper-button-prev{background-image: url(../img/prev.png);left:5%;right: auto;}
.hotcase .hotcase-js .swiper-button-next , .hotcase .hotcase-js  .swiper-button-prev{
    position: absolute;
    top: auto;
    bottom: 10%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-color: #000;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.hotcase .hotcase-c .tl .swiper-pagination{ color:#fff;text-align:center;line-height: 45px;text-align: left; left: 0; position: absolute; bottom: 5%; z-index: 1;font-size: 16px;}
.hotcase .hotcase-c .tl .swiper-pagination-fraction{color:#fff;font-family: "kr";font-size: 14px;}
.hotcase .hotcase-c .tl  .swiper-pagination-current{font-size:14px;}

@media only screen and (max-width:1680px) {
	.hotcase .hotcase-js .li .con b{font-size: 34px;}
	.hotcase .hotcase-js .li .con .txt-c{}
	
}
@media only screen and (max-width:1440px) {
	.hotcase .hotcase-js .li .con b{font-size: 32px;}
	.hotcase .hotcase-js .li .con .txt-c{height: 90px;}
	.hotcase .hotcase-c .tl .swiper-pagination-fraction{font-size: 13px;}
	.hotcase .hotcase-c .tl  .swiper-pagination-current{font-size:13px;}
	.hotcase .hotcase-c .tl .bt{font-size: 15px;}
	.hotcase .hotcase-js .li .con .more{font-size: 16px;}
	.hotcase .hotcase-js .swiper-button-next,.hotcase .hotcase-js .swiper-button-prev {width: 50px;height: 50px;background-size: 25px 25px;}
}
@media only screen and (max-width:1280px) {
.hotcase .hotcase-js .li .con b{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.hotcase .hotcase-js .li .con b{font-size: 26px;}
	.hotcase .hotcase-js .li .con .txt-c{height: 84px;}
	.hotcase .hotcase-c .tl .bt{font-size: 14px;}
	.hotcase .hotcase-js .li .con .more{font-size: 15px;}
	.hotcase .hotcase-js .swiper-button-next,.hotcase .hotcase-js .swiper-button-prev {width: 40px;height:40px;background-size: 20px 20px;}

}
@media only screen and (max-width:767px) {
	.hotcase .hotcase-c .tl .bt{font-size: 12px;}
	.hotcase .hotcase-js .li .con{ width: 100%;padding: 35px;}
	.hotcase .hotcase-js .li .pic{width: 100%;height:250px;position: static;position: relative;}
	.hotcase .hotcase-c .tl{width: calc(100% - 70px);left: 35px;}
	.hotcase .hotcase-c .tl .swiper-pagination-fraction{font-size: 12px;}
	.hotcase .hotcase-c .tl  .swiper-pagination-current{font-size:12px;}
	.hotcase .hotcase-js .swiper-button-next,.hotcase .hotcase-js .swiper-button-prev {background-color: #FE5900; bottom: 25%; width: 40px;height:40px;background-size: 20px 20px;}
.hotcase .hotcase-js .li .con .ico{width:40%;}
.hotcase .hotcase-js  .swiper-button-next{background-image: url(../img/nexts.png);left:calc(7% + 60px);right: auto;}
.hotcase .hotcase-js  .swiper-button-prev{background-image: url(../img/prevs.png);left:5%;right: auto;}
.hotcase .hotcase-c .tl{padding-bottom: 0;line-height: 35px;top: 3%;}

}



.case{width: 100%;height: auto;}
.case .case-list{width: 100%;height: auto;font-size: 0;}
.case .case-list li{ transition: all 0.6s ease;display: inline-block;vertical-align: top; width: calc(50% - 30px);margin-right: 30px; margin-bottom: 30px; height: auto;position: relative; overflow: hidden;border-top-left-radius: 35px;}
.case .case-list li:nth-child(2n){margin-right: 0;}
.case .case-list li .pic{width: 100%;height: auto;}
.case .case-list li .pic img{display: block;width: 100%;height: auto;border-top-left-radius: 35px;}
.case .case-list li .bks{ background: rgba(19,29,61,0.3); position:absolute;padding: 5%; top: 0;left: 0; width: 100%;height:100%;}
.case .case-list li .bks  .tl{width: 100%;padding-bottom: 10px;margin-bottom: 45px; font-family: "kr";font-size: 0; border-bottom: 1px solid #FFFFFF; color: #FFFFFF;}
.case .case-list li .bks .tl span{width: 50%; vertical-align: top; display: inline-block;font-size:16px;text-transform: uppercase;}
.case .case-list li .bks .tl .bt{text-align: right;}
.case .case-list li .bks b{font-size: 36px;color: #FFFFFF;font-family:  "kr", "kr","ar";width: 100%;font-weight: normal; display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.case .case-list li .bks .txt-c{ margin-top: 25px; width: 100%;height:64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: none;}
.case .case-list li .bks  .txt-c p{color: #FFFFFF;font-family:  "kr","ar";}
.case .case-list li:hover .bks{transition: all 0.6s ease; background: rgba(0,0,0,0.4);}
.case .case-list li .bks .more{transition: all 0.6s ease; display: block;padding: 15px;margin-top: 15%;display: none;  width: 60px;height: 60px;border-radius: 100%;background: #FE5900;}
.case .case-list li .bks .more img{display: block;width: 100%;}
.case .case-list li:hover .bks .more{transition: all 0.6s ease; display: block;} 
.case .case-list li:hover .bks .txt-c{display: block;display: -webkit-box;}





@media only screen and (max-width:1680px) {
.case .case-list li .bks b{font-size: 34px;}
.case .case-list li{width: calc(50% - 25px);margin-right: 50px;margin-bottom: 50px;}
}
@media only screen and (max-width:1440px) {
	.case .case-list li .bks .tl span{font-size: 15px;}
	.case .case-list li .bks b{font-size: 30px;}
.case .case-list li .bks  .tl{margin-bottom: 40px;}
.case .case-list li .bks .txt-c{height: 60px;}
.case .case-list li{width: calc(50% - 20px);margin-right: 40px;margin-bottom: 40px;}
.case .case-list li .bks .more{width: 50px;height: 50px;padding: 12.5px;margin-top: 10%;}
}
@media only screen and (max-width:1280px) {
	.case .case-list li .bks b{font-size: 28px;}
.case .case-list li .bks .tl{margin-bottom: 35px;}
.case .case-list li{width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}
}
@media only screen and (max-width:1024px) {
.case .case-list li .bks .txt-c{height: 56px;margin-top: 15px;}
.case .case-list li .bks  .tl span{font-size: 14px;}
.case .case-list li .bks b{font-size: 24px;}
.case .case-list li .bks .tl{margin-bottom: 30px ;}
.case .case-list li .bks .more{width: 40px;height: 40px;padding: 10px;margin-top: 25px;}
.case .case-list li{width: calc(50% - 10px);margin-right:10px;margin-bottom:10px;}
}

@media only screen and (max-width:767px) {
.case .case-list li .bks .tl{margin-bottom: 20px;}
.case .case-list li .bks .tl span{font-size: 12px;}
.case .case-list li .bks b{font-size: 20px;}
.case .case-list li{width:100%;margin-bottom: 10px;border-top-left-radius: 25px;}
.case .case-list li .pic img{border-top-left-radius: 25px;}
}



.contact{width: 100%;height: auto;position: relative;z-index: 0;}
.contact .bks-txt{top:85%;}
.contact .contact-c{width: 100%;height: auto;}
.contact .contact-c .tl{line-height: 1.5; margin-top: 15%;font-family:  "kr"; color: #FE5900;font-size: 36px; width: 45%;padding-right: 5%;height: auto;float: left;}
.contact .contact-c .formbox{background: #FE5900;padding: 5%;width: 50%;float: right;height: auto;border-top-left-radius: 60px;}
.contact .contact-c .formbox form{width: 100%;height: auto;display: block;overflow: hidden;}
.contact .contact-c .formbox form .c1{font-size: 16px;color:#666; border: none;margin-bottom: 15px; background: #FFFFFF;border-radius: 10px;line-height: 25px;padding: 15px; float:left; width:calc(50% - 10px);margin-right: 20px;height: auto;}
.contact .contact-c .formbox form .c1:nth-child(2){margin-right: 0;}
.contact .contact-c .formbox form .c2{width: 100%;}
.contact .contact-c .formbox form .c3{width: 100%;height: 150px;}
.contact .contact-c .formbox form .label{width: 100%;height: auto;overflow: hidden;padding-top: 35px;}
.contact .contact-c .formbox form .label p{width: calc(100% - 160px);float: left;padding-right: 5%;margin-top: 10%;  font-size:18px;} 
.contact .contact-c .formbox form .label .send{width: 160px;height: 160px;display: block;float: right; border-radius: 100%;border: none;background:url(../img/next.png) center no-repeat #000000;background-size: 45%;}

@media only screen and (max-width:1680px) {
	.contact .contact-c .tl{font-size: 34px;}
	.contact .contact-c .formbox form .label .send{width: 140px;height: 140px;}
	.contact .contact-c .formbox form .c1{padding: 10px 15px;}
	.contact .contact-c .formbox form .label p{width: calc(100% - 140px);}
	
}
@media only screen and (max-width:1440px) {
	.contact .contact-c .tl{font-size: 32px;}
	.contact .contact-c .formbox form .label .send{width: 120px;height: 120px;}
	.contact .contact-c .formbox form .c1{padding: 10px 15px;margin-bottom: 10px;}
	.contact .contact-c .formbox form .label p{width: calc(100% - 120px);font-size: 16px;}
	.contact .contact-c .formbox{border-top-left-radius: 50px;}
	.contact .contact-c .formbox form .c1{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.contact .contact-c .tl{font-size: 30px;}
	.contact .contact-c .formbox form .label .send{width: 100px;height: 100px;}
	.contact .contact-c .formbox form .label p{margin-top: 5%; width: calc(100% - 100px);}
	.contact .contact-c .formbox{border-top-left-radius: 45px;}
	.contact .contact-c .formbox form .c1{border-radius: 5px;}
}
@media only screen and (max-width:1024px) {
	.contact .contact-c .tl{font-size: 26px;}
	.contact .contact-c .formbox form .label .send{width: 80px;height: 80px;}
	.contact .contact-c .formbox form .label p{margin-top: 5%;width: calc(100% - 80px);font-size: 15px;}
	.contact .contact-c .formbox{border-top-left-radius: 35px;}
	.contact .contact-c .formbox form .c1{font-size: 14px;}
}
@media only screen and (max-width:767px) {
	.contact .bks-txt{top: 95%;}
	.contact .contact-c .tl{background: #fe5900; font-size:22px;padding: 35px 5% 20px 5%;border-top-left-radius:30px; width: 100%;margin-top: 0;}
	.contact .contact-c .tl p{color: #000;}
	.contact .contact-c .formbox form .label .send{width: 60px;height: 60px;}
	.contact .contact-c .formbox form .c1{width: 100%;border-radius: 5px;}
	.contact .contact-c .formbox{border-top-left-radius: 0;padding:5% 5% 45px 5%;  width: 100%;}
}


.cont-infor{width: 100%;height: auto;}
.cont-infor  ul{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.cont-infor  ul li{width: calc(50% - 30px);display: inline-block; margin-right:60px;padding-bottom: 65px;  vertical-align: top;}
.cont-infor  ul li:first-child{display: block;}
.cont-infor  ul li:nth-child(3){margin-right:0;}
.cont-infor  ul li:nth-child(4){width: 100%;}
.cont-infor  ul li .toptl{text-transform: uppercase; margin-bottom: 25px; font-size: 16px;font-family: "kr"; width: 100%;color: #9d9d9d; padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.cont-infor  ul li .toptl i{display: inline-block;vertical-align: middle;margin-right: 5px;width: 24px;}
.cont-infor  ul li h6{ font-family:  "kr", "kr", "kr","ar"; line-height: 1.2; font-size: 50px;color: #000000;font-weight: normal;}
.cont-infor  ul li h6 span{font-family: "kr";}
.cont-infor  ul li:first-child h6{color: #FE5900;}
.cont-infor  ul li:hover h6{color: #FE5900;}
.cont-infor  ul li:nth-child(4){padding-bottom: 0;}

@media only screen and (max-width:1680px) {
	.cont-infor  ul li h6{font-size: 43px;}
}
@media only screen and (max-width:1440px) {
	.cont-infor  ul li .toptl{font-size: 15px;}
	.cont-infor  ul li .toptl i{width: 22px;}
	.cont-infor  ul li h6{font-size: 40px;}
	.cont-infor  ul li{width: calc(50% - 20px);margin-right: 40px;}
}
@media only screen and (max-width:1280px) {
		.cont-infor  ul li .toptl{font-size: 15px;}
	.cont-infor  ul li .toptl i{width: 20px;}
	.cont-infor  ul li h6{font-size:35px;}
	.cont-infor ul li{width: calc(50% - 15px);margin-right: 30px;}
}
@media only screen and (max-width:1024px) {
			.cont-infor  ul li .toptl{font-size: 14px;}
	.cont-infor  ul li .toptl i{width: 20px;}
	.cont-infor  ul li h6{font-size:30px;}
	.cont-infor  ul li{width: 100%;padding-bottom: 45px;}

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

				.cont-infor  ul li .toptl{font-size: 12px;padding-bottom: 10px;margin-bottom: 15px;}
	.cont-infor  ul li .toptl i{width:18px;}
	.cont-infor  ul li h6{font-size:20px;}
	.cont-infor ul li{padding-bottom: 35px;}
}



.solu-sort{width: 100%; height: auto;position: absolute;left: 0;bottom: 0;z-index: 22;}
.solu-sort  .sortbox2{position: relative;z-index: 0;}
.solu-sort  .sortbox2 a{color: rgba(255,255,255,0.8); color: #FFFFFF;}
.solu-sort  .sortbox2 a.hover{color: #FE5900;}
.solu-sort  .sortbox2 a:hover{color: #FE5900;}
.solu-sort .ico-list{width: 35%;height: auto;z-index: -1; position: absolute;bottom:50%;transform: translateY(50%);-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);   right: 10%;}
.solu-sort .ico-list .ico{display: none; width: 100%;height: auto;opacity: 0.4;}

@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:767px) {
	.solu-inbanner{width: 100%;height:60%;}
	.solu-sort  .sortbox2{margin-top:-155px;}
	.solu-sort .ico-list{width: 45%;}
}
.sheme .title-box .title-box-top{border-color: #000;}
.sheme{width: 100%;height: auto;position: relative;z-index: 0;background: #f1f2f8;}
.sheme1:after{content:"";position: absolute;left: 0;width: 100%;height:15%;bottom: 0;z-index: 0;background: #FE5900;}
.sheme .sheme-c{width: 100%;height: auto;}
.sheme .sheme-c .txt-c{width: 50%;padding-right:10%;height: auto;float: left;}
.sheme .sheme-c .txt-c strong{font-size: 24px;font-family:  "kr", "kr","ar";color: #FE5900;}
.sheme .sheme-c .pic{width:45%;float: right;height: auto;padding-left: 5%;margin-top: -5%;}
.sheme .sheme-con .sheme-js{width: 100%;height: auto;padding-right:30%;}
.sheme .sheme-con .sheme-js .pic{overflow: hidden;border-top-left-radius: 35px; width: 100%;position: relative; height: auto;background: #FFFFFF;}
.sheme .sheme-con .sheme-js .pic p{line-height: 1.2; position: absolute;width: 100%;height: auto;left: 0;padding: 5%;color:#FE5900;font-size: 30px;bottom: 5%;font-family:  "kr", "kr","ar";}

.sheme2{background: #FE5900;}
.sheme2:after{content:"";position: absolute;left: 0;width: 100%;height:15%;bottom: 0;z-index: 0;background: #D7D8D9;}
.sheme2 .sheme-c .txt-c strong{color: #000000;}
.sheme3{background: #D7D8D9;}

@media only screen and (max-width:1680px) {
	.sheme .sheme-c .txt-c{padding-right: 5%;}
	.sheme .sheme-c .txt-c strong{font-size: 22px;}
	.sheme .sheme-con .sheme-js .pic p{font-size:28px;}
	
}
@media only screen and (max-width:1440px) {
	.sheme .sheme-c .txt-c strong{font-size: 20px;}
	.sheme .sheme-con .sheme-js .pic p{font-size:24px;}
}
@media only screen and (max-width:1280px) {
	.sheme .sheme-c .txt-c strong{font-size: 18px;}
	.sheme .sheme-con .sheme-js .pic p{font-size: 22px;}
}
@media only screen and (max-width:1024px) {
	.sheme .sheme-c .txt-c strong{font-size: 16px;}
	.sheme .sheme-c .pic{margin-top: 0;}
	.sheme .sheme-con .sheme-js .pic p{font-size: 20px;}
}
@media only screen and (max-width:767px) {
	.sheme .sheme-c .txt-c{width: 100%;}
	.sheme .sheme-c .pic{width: 100%;}
	.sheme .sheme-c .txt-c{width: 100%;}
	.sheme .sheme-con .sheme-js{padding-right: 20%;}
	.sheme .sheme-con .sheme-js .pic p{font-size:18px;}
	
}

.probox{width: 100%;height: auto;}
.probox .pro-sort{width: 100%;height: auto;position: relative;z-index: 0;}
.probox .pro-sort .ico{opacity: 0.6; position: absolute; width:27%;height: auto;z-index: -1;right:25%; bottom:0%;transform: translateY(15%);-webkit-transform: translateY(15%);-moz-transform: translateY(15%);-ms-transform: translateY(15%);-o-transform: translateY(15%);}
.probox .pro-sort .sortbox a{color: #FFFFFF;line-height: 1;}
.probox .pro-sort .sortbox a.cut{color: #FE5900;}
.probox .pro-sort .sortbox a:hover{color: #FE5900;}
.probox .detail{overflow: hidden; z-index: 0; position: relative; width: 100%;height: auto;background: #FE5900;padding: 5% 7.5% 5% 5%;} 
.probox .detail .ico{width: 20%;display:block; height: auto;z-index: -1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.probox .detail .con{width:45%;height: auto;padding-right:5%;float: left;}
.probox .detail .pic{width:45%;padding-left:10%;height: auto;float: right;}
.probox .detail .pic img{display: block;width: 100%;height: auto;}
.probox .detail .con .txt-c{width: 100%;height: auto;margin:40px 0;}
.probox .detail .con h6{color: #000000;font-weight: normal;font-size: 60px; font-family: "kr";}
.probox .detail .con .touch{ text-transform: capitalize; font-size: 18px;color: #FE5900;margin-top: 15%; font-family: "kr";background: #000000;text-align: center;display: inline-block;padding: 0 25px; line-height: 50px;border-top-left-radius:25px;}

@media only screen and (max-width:1680px) {
	.probox .detail .con h6{font-size: 55px;}
	.probox .detail .con .touch{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.probox .detail .con h6{font-size:50px;}
	.probox .detail .con .touch{font-size: 15px;line-height: 45px;}
}
@media only screen and (max-width:1280px) {
	.probox .detail .con h6{font-size: 45px;}
}
@media only screen and (max-width:1024px) {
	.probox .detail .con h6{font-size: 40px;}
.probox .pro-sort .ico{width: 35%;}
.probox .detail .ico{width: 35%;}
.probox .detail{padding:5%;}
}
@media only screen and (max-width:767px) {
.probox .detail .con h6{font-size: 30px;}
.probox .pro-sort .ico{width: 40%;}
.pro-inbanner{height: 65%;}
	.probox{margin-top: -170px;}
	.probox .detail .con{width: 100%;}
	.probox .detail .pic{width: 100%;margin-top: 45px;padding-left: 0;}
	.probox .detail{padding:35px 5%;}
	.probox .detail .con .touch{padding: 0 20px;line-height: 40px;margin-top: 10%;border-top-left-radius: 25px;}
}

.pro-d{width: 100%;height: auto;position: relative;z-index: 0;}
.pro-d .pro-dc{width: 100%;height: auto;overflow: hidden;}
.pro-d .pro-dc .title{float: left;width: 45%;padding-right: 5%;}
.pro-d .pro-dc .txt-c{width: 55%;float: right;height: auto;padding-left: 5%;}
.pro-d .pro-dc .txt-c strong{font-size:24px;color: #FE5900;}

.pro-d  ul{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.pro-d  ul li{width: 100%;display: inline-block; margin-right:60px;padding-bottom: 65px;  vertical-align: top;}
.pro-d  ul li:first-child{display: block;width: 100%;}
.pro-d  ul li:nth-child(2){display: block;}
.pro-d  ul li:nth-child(4){margin-right:0;}
.pro-d  ul li .toptl{text-transform: uppercase; margin-bottom: 25px; font-size: 16px;font-family: "kr"; width: 100%;color: #9d9d9d; padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.pro-d  ul li h6{ font-family:  "kr", "kr", "kr","ar"; line-height: 1; font-size: 55px;color: #000000;font-weight: normal;}
.pro-d  ul li h6 span{font-family: "kr";}
.pro-d  ul li:first-child h6{color: #FE5900;font-size: 90px;}
.pro-d  ul li:hover h6{color: #FE5900;}
.pro-d  ul li:nth-child(5){padding-bottom: 0;}

@media only screen and (max-width:1680px) {
	.pro-d .pro-dc .txt-c strong{font-size: 22px;}
.pro-d  ul li h6{font-size: 40px;}
.pro-d  ul li:first-child h6{font-size:80px;}
.pro-d  ul li:nth-child(2) h6{font-size: 55px;}
}
@media only screen and (max-width:1440px) {
	.pro-d .pro-dc .txt-c strong{font-size: 20px;}
.pro-d  ul li h6{font-size:34px;}
.pro-d  ul li:first-child h6{font-size: 100px;}
.pro-d  ul li:nth-child(2) h6{font-size:48px;}
.pro-d  ul li .toptl{font-size: 15px;}

}
@media only screen and (max-width:1280px) {
	.pro-d .pro-dc .txt-c strong{font-size: 18px;}
.pro-d  ul li h6{font-size:25px;}
.pro-d  ul li:first-child h6{font-size:70px;}
.pro-d  ul li:nth-child(2) h6{font-size:36px;}
.pro-d  ul li .toptl{font-size: 13px;}
.pro-d  ul li .toptl i{width: 20px;}
}
@media only screen and (max-width:1024px) {
	.pro-d .pro-dc .txt-c strong{font-size: 16px;}
.pro-d  ul li h6{font-size:25px;}
.pro-d  ul li:first-child h6{font-size:70px;}
.pro-d  ul li:nth-child(2) h6{font-size:35px;}
.pro-d  ul li{width: 100%;height: auto;padding-bottom: 45px;}
.pro-d  ul li:nth-child(2){width: 100%;margin-right: 0;}
.pro-d  ul li:nth-child(3),.pro-d  ul li:nth-child(4),.pro-d  ul li:nth-child(5){padding-bottom: 45px;}
.pro-d  ul li .toptl{font-size: 12px;}
.pro-d  ul li .toptl i{width: 18px;}
}
@media only screen and (max-width:767px) {
	.pro-d .pro-dc .title{width: 100%;}
	.pro-d .pro-dc .txt-c{width: 100%;padding-left: 0;margin-top: 35px;}
.pro-d  ul li{padding-bottom: 35px;}
.pro-d  ul li h6{font-size:25px;}
.pro-d  ul li:first-child h6{font-size:45px;}
.pro-d  ul li:nth-child(2) h6{font-size:30px;}
.pro-d  ul li:last-child{padding-bottom: 0;}
	
}



.have2{background: #FFFFFF;}
.have2:before{background: #D7D8D9;}


.honor{background: #D7D8D9; width: 100%;height: auto;position: relative;z-index: 0;}
.honor .honor-top{width: 100%;height: auto;position: relative;}
.honor .honor-top  .swiper-button-next{background-image: url(../img/nexts.png);left:auto;right: 0}
.honor .honor-top  .swiper-button-prev{background-image: url(../img/prevs.png);left:auto;right:80px;}
.honor .honor-top .swiper-button-next ,.honor .honor-top .swiper-button-prev{
    position: absolute;
    top: auto;
    bottom: 5%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-color: #FE5900;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.honor .honor-c{width: 100%;height: auto;}
.honor .honor-c .honor-js{width: 100%;height: auto;}
.honor .honor-c .honor-js  .pic{position: relative; border: 5px solid #FE5900; width: 100%;height: auto;display: block;}
.honor .honor-c .honor-js  .pic img{display: block;width: 100%;height: auto;}
.honor .honor-c .honor-js  .pic .bks{display: none;transition: all 0.5s ease; position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;}
.honor .honor-c .honor-js  .pic .bks i{display: block;position: absolute;top: 50%;left: 50%;width: 80px;height: auto;transform: translateX(-50%)translateY(-50%);
-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.honor .honor-c .honor-js  .pic:hover .bks{display: block;}

@media only screen and (max-width:1680px) {
	.honor .honor-c .honor-js .pic .bks i{width: 60px;height: auto;}
}
@media only screen and (max-width:1440px) {
	.honor .honor-c .honor-js .pic .bks i{width: 50px;}
	.honor .honor-top .swiper-button-next ,.honor .honor-top .swiper-button-prev{width: 50px;height: 50px;background-size: 25px 25px;}
	.honor .honor-top  .swiper-button-prev{right: 70px;}
	
}
@media only screen and (max-width:1280px) {
	.honor .honor-c .honor-js .pic .bks i{width: 45px;}
}
@media only screen and (max-width:1024px) {
	.honor .honor-c .honor-js .pic .bks i{width: 40px;}
		.honor .honor-top .swiper-button-next ,.honor .honor-top .swiper-button-prev{width:40px;height:40px;background-size: 20px 20px;}
	.honor .honor-top  .swiper-button-prev{right: 60px;}
}
@media only screen and (max-width:767px) {
	.honor .honor-top{padding-bottom: 50px;}
	.honor .honor-c .honor-js  .pic{border: 3px solid #FE5900;}
	.honor .honor-c .honor-js .pic .bks i{width: 35px;}
}



.inbanner2 .pic{opacity: 0;}
.inbanner2 .picbks2{width: 100%;height: 150%;left: 0;position: absolute;z-index: -1;top: 0;background-size: cover;background-repeat: no-repeat;}

.ind{position: relative; width: 100%;height: auto;z-index: 0;}
.ind .bks-txt{top:-5%;}
.ind .bks-txt a{ color: rgba(255,255,255,0.1);-webkit-text-fill-color: transparent; -webkit-text-stroke: 0.5px currentColor;text-stroke: 0.5px rgba(255,255,255,0.15);-webkit-text-stroke: 0.5px rgba(255,255,255,0.15);}
.ind .title b,.ind .title p{color: #FFFFFF;}
.ind .ind-c{width: 100%;height: auto;overflow: hidden;margin-bottom: 35px;}
.ind .ind-c .title {width: 50%;float: left;}
.ind .ind-c .txt-c{width: 50%;height: auto;float: right;padding-left: 5%;}
.ind .ind-c .txt-c p{color: #FFFFFF;}
.ind .indcon{width: 100%;height: auto;}
.ind .indcon .pn{width: 100%;height: auto;position:relative;padding:5px 0;}
.ind .indcon .indcon-js{width: 100%;height: auto;padding-right: 15%;}
.ind .indcon .indcon-js .li{width: 100%;height: auto;}
.ind .indcon .indcon-js .li .pic{border-bottom:10px solid #FE5900; overflow: hidden;border-top-left-radius: 35px; width: 100%;height: auto;}
.ind .indcon .indcon-js .li .con{padding: 5%;background: #000000;}
.ind .indcon .indcon-js .li .con b{display: block; font-weight: normal;font-family:  "kr", "kr","ar"; font-size: 36px;color: #FE5900;margin-bottom: 10px;}
.ind .indcon .indcon-js .li .con .txt-c p{color:#FE5900;}
.ind .indcon .indcon-js .li:hover .pic{border-color: #000000;}
.ind .indcon .indcon-js .li:hover .con{background: #FE5900;}
.ind .indcon .indcon-js .li:hover .con b{color: #000000;}
.ind .indcon .indcon-js .li:hover .con .txt-c p{color: #000000;}
.ind .indcon .pn  .swiper-button-next{background-image: url(../img/nexts.png);left:80px;right: auto;}
.ind .indcon .pn  .swiper-button-prev{background-image: url(../img/prevs.png);left:0%;right: auto;}
.ind .indcon .pn .swiper-button-next , .ind .indcon .pn  .swiper-button-prev{
    position: absolute;
    top: auto;
    bottom: 50%;
    width: 60px;
    height: 60px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-color: #FE5900;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}

@media only screen and (max-width:1680px) {
	.inbanner2 .picbks2{height: 150%;}
	.ind .indcon .indcon-js .li .con b{font-size: 34px;}
	
}
@media only screen and (max-width:1440px) {
.inbanner2 .picbks2{height:150%;}
.ind{margin-top: -350px;}
.ind .indcon .pn  .swiper-button-next{left: 70px;}
.ind .indcon .pn .swiper-button-next , .ind .indcon .pn  .swiper-button-prev{width: 50px;height: 50px;background-size: 25px 25px;}
.ind .indcon .indcon-js .li .con b{font-size: 32px;}

}
@media only screen and (max-width:1280px) {
.inbanner2 .picbks2{}
.ind{margin-top: -300px;}
.ind .indcon .indcon-js .li .con b{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
.inbanner2 .picbks2{height:160%;}
.ind .ind-c{padding-bottom: 55px;}
.ind .ind-c .title{width: 100%;}
.ind .ind-c .txt-c{width: 100%;padding-left: 0;margin-top: 35px;}
.ind{margin-top: -160px;}
.ind .indcon .indcon-js .li .con b{font-size: 26px;}
.ind .indcon .pn  .swiper-button-next{left:55px;}
.ind .indcon .indcon-js .li .pic{border-bottom: 5px solid #FE5900;}
.ind .indcon .indcon-js .li:hover .pic{border-bottom: 5px solid #000000;}
.ind .indcon .pn .swiper-button-next , .ind .indcon .pn  .swiper-button-prev{width:40px;height:40px;background-size: 20px 20px;}
}
@media only screen and (max-width:767px) {
	.ind{margin-top: -60px;}
	.inbanner2 .picbks2{height:240%;}
	.ind .indcon .indcon-js .li .con b{font-size: 22px;}
	.ind .indcon .indcon-js .li .pic{border-top-left-radius: 25px;}
}


.trad{width: 100%;height:auto;}
.trad .title-box .title-box-top{border-color: #000000;}
.trad .trad-top{width: 100%;height: auto;overflow: hidden;}
.trad .trad-top .title{width: 50%;float: left;}
.trad .trad-top .txt-c{width: 50%;float: right;height: auto;padding-left: 5%;}
.trad .trad-top .txt-c strong{font-size: 24px;color: #FE5900;}
.trad .trad-top .txt-c img{display: block;width: 100%;height: auto;}

.trad .trad-c{width: 100%;height: auto;}
.trad .trad-c  .trad-js{width: 100%;height: auto;padding-right: 10%;}
.trad .trad-c  .trad-js .pic{position: relative; width: 100%;overflow: hidden;border-top-left-radius: 35px; height: auto;}
.trad .trad-c  .trad-js .pic .bks{left: 0;width: 100%;height: 100%; position: absolute;top: 0;}
.trad .trad-c  .trad-js .pic .bks p{color: #FFFFFF;position: absolute;left: 0;padding: 5%;bottom: 5%;font-size:34px;line-height: 1.2;}
.linkbox{width: 100%;height: auto;}
.linkbox .linkbox-c{border-top-left-radius: 35px; display: block;width: 100%; height: auto;background: #FE5900;padding: 5% 15% 5% 5%;position: relative;z-index: 0;}
.linkbox .linkbox-c h6{font-size: 36px;color: #000000;font-weight: normal;font-family:  "kr", "kr","ar";line-height: 1.5;}
.linkbox .linkbox-c .ico{padding: 0 5%; position: absolute;left: 0;top:50%;width: 100%; text-align: center;font-size: 0;z-index: -1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.linkbox .linkbox-c .ico img{opacity:0.3; display: inline-block;margin: 0 5%;width:16%; mix-blend-mode: multiply;}
.linkbox .linkbox-c .view{right: 10%;top: 50%; background: #000000;width: 60px;height: 60px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.linkbox .linkbox-c .view i{display:block;width: 30px;height: auto;}

@media only screen and (max-width:1680px) {
	.linkbox .linkbox-c h6{font-size: 34px;}
	.trad .trad-top .txt-c strong{font-size: 22px;}
	.trad .trad-c  .trad-js .pic .bks p{font-size: 32px;}
}
@media only screen and (max-width:1440px) {
	.linkbox .linkbox-c h6{font-size: 32px;}
	.trad .trad-c  .trad-js .pic .bks p{font-size: 30px;}
	.linkbox .linkbox-c .view{width: 50px;height: 50px;}
	.linkbox .linkbox-c .view i{width: 25px;}
	.trad .trad-top .txt-c strong{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.linkbox .linkbox-c h6{font-size: 30px;}
	.trad .trad-c  .trad-js .pic .bks p{font-size: 28px;}
	.trad .trad-top .txt-c strong{font-size: 18px;}
}
@media only screen and (max-width:1024px) {
	.linkbox .linkbox-c h6{font-size: 26px;}
.trad .trad-c  .trad-js .pic .bks p{font-size: 24px;}
		.linkbox .linkbox-c .view{width:40px;height:40px;}
	.linkbox .linkbox-c .view i{width: 20px;}
	.trad .trad-top .title{width: 100%;height: auto;}
	.trad .trad-top .txt-c{width: 100%;height: auto;margin-top: 35px;padding-left: 0;}
	

.linkbox .linkbox-c h6{padding:15px calc(5% + 40px) 15px 0;}
.trad .trad-top .txt-c strong{font-size: 16px;}
}
@media only screen and (max-width:767px) {
	.linkbox .linkbox-c h6{font-size: 22px;}
	.trad .trad-c  .trad-js .pic .bks p{font-size: 18px;}
	.linkbox .linkbox-c{border-top-left-radius: 25px;}
	.linkbox .linkbox-c .ico img{width: 30%;margin: 0 1%;}
	.trad .trad-c  .trad-js .pic{border-top-left-radius: 25px;}
}