@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
button {
	display: inline-block;
	background: transparent;
	font-size: inherit;
	font-weight: normal;
	font-family: inherit;
	color: inherit;
	cursor: pointer;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.skip, .blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 3px;
	color: transparent;
	line-height: 0;
}

.hidden_txt {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	background: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	border: none !important;
	background: transparent !important;
}

/* Dots */
.slick-dotted.slick-slider {
	padding-bottom: 50px;
}

.slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 50px;
	height: 2px;
	background: #cfcfcf;
	opacity: 0.5;
	cursor: pointer;
	color: transparent;
	border: 0;
}

.slick-dots li.slick-active button {
	width: 50px;
	opacity: 1;
	background: #ed7100;
	display: none;
}

.tfixmenu {
	float: right;
	margin-top: 300px;
	position: relative;
}

.tfixmenu>ul>li>a {
	display: block;
	width: 230px;
	height: 60px;
	line-height: 60px;
	font-size: 21px;
	color: #d0d0d0;
	text-align: center;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.6) url(../img/main/fixarr.png) no-repeat
		20px center;
	margin-bottom: 2px;
}

.tfon, .tfixmenu>ul>li>a:hover {
	background: rgba(231, 78, 15, 0.85) url(../img/main/fixarrW.png)
		no-repeat 20px center !important;
	color: #FFF !important;
}

.tfixnavSub {
	position: absolute;
	width: 200px;
	padding: 20px 25px;
	background: rgba(231, 78, 15, 0.85);
	top: 0;
	left: -200px;
	box-sizing: border-box;
	display: none;
}

.tfixnavSub ul li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	font-size: 16px;
	padding-bottom: 7px;
	margin-top: 7px;
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	display: block;
	width: 100%;
}

.tfixsns {
	position: absolute;
	right: 25px;
	top: 340px;
}

.tfixsns ul li {
	padding-bottom: 15px;
}




