@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: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:#327cff;}
.main01sec-1{font-size:30px;font-weight:600;letter-spacing:-2px;line-height:100%;margin-bottom:5px;}
.main01sec-2{font-size:60px;font-weight:600;line-height:122%;letter-spacing:-5px;text-align:left;}
.main01sec-3{font-size:16px;color:rgba(255,255,255,0.6);line-height:140%;text-align:center;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{float:left;/* text-align:left;*/;}

.main01sec-3{font-size:16px;color:rgba(255,255,255,0.8);line-height:140%;text-align:left;}
.main01sec{float:left;text-align:left;}
.main01secw{overflow:hidden;width:590px;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);}

.maintop{overflow:hidden; float: left;     text-align: left;}
.maintop .mainimg{float:left;}
.maintop .text{/* padding:170px 0 0 0; *//* width:1100px;*/color:#ffffff;font-size:32px;line-height:36px;text-align:center;}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}
.maintopw{overflow:hidden;height:760px;display: flex;justify-content: space-between;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; */}


.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:#0056b9 !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;}

.sec02{padding: 0px 0 0px;overflow:hidden; position: relative; }
.sec02 .noticew{position:relative; margin-bottom: 40px}
.sec02 .more a{display: block; position: absolute; right: 0; top: 0; border: 1px solid #ccc; padding: 5px 15px }
.sec02 .notictit {font-size: 30px; border-bottom: 2px solid #c9c9c9; padding-bottom: 10px; font-weight: 500; }
.sec02 .photogw .notictit{border-bottom: none}
.sec02 .container{display: flex;height: 610px;padding: 0;}
.sec02:before{background: url("../img/main/sec02Lbg.png") no-repeat; background-size: cover; content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; }
.sec02Left{ flex: 1; color: #fff; padding-top: 55px; box-sizing: border-box}
.sec02Right{flex: 1;padding-top: 55px;box-sizing: border-box;padding-left: 50px;background: #fff;}
.sec02 .noticew .nmore {right:10px;}

.sec02 .photogw{position: relative}
.sec02 .photoboxw{display: flex; margin-top: 20px;}
.sec02 .photoboxw .photobox{flex: 1; margin-right: 5px}
.sec02 .phototxt{ position: absolute; bottom: 0; background:rgba(0,0,0,0.4); color: #fff; width: 100%; font-size: 14px;     overflow: hidden; padding: 10px ; 
    white-space: nowrap;     text-overflow: ellipsis; text-align: center; box-sizing: border-box;}
.sec02 .photoimg{position: relative}

.sec02 .edusow{width: 590px}
.sec02 .edusotit{ font-size: 30px; position: relative; margin-bottom: 40px}
.sec02 .edusotit:before{width: 50px; height: 2px; background: #fff; position: absolute; content: ''; top: 50px;}
.sec02 .edusom{font-size: 30px; padding-bottom: 35px}
.sec02 .edusomc{font-size: 16px; opacity: 0.8; padding-bottom: 90px}
.sec02 .edusolist{ display: flex; justify-content: space-around;}
.sec02 .edusobox a{display: block; text-align: center;}
.sec02 .edusobimg{ padding-bottom: 30px}
.sec02 .edusobtxt{font-size: 16px}

.sec02 .noticetit {padding-bottom:15px;}
.sec02 .noticetit ul li{display:inline-block;color:#767676;font-size:28px;padding-right:35px;position:relative;}
.sec02 .noticetit ul li:after{width:1px;height:22px;background:#ccc;transform:rotate(30deg);content:'';position:absolute;top:10px;right:13px;}
.sec02 .noticetit ul li:last-child:after{display:none;}
.sec02 .noticetit ul li.on{color:#010000;font-weight:600;}
.sec02 .noticebox{width:49%;margin-right:1%;margin-bottom:1%;box-sizing:border-box;border:1px solid #ccc;height:172px;padding:30px 15px;overflow:hidden;float:left;}
.sec02 .noticday{width:90px;text-align:center;float:left;}
.sec02 .noticetxt{float:left;width:calc(100% - 90px);}
.sec02 .notc{font-weight:700;font-size:48px;}
.sec02 .notcm{font-size:14px;color:#787878;}
.sec02 .noticet{font-size:18px;color:#010000;font-weight:700;padding-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sec02 .noticets{font-size:15px;color:#5d5d5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;height:4.2em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.hakw .swiper-scrollbar-drag{height: 8px}
.hakw .swiper-scrollbar-drag{background: #4385ab }
.hakw .swiper-scrollbar{width: 500px; margin: 0 auto}

.hakw{padding:60px 0 70px;;overflow:hidden;}
.hakw .container{/* overflow:visible;*/position:relative;/* width:100%;*/;}
.hakw .container-in{overflow:hidden;}

.hakt{font-family:'GmarketSansMedium';width:340px;color:#fff;float:left;}
.haktits{font-size:30px;opacity:0.5;}
.haktit{font-size:34px;font-weight:600; padding-bottom:30px; text-align: center}
.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{/* height:460px; *//* padding: 37px 30px; */box-sizing:border-box;color: #000;text-align: left;display:block;/* padding-top:230px; */border: 1px solid #e0e0e0;background: #fff;}
.hakbox .hakimg {position: relative}
.hakbox .hakimg .cover{display: none}
.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;}



.hakw .notab{overflow: hidden}
.hakw .notab ul {display: flex;margin-bottom: 25px;/* border-bottom: 1px solid #e0e0e0; */margin-top: 45px;width: 430px;margin: 25px auto 25px;}
.hakw .notab ul li{flex:1;text-align: center;height: 50px;line-height: 50px;font-size: 17px;color: #878787;font-weight: 500;position: relative;cursor: pointer;border: 1px solid #ccc;}
.hakw .notab ul li:after{
    position: absolute;
    height: 2px;
    width: 100%;
    background:#f5f5f5;
    /* content: ''; */
    bottom: 0;
    left: 0;
    }
.hakw .notab ul li.active{color: #fff;background: #0056b9;}
.hakw .notab ul li.active:after{background: #0056b9}

.hakbtit{font-size: 19px;font-weight:600;padding-bottom: 20px;border-bottom: 1px solid #ccc;/* height: 50px; */box-sizing: border-box;margin-left: 10px;margin-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 20px;}
.hakbtit p{/* width: calc(100% - 100px); */text-align: center;}
.hakbtits{font-size:16px;padding-top: 20px;text-align: center;padding: 20px;}
.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-bottom: 4px ;}
/*.hakbtits p{display: inline-block}*/
/*----230914 말줄임표 처리-----*/
.hakbtit2 p{display:inline-block; width:260px; overflow:hidden; text-overflow: ellipsis;}
.cmcate{border: 1px solid #2d64e3;font-size: 14px;padding: 5px 25px;margin-bottom: 5px;color: #2d64e3;margin-top: 15px;display: inline-block;}
.cate_ty2{color: #0c69c0; border:1px solid #0c69c0}
.cate_ty3{color: #1F1F1F; border:1px solid #1F1F1F}
.cate_ty4{color: #4109c0; border:1px solid #4109c0}
.mbusg{background: url("../img/main/mbusbg.jpg") no-repeat center;height: 1050px;background-size: cover;/* overflow: hidden; */padding-top: 90px;box-sizing: border-box}
.mbusbox{float: left;width: 50%;position: relative;}
.mbustit{font-size: 38px; font-weight: 700}
.mbustitm{font-size: 18px; color: #333333}
.viewmore{color: #327cff; font-size: 13px; letter-spacing: 0; padding-top: 10px}
.mbore a {display: block; color: #327cff}
.mbocbox {position: relative; padding: 30px; box-sizing: border-box; width: 580px; height: 410px; }
.mbocbox01{background: url("../img/main/bus01.png") no-repeat; margin-top: 90px}
.mbocbox02{background: url("../img/main/bus02.png") no-repeat; }
.mbocbox03{background: url("../img/main/bus03.png") no-repeat;/* top: 53px; */position: absolute;top: 450px;z-index: 1;}
.mboct{color: #fff;   position: absolute; bottom: 30px; left:30px; font-size: 25px}



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

@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;*/}
			.sec02 .container{width: 100%; display: block; height: auto; padding: 0;}
	.sec02:before{background: none}
	.sec02Left{background: url(../img/main/sec02Lbg.png) no-repeat; width: 100%; padding: 20px;     box-sizing: border-box; background-size: cover;}
	.sec02 .edusow{width: 100%}
	.sec02 .edusotit{font-size: 24px;}
	.sec02 .edusom{font-size: 18px}
	.sec02 .edusom p{display: inline}
	.sec02 .edusomc{font-size: 14px; padding-bottom: 20px;}
	.sec02Right{padding: 20px 10px;}
	.sec02 .notictit{font-size: 22px}
	.sec02 .more a{font-size: 13px; padding: 5px 7px; right: 10px;}
	.sec02 .photoboxw{display: block}
	.sec02 .photoimg{margin-bottom: 10px}
	.sec02 .photoimg img{width: 100%}
}

@media only all and (max-width:1024px){
	.Mainbg {height: 385px !important;}
	.Mainbg + .container{width: 100%}


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

	.slick-dotted.slick-slider{padding-bottom:0;}

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


	.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: 20px 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;}
	

}

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

	.major-title{font-size: 24px}
	.haktit{font-size:30px }
	.hakw .notab ul{margin-top: 20px; width: 100%}
	.swiper-container{padding-bottom: 20px !important}
	.mbusg{padding: 15px;height: auto;overflow: hidden; padding-bottom: 40px;}
.mbusbox{width: 100%;overflow: hidden;margin-right: 0;}
.mbustit{font-size: 30px; padding-bottom: 10px}
.mbustitm{font-size: 15px}
.mbocbox01{margin-top: 20px}
.mbocbox{height: 180px; background-position: center;    background-size: cover;}
.mbocbox03{position: relative; top: inherit}
	.hakw .swiper-scrollbar{width: 100%}
	.hakbox .hakimg .img > img{width: 100%}
	.hakbox a{width: 98%;}
	.hakw .container{width: 100%; padding: 0;}
	.mbusg  .container{width: 100%; padding: 0;}
.conts_list li a .title{padding-right: 30px; font-size: 15px;}
	.sec02 .edusobtxt{font-size: 14px}
	.sec02 .edusobimg{padding-bottom: 10px}
	
	.tfixmenu{display: none}
	
}
