@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;
}
@font-face {
font-family:'GmarketSansBold';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.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;}


.mainW .gnb{display: none!important}
.mainW .mainMenu{display: flex;color: #FFFFFF;position: absolute;right: 218px;top: 29px;align-items: center;}
.mainW .mainMenu .mgnb{font-size: 30px; display: flex}
.mainW .mainMenu .mgnb li{margin-right: 30px;font-weight: 700;}
.mainW .d-day{display: flex;align-items: center;margin-right: 30px;}
.mainW .ddaytit{ text-transform: capitalize;  margin-right: 10px;   text-align: right;   font-weight: 700;}
.mainW .ddaym{}
.mainW .ddaym .bc{display: inline-block; width: 40px;height: 60px;background: #231f20;color: #fff;font-weight: 700;font-size: 40px;text-align: center;margin-right: 5px;line-height: 60px;}
.mainW .ddaym .w1 { width:40px}
.mainW .ddaym .w2 { width:60px}
.mainW .ddaym .w3 { width:80px}
.mainW .ddaym .bcm{ font-weight: 700;   font-size: 50px;   margin-right: 5px;}
.mainW .ddaym{display: flex;align-items: center;}


.fnoticew{padding-bottom:30px;}
.tfixmenu{float:right;margin-top:149px;position:relative;width:350px;/* height:360px;*/background:rgb(59,185,184);background: linear-gradient(181deg, rgba(59,185,184,0.8) 0%, rgba(108,165,217,0.8) 100%);box-sizing:border-box;padding-top:10px;padding: 50px 35px;box-sizing:border-box;color:#fff;}

.fnostit:before{width:50px;height:2px;background:#fff;content:'';display:block;position:absolute;top:0;left:0;}
.fnostit{font-weight:700;font-size:23px;padding-bottom:10px;position: relative;padding-top: 22px;}
.fnotxt{font-size:13px;padding-bottom:15px;}
.fnomore a{display:block;/* border:1px solid #fff; */padding: 7px 20px;font-size: 11px;color:#fff;display:inline-block;background: rgba(0,0,0,0.4);text-transform: uppercase;letter-spacing: 0;}

.tfixmenu .mySwiper{overflow: hidden}
.tfixmenu .swiper-pagination-bullet{background: #fff !important; opacity: 0.8}
.tfixmenu .swiper-pagination-bullet-active{background: #fff; opacity: 0.8; width: 35px !important;     border-radius: 7px;}

.contsday{font-family: 'Futura-Medium';font-size: 45px;font-weight:700;float: left;width:100px;color: #ffffff;text-align: left;background: #0056b9;text-align: center;padding: 10px 0;}
.contsday .conm{font-size:14px;color: #ffffff;font-weight:700;/* padding-left: 10px; */}
.contitle{width: calc(100% - 120px);float:right;margin-left: 20px;}
.contitle p.cont-t{font-size:21px; color:#2a2a2a; font-weight:600; letter-spacing:-2px; padding-bottom:5px;     white-space: nowrap;    overflow: hidden;   text-overflow: ellipsis;}
.contitle p.cont-t .noticeico{color:#f75821; font-size:16px; border:1px solid #f75821; display:inline-block; padding:2px 15px; margin-right:5px; font-weight:400}
.contitle p.cont-s{font-size:15px;}
.conts_list{/* padding-right:20px; */}
 .conts_list li{position:relative;overflow:hidden;border-bottom: 1px solid #d1d1d1;padding: 10px 0;padding-left: 6px;}
 .conts_list li + li{margin-top:10px;}
 .conts_list li a{display: flex;font-size:16px;color:#3c3c3c;letter-spacing:-1px;justify-content: space-between;}
.conts_list li a:hover{color: #0f4595}
 .conts_list li a .title{    color: #000;     font-weight: 400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:95px; font-size: 18px; position:relative; }
 .conts_list li a .date{/* position:absolute; *//* top:0px; *//* right:2px; */}

.progboxw{position: relative}
.progimg{aspect-ratio: 1/1; overflow: hidden;}
.progimg:hover img{transform: scale(1.15);}
.notc .swiper-slide .progimg img{width:100%; height:100%; object-fit: cover; transition:all 0.2s ease; }

.progboxw .more{position: absolute;right: 1px;    bottom: 1px;}
.pro.date{color: #1256b3;font-size:16px;padding-bottom:25px;}
.progtxt{padding: 30px 20px 15px;border: 1px solid #fff;box-sizing: border-box; background: #fff; }
.progtxt:hover{border: 1px solid #1256b3;  }
.progimg img{width: 100%}
.progtxt .progt1{font-weight:500;font-size: 18px;color:#231815;margin-bottom: 10px;height: 58px;overflow: hidden;position: relative;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;text-align: center;}
.progtxt .progt1:after{content:'';display:block;width: 75px;height:1px;background:#CCC;/* margin-top: 20px; *//* margin-bottom: 30px; */position: absolute;bottom: -20px;z-index: 1;}
.progtxt .progt2{font-size:16px;color:#474747;/* padding-bottom:10px; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* white-space: nowrap; *//* padding-top: 30px; */}
.progtxt .prodate{text-align: center; font-size: 12px; color: #767676}



.newszone{width:1520px;margin:60px auto 70px;}
.line{width:47px;height:1px;background:#535353;margin:5px auto;}
.newsbox > div{float:none;}
.newsbox{border-bottom:1px solid #b1b1b1;height:360px !important;position:relative;}
.newsbox:after{position:absolute;height:3px;background:rgba(0,0,0,1);width:135px;bottom:-1px;left:0;content:'';display:block;}
.newsimg{padding-bottom:20px;position:relative;}
.newsimg img{width:100%;}
.news-title{font-weight:700;color:#242424;font-size:20px;padding-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-stitle{font-size:13px;color:#747474;letter-spacing:0;}

.swiper-container{padding: 0 0 40px 0 !important;}
.haks{position: relative}
.haks:before{display: block; content: ''; margin-left: auto;     margin-right: auto;    position: relative;    overflow: hidden; }

.haks .swiper-pagination{left: 50%;    margin-left: -20px;}

.swiper-pagination-bullet-active{background:#fe4731 !important;}
.swiper-pagination-bullet{width: 12px !important;height: 12px !important;margin: 0 4px;}

.majorzone{padding: 60px 0 82px;overflow: hidden;}
.major-title{text-align:left;font-size:34px;font-weight:700;padding-bottom: 25px;}
.mjw{/* overflow: hidden; */}
.noticeboxw{float: left;width: 730px;margin-right: 40px;/* overflow: hidden; */position: relative;}
.cbanw{float: left; width: calc(100% - 770px)}

.swiper-button-next2{background:url(../img/main/jun_next.png) no-repeat;width:60px;height:60px;position:absolute;right:0;top:175px;cursor:pointer;z-index:1;}
.swiper-button-prev2{background:url(../img/main/jun_prev.png) no-repeat;width:60px;height:60px;position:absolute;left:0;top:175px;cursor:pointer;z-index:1;}


.swiper-container-horizontal > .swiper-scrollbar{height: 2px}
.proSwiper .swiper-scrollbar-drag{height: 2px}
.proSwiper .swiper-scrollbar-drag{background: #a7b3cb }
.proSwiper .swiper-scrollbar{width: 500px;margin: 0 auto;position: relative;bottom: 0;margin-top: 50px;}


.hakw .container-in{overflow:hidden;}
.hakw{padding-top: 80px;}
.hakt{font-family:'GmarketSansMedium';width:340px;color:#fff;float:left;}
.haktits{font-size:30px;opacity:0.5;}
.haktit{font-size:50px;font-weight:700;  font-family:'GmarketSansMedium';}
.hakstit{font-size:18px ; color: #959595;  text-align: center; margin-bottom:40px;}
.haktitsm{font-size:18px;opacity:0.5;margin-bottom:50px;font-weight:500;}
.hamore a{display:inline-block;font-size:20px;background:#009688;padding:0px 20px;height:50px;line-height:50px;}
.hamore a:hover{transition:all 0.3s cubic-bezier(0,0,1,1);background:#00bcd4;}
.haks{width:100%;}
.hakbox a{position: relative; display: block}
.hakbox a img{width: 100%}
.hakbtit{ position: absolute;  background: rgba(0,0,0,0.4); color: #fff; font-size: 16px; width: 100%}
.hakbox .hakimg {position: relative}
.hakbox .hakimg .cover{display: none}
.hakbox .hakimg .cover img{width: auto}
.hakbox:hover .hakimg .cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,142,212,0.7);display: flex;align-items: center;justify-content: center;}
.hak-pagination{ text-align: center;  margin: 30px 0 0;}

.vdmw{display: flex;position: relative;margin-bottom: 45px;justify-content: space-between;}
.vdm{display: flex;}
.vdmbox{border: 1px solid #ccc;position: relative;display: flex;flex-direction: column;margin-right: 40px;width: 312px}
.vdmimg{/* position: absolute; */}
.vdmimg p{position: absolute;left: 50%; margin-left: -35px;top: 75px; }
.vdmimg img{width: 100%}
.vdtxtw{padding: 20px}
.vdtxt{font-size: 20px; padding-bottom: 20px}
.vdday{font-size: 12px; color: #616161}
.vdarr{background: url(../img/main/vdarrg.png) no-repeat left bottom;   height: 40px;}
.vdmbox:hover .vdarr{background: url(../img/main/vdarr.png) no-repeat left bottom; }
.vdmmore{position: absolute; right: 0; top: 5px}
.vdmC{position: relative; height:315px; aspect-ratio: 1/0.55;}
.vdmC>a{display: inline-block; width: 100%; height: 100%;}
.vdmCimg p{position: absolute;left: 50%; margin-left: -35px;top: 130px; }
.vdmCimg{position: relative; width:100%; height:100%;}
.vdmCimg img{object-fit: contain; width:100%; height: 100%;}
.vdmCtxt{position: absolute; color: #fff; text-align: center; font-size: 18px; font-weight: 500; bottom: 30px; width: 100%;}

.gallw{position: relative}
.notc .container{overflow: hidden;width: 1700px; position: relative}
.notc .container .tab_container{width: 100%;}
.notc .more a {border: 1px solid #c2c2c2;color: #616161;font-size: 15px;width: 140px;height: 38px;line-height: 38px;text-align: center;position: absolute;right: 0;top: 0; display: block}
.notab{overflow: hidden; position:relative; margin-bottom:25px; display: flex; flex-flow:row nowrap; justify-content: space-between;}
.notab>a.program_down{ padding: 15px 2% 12px 0;  min-width: 18%;  box-sizing: border-box;  display: inline-block;  background: #fe4731 url(../img/main/ic_programbook_down.png) 80% center no-repeat;  color: #fff;  font-weight: bold;  text-align: center;    font-size:clamp(0.9rem, 2vw, 1.125rem);}
.notab ul {display: flex;justify-content: flex-start; flex:1;}
.notab ul li{ text-align: center;height: 50px;line-height: 50px;font-size: 17px;color: #878787;font-weight: 500;position: relative;cursor: pointer;border: 1px solid #ccc;background: #fff;/*width: 150px;*/border-right:0;}
.notc .notab ul li{flex:0 1 193px;}
.notab ul li:after{    position: absolute;    height: 2px;    width: 100%;    background:#f5f5f5;     bottom: 0;    left: 0;    }
.notab ul li.active{color: #fff;background: #fe4731;border: 1px solid #fe4731;}
.notab ul li.active:after{background: #fe4731}
.notab .tabs li a{display: inline-block; width: 100%; height:100%;}
.notab ul li:last-child{border-right: 1px solid #ccc;}
.notc .swiper-slide{box-sizing: border-box;}
.notc .swiper-slide-next + div{position: relative;top: -20px;transform: scale(1.1);z-index: 1;transition: transform .35s; border:20px solid #4e1195}
.notc .swiper-slide-next + div .busimg img {width: 100%;height: 100%;}
.notc  .proSwiper{padding-top: 80px; width: 100%;}
.notc  .swiper-slide{box-sizing: border-box;  overflow: hidden;}
.notc   .swiper-slide-next + div .progtxt:hover{border:1px solid #fff}
@media (min-width:721px) and (max-width:1450px){
	.notab>a.program_down{ padding: 15px 0 12px 0;  background: #fe4731; }
}
@media only all and (max-width:720px){
	.notab{flex-flow:column wrap;}
}


/*프로그램 swiper 로딩시 이미지만 크게 보이는 문제 수정*/
.notc{background:#f6f6f6;padding: 50px 0 30px; height:750px; overflow: hidden;}
.proSwiper{position:relative;}
.proSwiper:not(.swiper-initialized) .swiper-slide img {   display: none;}
.proSwiper.swiper-initialized .swiper-slide img {  display: block;}
.proSwiper:not(.swiper-initialized) .swiper-wrapper {  visibility: hidden;}
.loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #4e1195;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.proSwiper.swiper-initialized .loading-spinner {
  display: none;
}
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@media only all and (max-width:1024px){
	.notc{height:auto;}
}


.hakbtit{font-size: 19px;font-weight:600;/* padding-bottom: 20px; *//* height: 50px; */box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 20px 10px;bottom: 0;box-sizing: border-box;}
.hakbtit p{/* width: calc(100% - 100px); */text-align: center;}
.hakbtits{
    font-size:16px;
    padding-top: 20px;
    text-align: center;
    padding: 0px 10px;
    /* border-bottom: 1px solid #ccc; */
    text-align: left;
    margin: 13px 7px;
    color: #626262;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    height: 43px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    }
.hakbtitsm{font-size:16px;color: #626262;padding: 10px 15px;border-top: 1px solid #ccc;margin: 13px 7px 0;}
.hakbtitsm > div{display: flex}
.hakbox{background-size:cover;}
.hakmore{/* position: absolute; */right: 35px;top: 42px;border: 1px solid #008ed4;font-weight: 500;font-size: 16px;color: #008ed4;padding: 2px 8px;display: inline-block;margin-right: 4px;margin-bottom: 4px;}
.hakbtits p{display: inline-block}


.mbusg{background: url("../img/main/mbusbg.png") no-repeat center;/* height: 650px; */background-size: cover;overflow: hidden;/* padding-top: 90px; */box-sizing: border-box;display: flex;align-items: center;}
.mbusbox{color: #fff;/* padding: 60px 30px; width: 635px;*/ width:50%;box-sizing: border-box;position: relative;}
.mboct{font-size: clamp(2.8rem, 4vw, 3.4rem);padding-bottom: 10px;font-family: 'GmarketSansMedium'; font-weight: 700}
.mbocts{opacity:0.8; font-size: clamp(0.9rem, 2vw, 1rem);/* opacity: 0.5; */padding-bottom: 50px;line-height: 160%; height:250px; overflow-y: scroll; scroll-snap-type: y proximity;  -ms-overflow-style: none; /* IE and Edge */     scrollbar-width: none; /* Firefox */}
.mbocts::-webkit-scrollbar {    display: none; /* Chrome, Safari, Opera*/}
.mbocts li{scroll-snap-align:start;}
.mbocts a{display: block;color: #fff;border-bottom: 1px solid #4d4d4d;padding: 20px 0; display: flex; justify-content: space-between;}
.mbocts a span{font-size: 14px; color: #b2b2b2}
.mbmore{ position: absolute; bottom:100px;}
.mbusg .container{display: flex;justify-content: space-between;align-items: center;/* width: 1340px; */}
.mblist{/*width: calc(100% - 750px);*/ width:50%; box-sizing: border-box;padding-top: 90px;}
.mblist ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
}
.mblist ul li{float: left;padding-left: 20px;margin-bottom: 30px;}
.mblist ul li:nth-child(2n+1){position: relative; top: 180px }

.flow_banner {overflow: hidden;display: flex;flex-direction: column;max-height: 700px;}
.flow_banner .list {display: grid; grid-template-columns: repeat(2, 1fr);}
.flow_banner .list > li {white-space: nowrap;font-size: 18px;color: #fff;padding: 20px;}
@keyframes flowRolling {
    0% {   transform: translateY(0);    }
    100% {        transform: translateY(-100%);    }
}
@keyframes flowRolling2 {
    0% {   transform: translateX(0);    }
    100% {        transform: translateX(-100%);    }
}

@media (max-width: 1280px) {
    .flow_banner .list > li {font-size: 16px;padding: 10px;}
}
@media (max-width: 767px) {
    .flow_banner .list > li {font-size: 14px;padding: 5px;}
}

.banw{background: #f7f7f7; padding: 30px 0}
.banw .container{width: 1440px}
.banw ul {display: flex; justify-content: space-between; gap:2%; align-items: center;}
.banw ul li{flex: 1;    display: flex;    justify-content: center;}
.banw ul li a{display: block}
.banw ul li a img{filter:grayscale(1); opacity:0.5;}

.sec03{background: #eef3ff; padding: 90px 0}

.sec03 .ntit{font-size:36px;font-weight:600;}
.sec03 .nstit{font-size:16px;}
.sec03 .protit{font-size: clamp(2.5rem, 4vw, 3.125rem); font-family:'GmarketSansBold'; color: #303030; padding-bottom: 20px}
.sec03 .prostit{font-size: 15px; color: #8a8a8a; padding-bottom: 20px}
.sec03 .notab ul{display: flex; flex-direction: column;}
.sec03 .notw{overflow: hidden}
.sec03 .notw .tab_container{width: calc(100% - 230px);float: left; overflow: hidden;  position: relative;}
.sec03 .noticetop{padding-bottom:30px;overflow:hidden;display:table;}
.sec03 .ntitw{/* float:left;*/margin-right:20px;}
.sec03 .notab{float:left;display:table-cell;width: 230px;}
.sec03 .notab ul li{ font-size:19px;color:#2e2e2e;/* display:inline; */font-weight:500;width: 140px;cursor:pointer;/* border:3px solid #fff; */margin-right: 70px;padding: 11px 14px;box-sizing: border-box;font-size: 17px;background:#eef3ff;text-align: center; line-height: inherit;border-right: 1px solid #ccc;border-bottom:0;}

.sec03 .notab ul li.active{color: #ffffff;/* border:3px solid #f22848; */background: #fe4731;border: 1px solid #fe4731;}
.sec03 .notab ul li:last-child{border-bottom:1px solid #ccc;}
.sec03 .notbox{background: #ffffff;/* height:290px;*/padding:50px 40px;box-sizing:border-box; position: relative}
.sec03 .notbox:last-child{margin-right:0;}
.sec03 #tab11{display: block;/* position: relative; *//* margin-left: -30px; */}
/*.sec03 .bodoSwiperw{overflow: hidden;padding: 0 70px;}*/
.sec03 #tab12{}
.sec03 #tab13{}
.sec03 .notboxtit{
    font-size: 20px;font-weight:600;
    /* padding-bottom:30px;*/height:85px;
    color: #010000;
    display: inline-block;
    /* width: 200px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    height: 2.4em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    margin-top: 42px;
    }
.sec03 .notboxstit{font-size:15px;color: #605e5e;padding-bottom: 28px;height:120px;overflow: hidden;line-height: 160%;}
.sec03 .notday{color: #616161;font-weight: 400;font-size: 15px;}
.sec03 .notcate{color:#16a8ea;/* padding-bottom: 25px; */font-weight: 500;position: absolute;top: 50px;}
.sec03 .nomore{position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; line-height: 26px; text-align: center}
.sec03 .swiper-button-next, .sec03 .swiper-container-rtl .swiper-button-prev{ }
.sec03 .swiper-button-next:after{content: ''; background: url("../img/main/swiper_n.png") no-repeat; width: 54px; height: 54px;  position: absolute; left: 0px;}
.sec03 .swiper-button-prev:after{content: ''; background: url("../img/main/swiper_p.png") no-repeat;width: 54px; height: 54px;  position: absolute;  right: 0px;}
/*.sec03 .bodoSwiper {position: relative;margin-left: -15px;}*/
.sec03 .swiper-button-next{right: 0px;}
.sec03 .swiper-button-prev{left: 0}

@media only all and (max-width:1700px){
	.notc .container{width: 100%}
}

@media only all and (max-width:1520px){
	.newszone{width:100%;margin:30px 0;padding:2%;box-sizing:border-box;}
	.majorw{width:100%;margin:30px 0;padding:2%;box-sizing:border-box;}
	.banw .container{width: 100%}
}

@media only all and (max-width:1400px){
	.noticezone{max-width:100%;margin:30px 0;padding:2%;box-sizing:border-box;}
	.maintop .mainimg{width:100%;/* height:461px;*/}

}


@media only all and (max-width:1024px){
	

	.news-stitle{height:auto;overflow:hidden;padding-bottom:10px;}
	.newsbox{height:auto !important;padding-bottom:10px;}
	.major-title{padding:20px 0;}
	.majorlist > div{width:100%;margin-right:0;height:auto !important;margin-bottom:10px;padding-bottom:10px;}
	.majorzone{height:auto;background-size:cover;padding: 20px 0;}
	.majorlist .news-title{font-size:20px;height:auto;padding-bottom:10px;}

	.major-list{width:100%;display:none;}
	.sec02 .noticebox{width:100%;margin-right:0;height:auto;padding:15px;box-sizing:border-box;margin-right:0;}
	.sec02 .noticew{padding:0 10px;box-sizing:border-box;width:100%;}
	.vdmmore{/*top: -40px*/ display: none;}
	.videow{position: relative; overflow: hidden}
	.vdmw{display: block}
	/*.vdm{display: block}*/
	.vdmbox{display: block; width: 100%; margin-right: 0; box-sizing: border-box; margin-bottom: 20px}
	.vdmC{width: 100%; height: auto; aspect-ratio: auto; }
	.vdmimg p, .vdmCimg p{display: none;}
	
	.movw{width: calc(100% - 4px);padding-left:0;/* padding:10px; */margin-left: 0;/* border: none; */box-sizing: border-box;margin-top: 20px;}
	.hakw{height:auto; padding: 40px 20px 50px;}
	.haktits {font-size:18px;}
	.haktit{font-size:37px;}
	.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;}


	.noticeboxw{width: 100%}
	.cbanw{width: 100%;margin-top: 20px;}
	.hakmore {display: inline-flex;top: 15px; top: 15px;    right: inherit;}
	.hakbtit p{width: 100%}
	.hakbtit{margin-top: 10px}
	.maintopw{height: 380px;}
	/*.mbusbox{width: 100%}
	.mblist{width: 100%; display: none}
	.mbusg{display: block}
	.mbusg .container{display: block}*/
}

@media only all and (max-width:720px){
	.notc{padding-top: 20px}
	.notab ul{   display: block;}
	.notab ul li{    font-size: 14px;    height: 40px;    line-height: 40px;    width: 33.3%;    float: left; box-sizing: border-box;}
	.notab ul li:last-child{width: 100%;box-sizing: border-box;}
	.notc .proSwiper{padding-top: 30px}
	
	.notc .swiper-slide-next + div{top: 0; border: none; transform: none}
	.progtxt .progt1{height:45px;}
	.progtxt{padding: 15px}
	.sec03{padding-top: 40px; padding-bottom: 40px}
	.sec03 .notab{display: block; width: 100%; float: none;}
	.sec03 .notab ul li{flex:1 ; margin-right: 0; font-size: 15px; /*padding: 10px 0;*/}
	.sec03 .notab ul li:not(.active){border-bottom:1px solid #ccc;}
	.sec03 .notab ul{display: flex;     flex-direction: row;}
	.sec03 .notw .tab_container{width:100%;}	
	.sec03 .protit{padding-bottom: 0; text-align: center;font-size:34px;}
	.sec03 .prostit{ text-align: center; }
	.sec03 .prostit p{display: inline;}
	.sec03 .notbox{padding: 20px }
	.sec03 .notcate{top: 32px; font-size:14px;}
	.sec03 .notboxstit{height:60px; line-height: 140%; font-size:14px;}
	.sec03 .notboxtit{margin-top:35px; margin-bottom:10px; font-size:18px;}	
	.sec03 .notday{font-size:14px;}	
	.vdarr{display: none;}
	.vdtxt{font-size:18px; font-weight:bold; line-height:115%;}
	.vdmCtxt{bottom:0; background: #00000060; padding:10px 0;}
	.major-title{font-size: 24px}
	.haktit{font-size:30px; text-align: center;}
	.hakw .notab ul{margin-top: 20px; width: 100%}
	.swiper-container{padding-bottom: 20px !important}
	.mbusg{padding:40px 25px 25px;height: auto;overflow: hidden; padding-bottom: 40px;}
	.mbusbox{width: 100%; margin-right: 0;}
	.mbustit{font-size: 30px; padding-bottom: 10px}
	.mbustitm{font-size: 15px}
	.mbocbox01{margin-top: 20px}
	.mbocbox{ background-position: center;    background-size: cover; width:90%; margin:0 auto;}
	.mbocbox03{position: relative; top: inherit}
	.hakbtit{padding:15px 10px;}
	.hakw .swiper-scrollbar{width: 100%}
	.hakbox .hakimg .img > img{width: 100%}
	/*.hakbox a{width: 98%;}*/
	.hakw .container{width: 100%; padding: 0;}
	.mboct{font-size:36px; font-family: 'GmarketSansBold';}
	.mbusg  .container{width: 100%; padding: 0;}
	.mbusg .container{flex-flow:column wrap;}
	.mblist{width:100%;}
	.mbocts{height:90px; padding-bottom:0;}
	.mbocts .br_m{display: inline; content:""; padding-right:5px;}	
	.mbocts a{padding: 10px 0; font-size: 14px}
	.mbmore{top: 0; right: 5px}
	.mblist{padding-top:0;}
	.flow_banner{max-height:400px;}
	.flow_banner .list{grid-template-columns: repeat(3, 1fr);}
	.mblist ul li:nth-child(2n+1){top:0;}
	.banw{padding: 10px 0}
	.footer .newsletterc{width: 100%; padding: 0 20px; box-sizing: border-box}
	.footer .newsletterc .inputTypeText{width: 70%}
	.footer .newsletterc .seimg{width: 20%; padding: 0; font-size: 14px}
	
}