@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');
/* 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;
}


.mv .progress_ctn{display:flex;align-items:center;margin: 20px 0}
.mv .progress_ctn .bar{position:relative; width: 250px; height: 3px; background: #ffffff4f;}
.mv .progress_ctn .bar span{display:inline-block; vertical-align: top; width: 0; height: 100%; background: #fff;}
.mv .progress_ctn .play_btn{width: 30px; height: 30px; margin-left: 18px; cursor: pointer;}
.mv .progress_ctn .play_btn .stop{width: 30px; height: 30px; background:url(../img/main/icon_stop.png) 50% 50% no-repeat; display: none }
.mv .progress_ctn .play_btn .stop.on{background:url(../img/main/icon_play.png) 50% 50% no-repeat;}

.bar {margin: 20px 0;display: flex;align-items: center;    justify-content: center;}
.progress-container {  width: 250px;  height: 30px;  background-color: gray;}
.progress {  width: 0%;  height: 100%;  background-color: green;}
#progressBar{    position: absolute;    width: 0px;    height: 2px;  	 background: #fff;}
#buttons  button{font-size: 0; }
.stopbtn{background: url("../img/main/icon_stop.png") no-repeat; width: 20px; height: 20px}
.playbtn{background: url("../img/main/icon_play.png") no-repeat; width: 20px; height: 20px}
#defaultBar{  position:relative;  width: 320px;  height: 3px;  background: #ffffff4f;  margin-right: 10px;}
.bg video {	 position: absolute;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%; width:100%; object-fit: cover;}

.scroll_down {position: absolute;transform: translate(-50%,0%);text-align:center;z-index: 5;color: #fff;left: 50%;/* padding-top: 150px; */bottom: 41px;margin-left: -20px;}
.scroll_down p {font-size: 12px;margin-bottom: 10px;letter-spacing: 0;text-transform: uppercase;}
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#fff; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#fff; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }

