@charset "UTF-8";


.main-visual{position:relative;max-height:380px;}
.main-visual .slide_box{overflow:hidden;}
.main-visual .slide_box .swiper-slide{}
.main-visual .slide_box .slide1{background:url(../images/main/top_visual1_bg.jpg) center top no-repeat;}
.main-visual .slide_box .slide2{background:url(../images/main/top_visual2_bg.jpg) center top no-repeat;}
.main-visual .slide_box img{vertical-align:top;}
.main-visual .main-search-wrap{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;}
.main-visual .max_container{max-width:1160px;height:100%;text-align:right;position:relative;}
.main-visual .main-search{position:absolute;right:0;bottom:60px;border:none;background-color:#fff;float:right;}
.main-visual .main-search .input-keyword{height:42px;padding-left:15px;width:358px;border:none;vertical-align:middle;color:#787878;font-size:14px;}
.main-visual .main-search .btn-search{border:none;width:68px;height:42px;background:#0e4e9f url(../images/main/btn_search.png) center center no-repeat;background-size:60px auto;text-indent:-9999px;overflow:hidden;cursor:pointer;vertical-align:middle;}


.main-contents{position:relative;}


.main-con1{max-width:1160px;margin:0 auto;padding:60px 0;}
.main-con1 .banner1{float:left;margin-right:10px;position:relative;width:420px;height:240px;}

.swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-slide .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: middle;
    color: white;
    background: rgba(0,0,0,0.6);
    letter-spacing: -1px;
    font-size:15px;
}


.main-con1 .banner2{float:left;position:relative;width:604px;height:240px;}
.main-con1 .banner2 .mc_link{width: 604px;float:left;margin-bottom: 4px;}
.main-con1 .banner2 .mc_link a{display:inline-block;width: 188px;height:110px;text-align: center;font-size: 18px;font-weight: 400;padding-top: 78px;background-repeat: no-repeat;background-position: center 25%; margin: 5px;}
.main-con1 .banner2 .mc_link a.ai{background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn001.png);}
.main-con1 .banner2 .mc_link a.bigdata{background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn002.png);}
.main-con1 .banner2 .mc_link a.smart{background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn003.png);}
.main-con1 .banner2 .mc_link a.smart_f{position: relative; background-position: center 33%; background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn004.png);}
.main-con1 .banner2 .mc_link a.new_e{position: relative; background-position: center 30%; background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn005.png);}
.main-con1 .banner2 .mc_link a.block_c{position: relative; background-position: center 30%; background-color: #fff;color: #2452a8;border: 1px solid #2452a8;background-image: url(../images/main/img_bn006.png);}


.main-con1 .banner2 .mc_link .flag_new_e{position: absolute;z-index: 5;right: 5px;top: 5px;background-color: #ff9a40;color: #fff;line-height: 22px;height: 21px;border-radius: 12px;padding: 0 10px;font-size: 11px;font-weight: 700;}
.main-con1 .banner2 .mc_link .flag_smart_f{position: absolute;z-index: 5;right: 5px;top: 5px;background-color: #ff9a40;color: #fff;line-height: 22px;height: 21px;border-radius: 12px;padding: 0 10px;font-size: 11px;font-weight: 700;}
.main-con1 .banner2 .mc_link .flag_block_c{position: absolute;z-index: 5;right: 5px;top: 5px;background-color: #ff9a40;color: #fff;line-height: 22px;height: 21px;border-radius: 12px;padding: 0 10px;font-size: 11px;font-weight: 700;}

.main-con1 .banner2 .mc_link a:hover.ai{border: 1px solid #ff9a40;}
.main-con1 .banner2 .mc_link a:hover.bigdata{border: 1px solid #ff9a40;}
.main-con1 .banner2 .mc_link a:hover.smart{border: 1px solid #ff9a40;}
.main-con1 .banner2 .mc_link a:hover.smart_f{border: 1px solid #ff9a40;}
.main-con1 .banner2 .mc_link a:hover.new_e{border: 1px solid #ff9a40;}
.main-con1 .banner2 .mc_link a:hover.block_c{border: 1px solid #ff9a40;}

/* 메인 버튼 */
.main-btn a{display:inline-block;width:246px;margin:0 5px;line-height:55px; height:60px;text-align:center;font-size:18px;font-weight:400;border:1px solid #0e4e9f;color:#0e4e9f;}
.main-btn a:hover{border: 1px solid #ff9a40;}

.main-con1 .banner2 .btn-more{display:inline-block;height:27px;background-color:#2c6d96;line-height:27px;font-size:11px;padding:0 25px;color:#fff;border-radius:14px;position:absolute;left:0;bottom:0;}

.main-con1 .banner3{float:right;width:516px;height:40px;}
.main-con1 .main-board{float:right;width:516px;padding-top:14px;}
.main-con1:after{display:block;content:'';clear:both;}

/* 메인 공지사항 탭 */

.main-board {float:left; position: relative;}
.main-board .main-board-list h3{float:left; position: relative; margin-right: 25px; letter-spacing: -0.8px;}
.main-board .main-board-list h3 a{display: inline-block; font-size: 16px; color:#666;}
.main-board .main-board-list h3 a.active{text-decoration: none; color:#0e4e9f;border-bottom:1px solid #0e4e9f;}
.main-board .main-board-list h3 a:hover{text-decoration: none; color:#0e4e9f;}
.main-board .main-board-list h3 a:active{text-decoration: none; color:#0e4e9f;border-bottom:1px solid #0e4e9f;}
.main-board .main-board-list .btn-more{ position:absolute;right:0;top:18px;width:22px;height:22px;display:block;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../images/main/btn_more.png) center center no-repeat;}
.main-board .tabcontent {position:absolute;top:36px; left:0px; width:100%; height: 160px;}

.main-board .main-board-list .tabcontent{display:none;}
.main-board .main-board-list .btn-more{display:none;}
.show {display: block !important;}

.tabcontent{font-size:13px;text-align:left;}
.tabcontent .front{padding:15px 0;border-bottom:1px dotted #aaa;text-align:justify; margin-bottom:15px;}
.tabcontent .front a,
.tabcontent .front p{font-size:13px;}
.tabcontent .front .title{margin-bottom:3px;}
/* .tabcontent .board-list {padding:10px 0 0 0;} */
.tabcontent .board-list li{position:relative;padding-left:10px;box-sizing:border-box;}
.tabcontent .board-list li:before{position:absolute;left:0;top:50%;width:2px;height:2px;content:'';display:block;background-color:#aaabad;}
.tabcontent .board-list a { display:block;padding:3px 0 4px;}
.tabcontent .board-list a span{ font-size:15px;}
.tabcontent .board-list a:after{display:block;clear:both;content:'';}
.tabcontent .board-list a .title {float:left;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tabcontent .board-list a .date {float:left;width:20%;text-align:right;}



.main-con2{padding:60px 30px;background:#eeeeee;position:relative;}
.main-con2 .inner-wrap{max-width:1160px;margin:0 auto;position:relative;}
.main-con2 h2{position:relative;margin-bottom:50px;text-align:center;font-size:34px;font-weight:normal;text-transform:uppercase;}
.main-con2 h3{width:330px;margin:0 auto 32px auto;font-size:24px;height:39px;text-align:center;position:relative;font-weight:600;}
.main-con2 h3:before{display:block;content:'';height:1px;position:absolute;left:0;top:19px;right:0;background-color:#333;}
.main-con2 h3 span{position:relative;background-color:#fff;display:inline-block;height:39px;line-height:37px;padding:0 30px;}

.main-list-wrap2{}
.main-list-wrap2 .hidden{overflow: hidden; width:1px;height:1px;border: 0;}



.edu-list{margin:0 -10px;}
.edu-list ul li{float:left;width:calc(25% - 20px);width:-webkit-calc(25% - 20px);width: -moz-calc(25% - 20px);margin:0 10px 20px 10px;background-color:#fff;}
.edu-list:after{clear:both;display:block;content:'';}
.edu-list .thumnail{}
.edu-list .thumnail img{width:100%;height:12.5vw;}
.edu-list .info{padding:25px 20px;}
.edu-list .info .title{font-size:16px;color:#000;margin-bottom:15px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.edu-list .info .title a:hover{text-decoration:underline;}
.edu-list .info .sub{font-size:14px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.edu-category{padding:30px 0;text-align:center;}
.edu-category button{border:1px solid #cbcbcb;background-color:#fff;width:130px;height:35px;color:#555;font-size:14px;padding-bottom:3px;font-weight:600;}
.edu-category button.active{border:none; font-weight: 800; color:#fff; background:#000;}

.edu-more{text-align:center;padding:30px 0 0 0;}
.edu-more button{width:47px;height:47px;border:1px solid #333;background:#fff url(../images/main/btn_edu_more.png) center center no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;}


@media all and (max-width:1600px){
	.main-quick{right:2%;}
}

@media all and (max-width:1400px){
	.main-quick{display:none;}
}

@media all and (min-width:1280px){
	.edu-list .thumnail img{height:160px;}
    
}


@media all and (max-width:1160px){
    
    .main-visual{position:relative;max-height:500px;}
	.main-visual .main-search-wrap{position:relative;}
	.main-visual .max_container{height:auto;text-align:center;padding:20px;}

	.main-visual .main-search{position:relative;right:0;bottom:0;float:none;border:3px solid #0e4e9f;}
	.main-visual .main-search .input-keyword{width:calc(100% - 68px);width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);}    
    .main-con1{padding:0 20px 30px;}
	.main-con1 .banner2{clear:both;float:none;width: 100%; position:relative;}
    .main-con1 .banner2 .mc_link{width:100%;}    
    .main-con1 .banner2 .mc_link a{width: calc(32% - 10px);width:-webkit-calc(32% - 10px);width:-moz-calc(32% - 10px);display:inline-block;box-sizing:border-box;}
	.main-con1 .main-board{clear:both;float:none;width:auto;height: 210px;margin: 40px 0; }
    
}

@media all and (min-width:771px) and (max-width:920px){
    .main-visual .max_container {width: 100%;}    
}

@media all and (max-width:770px){
    
    .main-visual .main-search-wrap{position:relative;}
	.main-visual .max_container{height:auto;text-align:center;padding:20px;}

	.main-visual .main-search{position:relative;right:0;bottom:0;float:none;}
	.main-visual .main-search .input-keyword{width:calc(100% - 68px);width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);}
    .main-visual .main-search .btn-search
    

	.main-visual .imgBox img{max-width:150%;}

	.edu-list{margin:0 -5px;}
	.edu-list ul li{width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);}
	.edu-list .thumnail img{height:25vw;}

	.edu-list .info{padding:20px 15px;}
	.edu-list .info .title{font-size:15px;}
	.edu-list .info .title a:hover{text-decoration:underline;}
	.edu-list .info .sub{font-size:13px;}

	.edu-category{padding:30px 0;text-align:center;}
	.edu-category button{float:left;width:calc(25% - 2px);width:-webkit-calc(25% - 2px);width:-moz-calc(25% - 2px);font-size:13px;margin:0 1px;}
	.edu-category:after{clear:both;display:block;content:'';}
}


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

	.main-visual .main-search-wrap{position:relative;}
	.main-visual .max_container{height:auto;text-align:center;padding:20px;}

	.main-visual .main-search{position:relative;right:0;bottom:0;float:none;}
	.main-visual .main-search .input-keyword{width:calc(100% - 68px);width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);}

	.main-con1 .banner2{clear:both;float:none;width:auto;position:relative;}
    .main-con1 .banner2 .mc_link a{font-size: 16px;}


	.tab button span{font-size: 14px;}

	.main-con2{padding:40px 20px;}
	.main-con2 h2{font-size:20px;margin-bottom:20px;}

	.edu-list ul li{width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);margin:0 5px 10px 5px;}
	.edu-list .info{padding:15px 10px;}

}

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

	.main-visual .slide_box{}
	.main-visual .slide_box img{width:150%;}

	.edu-list ul li{float:none;width:auto;margin:0 0 10px 0;}
	.edu-list .thumnail img{height:52.5vw;}
	.edu-list .info{padding:15px 15px 20px 15px;}

    
    
	.main-con1{padding:0 20px 30px;}	
	
    .main-con1 .banner2 .mc_link a{font-size:14px;overflow:hidden;word-break:break-all;}
    .main-con1 .main-board{padding-top:20px;}
    
    
    
}