@charset "utf-8";

/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
.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;}



/* 메인 텍스트 배너 */
.maintext{ position:relative; padding: 150px 0 0 0; width: 700px; color: #ffffff; font-size: 32px; line-height: 36px; text-align: center; float: left;}
.maintextsecw{ overflow:hidden; width:540px; height:290px; margin:0 auto; position: relative;}
.maintext .maintextsec{float: left; text-align: left;}
.maintext strong{ font-size: 52px; display: block; padding: 0 0 25px 0; }
.maintext .textsubtitle { font-weight:600; font-size:18px; color:#ffb933; line-height:45px; text-align:center; border:1px solid #ffb933; height: 45px;    display: inline-block;    padding: 0 20px;}
.maintext .texttitle {font-size:48px; font-weight:600; line-height:120%; letter-spacing:-5px;word-wrap:break-word;word-break:keep-all;}
.maintext .textmemo {font-size:16px; color:rgba(255,255,255,0.8);  line-height:140%;}
.maintext .textmore a{border:1px solid rgba(255,255,255,0.7); font-size:16px; padding:0px 15px; display:inline-block; margin-top:10px; opacity:0.7;}
.maintext .textmore a:hover{background:rgba(255,255,255,1); transition: all 0.2s ease-in; color:rgba(51,51,51,1)}
.maintext .prev{ background:url(../img/main/sw_prev.png) no-repeat; width:65px; height:65px;position:absolute; left:0;top:225px; overflow:hidden; text-indent:-1000px; cursor:pointer; z-index: 1;}
.maintext .next{ background:url(../img/main/sw_next.png) no-repeat; width:65px; height:65px; position:absolute; right:0;top:225px; overflow:hidden; text-indent:-1000px; cursor:pointer; z-index: 1;}


@media only all and (max-width: 1024px){
	.maintext{width:100%; padding-top: 130px;}
	.maintextsecw { width:85%; height: auto;}
}

@media only all and (max-width: 800px){
.maintext .texttitle{font-size: 28px;}
.maintext .next{width:40px; height:40px; background-size: cover; right: -10px;}
.maintext .prev{width:40px; height:40px; background-size: cover; left: -10px;}
.maintext .textmore a{font-size:15px; width:auto; padding:0px 20px; height:auto}
.maintext .textmemo{padding-bottom:10px;}
}




/* 배경 이미지  배너 */
.Mainbg {
	width:100%;
	padding-top: 0px;
	display: block;
	position: absolute;
	overflow:hidden;
	z-index: 1;
	height:880px !important;
}

.Mainbg .slick-initialized {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	display: block;
	position: relative;
	max-width: none;
	opacity: 1;
}

.Mainbg .slick-list {
	width: 100%;
	height: 100%;
}

.Mainbg .slick-track {
	width: 100%;
	height: 100%;
}

.Mainbg .slick-slide {
	width: 100%;
	height: 100%;
}

.Mainbg .page {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.Mainbg .page .bg {
	background-position: 50% 50%;
	transition: transform 7s ease-out, opacity 1s 0.3s;
	left: 0px;
	top: 0px;
	width: 100%;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: -1;
	opacity: 0;
	transform: scale(1.2);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}

.Mainbg.ani .page.slick-active .bg {
	opacity: 1;
	transform: scale(1) rotate(0.001deg);
	transition-delay: 0s;
	
}

.Mainbg .slick-list {
	overflow: hidden;
}

.Mainbg .slick-slide {
	height: 100%;
	float: left;
	min-height: 1px;
}

.slick-dotted.slick-slider{/* padding-bottom:50px;*/;}
.slick-dots{position:absolute;bottom: 214px;display:block;padding:0;margin:0;list-style:none;left: 50%; transform:translateX(-50%); z-index: 1000;/* background: #ccc; */}
.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;opacity:1;cursor:pointer;background: #ccc;border:0;/* border-radius: 50%; *//* border: 4px solid #ffffff; */}
.slick-dots li.slick-active button{width: 50px;opacity:0.4;background: #327cff;opacity: 1;/* border-radius: 20px; */}


.quicknav{position: fixed; right: 20px; top: 270px; z-index: 1}
.qnav ul li{font-size: 13px;color: #fff;cursor: pointer;padding: 9px 10px;position: relative;text-align: right;text-transform: uppercase;letter-spacing: 0;}
.qnav ul li:after{content: '';width: 15px;height: 1px;background: rgb(244 244 244 / 60%);position: absolute;bottom: 0px;right: 10px;}
.qnav ul li.active:after{width: 55px;background: rgb(255 255 255 / 80%);}
.qnav.black  ul li{color: #000}

.mainW .header{position: absolute; z-index: 1000; width: 100%} 
.mainW #header .gnb-s{display: none}
.mainW .header .logt p span, .mainW .langw a{color: #fff}
.mainW .navbar-fixed-top .logt p span, .mainW .navbar-fixed-top .langw a{color: #000}

.maintopw .container{width: 100%; padding: 0 55px; box-sizing: border-box} 
.main01sec-1{font-size:55px;font-weight:700;letter-spacing: -3px;line-height:100%;padding-bottom: 30px}
.mainsmore a{border:1px solid rgba(255,255,255,0.5);display:block;font-size: 17px;width:120px;text-align:center;color:rgba(255,255,255,1.00);margin-top:20px;font-family: 'Futura-Medium';letter-spacing: 0;}
.main01sec{float:left;}
.main01sec-3{font-size:30px;color:rgba(255,255,255,0.8);text-align:left;  font-family: 'Futura-Bold';}
.main01sec{float:left;text-align:left;}
.main01secw{width: 665px;position:relative;}
.main01more a{border:1px solid rgba(255,255,255,0.7);font-size:16px;padding:0px 15px;display:inline-block;margin-top:10px;opacity:0.7; }
.main01more a:hover{background:rgba(255,255,255,1);transition:all 0.2s ease-in;color:rgba(51,51,51,1);}
.main01sec-cate{font-size: 24px; opacity: 0.77}
.maintop{overflow:hidden;/* display: flex; *//* height: 880px; *//* width: 100%; *//* align-items: center; *//* justify-content: center; */position: relative;z-index: 10;}
.maintop .text{color:#ffffff;font-size:32px;line-height:36px;text-align:center;position: relative;}
.maintop .text .mtc{font-size: 28px;margin-bottom: 20px;}
.maintop .text .mtcm{letter-spacing: -1px;font-size: 18px;line-height: 1.2; opacity: 0.5}

.maintopw{overflow:hidden;height: 880px;display: flex;/* height: 880px; */width: 100%;align-items: center;justify-content: center;}

.sec02{padding: 70px 0}

.galltc{font-size: 36px; color: #141414; font-weight: 600; text-transform: uppercase; margin-bottom: 50px }
.newsbw{display: flex; column-gap: 65px}
.progboxw{position: relative; letter-spacing: 0}
.progboxw a{display: flex; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; margin-bottom: 20px}
.prodate {margin-top:-12px; display: flex;column-gap: 10px;flex-direction: column;align-items: center;width: 100px;}
.prodate .day{font-size: 41px;color: #464646;font-weight: 800; font-family: 'Pretendard-Bold';}
.prodate .month{font-size: 15px; color: #8d8d8d  }
.progt{font-size: 18px; color: #464646}
.progts{font-size: 14px;color: #9e9e9e;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.proggw{width: calc(100% - 100px)}
.progtxt .progt{font-weight: 600;font-size:18px;color: #3a3939;margin-bottom: 6px;height: 43px;overflow: hidden;position: relative;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.progtxt .progt:after{content:'';display:block;width: 75px;height:1px;background:#CCC;/* margin-top: 20px; *//* margin-bottom: 30px; */position: absolute;bottom: -20px;z-index: 1;}
.progtxt  .prodate{color: #9b9b9b; font-size: 16px; background: url("../img/main/notime.png") no-repeat left 4px; padding-left: 25px  }


.sec03{ padding: 80px 0 0px; background: url(../img/main/sec03bg.jpg) no-repeat center / cover; background-attachment:fixed; box-shadow: 0 -100px 0 #fff inset; width:100%; }
.resw{display: flex; column-gap: 130px}
.resbox{flex: 1}
.restit{font-size: 48px; color: #010000; font-weight: 700;  margin-bottom:10px}
.restits{color: #333333; opacity: 0.4; font-size: 14px; margin-bottom: 17px; letter-spacing: 0}
.resmore a{font-size: 16px; color: #327cff; display: block}
.restxt{margin-bottom: 70px}
.resimg{position: relative}
.resimgtxt{position: absolute; color: #fff; font-size: 25px; font-weight: 800; bottom: 30px; left: 35px }
.resimg-b{margin-bottom: 110px}
.rescimg{display: inline-block; overflow: hidden;}
.rescimg img{transition: all 0.25s ease-in-out;}
.rescimg:hover img{transform: scale(1.1);}

.banz .container{/* margin-bottom: 40px; */display: flex;gap: 10px;margin: 60px auto 60px;}
.banzbox{flex: 1;/* background: #f7f9fe; *//* padding: 50px 0; */box-sizing: border-box;gap: 10px;display: flex;/* width: 100%; */align-items: center;flex-direction: column;/* border-right: 1px solid #ededed; *//* height: 205px; */justify-content: center;}
.banzbox a{/* display: block; */width: 100%;text-align: center;background: #f6f9fe;/* padding: 40px 0; */height: 205px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.banztit{font-size: 18px;color: #565656;padding-top: 25px;}
.banzstit{font-size: 17px;color: #343434;opacity: 0.5;margin-bottom: 20px;}
.banzimg{width: 100%;text-align: center;}

.sec05{background: url(../img/main/sec05bg.jpg) no-repeat center / cover; width:100%; color: #fff; padding: 200px 0 210px}
.sec05 .container{width: 1300px}
.matban{display: flex;column-gap: 120px;}
.matban > div{/* flex: 1; */width: 560px;}
.matbtit{font-size: 48px; font-weight: 800; margin-bottom: 10px }
.matbstit{font-size: 14px; opacity: 0.4; }

.matblist{display: flex;column-gap: 15px;flex-wrap: wrap;flex-direction: row;width: calc(100% - 560px);}
.matbox{border-bottom: 1px solid rgb(255 255 255 / 30%);/* flex: 1; */width: 48%;display: flex;align-items: center;margin-bottom: 20px;gap: 16px;/* text-transform: uppercase; */letter-spacing: 0;font-size: 24px;}
.matbox a{display: flex; align-items: center; column-gap: 16px;}

@media only all and (max-width:1300px){
	.sec05 .container{width: 95%}
}

@media only all and (max-width:1024px){
	
	.Mainbg{height: 460px !important;}
	.maintop {height: 460px !important; display: block;}
	.Mainbg + .container{width: 100%}
	.maintop .text .buttons{top: 265px;left: 66px;}
	.maintop .text .slick button{top: 275px;}
	.maintop .text .mtc{max-width:450px; margin:0 auto 20px;}
	.maintop .text .mtcm{font-size: 18px}
	

	.main01secw{width:92%;padding:0px;box-sizing:border-box;/* height:190px;*/ margin:0 4%;}
	.maintop .text{width:100%;padding-top: 115px;padding-bottom:0;}
	.main01sec-1{font-size:32px; letter-spacing: -1.5px}
	.main01more a{font-size:13px;padding:5px 10px;height:auto;line-height:initial;  font-family: 'Futura-Bold';}
	.main01sec-3{font-size:14px;padding: 10px 0;}
	.main01sec-2{font-size:32px;letter-spacing:-1px;line-height:90%;}
	.main01sec-2 p{font-size:22px;}	

	.Mainbg .slick-track{width: 100%}
	.maintopw{height: auto}
	.slick-dots{bottom: 20px}
	
}

@media only all and (max-width:720px){
	.main01sec-cate{font-size: 16px}
	.main01sec-1{font-size: 28px}
	.Mainbg{height: 300px !important}
	.maintop{height: 300px !important}
	
	.maintopw .container{padding: 0 20px}
	.mainsmore a{font-size: 15px;height: 30px;box-sizing: border-box;line-height: 30px;padding: 0;}

	.banz .container{display: flex; flex-wrap: wrap; margin: 20px auto;}
	.banzbox{width: 30%;         flex: auto;}
	.banzbox a{height: 100%; padding-top:10px;}
	.banzimg img{width:50px;}
	.banztit{font-size: 15px; padding-top: 15px; padding-bottom: 15px}
	
	
	.maintopw{height: auto}
	.newsbw{display: block}
	.resw{display: block}
	.maintop .text .mtcm{font-size: 12px}
	.sec05{padding: 40px 0}
	.matbtit{font-size: 20px}
	.matban{display: block}
	.matban > div{width: 100%}
	.matbtit{font-size:28px}
	.matbstit{font-size: 12px; margin-bottom: 20px}
	.matbox{font-size: 14px; width: 47%}
	.resimg-a, .resimg-b{margin-bottom: 20px; text-align: center;}
	.resimg-c{text-align: center;}
	.resimgtxt{left:50px; font-size:20px;}
	.restxt{margin-bottom: 30px}
	.restit{font-size: 36px}
	.sec03{padding-top: 40px}
	.sec02{padding: 40px 0}
	.prodate{width: 70px; }
	.proggw{width: calc(100% - 70px);}
	.galltc{font-size: 26px; margin-bottom: 20px}
	.prodate .month{font-size: 13px}
	.progtxt .progt{font-size: 16px; height: 40px}
	
	.newsb+.newsb{margin-top:36px;}

}