@-webkit-keyframes scroll {
    0% { translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}

@keyframes scroll {
    0% { transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}


.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}

/*-----원형배너-----*/
.onehund{text-align: center;position: fixed;bottom: 50px; right:50px; width: 129px; z-index:2;}
.onehund .tell p{display:inline-block; font-size:17px; text-align: center; line-height:120%; margin-top:-10px; font-weight:bold; color:#00e2ff; text-shadow:0 0 3px rgba(255, 255, 255, 0.2);}
.onehund .tell p span{font-family: Arial, Helvetica, sans-serif; font-size:19px; }
.onehund .tell p img{ margin:-7px 4px 0 0;}
@media only all and (max-width:800px){
	.onehund{bottom:0; right:10px; width: 100px;}
	.onehund .tell{display:none;}
}

/* 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 .s1{font-family: 'Nanum Myeongjo';font-size: 18px;letter-spacing: 38px; margin-left:35px;}
.main01sec-1 .s2{font-family: 'Nanum Myeongjo';font-size: 80px;font-weight: 700;    text-shadow: -2px 0px 15px #323232}
.main01sec-1 .s3{font-size: 22px;font-family: 'Futura-Medium';text-transform: uppercase;letter-spacing: 2px}

.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:absolute; top:0; margin:0 auto;padding:0;width:100%;text-align:center; background-size:cover;z-index:1;height: 990px;}
.maintop:before{background: rgb(40 40 40 / 40%); position: absolute; top: 0; left: 0; display: block; content: '' ; width: 100%; height: 100%}
.maintop .mainimg{margin:0 auto;width: 850px;text-align:left;position:relative;height: 990px;}
.maintop .text{padding: 355px 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;}



.notbox a{background: #ffffff; box-sizing:border-box; position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%;  padding:15px 0; border-bottom:1px solid #ddd;}
.notbox:last-child{margin-right:0;}
.nocate{font-size: 15px;color: #0066c3; padding: 3px 15px;display: inline-block;border: 1px solid #0066c3;font-weight: 700; display: none; }
.notw{overflow:hidden;}
.notboxtit{    font-size: 18px;font-weight:500;       color: #010000;       white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    line-height: 1.5; text-align: left;    word-wrap: break-word;     }
.notboxstit{font-size:15px;color: #605e5e; overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    line-height: 1.5;   height: 3em;    text-align: left;
    word-wrap: break-word; height: 20px ; display: none;}

.notday{color: #616161;font-weight: 400;font-size: 15px; }
.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{display: none; border: 1px solid #d7d7d7;color: #7d7d7d;text-align: center;padding:7px 0;font-weight: 500}

.w1570{width: 1530px; margin: 0 auto}

.sec01{ margin: 70px 0 80px;}
.cate{font-size: 18px; color: #0066c3; display: inline-block; position: relative; padding-bottom: 6px; font-weight: 700}
.noticetit{font-size: 36px; color: #282828; font-weight: 700; letter-spacing: -2px; padding-bottom: 10px; padding-top: 20px;  font-family: 'Nanum Myeongjo', serif; opacity: 0.7}
.noticestit{font-size: 17px; color: #4f4f4f;}

.noticew{overflow: hidden; display: grid; grid-template-columns: 46% 46%; align-items: flex-end; column-gap: 8%; max-width:1400px; width:95%; margin:0 auto;}
.noticetbox .tabs{margin: 0 0 20px}
.noticetbox .tabs li{display: inline-block; width: 80px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #e1e1e1; color: #353535; cursor: pointer}
.noti_right{overflow: hidden;}
.noti_right .notiSwiper{ border:1px solid #ddd; box-sizing: border-box; margin-top:15px;}
.notiSwiper .swiper-slide {max-width:740px; aspect-ratio: 740 / 505; overflow: hidden;}
.notiSwiper .swiper-slide img{ width:100%; height:100%;  }
.notiSwiper .swiper-slide[aria-label="2 / 2"] .img{ transform: translateX(0%) !important;}
.notcon{position: relative; margin-top:20px;}
.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: -430px;top: 0;top: 320px;}
.swiper-button-next{background-image: url(../img/main/arrR.png);left: -365px;top: 320px;}
.sec01 .tab_content .more{ position: absolute; right:0; top:-55px; z-index: 10;  }
.notbox_wrap{border-top:1px solid #ddd;}

.sec02{overflow: hidden; position: relative;}
.hakw{background:url("../img/main/sec02bg.jpg") no-repeat center; background-attachment: fixed; padding:120px 0 80px;height: 720px;overflow:hidden;background-size: cover;  box-sizing: border-box;}
.hakw .container{width:100%!important; position:relative; display: grid; grid-template-columns: 18% 80%; column-gap: 5%; margin-left: calc((100% - 1400px) / 2); }
.hakw .container-in{overflow:hidden;}
.hakt{width:340px;color:#fff;float:left;}
.haktits{font-size:18px;}
.haktit{font-size:36px;font-weight:800; font-family: 'Nanum Myeongjo'; padding:20px 0 10px}
.haktitsm{font-size:18px;opacity:0.5;margin-bottom:30px;font-weight:500;}
.hamore a{display:inline-block;font-size: 17px;padding:0px 30px;height: 40px;line-height: 40px;border: 1px solid #fff}
.hamore a:hover{transition:all 0.3s cubic-bezier(0,0,1,1);background:#00bcd4; border: 1px solid #00bcd4;}
.haks{overflow: hidden; width:100%;}
.haks .swiper-wrapper{left:0;}
.hakbox a{padding:0px 10px;box-sizing:border-box;color:#fff;text-align:center;display:block;}

.hakbtit{font-size:30px;font-weight:600;padding-bottom:10px;}
.hakbtits{font-size:16px;}
.hakbox{background-size:cover;}
.haks .swiper-button-prev:after,
.haks .swiper-button-next:after{display: none;}
.haks .swiper-button-prev{background:url("../img/main/dong_prev.png") no-repeat;width:61px;height:61px;left: 0;/* bottom: 4px; */top: 390px;}
.haks .swiper-button-next{background:url("../img/main/dong_next.png") no-repeat;width:61px;height:61px;left: 63px;top: 390px;}


.sec03{ padding: 60px 0 90px; background: #f6fafd}
.sec03 .w1570{position: relative; overflow: hidden; width: 1530px}
.edut{ display: flex;    align-items: flex-end;    margin-bottom: 30px;}
.sec03 .tit{font-size: 40px; color: #282828; letter-spacing: -2px; text-align: center; font-weight: 700; padding-right: 20px}
.sec03 .stit{ font-size: 17px; color: #525252; text-align: center;  padding-bottom: 10px;}

.line_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.line_box span{position:absolute;display:inline-block;z-index:5;}
.line_box .line01{top:0;left:0;width:0;height:2px;background:#10458d;}
.line_box .line02{top:0;right:0;width:2px;height:0;background:#10458d;}
.line_box .line03{bottom:0;right:0;width:0;height:2px;background:#10458d;}
.line_box .line04{bottom:0;left:0;width:2px;height:0;background:#10458d}

/*.list-junbox:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.list-junbox:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.list-junbox:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.list-junbox:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
*/

.list-junbox {   float: left;    padding: 20px;    box-sizing: border-box;    cursor: pointer;    display: flex;    position: relative;    justify-content: space-between;    }
.list-btn a {  width: 100px;   height: 30px;    line-height: 30px;    text-align: center;    border: 1px solid #c1c1c1;    background: rgba(255,255,255,1);    font-size: 14px;    display: block;    /* margin-top: 15px; */    box-sizing: border-box;    color: #676767;    margin-left: 2px;}
.list-detail {box-sizing: border-box;width: calc(100% - 290px);display: flex;flex-direction: column;justify-content: space-around;padding-left: 20px;}
.list-detail-title .list-detailcate{font-size: 14px;	color: #666666;	padding: 5px 0;}
.list-detail-title .list-dt{height: 60px;line-height: 120%;font-size: 24px;color: #0e0e0e;font-weight: 600;/* margin-bottom: 10px; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-day {   font-size: 15px;  line-height: 130%;   color: #282828;    letter-spacing: -0.5px;}

.list-day p{display: flex;border-bottom: 1px solid #e6e5e5;padding: 10px 0;/* line-height: 132%; */}
.list-day p span:nth-child(1){width: 70px;}
.list-day p span:nth-child(2){width: calc(100% - 45px); color: #686868}
.list-day span {color: rgba(51,51,51,1);    font-weight: 500;}
.list-detailbtn a{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #c1c1c1;background: rgba(255,255,255,1);font-size: 14px; box-sizing: border-box;margin-left: 2px;position: absolute;right: 17px;top: 15px;color: #686868;}
.list-detailbtn a:hover{ transition: all 0.2s ease-in; background:#1f54ce;; color: #fff; border: 1px solid #1f54ce }

.listbtn{display: flex;margin-bottom: 10px;}
/*
.reservbtn a{width: 80px;height: 30px;line-height: 30px;display: block;background: #fff;text-align: center;font-weight: 600;font-weight: 500;box-sizing: border-box;font-size: 14px;}
.retype1 a{color: #678bfd;border: 1px solid #678bfd;}
.retype2 a{color: #1f54ce;border: 1px solid #1f54ce;}
.retype3 a{color: #6c6c6c;border: 1px solid #6c6c6c;}
.retype1 a:hover{ transition: all 0.2s ease-in;  background:#678bfd; color: #fff }
.retype2 a:hover{ transition: all 0.2s ease-in; background:#1f54ce; color: #fff }
.retype3 a:hover{ transition: all 0.2s ease-in;  background:#6c6c6c; color: #fff }
*/
.reservbtn{width: 80px;height: 30px;line-height: 30px;display: block;text-align: center;font-weight: 600;font-weight: 500;box-sizing: border-box;font-size: 14px;}
.retype1{color: #678bfd;border: 1px solid #678bfd;}
.retype2{color: #1f54ce;border: 1px solid #1f54ce;}
.retype3{color: #6c6c6c;border: 1px solid #6c6c6c;}
.swiper-scrollbar{opacity: 1 !important; width: calc(100% - 150px) !important;}
.eduSwiper{position: relative;overflow: hidden;}
.eduSwiper .swiper-slide{border: 1px solid #dddfe0; box-sizing: border-box;}
.list-junbox-d1{aspect-ratio: 327 / 222; overflow: hidden;}
.sec03 .swiper-scrollbar{margin: 60px auto 0;width: 85% !important; position: relative; }
.sec03 .swiper-button-next{width: 22px;height: 32px;background: url("../img/main/nextB.png") no-repeat;bottom: 8px;right: 35px;left: initial;top: inherit;}
.sec03 .swiper-button-prev{width: 22px;height: 32px;background: url("../img/main/prevB.png") no-repeat;right:85px;bottom: 8px;left: inherit;top: inherit;}


.servbw{clear: both; padding: 30px 0 80px; display: none;}
.servboxw{display: flex}
.servbox{flex: 1;text-align: center;margin-right: 25px;box-sizing: border-box}
.servbox:last-child{margin-right: 0}
.servbox a{display: block;background-repeat: no-repeat;background-position: center 0;background-color: #fff;height: 240px;border-radius: 10px;padding-top: 30px;box-sizing: border-box; padding: 20px 10px 0;}
.servbox a .serbg{background-repeat: no-repeat;background-position: center;}
.servbox a:hover{background-color:#2d79d8; color: #fff;  transition: all 0.2s ease-in; }
.servtit{font-size: 24px; font-weight: 700}
.servstit{font-size: 16px; color: #575757}
.servbox a:hover .servstit{ color: #fff;  transition: all 0.2s ease-in; }
.serbg{display: flex;height: 100px;align-items: center;}


.ser01 a .serbg{background-image:url("../img/main/ec01.png")}
.ser02 a .serbg{background-image:url("../img/main/ec02.png")}
.ser03 a .serbg{background-image:url("../img/main/ec03.png");}
.ser04 a .serbg{background-image:url("../img/main/ec04.png");}
.ser05 a .serbg{background-image:url("../img/main/ec05.png");}

.ser01 a:hover  .serbg{background-image:url("../img/main/ec01w.png");  transition: all 0.2s ease-in;}
.ser02 a:hover .serbg{background-image:url("../img/main/ec02w.png");  transition: all 0.2s ease-in;}
 .ser03 a:hover .serbg{background-image:url("../img/main/ec03w.png");  transition: all 0.2s ease-in;}
.ser04 a:hover .serbg{background-image:url("../img/main/ec04w.png");  transition: all 0.2s ease-in;}
.ser05 a:hover .serbg{background-image:url("../img/main/ec05w.png");  transition: all 0.2s ease-in;}

.sec04{background: url("../img/main/sec04bg.jpg") no-repeat; background-size: cover; padding: 110px 0 ; color: #fff}
.sec04 .container{width: 1200px; display: flex; justify-content: space-between;}
.sec04 .scate{color: #4ad1fe;font-size: 18px;margin-bottom: 4px;}
.sec04 .scmtit{font-size: 40px;font-weight: 500;margin-bottom: 30px}
.sec04 .scmore a{background: url("../img/main/arrmc.png") no-repeat 95% center;width: 235px;height: 50px;line-height: 50px;color: rgba(255,255,255,0.8);font-size: 15px;padding-left: 25px;box-sizing: border-box;border: 1px solid rgb(255 255 255 / 60%); display: block}
.sec04 .scmore a:hover{ transition: all 0.2s ease-in; color: #fff; border: 1px solid #4ad1fe; background: #4ad1fe url("../img/main/arrmc.png") no-repeat 95% center;}
.sec04 .searbox{/*flex: 1;*/display: flex;}
.sec04 .sebL{margin-right: 50px}
.sclist a{border-bottom: 1px solid  rgba(255,255,255,0.3);font-size: 21px;width: 245px;background: url("../img/main/arrc.png") no-repeat 95% 26px;padding: 20px 0 15px;display: block;}
.sclist a:hover{ transition: all 0.2s ease-in; color: #4ad1fe; border-bottom: 1px solid #4ad1fe}

.sec05{padding: 90px 0 65px; background: url("../img/main/sec05bg.jpg") no-repeat; background-size: cover}
.yetop{text-align: center}
.yetit{font-size: 36px; font-weight: 600; text-align: center}
.yestit{color: #525252; font-size: 16px; padding-bottom: 45px }

.yeboxw{display: flex}
.yebox{flex: 1; border: 1px solid #4271d2; margin-right: 50px; text-align: center; padding-top: 70px; padding-bottom: 60px; background: #fff; position: relative}
.yebox:last-child{margin-right: 0}
.yebox a{display: block}
.yeboxtit{color: #4c4c4c; font-size: 24px; font-weight: 500; text-align: center}

.yebox:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.yebox:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.yebox:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.yebox:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}

.sec06{padding:130px 0 100px; background: url("../img/main/sec06bg.jpg") no-repeat; background-size: cover; background-attachment: fixed; color: #fff}

.musboxw{display: flex;margin-top: 50px;}
.musbox{border: 1px solid rgb(241 241 241 / 40%); backdrop-filter: blur(10px); text-align: center;flex: 1;margin-right: 50px;padding: 40px 10px;}
.musbox:last-child{margin-right: 0}
.musimg{padding-bottom: 20px}
.mutxt1 {color: #54d3fe;font-size: 24px;padding-bottom:10px;font-weight: 600;}
.mutxt2{font-size: 22px; font-weight: 600;}
.mutxt3{font-size: 17px;font-weight: 500; opacity: 0.7;}


@media only all and (max-width:1660px){
.sec01 .w1570{width: 100%}
}
@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}

.noticew{column-gap: 2%; grid-template-columns:46% 52%;}
.sec02 .container{left: 0; margin-left: 0; padding: 0;}
.hakw .container{grid-template-columns:20% 75%;}
.sec03 .w1570{width: 100%}
.sec04 .noticetbox{width: 40%}
.sec04 .servbw{width: 60%}
}


@media only all and (max-width:1350px) {
	
.sec01 .w1570{padding: 0;  padding: 20px; box-sizing: border-box}
.list-junbox{flex-flow:column wrap; float: none; width: 100%;}
.list-detail{width: 100%;}
.list-junbox-d1{text-align: center;}
.sec04 .container{width: 100%; }
.sec04 .noticetbox{width: 100%; padding-top: 0;}
.sec04 .servbw{width: 100%; }
.noticetbox{ word-break: keep-all; }
.noticetit{padding-bottom: 10px;  }
.noticestit{padding-bottom: 35px}

.noticetit p{display: inline}

.noticestit p{display: inline}
.sec04 .searbox {/* display: block; */margin-bottom: 20px;}
}

@media only all and (max-width:1024px) {
	
	.noticestit{padding-bottom:0;}
	.noticetbox{width: 100%;  word-break: keep-all; }
	.notcon{width: 100%; text-align: center;}
	.sec01{margin: 20px 0}
		
	.sec02 .container{grid-template-columns: repeat(1, 1fr);}
	.hakw{height:auto; padding: 40px 20px 0; text-align: center; word-break: keep-all; }
	.haktits {font-size:18px;}
	.haktit{font-size:28px;}
	.haktit p{display:inline;}
	.haktitsm{font-size:16px;margin-bottom:10px;}
	.haktitsm p{display:inline;}
	.hakt{width:100%;float:none;}
	.haks{position:relative;margin-left:0;}
	.hamore a{font-size:14px;margin-bottom:10px;height:auto;line-height:inherit;padding:5px 20px;}
	.maintopw{height:auto;}
	.hakbox a{padding-top:20px;}
	
	.sec02 .busSwiper{margin-top: 0}
	.sec02 .swiper-pagination{top: inherit;     left: 0;    margin-left: 0;      bottom: -40px;    width: 100%;}
	.sec03 .sobtxt{    top: 75px;    margin-left: 0;    width: 100%;    left: 0;}
	.swiper-scrollbar{   bottom: -5px !important;}
	.sec03 .swiper-button-next{display: none}
	.sec03 .swiper-button-prev{display: none}
	.list-detail{width: 100%;padding: 20px ;}
	.musbox{margin-right: 20px}
	.quicknav{display: none}
	.sec04{padding: 20px; overflow: hidden;}
	.list-junbox-d1 img{width: 100%}
}
@media only all and (max-width:1000px) {
	.noticetbox{text-align: center;}
	.noticew{grid-template-columns:repeat(1, 1fr);}
	.noti_right .notiSwiper{border:none;}
	.noti_right .notiSwiper .swiper-slide{border:1px solid #ddd; box-sizing: border-box;}
}
@media only all and (max-width:820px){
	.popup_pagination {display: none;}
	
	.maintop{height: 600px}
	.Mainbg{height: 600px !important}
	.tlnb{display: none}
	.maintop .mainimg{height:auto;}
	.scroll_down{display: none;}
	.maintop .text{width:100%;padding-top:90px;box-sizing: border-box;padding: 160px 0px 0;}	
	.bar{margin-top: 0}
	.main01sec-1{font-size: 32px}
	.main01sec-1 .s1{letter-spacing: 10px}
	.main01sec-1 .s2{font-size: 40px}
	.main01sec-3{font-size: 14px}
	.main01sec-1 .s3{font-size: 14px; letter-spacing: 0}
	.eduSwiper{overflow: hidden;position: relative;padding: 0;padding-bottom: 20px;}
	.edut{display: block}
	.list-detail-title .list-dt{font-size: 20px; height:auto;}
	.noticetit{font-size: 25px}
	.noticestit{display: none;}
	.noticetbox .tabs{margin:3px 0 30px;}
	.noticew{padding: 10px }
	.notmore{padding: 7px 0}
	
	
	.sec02 .bustxt{text-align: center; padding-top: 0;}
	.sec02 .buts{display: block; font-size: 14px;}
	.sec02 .bustxt .but{top: 0}
	.list-junbox{width: 100%;margin-right: 0;display: block;padding: 0;}
	.servbox{margin-right: 0; margin-bottom: 10px}
	.servbox a{height: auto; padding: 20px;}
	.serbg{height: 85px}
	.sec03{padding: 30px 0 60px}
	.sec03 .tit{font-size: 32px}
	.sec03.sobtxt{left: 30px}
	.sec03 .sobstit{font-size: 16px}
	.sec03 .sobox{flex: none}
	.sec03 .sobw{display: block; margin-bottom: 10px}
	.sec03 .swiper-scrollbar{margin:20px auto 0;}
	
	.sec04 .scmtit{font-size: 25px; margin-bottom:0;}
	.sec04 .servbox{width: 100%; float: none}
	.sec04 .servbox a{padding: 30px}
	.sec04 .servstit p{display: inline}
	.sec04 .container{display: block}
	.sec04 .scmore{display: none;}
	.sec04 .scmore a{width: 100%;font-size: 13px;padding-left: 10px;height: auto;line-height: inherit;padding: 10px;}
	.sec04 .searbox{column-gap: 4%; flex-flow:column;}
	.sec04 .searbox+.searbox{margin-top:30px;}
	.sec04 .searbox>div{flex: 1 0 48%;}
	.sec04 .sebL{margin-right: 0;}
	.list-junbox-d1{aspect-ratio: 535 / 300 ; overflow: hidden;}
	.sclist a{width: 100%;font-size: 15px;padding: 10px 0;background-position: 95% center;}
	
	
	.sec05{padding-top: 50px;}
	.sec05 .titw{font-size: 23px;text-align: center;padding-bottom: 20px;}
	.sec05 .titw p{display: inline}
	.sec01 .w1570{padding: 0}
	.servboxw{display: block}
	.yeboxw{display: block}
	.mutxt2 p{display:  inline}
	.yeimg img{width: 60px}
	
	.musboxw{display:grid; grid-template-columns: repeat(2, 1fr); margin-top: 20px;}
	.musimg img{width: 50px}
	.yetit{font-size: 30px}
	.yestit p{display: inline}
	.yebox{margin-right: 0;padding: 20px;width: 49%;float: left;box-sizing: border-box;height: 145px;}
	.sec05{overflow: hidden;padding-bottom: 30px;padding-top: 30px;}
	.yeboxtit{font-size: 16px;margin-bottom: 16px;}
	.sec06{padding:40px 20px}
	.musbox{margin-right: 0px; margin-bottom:0; padding: 20px 10px; }
	.musimg{padding-bottom: 0px}
	.mutxt1{padding-bottom: 0; font-size: 18px}
	.mutxt2{ font-size: 16px}
	.mutxt3{font-size: 14px;}
	
	
	
}
@media only all and (max-width:720px){
	.notbox a{flex-flow:column wrap; align-items: flex-start; text-align: left; padding:5px 10px;}
	
}


/*250120 팝업 슬라이드 추가*/
.Mainbg_container{position: relative; height:990px;}
.popupSwiper_container{width:1400px; margin:0 auto; overflow: hidden; position: absolute; bottom:0; left:0; right:0; z-index: 2; background:#00000055;}
.popupSwiper{margin:30px 30px 5px; overflow: hidden; height:300px;}
.popupSwiper_btn_group{ position:relative; height:38px; display: flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; column-gap: 15px;}
#popup_toggle{color:#fff;}
.popup_pagination{position:static; margin-top:2px;
	& .swiper-pagination-bullet{background:#fff; width:10px; height:10px; opacity:0.5;}
	& .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:5px;}
	& .swiper-pagination-bullet-active{width:38px; border-radius: 20px;  opacity:1; background:#00e2ff;}
}

@media only all and (max-width:1400px){
	.popupSwiper_container{width:100%;}
}
@media only all and (max-width: 820px){
	.Mainbg_container{height:600px!important;}
	.popupSwiper_container{bottom:-20px; background:none;}
	.popupSwiper{height:240px; margin:20px 30px 5px; }
}
@media only all and (max-width: 520px){
	.Mainbg_container, .Mainbg, .maintop{height:500px!important;}
	.popupSwiper{height:160px;}
	.maintop .text{padding:140px 0px 0;}
	
}

/* Swiper 로딩 중 이미지를 숨김 */
.popupSwiper img {
  display: none;
}

/* Swiper 초기화 완료 후 이미지를 표시 */
.popupSwiper.loaded img {
  display: block;
}