@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* main */

body{background:#fafafa;}
#indexWrap{ position: relative; z-index: 1; padding-bottom: 150px;}
#indexWrap .main-tit{ text-align: center; margin: 0 0 50px 0;}
#indexWrap .main-tit .tit{ color: #222; font-size: 40px;font-weight:500; position: relative;}
#indexWrap .main-tit .tit.ico01:before {content: ''; background: url(../images/main_tit_ico01.png); height: 60px; width: 60px; position: absolute; bottom: 0px; margin-left: -80px;}
#indexWrap .main-tit .tit.ico02:before {content: ''; background: url(../images/main_tit_ico02.png); height: 60px; width: 60px; position: absolute; bottom: 3px; margin-left: -80px;}
#indexWrap .main-tit .tit.ico03:before {content: ''; background: url(../images/main_tit_ico03.png); height: 60px; width: 60px; position: absolute; bottom: 3px; margin-left: -80px;}
#indexWrap .main-tit .sub{ font-size: 18px; color: #222;}


.main-visual{ position: relative; overflow: hidden; background-color: #000;}
.main-visual .swiper-slide{ height: 938px; }
.main-visual .swiper-slide .bg{ position: absolute; display: block; width: 100%; height: 938px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.main-visual .copy{ position: relative; display: table; width: 100%; height: 938px;}
.main-visual .copy .tx01{ display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.main-visual .copy .tx01 span{ display: block; font-size: 40px; text-shadow: 0 0 10px rgba(0,0,0,.2);  letter-spacing: -.05em;  opacity: 0;}
.main-visual .copy .tx01 span p{ display: inline-block; font-size: 55px;}
.main-visual .copy .tx01 strong{ display: block; font-size: 80px; letter-spacing: -.05em;  opacity: 0;}
.main-visual .copy .tx01 em{ display: block; font-size: 24px; letter-spacing: -.05em;  opacity: 0;font-weight: 300;}
.main-visual .prev{ position: absolute; width: 90px; height: 98px; background-color: rgba(11,21,46,.4); display: block; top: 50%; left: 0; margin-top: -49px; z-index: 3;}
.main-visual .next{ position: absolute; width: 90px; height: 98px; background-color: rgba(11,21,46,.4); display: block; top: 50%; right: 0; margin-top: -49px; z-index: 3;}
.main-visual .prev::after,
.main-visual .next::after{ content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; border-top: #fff 1px solid; border-right: #fff 1px solid; transform: rotate(45deg); margin: -17px 0 0 -17px;}
.main-visual .prev::after{ transform: rotate(-135deg); }
.main-visual .cort-bx{ position: absolute; z-index: 3; bottom: 115px; left: 0; width: 100%; text-align: center;}
.main-visual .cort-bx .pag{ display: inline-block;}
.main-visual .cort-bx .pag .swiper-pagination-bullet{ opacity: 1; background-color: #e7e5e5; width: 10px; height: 10px; margin: 0 4px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.main-visual .cort-bx .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 50px; background-color: #3adbb1;}
.main-visual .cort-bx .stop{ display: none; margin-left: 10px; width: 10px; height: 10px; border-left: #fff 3px solid; border-right: #fff 3px solid;}
.main-visual .cort-bx .play{ display: none; margin-left: 10px; width: 10px; height: 10px; border-left: #fff 5px solid; border-top: transparent 5px solid; border-bottom: transparent 5px solid;}
.main-visual .cort-bx .stop.on,
.main-visual .cort-bx .play.on{ display: inline-block;}
.main-visual .btNext{ position: absolute; bottom: 20px; left: 50%; width: 24px; display: block; left: 50%; margin-left: -12px;z-index: 9; 
	-webkit-animation: move .5s ease-in-out .3s infinite alternate; /* Chrome, Safari, Opera */
	animation: move .6s ease-in-out .3s infinite alternate;}
.main-visual .btNext span{ position: absolute; top: -9999px; left: -9999px;}
.main-visual .btNext::before{ content: ''; width: 23px; height: 60px; background: url('../images/ic_scroll.png'); display: block;}
.main-visual .swiper-slide .bg{ position:absolute; top:0; right:0; left:0; bottom:0;  background-position:50% 50%; background-repeat:no-repeat; background-size:cover; 	
	opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-visual .swiper-slide.swiper-slide-active .bg{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@-webkit-keyframes move {
	0%   {bottom:20px;}
	100% {bottom:35px;}
}
/* Standard syntax */
@keyframes move {
	0%   {bottom:20px;}
	100% {bottom:35px;}
}

.swiper.tit_sd{overflow:visible!important;}
.green_span{width:320px; height:60px; border-radius: 30px; background:#37b776; position:absolute; left: 50%; transform:translateX(-50%);}

#main-contents { width: 100%; position: relative; z-index: 1; }
#main-contents .main_sec_head { text-align: center; margin-bottom: 60px; }
#main-contents .main_sec_head .tit { font-size: 50px; font-weight: bold; color: #222; position: relative; display: inline-block; text-transform: uppercase; }
#main-contents .main_sec_head .txt { font-size: 20px; color: #333; margin: 0 auto; margin-top: 20px; width: 82%; max-width: 740px; }

#main_sec_02 .main-tit{margin-bottom:0;}

#main_sec_02 > .inner { max-width: 1920px; width: 96%; }
#main_sec_02 .nav { margin-top: 54px; display: flex; justify-content: center; margin-bottom: 60px; }
#main_sec_02 .nav li { cursor: pointer; width:320px;text-align:center; }
#main_sec_02 .nav li + li { margin-left: 134px; }
#main_sec_02 .nav li span { display: block; line-height:60px; font-size: 24px; color: #999; padding-bottom: 10px; position: relative; }
#main_sec_02 .nav li.active span { width:320px;height:60px;line-height:60px; background:#37b776; color:#fff; font-size: 24px; font-weight:700; text-align:center;border-radius:30px;}

#main_sec_02 .nav li span:hover{color:#000;}
#main_sec_02 .nav li.active span:hover{color:#fff;}

.slider-nav-wrap{position:relative; width:80%; margin: 0 auto; height:60px; margin-bottom:60px;}
.slider-nav.d2 .slider .slick-list { margin:0 200px;}
.slider-nav.d2 .slick-slide { margin:0 -200px;}
.slider-nav.d2 .slick-list.draggable{margin-top:-22px;}
.slider-nav.d2 .slick-slide.slick-active{height:60px; line-height:60px;font-size:22px; color:#999;}
.slider-nav.d2 .slick-slide.slick-active.slick-center{color:#fff;}
.slider-nav.d2 .slick-slide{text-align:center;}


.slider-nav.d2  .slick-prev.slick-arrow{position:absolute; top:2px;left:430px; width: 47px; height: 47px; border: 0;  font-size: 0; cursor: pointer;
background-color: transparent; background: url("../images/main_con02_arrow_prev.png") no-repeat center;background-size: 47px; z-index:10; border-radius:47px;transition:0.3s;}
.slider-nav.d2  .slick-next.slick-arrow{position:absolute;top:5px; right:430px; width: 47px; height: 47px; border: 0;  font-size: 0; cursor: pointer;
background-color: transparent; background: url("../images/main_con02_arrow_next.png") no-repeat center;background-size: 47px; z-index:10;border-radius:47px;transition:0.3s;}

.slider-nav.d2 .slick-next.slick-arrow:hover,
.slider-nav.d2 .slick-prev.slick-arrow:hover{background-color:#37B776;}




.btn_wrap p{position: absolute;top: 50%; left:50%; transform:translate(-50%, -50%);z-index: 100;font-size: 20px;text-align: center;line-height: 70px; color:#999;}
.btn_wrap{width:226px; height:70px; background:#fafafa; position: relative;left: calc(44% - 40px);bottom: 74px;}
.pagingInfo{color:#000; margin-right:20px; }

.sd_prev{position: absolute;left:30px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border: 0;background-color: transparent; background-image: url(../images/prev.png);
    background-position: center; background-repeat: no-repeat; background-size: 17px; font-size: 0; cursor: pointer;}

.sd_next{ position: absolute; right:30px;top: 50%;transform: translateY(-50%);width: 50px; height: 50px; border: 0;background-color: transparent;
    background-image: url(../images/next.png); background-position: center; background-repeat: no-repeat; background-size: 17px;font-size: 0;  cursor: pointer;}




#main_sec_02 .slider { position: relative; }
#main_sec_02_slider_img { width: 100%; height: 480px; overflow: inherit; position: relative; padding-right: 10%; box-sizing: border-box; }
#main_sec_02_slider_img .swiper-slide { width: 100%; height: 100%; overflow: hidden; }
#main_sec_02_slider_img .swiper-slide > .inner { height: 100%; position: relative; }
#main_sec_02_slider_img .swiper-slide .bg { position: absolute; top: 0; left: 0; z-index: 0; width: 0%; height: 100%; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; 
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
#main_sec_02_slider_img .swiper-slide .bg:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #333; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#main_sec_02_slider_img .swiper-slide .bg { width: 60%; }
#main_sec_02_slider_img .swiper-slide .bg:before { width: 0%; transition-delay: 0.5s; }

#main_sec_02_slider_text { position: absolute; top: 0; right: 10%; width: 40%; height: 100%; background-color: #fff; overflow: inherit; }
#main_sec_02_slider_text .swiper-slide { width: 100%; height: 100%; overflow: hidden; background-color: #fafafa; }
#main_sec_02_slider_text .swiper-slide > .inner { width: 80%; /*max-width: 460px;*/ margin: 0 auto; padding: 40px 0 90px; visibility: hidden; }
#main_sec_02_slider_text .swiper-slide > .inner > * { transform: translateY(20px); opacity: 0; }
#main_sec_02_slider_text .num { float:left; font-family: 'NanumSquare', san-serif; font-size: 50px; color: #37b776; line-height: 1; margin-right: 10px; }
#main_sec_02_slider_text .smtit{font-size:22px; color:#696868;margin-top: 17px; }
#main_sec_02_slider_text .tit { font-size: 40px; color: #222; margin-bottom: 32px; margin-top: 4px;font-weight: 500;}
#main_sec_02_slider_text .txt { font-size: 17px; color: #7e7c7c; margin-bottom: 50px;  font-weight:300;line-height:1.6; }
#main_sec_02_slider_text .btn { position: relative; display: inline-block; width: 220px; height: 46px; border: 1px solid #222; 
background-color: #2c2c2c; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px;background-image: url("../images/view_more_icon.png"); background-repeat:no-repeat; background-position:right 20px center; }

#main_sec_02_slider_text .btn span { display: block; height:100%; line-height:46px; font-size: 15px;  position: relative; z-index: 1; overflow: hidden; font-weight:500;color:#c2c0c0; }


#main_sec_02_slider_text .swiper-nav { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 100%; width: 255px; height: 95px; background-color: #fafafa; }
#main_sec_02_slider_text .swiper-pagination { position: static; width: auto; padding: 0 25px; font-family: 'Metropolis-Light', sans-serif; font-size: 14px; color: #ababab; line-height: 1; }
#main_sec_02_slider_text .swiper-pagination span + span { font-size:20px; display: inline-block; margin-left: 12px; padding-left: 12px; }
#main_sec_02_slider_text .swiper-pagination span:first-child { color: #000; font-size:20px; }
#main_sec_02_slider_text .swiper-prev { width: 50px; height: 50px; border: 0; background-color: transparent; background-image: url("../images/prev.png"); background-position: center; background-repeat: no-repeat; background-size: 17px; font-size: 0; cursor: pointer; }
#main_sec_02_slider_text .swiper-next { width: 50px; height: 50px; border: 0; background-color: transparent; background-image: url("../images/next.png"); background-position: center; background-repeat: no-repeat; background-size: 17px; font-size: 0; cursor: pointer; }

#main_sec_02_slider_text .swiper-nav2 {position: absolute; top: -114px;margin-left: -50px;}
#main_sec_02_slider_text .swiper-nav2 .swiper-prev {position:absolute; right:148px; width: 50px; height: 50px; border: 0; background-color: transparent; background-image: url("../images/main_con02_arrow_prev.png"); background-position: center; background-repeat: no-repeat; background-size: 47px; font-size: 0; cursor: pointer; }
#main_sec_02_slider_text .swiper-nav2 .swiper-next{position:absolute;left:248px; width: 50px; height: 50px; border: 0; background-color: transparent; background-image: url("../images/main_con02_arrow_next.png"); background-position: center; background-repeat: no-repeat; background-size: 47px; font-size: 0; cursor: pointer; }
#main_sec_02_slider_text .swiper-nav2 .swiper-pagination-custom{display:none;}


#main_sec_02_slider_text .swiper-button-disabled { opacity: 0.5; }
#main_sec_02_slider_text .swiper-slide-active > .inner > * { transform: translateY(0); opacity: 1; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
#main_sec_02_slider_text .swiper-slide-active > .inner { visibility: visible; }
#main_sec_02_slider_text .swiper-slide-active > .inner > .num { transition-delay: calc(0.1s*0); }
#main_sec_02_slider_text .swiper-slide-active > .inner > .tit { transition-delay: calc(0.1s*1); }
#main_sec_02_slider_text .swiper-slide-active > .inner > .txt { transition-delay: calc(0.1s*2); }
#main_sec_02_slider_text .swiper-slide-active > .inner > .btn { transition-delay: calc(0.1s*3); }
.slider-for.d1 .txt_box_wrap{width:47%; height:100%;  float:right;padding: 38px 0 93px 62px;background-color:#fafafa;}
.slider-for.d1 .txt_box{width:100%;height:100%;visibility: hidden;}
.slider-for.d1 .txt_box p.first{font-size:22px;font-weight:300;transition:0.3s;}
.slider-for.d1 .txt_box .num{margin-right:6px;color:#37b776;font-size:50px;}
.slider-for.d1 .txt_box h5{color:#000;font-size:40px;font-weight:400;transition:0.3s;}
.slider-for.d1 .txt_box p.last{margin-top:40px;transition:0.3s;}

.slider-for.d1 .txt_box .view_btn{position:relative; display:block;width:220px; height:45px;margin-top:64px;line-height:45px; font-size:15px;background:#fff url("../images/view_more_icon_black.png");background-repeat:no-repeat;background-position:right 20px center;border:1px solid #000;}

.slider-for.d1 .txt_box .view_btn:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #222; z-index: 0; 
  -webkit-transition: width 0.35s ease;transition: width 0.35s ease;}

.slider-for.d1 .txt_box .view_btn span {display: inline-block; width:100%;padding-left:30px; font-size: 16px; color: #222;vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }

.slider-for.d1 .txt_box .view_btn:hover:before { width: 100%; }
.slider-for.d1 .txt_box .view_btn:hover:after { background-size: contain; transition-delay: 0.35s; }
.slider-for.d1 .txt_box .view_btn:hover span { color: #fff; background-image: url("../images/view_more_icon.png");background-repeat:no-repeat;background-position:right 20px center;  }

.slider-for.d1 .slick-slide.slick-current.slick-active .txt_box > * { opacity: 1; animation: fadeInUp 1.5s ease-in-out; }
.slider-for.d1 .slick-slide.slick-current.slick-active > div > div{ animation: ZoomIn2 1.5s ease-in-out;}

.slider-for.d1 .slick-slide.slick-current.slick-active  .txt_box { visibility: visible; }



@keyframes ZoomIn2 {
  from {
    opacity: 0;
	background-size: 1050px;
  }

  to {
    opacity: 1;
	background-size: 1010px;
  }
}






.main-at{ max-width: 1300px; margin: 94px auto 0; margin-bottom:128px;}
.main-at ul::after{ content: ''; display: block ;clear: both;}
.main-at ul > li{ float: left;border:1px solid #ddd; width: calc((100% - 81px)/3); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.main-at ul > li:hover{border: #4e4e4e 1px solid;	box-shadow: 0 15px 23px 0 rgb(0 0 0 / 15%);transform: translateY(-10px);transition: all .3s;}


.main-at ul > li + li{ margin-left: 40px;}
.main-at ul > li .thumb img{ display: block;}
.main-at ul > li .desc{ position: relative;  display: block; padding: 24px 30px 0; height: 275px;}
.main-at ul > li .desc b{ position:relative; display: block; font-size: 22px;}
.main-at ul > li .desc::after{ content: ''; position: absolute; width: 88px; height: 17px; bottom: 24px; right: 44px; background: url(../images/main_con01_icon_none.png) no-repeat;}
.main-at ul > li .desc b:after{ content: ''; position: absolute; width: 100%; height: 1px; bottom: -15px; right: 0; background:#0c0c0c;}
.main-at ul > li .desc span{display:block;margin-top:36px;color:#666; font-size:17px; line-height:27px;font-weight:300;}

.main-at ul > li:hover .desc:after{background: url(../images/main_con01_icon.png) no-repeat;}


.main-edu{ max-width: 1300px; margin: 170px auto 0;}
.main-edu .inbx::after{ content: ''; display: block; clear: both;}
.main-edu .inbx .desc{ float: left; width: 380px;}
.main-edu .inbx .desc > li{ position: relative; padding:18px 0 32px 110px; border-bottom:1px solid #ddd;}
.main-edu .inbx .desc > li:first-child { padding:30px 0 28px 110px;}
.main-edu .inbx .desc > li:last-child { border:none; padding:18px 0 26px 110px;}
.main-edu .inbx .desc > li + li{ margin-top: 18px;}
.main-edu .inbx .desc > li i{ position: absolute; display: inline-block; top: 50%; left: 0; margin-top: -30px;}
.main-edu .inbx .desc > li b{ display: block; font-size: 22px; color: #222;}
.main-edu .inbx .thumb{ float: right; width: 792px; background: url(../images/main_edu.jpg) 50% 50% no-repeat; height: 366px; padding: 110px 0 0 0;}
.main-edu .inbx .thumb .copy{ background-color: rgba(45,89,136,.4); width: 453px; height: 179px; margin: 0 auto; color: #fff; text-align: center; padding: 15px; font-size: 39px;}
.main-edu .inbx .thumb .copy a{ display: block; width: 130px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; border: #b9b8b8 1px solid; color: #fff; margin: 10px auto 0;}
.main-edu .inbx .thumb .copy a::after{ content: ''; display: inline-block; width: 17px; height: 10px; background: url(../images/ic_aw.png) 50% 50% no-repeat; margin-left: 5px; vertical-align: 2px;}

.main-bbs{ max-width: 1300px; margin: 174px auto 0;}
.main-bbs .inbx{ position: relative;}
.main-bbs .inbx .tab{ border-bottom: #000 1px solid; margin-bottom: 45px; padding-left:123px;}
.main-bbs .inbx .tab::after{ content: ''; display: block ;clear: both;}
.main-bbs .inbx .tab > li{ width: 240px; float: left;}
.main-bbs .inbx .tab > li > a{ display: block; height: 56px; line-height: 56px; text-align: center; color: #fff; border: #000 1px solid; border-bottom: none; margin-bottom: -1px; font-size: 19px; font-weight: 600;}
.main-bbs .inbx .tab > li + li > a{ border-left: none;}
.main-bbs .inbx .tab > li:nth-child(1) > a{ background-color: #0a4b7c; }
.main-bbs .inbx .tab > li:nth-child(2) > a{ background-color: #0e65a7; }
.main-bbs .inbx .tab > li:nth-child(3) > a{ background-color: #3589ca; }
.main-bbs .inbx .tab > li:nth-child(4) > a{ background-color: #4dade2; }
.main-bbs .inbx .tab > li > a:hover,
.main-bbs .inbx .tab > li.active > a{ background-color: #fff; color: #000;}
.main-bbs .inbx .more{ position: absolute; width: 27px; height: 27px; top: 15px; right: 0; background: url(../images/bt_more.png);}
.main-bbs .inbx .bc::after{ content: ''; display: block ;clear: both;}
.main-bbs .inbx .bc .hd{ width: 785px; float: left; padding: 0 0 0 420px; position: relative; min-height: 270px;}
.main-bbs .inbx .bc .hd .thumb{ width: 384px; position: absolute; top:0; left: 0;}
.main-bbs .inbx .bc .hd .thumb img{ display: block; width: 100%; height: 270px; object-fit: cover; object-position: center;}
.main-bbs .inbx .bc .hd .desc h3{ font-size: 47px; color: #000; }
.main-bbs .inbx .bc .hd .desc .tit{ font-size: 18px; color: #333; display: block; margin-top: 30px;}
.main-bbs .inbx .bc .hd .desc .txt{ display: block; color: #333; margin-top: 10px; height: 46px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-bbs .inbx .bc .hd .desc .date{ display: block; color: #999; font-size: 13px; margin-top: 5px;}
.main-bbs .inbx .bc .hd .desc .view{ display: block; width: 130px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; border: #b9b8b8 1px solid; color: #666; margin-top: 20px;}
.main-bbs .inbx .bc .hd .desc .view::after{ content: ''; display: inline-block; width: 17px; height: 10px; background: url(../images/ic_aw2.png) 50% 50% no-repeat; margin-left: 5px; vertical-align: 2px;}
.main-bbs .inbx .bc .list{ float: right; width: 400px; margin-top: -15px;}
.main-bbs .inbx .bc .list > li{ padding: 15px 0 15px 10px; position: relative; }
.main-bbs .inbx .bc .list > li::before{ content: ''; display: block; position: absolute; width: 3px; height: 3px; border-radius: 50%; top: 25px; left: 0; background-color: #ebac35;}
.main-bbs .inbx .bc .list > li > a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-bbs .inbx .bc .list > li > .date{ display: block; color: #999;}
.main-bbs .inbx .bc .list > li + li{ border-top: #ccc 1px solid;}



/*커뮤니티*/


.main-at01{width:100%; height:210px; border:1px solid #ccc;background:#fff;padding:35px 50px;}
.main-at01 .left_bx {position:absolute;width:22%; height:145px; margin-right:3%; z-index:4;}
.main-at01 .left_bx:after{display:block; content:'';position:absolute; right:calc(100% - 426px); top:50%; transform:translateY(-50%); width:1px; height:120px; background:#ccc; }
.main-at01 .left_bx .notice_wrap {position: relative; top: 20px;}
.main-at01 .left_bx .big_tit {position: absolute; width: 120px; text-align: center; font-size: 28px; font-weight: 700; color: #000; letter-spacing: .12rem;}
.main-at01 .left_bx .tit_bx{float:left; font-size:17px; width:120px; height:38px; margin-top:50px; margin-right:50px; line-height:38px; text-align:center; border: 1px solid #000; color:#000;}
.main-at01 .left_bx img{position: absolute; }
.main-at01 .left_bx .big_num{display:block; color:#030303; font-size:44px; font-weight:500;padding-top:48px;position: relative; left: 72px;}
.main-at01 .left_bx .small_num{color:#000; font-size:15px; font-weight:500;margin-left: 68px;}


.main-at01 .right_bx {width:60%;position: relative;   left: 39%;}
.main-at01 .right_bx .swiper-slide{width:100%!important;}
.main-at01 .right_bx  a{ display: block;padding-bottom: 20px; }
.main-at01 .right_bx  a.last{margin-top:30px;}
.main-at01 .right_bx strong{ position:relative; display: block; color: #030303; font-weight: 500; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 10px; width: 100%;}
/*.main-at01 .right_bx strong:after{display:block; content:'';position:absolute; left: 0px;top: 15px;  width:4px; height:4px; background:#000; }*/
.main-at01 .right_bx .date_wrap{display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);right: 84px;font-size: 15px; color: #222;}
.main-at01 .right_bx  .txt{width: 100%; display: block; margin-top:10px; color: #8e8e8e; font-size: 16px; font-weight:300; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; overflow: hidden; white-space: normal; word-wrap: break-word;}
.main-at01 .right_bx .pag{width: fit-content;position: absolute; display: inline-block; top: auto; bottom: 10px; left: 50%; transform:translateX(-50%); z-index: 3;}
.main-at01 .right_bx .pag .swiper-pagination-bullet{width: 11px; height: 11px; margin: 0 4px; opacity: 1; border: #acacac 1px solid; background-color:transparent;}
.main-at01 .right_bx  .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #37b776; border-color:#37b776;}
.main-at01 .right_bx .pag{height: 20px;position: absolute;top: 0;right: 0;left: auto;display: inline-block;}
.main-at01 .right_bx .file{ position: relative; top: 18px;font-size:15px;margin-left: 20px; }
.main-at01 .right_bx .file:after{display:block; content:'';position:absolute; left:-19px; bottom: 3px; width:15px; height:13px; background:url('../images/main_file.png'); }
.main-at01 .right_bx .date{position:absolute;right:20px; bottom:0; font-size:15px;}


.main-at01 .right_bx .cort-bx{ position: relative; z-index: 3;top: -220px; right: -50px;width: 100%;height: 20px;}
.main-at01 .right_bx .cort-bx .stop{ display: none;position: absolute;right: -9px; top: 5px;  width: 12px; height: 10px;background: url(../images/slide_pause_icon.png) no-repeat;background-size: contain;}
.main-at01 .right_bx .cort-bx .play{ display: none; position: absolute; right: -9px;top: 5px;width: 12px; height: 10px;background: url(../images/slide_play_icon.png) no-repeat;background-size: contain;}
.main-at01 .right_bx .cort-bx .stop.on,
.main-at01 .right_bx .cort-bx .play.on{ display: inline-block;}


.main-at02 .swiper-wrapper{}

.sliderWrap { position: relative;  width: 100%; }
.sliderWrap .mySwiper{ max-width: 1300px; margin: 0 auto; overflow: hidden; padding-top: 20px; height:330px; }
.main-at02 {padding:52px 0 20px;}
.main-at02 .mySwiper::after{ content: ''; display: block ;clear: both;}
.main-at02 .swiper-wrapper span gallery .desc {background:red;}
.main-at02 .swiper-slide{ float: left;  width:calc((100% - 60px)/4);}
.main-at02 .swiper-slide img{width:100%;height:214px;}
.main-at02 .thumb img{ display: block; width:100%;}
.main-at02 .desc{ position: relative; height: 286px; background-color: #fff; border: 1px solid #dcdada; display: block; padding: 60px 36px 30px 26px; }
.main-at02 .desc:hover{transform: translateY(10px); transition: all .3s; border: 1px solid #000;box-shadow: 0px 2px 13px 5px #ccc;}
.main-at02 .desc b{font-size: 16px;  font-weight: normal; color:#999; font-weight:300; }
.main-at02 .desc .contex{height: 60px; width:100%; display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }

.main-at02 .desc b:nth-child(2){display:block; margin-bottom:38px; font-size: 20px; font-weight: 500; margin-bottom: 10px;color:#000; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main-at02 span{ position: absolute;  top: -16px; left: -1px; display: block; width: 122px; height: 32px; line-height: 32px; color: #fff; text-align: center; border-radius: 3px; font-size: 16px; z-index:1;}
.main-at02 .btm{width: 100%;height: 24px; line-height:24px;margin-top:80px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .main-at02 .swiper-slide.gallery .btm {margin:0!important;}
.main-at02 .desc:hover{transform:none!important;}
}



.main-at02 .swiper-slide.gallery .desc{ padding:0;}
.main-at02 .swiper-slide.gallery .btm{padding: 20px 30px;margin:-56px 0;}

.main-at02 .sliderWrap .swiper-button-next{ right: calc(50% - 738px); background-image: url("../images/main_news_next.png"); background-size: 200%;z-index: 1;}
.main-at02 .sliderWrap .swiper-button-prev{ left: calc(50% - 738px); background-image: url("../images/main_news_prev.png"); background-size: 200%; z-index: 1;}
.main-at02 .sliderWrap .swiper-button-next:after, .main-at02 .sliderWrap .swiper-button-prev:after{display:none;}
.main-at02 .date{ font-size: 15px; float: left; margin-bottom: 10px;}
.main-at02 .viewCount{display: block;  width: 56px; font-size: 15px; float: right;  background: url(../images/view_eye_icon.png) no-repeat;
    background-size: 20px; background-position: left center;  text-align: right; }
.main-at02 div.viewMore{ display: block;width: 39px;height: 14px; background: url(../images/more_btn_icon.png) no-repeat;position: absolute; bottom: 77px; right: 34px;}
.main-at div.viewMore{ display: block;  width: 43px;  height: 28px; background: url(../images/more_btn_icon.png) no-repeat;
     background-size: contain; position: absolute; bottom: 24px; right: 30px; }


@media screen and (max-width:1730px){ 
	
	.slider-nav-wrap{width:100%;}
	.main-at01 .left_bx{width:32%;}
	
}	

@media screen and (max-width:1450px){ 
	.main-at02 .sliderWrap .swiper-button-next { right:-6px;}
	.main-at02 .sliderWrap .swiper-button-prev {  left:-6px;}

}

@media screen and (max-width:1300px){ 
	.main-at01 .right_bx .date_wrap{display:none;}
	.slider-nav.d2 .slick-prev.slick-arrow{left:385px;}
	.slider-nav.d2 .slick-next.slick-arrow{right:385px;}
	
	.main-bbs { padding: 0 30px;}
	.main-at01 .right_bx .cort-bx {right: -40px;}
	.main-at01 .left_bx:after{display:none;}

	

}

@media screen and (max-width:1200px){
	.main-at01 .left_bx img, .main-at01 .left_bx:after{display:none;}
	.btn_wrap{left:calc(37% - 40px);}
	.main-at01 .right_bx{width:80%; left:20%;}
	.main-at01 .left_bx{width:20%;}
	.main-at01 .right_bx .file{left:0%;}
	.slider-nav.d2 .slick-next.slick-arrow, .slider-nav.d2 .slick-prev.slick-arrow{display:none!important;}
	.slider-nav.d2 .slick-slide.slick-active{font-size:20px;}
}


@media screen and (max-width:1100px){ 
	#main_sec_02 .nav li span{font-size:18px;}
	#main_sec_02 .nav li.active span{width:220px;height: 50px;line-height: 50px;font-size:18px;}
	#main_sec_02 .nav li + li { margin-left: 40px;}
	#main_sec_02 > .inner{width:100%;}
	#main_sec_02 .nav{height:50px; line-height:50px;}
	#main_sec_02_slider_text .swiper-nav2 .swiper-prev,
	#main_sec_02_slider_text .swiper-nav2 .swiper-next{display:none;}
	.main-at02 .sliderWrap .swiper-button-prev{left:-36px;background-size:150%;}
	.main-at02 .sliderWrap .swiper-button-next{right:-36px;background-size:150%;}

	
	.green_span{width:280px;}	
}

@media screen and (max-width:1023px){ 
	.main-at02{padding-left:20px; padding-right:20px;}
	
	.main-at02 .swiper-slide{width:100%!important;}
	.main-at02 div.viewMore {bottom: 80px;}
	
	.slider-for.d1{padding:0 20px;}
	.btn_wrap { left: 0; bottom: 27rem;}
	.slider-for.d1 .txt_box_wrap{width:100%;float:none;margin-top:22rem;padding-left:1.5rem;}
	.slider-for.d1 .slick-list{overflow:visible;}
	.slider-for.d1 .slick-slide > div > div{height:22rem!important;}




}

@media screen and (min-width:641px) and (max-width:1023px){ 
    .main-visual .copy{ padding: 0 60px;}
    .main-visual .copy .tx01 strong{ font-size: 50px;}
    .main-visual .copy .tx01 span{ font-size: 40px;}
    
    .main-at{ padding: 0 30px; margin-top: 60px;}
    .main-at ul{ margin-left: -1%; overflow: hidden;}
    .main-at ul > li{ width: 32.3%; margin-left: 1%;}
    .main-at ul > li + li{ margin-left: 1%;}
    .main-at ul > li .desc{ height: 120px; border: 1px solid #ddd;}
	.main-at ul > li .desc span{display:none;}
    .main-at ul > li{box-shadow:none;}
    .main-edu{ padding: 0 30px; margin-top: 60px;}
    .main-edu .inbx .desc{ width: 100%; float: none;}
    .main-edu .inbx .thumb{ float: none; width: 100%; margin-top:3rem;}
    
    .main-bbs{ padding: 0 30px; margin-top: 60px;}
    .main-bbs .inbx .tab > li{ width: 30%;}
    .main-bbs .inbx .bc .hd{ float: none; width: 100%;}
    .main-bbs .inbx .bc .list{ float: none; margin-top: 3rem; width: 100%;}
}

@media screen and (max-width:767px){
	.slider-nav-wrap{display:none;}
	.slider-for.d1 {height:auto; margin-bottom:3rem;}
	.slider-for.d1 .txt_box p.last {font-size:1.6rem;}
	.slider-for.d1 .txt_box .view_btn span {font-size:1.3rem;}
	.main-at01{padding: 2rem;}
	.main-at01 .left_bx {width: 100%;}
	.main-at01 .left_bx .tit_bx{margin-left: 113px; margin-top: 0;margin-right: 0;font-size: 1.6rem;height: 3rem;line-height: 3rem;}
	.main-at01 .left_bx .notice_wrap{top:0;}
	.main-at01 .right_bx .file {left: 0;bottom: -15px;}
	.main-at01 .left_bx .big_tit{font-size:2.2rem;text-align:left;}
	.main-at01 .right_bx strong{font-size:1.8rem;}
	
	.main-at01 .right_bx{width:100%;left:0; top:40px; }
	.main-at01 .right_bx .txt, .main-at01 .right_bx strong{width:90%;}
	.main-at01 .right_bx .cort-bx {right: -10px;}
	.main-at01 .right_bx .cort-bx .stop {top: 0px;}

	.main-at02 .desc b:nth-child(2){font-size:1.8rem;}

	.btn_wrap{bottom:62rem;}


}


@media screen and (max-width:640px){
    .main-visual .swiper-slide{ height: 30rem;}
    .main-visual .swiper-slide .bg{ height: 30rem;}
    .main-visual .copy{ height: 30rem; padding: 0 2rem;}
    .main-visual .copy .tx01 strong{ font-size: 2.4rem; line-height: 1.2;}
    .main-visual .copy .tx01 span{ font-size: 1.8rem;  line-height: 1.2; margin-top: .5rem;}
	.main-visual .copy .tx01 span p{font-size: 2.2rem;}
    .main-visual .copy .tx01 em{ font-size: 1.3rem; margin-top: .5rem;}
    .main-visual .prev,
    .main-visual .next{ width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-visual .prev::after, 
    .main-visual .next::after{ width: 1.4rem; height: 1.4rem; margin: -.7rem 0 0 -.7rem;}
    .main-visual .btNext{ display:none;}
    .main-visual .cort-bx{ bottom: 1rem;}
    
    #indexWrap .main-tit{ margin-bottom: 2rem;}
    #indexWrap .main-tit .tit{ font-size: 2.4rem;}
	#indexWrap .main-tit .tit.ico01:before {background-size: contain; height: 40px; width: 40px; bottom: -3px;  margin-left: -55px;}
	#indexWrap .main-tit .tit.ico02:before {background-size: contain; height: 40px; width: 40px; bottom: 0px; margin-left: -55px;}
	#indexWrap .main-tit .tit.ico03:before {background-size: contain; height: 40px; width: 40px; margin-left: -55px;}

    #indexWrap .main-tit .sub{ font-size: 1.3rem;}
    
    .main-at{ margin-top: 9rem; padding: 0 4.5vw;}
    .main-at ul > li{ width: 100%; float: none;}
    .main-at ul > li + li{ margin: 2rem 0 0 0;}
    .main-at ul > li .desc{ padding: 2rem; height: 230px;}
    .main-at ul > li .desc b{ font-size: 1.8rem;}
	.main-at ul > li .desc span { font-size: 1.6rem;}
    .main-at ul > li  img{width:100%;}
    .main-edu{ margin-top: 5rem; padding: 0 4.5vw;}
    .main-edu .inbx .desc{ width: 100%; float: none;}
    .main-edu .inbx .desc > li{ padding: 0 0 0 4rem;}
	.main-edu .inbx .desc > li:first-child {  padding: 0 0 0 4rem;}
	.main-edu .inbx .desc > li:last-child {  padding: 0 0 0 4rem;}
    .main-edu .inbx .desc > li i{ width: 3rem; height: 3rem; top: 50%; margin-top: -1.5rem;}
    .main-edu .inbx .desc > li b{ font-size: 1.5rem;}
    .main-edu .inbx .desc > li + li{ margin-top: 2rem;}
    .main-edu .inbx .thumb{ width: 100%; float: none; margin-top: 2rem; height: auto; padding: 3rem 0; background-size: cover;}
    .main-edu .inbx .thumb .copy{ width: 90%; padding: 2rem 1rem; font-size: 1.6rem; height: auto;}
    
    .main-bbs{ margin-top: 5rem; padding: 0 4.5vw;}
    .main-bbs .inbx .tab{ padding-right: 3rem; margin-bottom: 2rem;  padding-left:0px;}
    .main-bbs .inbx .tab > li{ width: 25%;}
    .main-bbs .inbx .tab > li > a{ height: 4rem; line-height: 4rem; font-size: 1.4rem;}
    .main-bbs .inbx .more{ top: .5rem; width: 2.4rem; height: 2.4rem; background-size: 2.4rem;}
    .main-bbs .inbx .bc .hd{ width: 100%; padding: 0; min-height: auto; float: none;}
    .main-bbs .inbx .bc .hd .thumb{ width: 100%; position: relative; }
    .main-bbs .inbx .bc .hd .desc{ margin-top: 1rem;}
    .main-bbs .inbx .bc .hd .desc h3{ font-size: 2rem;}
    .main-bbs .inbx .bc .hd .desc .tit{ font-size: 1.6rem; margin-top: 1rem;}
    .main-bbs .inbx .bc .list{ width: 100%; float: none; margin-top: 2rem;}

	#main_sec_02_slider_text .smtit{margin-top:0px;}

	#main_sec_02_slider_text .btn {height: 40px; }
    #main_sec_02_slider_text .btn span {line-height:40px; }

	.main-at01 .right_bx .cort-bx{top:-216px;}
	#footer .footer-wrap address span:after{display:none;}
	.main-at02 .btm {bottom:-50px;}
	.main-at02 div.viewMore{bottom:77px;}

}



@media screen and (max-width:479px){
	.main-at01 .right_bx .cort-bx { top: -214px;}
	.main-at01 .right_bx .pag{top:1px;}	
	.main-at ul > li .desc span{font-size:1.4rem;}
	.main-bbs {  margin-top: -5rem;}
	#indexWrap{padding-bottom:4rem;}
	.main-at02 .desc b:nth-child(2){font-size:1.8rem;}
	.main-at02 .btm {bottom: -10px;}
	.main-at02 div.viewMore {bottom: 60px;}

	.slider-for.d1 .txt_box .num,.slider-for.d1 .txt_box p.first{font-size:2rem;}
	.slider-for.d1 .txt_box h5{font-size:2.4rem;}
	.btn_wrap{left:-14px;height:5rem;line-height:5rem;bottom:59rem;}
	.slider-for.d1 .slick-slide > div > div{background-size:contain!important;}
	.main-at01 .right_bx .cort-bx .stop, .main-at01 .right_bx .cort-bx .play {top:12px;}

}

@media screen and (min-width:376px)  and (max-width:479px) {
	.slider-for.d1{height:680px;}
	.btn_wrap{bottom:55rem;}
}

@media screen and (max-width:375px){
	.slider-for.d1 {height: 640px;}
	.slider-for.d1 .txt_box p.last{margin-top:2rem;}
	.btn_wrap{bottom:47rem;}
}
@media screen and (max-width:321px){
	.main-at ul > li .desc span{font-size:1.2rem;}
	.main-at02 .btm {bottom: 22px;}

}