/* Dots */
.slick-dotted.slick-slider{padding-bottom:50px;}
.slick-dots{/* position:absolute;*/bottom:0px;display:block;padding:0;margin:0;list-style:none;/* text-align:left;*/;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:5px;background:#cfcfcf;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:0.4;background:#00afd5;}
.main01sec-1{font-weight:600;font-size: 45px;color:#fff; display:inline-block; line-height: initial; letter-spacing: -3px;}

.main01sec-3{font-size:16px;color:rgba(255,255,255,0.6);line-height:140%;padding-top:20px;padding-bottom: 20px}
.mainsmore a{border: 1px solid rgba(255,255,255,0.5); display: block; font-size: 14px; width: 130px;text-align: center; color: rgba(255,255,255,1.00); margin: 0 auto}


.main01sec{ text-align:center;}
.maintop{position:relative;margin:0 auto;padding:0;width:100%;text-align:center; background-size:cover;z-index:1;height: 840px;}
.maintop .mainimg{margin:0 auto;width: 850px;text-align:left;position:relative;}
.maintop .text{padding: 400px 0 0 0;color:#ffffff;font-size:32px;line-height:36px;text-align: left;z-index: 0;}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}
.maintop .mainban{width: 1340px;left: 50%;margin-left: -670px;background: rgb(255 255 255); position: absolute;bottom: 0;padding: 20px 0 20px 20px; box-sizing: border-box;}

.topgnb .bell{cursor: pointer; 
    position: absolute;
    left: -33px;
    top: -1px;}
.topno{position:relative;float:right; margin-right:8px;}
.bellno{position:absolute;width:15px;height:15px;line-height:15px;text-align:center;color:#fff;background:#6b2383;border-radius:50%;display:block;right:-1px;bottom:-30px;font-size:12px;}


.tlnb{background:rgba(0,0,0,0.2); border-radius: 50px; padding:  23px 0; color: #fff; font-size: 17px; margin: 0 auto; margin-top: 100px; text-align: center}
.tlnb > div{display: inline-block}
.tlnbm ul li{display: inline-block}
.tlnbm ul li a{display: inline-block; padding: 0 40px 0 65px; background: url("../img/main/mtpa_w.png") no-repeat right center}
.tlnbm ul li a:hover{background: url("../img/main/mtpa_p.png") no-repeat right center; color:#e48bff }
.tlnbtit{background:url("../img/main/mtp.png") no-repeat left center; padding-left: 30px; margin-right: 20px; position: relative}
.tlnbtit:after{width: 1px; height:13px; background: rgba(255,255,255,1.00); content: ''; position: absolute;     right: -27px;
    top: 9px;}

.notbox a{background: #ffffff;padding:50px 40px;box-sizing:border-box; position: relative; display: block; border:1px solid #d7d7d7;}
.notbox a:hover{border:1px solid #bf75d6;}
.notbox:last-child{margin-right:0;}
.nocate{font-size: 14px; color: #6c2282; border-radius: 20px ; padding: 3px 15px; display: inline-block; border: 1px solid #6c2282 }
.notw{overflow:hidden;}
.notboxtit{    font-size: 20px;font-weight:600;       color: #010000;       white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    line-height: 1.5;   height: 3em;    text-align: left;
    word-wrap: break-word;      margin-bottom:10px;    margin-top: 20px;    }
.notboxstit{font-size:15px;color: #605e5e;padding-bottom: 28px; overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    line-height: 1.5;   height: 3em;    text-align: left;
    word-wrap: break-word; height: 20px }


.notday{color: #616161;font-weight: 400;font-size: 15px;  margin-top: 35px; margin-bottom: 40px}
.notcate{color:#b81082;/* padding-bottom: 25px; */font-weight: 500;position: absolute;top: 50px;}
.nomore{position: absolute; right: 0; bottom: 0; border:1px solid #e6e6e6; width: 30px; height: 30px; line-height: 26px; text-align: center}
.notmore{border: 1px solid #d7d7d7; border-radius: 20px; color: #7d7d7d; text-align: center; padding: 15px 0; font-weight: 600}

.w1570{width: 1570px; margin: 0 auto}
.sec01 .w1570{padding-left: 140px;}
.sec01{ margin: 70px 0 80px;}
.cate{font-size: 17px; color: #6c2282; display: inline-block; position: relative; padding-bottom: 6px;}
.cate:after{width: 42px; height: 1px; background:#6c2282; content: ''; display: block; position: absolute; bottom: 0; margin-top: 10px;}
.noticetit{font-size: 43px; color: #282828; font-weight: 600; letter-spacing: -2px; padding-bottom: 40px; padding-top: 20px}
.noticestit{font-size: 17px; color: #4f4f4f;}

.noticew{overflow: hidden}
.noticetbox{ width: 450px; float: left}
.notcon{width: calc(100% - 450px); float: left; position: relative}
.proSwiper{overflow: hidden}

.swiper-button-prev, .swiper-button-next{    width: 65px;    height:60px;    display: inline-block;     text-align: center;    background-repeat: no-repeat;
background-position: center;    cursor: pointer;    position: absolute;    background-color: #fff;    z-index: 10;    }
.swiper-button-prev{background-image: url(../img/main/arrL.png);left: -450px;top: 0;top: 100px; /*top:300px;*/}
.swiper-button-next{background-image: url(../img/main/arrR.png);left: -384px;top: 100px; /*top:300px;*/}

.sec02{overflow: hidden; position: relative;}
.sec02 .busimg img{width: 100%}
.sec02 .container{width: 100%;  box-sizing: border-box; left: 50%;     margin-left: -700px; margin-bottom: 100px;}
.sec02 .swiper-slide-next + div{width: 30% !important;}
.sec02 .swiper-slide-next + div .busimg img {width: 100%}
.sec02 .busSwiper{overflow: hidden; margin-top: -100px;}
.sec02 .noticew{}
.sec02 .swiper-pagination{/*top: 17px;     left: 1430px;*/ top:95px; left:-22px;    width: 130px;    height: 50px;}
.sec02  .bustxt {padding-top: 25px; font-size: 20px; color: #8c8c8c}
.sec02 .swiper-slide-next + div .but{color: #000000}
.sec02 .buts{display: none}
.sec02 .swiper-slide-next + div  .buts{display: block; font-size: 16px}
.sec02 .swiper-slide-next + div  .bustxt{padding-top: 0}
.sec02 .busimg{margin-bottom: 10px}
.sec02 .bustxt .but{position: relative; top: -20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.sec02 .swiper-slide-next + div .but{top: 0}

.sec03{}
.sec03 .tit{font-size: 50px; color: #282828; letter-spacing: -2px; padding-bottom: 20px; text-align: center; font-weight: 700;}
.sec03 .stit{ font-size: 17px; color: #525252; text-align: center; padding-bottom: 55px}

.sec03 .sobw{display: flex; width:100%;}
.sec03 .sobox{flex:1; position: relative; max-height:550px; overflow: hidden;}
.sec03 .sobox:last-child{margin-right: 0}
.sec03 .sobtit{ font-size: 28px; color: #ffffff; font-weight: 600; padding-bottom: 5px; padding-top: 15px}
.sec03 .sobtit:after{display: block; margin: 10px auto 10px; width:40px; height: 2px; background: rgba(255,255,255,0.5); content: ''; }
.sec03 .sobstit{font-size: 17px; color: #ffffff;}
.sec03 .sobtxt{position: absolute;top: 185px;left: 50%;text-align: center;margin-left: -100px;}
.sec03 .sobimg{overflow: hidden}
.sec03 .sobimg img{width: 100%;  transition: all 0.3s;}
.sec03 .sobox a:hover .sobimg img{transform: scale(1.05);}
.sec03 .sobox a .sobbtn{display: inline-block; margin-top:30px; padding:8px 40px; border:1px solid #ffffff70; color:#fff;}

.sec04{padding: 100px 0 120px; overflow: hidden;}
.sec04 .noticetbox{padding-top: 100px;width: 575px;}
.sec04 .servbw{float: left;width: calc(100% - 575px);}
.sec04 .servtit{font-size: 20px; color: #282828; padding-bottom: 15px; font-weight: 600}
.sec04 .servstit{font-size: 16px; color: #5f5f5f}
.sec04 .sermore{border:1px solid #ccc;border-radius: 20px;display: inline-block;padding: 4px 18px;margin-top: 35px;}
.sec04 .servbox a{width: 375px;height:250px;box-sizing: border-box;box-shadow: 4px 1px 15px 1px #e0dede;padding: 45px 0 0 35px;background-position: 95% 90%; background-repeat: no-repeat; margin-bottom: 30px; position: relative; display: block}
.sec04 .servbox a:hover{background: #6c2282;  transition: all 0.2s ease-in; }
.sec04 .servbox a:hover .servtit{color: #fff}
.sec04 .servbox a:hover .servstit{color: #fff}
.sec04 .servbox a:hover .sermore{color: #fff}
.sec04 .servbox{float: left;margin-right: 30px;position: relative}
.sec04 .servbox.ser02{top: 170px}
.sec04 .servboxw:nth-child(2){margin-right: 0}
.sec04 .ser01 a{background-image:url("../img/main/serv01.png")}
.sec04 .ser02 a{background-image:url("../img/main/serv03.png")}
.sec04 .ser03 a{background-image:url("../img/main/serv02.png");/* top: 160px; */}

.sec04 .ser01 a:hover{background-image:url("../img/main/serv01_w.png"); background-repeat: no-repeat; background-position: 95% 90%; }
.sec04 .ser02 a:hover{background-image:url("../img/main/serv03_w.png"); background-repeat: no-repeat; background-position: 95% 90%; }
.sec04 .ser03 a:hover{background-image:url("../img/main/serv02_w.png"); background-repeat: no-repeat; background-position: 95% 90%; }

.sec05{height: 835px; background: url("../img/main/mainfban.png") no-repeat; background-size: cover; position: relative; padding-top: 145px}
.sec05 .titw{font-size: 43px; color: #fff; padding-bottom: 50px; font-weight: 700; letter-spacing: -2px}
.sec05 .stitw{font-size: 17px; color: #fff}
.sec05 .banc{width: 560px; position: absolute; right: 0; border-left: 1px solid  rgba(255,255,255,0.5);     top: 0;     height: 100%;    display: flex;    flex-direction: column;
    justify-content: space-evenly;}
.sec05 .banbox{border-bottom: 1px solid  rgba(255,255,255,0.5);height: 100%;/* display: flex; *//* flex-direction: column; *//* justify-content: space-around; *//* align-items: center; */}
.sec05 .banbox a{/* display: block; */color: rgba(255,255,255,1.00);text-align: center;font-size: 23px;height: 100%;display: flex;flex-direction: column;justify-content: center; opacity: 0.8;}
.sec05 .banbox a:hover{background:rgba(108,34,130,0.4); opacity: 1; transition: all 0.2s ease-in;}


@media only all and (max-width:1570px){
.maintop .mainimg{width:calc(100% - 40px); margin: 0 20px;}	
.w1570{width: 100%; padding: 0 20px; box-sizing: border-box}
.sec02 .container{left: 0; margin-left: 0}
.sec04 .noticetbox{width: 40%}
.sec04 .servbw{width: 60%}
}


@media only all and (max-width:1350px) {
.sec01 .w1570{padding: 0}
.sec04 .noticetbox{width: 100%; padding-top: 0}
.sec04 .servbw{width: 100%; }
.sec04 .ser03 a{top: 0}
.sec04{padding: 20px }
.noticetit{padding-bottom: 10px}
.noticestit{padding-bottom: 35px}
.noticetit p{display: inline}
.noticestit p{display: inline}
.sec04 .servboxw{float: none;/* display: flex; */width: 100%;}
.sec04 .servbox a{margin-right: 10px; width: 100%}
.sec04 .servbox.ser02{top: 0}
.sec04 .servbox{    width: 32%;    margin-right: 1%;}
.sec05{height: 500px}
.sec05 .banc{width: 300px}
}

@media only all and (max-width:1024px) {
.noticetbox{width: 100%}
.notcon{width: 100%}
.sec01{margin: 20px 0}
.notbox a{padding: 20px}
.sec02 .busSwiper{margin-top: 0}
.sec02 .bustxt .but{color:#000000;}
.sec02 .swiper-pagination{top: inherit;     left: 0;    margin-left: 0;      bottom: -60px;    width: 100%;}
.sec03 .sobtxt{    top: 75px;    margin-left: 0;    width: 100%;    left: 0;}
}

@media only all and (max-width:820px){
.maintop{height: 500px}
.Mainbg{height: 500px !important}
.tlnb{display: none}
.maintop .text{width:100%;padding-top:90px;box-sizing: border-box;padding: 160px 20px 0;}
.main01sec-1{font-size: 32px}
.main01sec-1 p{display: inline}
.noticetit{font-size: 23px}
.noticew{padding: 10px }
.notday{margin: 20px 0}
.notmore{padding: 7px 0}
.sec02 .bustxt{text-align: center; padding-top: 0;}
.sec02 .buts{display: block; font-size: 14px;}
.sec02 .bustxt .but{top: 0}
.sec02 .swiper-slide{width: 100% !important}

.sec03 .tit{font-size: 32px}
.sec03.sobtxt{left: 30px}
.sec03 .sobstit{font-size: 16px}
.sec03 .sobox{flex: none}
.sec03 .sobw{display: block; }

.sec04 .servbox{width: 100%; float: none}
.sec04 .servbox a{padding: 30px}
.sec04 .servstit p{display: inline}
.sec05{padding-top: 50px;height: 400px;}
.sec05 .titw{font-size: 23px;text-align: center;padding-bottom: 20px;}
.sec05 .titw p{display: inline}
.sec05 .stitw{text-align: center}
.sec05 .banc{width: 100%;flex-direction: row;justify-content: space-evenly;margin-top: 242px;height: 170px;/* border: none; */display: block;}
.sec05 .banbox{border-bottom: none;border-right: 1px solid  rgba(255,255,255,0.5);float: left;width: 33%;}
.sec05 .banbox a{font-size: 18px}
}


.popN{position:absolute;background: rgb(0 0 0 / 85%);z-index: 1000; top: 0;     bottom: 0;     width: 100%;    height: 100%;  left: 0; right: 0; display: none}
.popNw{padding-top: 120px;}
.popNtit{color:#fff;font-size:36px;font-family: 'Futura-Medium';padding-bottom: 30px;text-align: center;}
.popNtit span{font-weight: 700}
.popimg{width: 500px;    overflow: hidden; margin: 0 auto; position: relative; padding: 0 50px; box-sizing:border-box;}
.pop-button-prev{position: absolute;top: 220px;background: url("../img/main/popup_prev.png") no-repeat;width: 54px;height: 54px;z-index: 1;left: 0px;cursor: pointer}
.pop-button-next{position: absolute;top: 220px;background: url("../img/main/popup_next.png") no-repeat;width: 54px;height: 54px;z-index: 1;right:0;cursor: pointer}
.popSwiper{margin: 0 25px;     overflow: hidden;}
.pop-pagination  .swiper-pagination-bullet-active{ background:#1458bd !important;  opacity: 1 }
.pop-pagination .swiper-pagination-bullet{opacity: 1; background: #fff; margin: 0 5px}
.pop-pagination{text-align: center}
.popinfo{width: 1100px;margin: 20px auto;text-align: center}
.popinfo > div{border: 1px solid #5c5a5a;color: #00aeff;font-size: 17px;margin: 0 7px;display: inline-block;padding: 7px 20px;cursor: pointer}
.popinfo > div span{color: #00f6ff; font-weight: 800; padding-left: 3px;  }
.popNc{display: none}
.popN .closeBtn{width: auto}
@media only all and (max-width:1100px){
.popimg, .popinfo {width: 100%!important;}
.popN  .closeBtn{width: 100%}
}