@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;}

.tab-content{display: none;	margin:0 auto;}
.tab-content.current{display: block;}

/* 메인 텍스트 배너 */
.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:50px 0 110px;color:#171717;background:#e9f3f4;}
.sec02 .container{align-items: center;}

.progboxw{position:relative;padding:50px;box-sizing:border-box;min-height:265px;}
.progboxw .more{position: absolute;right: 1px;    bottom: 1px;}
.pro.date{color: #1256b3;font-size:16px;padding-bottom:25px;}
.progtxt .progt{font-size: 20px; color: #2e2e2e; padding-bottom: 12px; font-weight:500; min-height:60px;}
.progtxt .progts{font-weight:400;font-size:14px;color:#8a8a8a;    margin-bottom: 25px; height: 70px;overflow: hidden;position: relative;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box; line-height: 160%}

.progtxt  .prodate{color: #2e2e2e; font-size: 13px; letter-spacing: 0}
.progtxt .cate{color: #2dbcff; font-size: 17px; padding-bottom: 10px; font-weight:500}
.swiper-grid-column>.swiper-wrapper {   flex-wrap: wrap;    flex-direction: column}
.noticeSwiper { overflow: hidden;}

.noticeSwiper .swiper-slide:hover{background-color: #0f569b; background-image: url("../img/main/noticeSw2.png"); background-repeat: no-repeat; background-position: right bottom;}
.noticeSwiper .swiper-slide:hover .progtxt .cate{color: #02b5f7}
.noticeSwiper .swiper-slide:hover  .progt{color: #fff}
.noticeSwiper .swiper-slide:hover  .progts{color: #fff}
.noticeSwiper .swiper-slide:hover  .prodate{color: #fff}
.noticeSwiper .swiper-pagination{bottom: -5px !important; width: 100%}

.notc{background:#f0f7ff; padding: 80px 0 70px;}
.notc .container{overflow: hidden;width: 1400px; position: relative}
.notc .more a {border: 1px solid #c2c2c2;color: #616161;font-size: 28px;width: 34px;height: 34px;line-height: 30px;text-align: center;position: absolute;right: 0;top: 8px;display: block;box-sizing: border-box}
.notab{overflow: hidden;}
.notab ul {display: flex;}
.notab ul li{flex:1;text-align: center;font-size: 18px;color: #000000;font-weight: 500;position: relative;cursor: pointer;width: 85px;padding-bottom: 10px}
.notab ul li:after{    position: absolute;    height: 2px;    width: 100%;    background:#f5f5f5;     bottom: 0;    left: 0;    }
.notab ul li.active{color: #000; border-bottom: 2px solid #202020; font-weight:600;}
.notab ul li:last-child{border-right: none}
.notctit{display: flex;margin-bottom: 30px;justify-content: space-between;align-items: center;}

.arrow-box {position: absolute;bottom: -48px;width: 140px;z-index: 10;height: 30px;right: 0;}
.arrow-in{display: flex; align-items: center;}
.visual-sec .arrow-box button {/*position: absolute;*/left: 45px; top:0; border-radius: 50%}
.visual-sec .swiper-button-next{position:static; margin-top:0; background:url(../img/main/vis_next.png) no-repeat #d6d8e6 center;width: 15px;height: 18px;top: 0px; width: 38px; height: 38px; border-radius: 50%}
.visual-sec .swiper-button-prev{position:static; margin-top:0;  background:url(../img/main/vis_prev.png) no-repeat #d6d8e6 center;width: 15px;height: 18px;top: 0px;left: -3px;width: 38px;height: 38px;border-radius: 50%}

.visual-sec .stop.play {
  background:url(../img/main/vis_play.png) no-repeat #d6d8e6 center;  width: 38px; height: 38px;
}
.visual-sec .stop{margin:0 10px;width:38px;height:38px;background:url(../img/main/vis_stop.png) no-repeat #d6d8e6 center;}
.visual-sec .swiper-pagination {
  top: inherit !important;
  bottom: -40px !important;
  width: calc(100% - 160px) !important;
  background:#efefef!important;
  height:2px!important;
}


@media only all and (max-width:1250px){
	.sec02 .container{width: 100%; padding: 0 10px; box-sizing: border-box}
	.progboxw{padding:30px;}
}

@media only all and (max-width:1024px){
	.sec02 .container{overflow: hidden}
	.sec02{padding-top: 50px}
	.sec02 .container{display: block; padding-bottom: 60px}
}

@media only all and (max-width:720px){
	.sec02{padding: 40px 10px 10px; background-size: cover}
}

.galltc{font-size:13px;color:#8e9495; font-weight:500; text-transform: uppercase;margin-bottom:15px;}
.galltcs{font-size:30px;font-weight:700;margin-bottom:5px;}
.galltcsm{font-size:18px;color:#8e9495;}
.newsbw{display: flex; column-gap: 5%; justify-content:space-between;}
.progboxw{position: relative; letter-spacing: 0; margin-left:-15px;}
.progboxw a{display: flex; align-items:center;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: 2;-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;overflow: hidden;text-overflow: ellipsis;word-wrap:break-word;word-break:keep-all;}
.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;padding-left:0px;display:block;font-weight:700;}
.newsb{flex:1 1 50%;}
.newsb .tabs{display: flex;}
.newsb .tabs li{cursor: pointer;}
.newsb .tabs li+li{margin-left:1%;  padding-left:1%;}
.newsb .tabs .galltc.active{color:#141414;}
.newsb .tabs .galltc{color:#dedede;}
.newsb .tab_content{position: relative;}
.newsb .tab_content .progtxt .progt:after{display:none;}
.newsb .prob{border-top:1px solid #dedede; padding-top:15px;}
.tab_link_btn{position:absolute; right:0; top:-63px;}
.gallery_wrap{display: flex; column-gap:3%; }
.gallery_item{flex:1 1 50%; }
.gallery_item a{display:inline-block; width:100%; height:100%; overflow: hidden;}
.gallery_item img{width:100%; height:100%; aspect-ratio:340 / 200; overflow: hidden; transition:all 0.3s ease; object-fit:cover; object-position: center;}
.gallery_item a:hover img{transform:scale(1.1);}
@media (max-width:1024px){
	.newsbw{flex-flow:column wrap;}
}
@media (max-width:720px){
	.tab_link_btn{top:-45px;}
}

.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 }
.resimgtxt span{display:block;font-weight:500;font-size:18px;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;}
.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;}
.banzbox a div div:hover{transition: all 0.2s ease-in;color:#004cff;}
.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;text-shadow:0 1px 5px #000;}
.matbstit{font-size:14px;opacity:0.8;text-shadow:0 1px 5px #000;}

.matblist{display:flex;column-gap:15px;flex-wrap:wrap;flex-direction:row;width:calc(100% - 560px);text-shadow:0 2px 6px #000;}
.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;}
.matbox a span:hover{transition: all 0.2s ease-in;color:#00ffd2;}
@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}
	.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:28px}
	.sec03{padding-top: 40px}
	.sec02{padding: 40px 0}
	.prodate{width: 70px; }
	.proggw{width: calc(100% - 70px);}
	.notctit{display:block;}

	.gallt{margin-bottom:20px;}
	.galltc{font-size:100%;margin-bottom:5px;}
	.galltcs{font-size:140%;margin-bottom:0;}
	.galltcsm{font-size:95%;}

	.notab ul li{font-size:110%;}
	.prodate .month{font-size: 13px}
	.progtxt .progt{font-size: 16px; height: 40px}
	
	.newsb+.newsb{margin-top:36px;}

}

@media only all and (max-width:490px){
	.restxt{text-align:center;}
	.resimgtxt{left:0;width:100%;}
	.matban > div{text-align:center;}
	.slick-dots li button{width:20px;}
	.slick-dots li.slick-active button{width:20px;}
}