.content > div{clear: both; display: inline-block; width: 100%;}
#wrap{background: url(../images/main/main_bg.png);}




/*main visual*/
#visual {width:100%; min-width:1200px; height:944px; overflow:hidden; position:relative;}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%;}
#visual .roll .bg1 {background:url('../images/main/slider01.png') no-repeat center;}
#visual .roll .bg2 {background:url('../images/main/slider02.png') no-repeat center;}
#visual .roll .bg3 {background:url('../images/main/slider03.png') no-repeat center;}
#visual .roll .bg4 {background:url('../images/main/slider04.png') no-repeat center;}
#visual .roll .bg5 {background:url('../images/main/slider05.png') no-repeat center;}
#visual .roll .bg6 {background:url('../images/main/slider06.png') no-repeat center;}
#visual .roll .bg7 {background:url('../images/main/slider07.png') no-repeat center;}

/*test*/
#visual .roll .bg1_1 {background:url('../images/main/slider01_1.png') no-repeat center;}
#visual .roll .bg2_2 {background:url('../images/main/slider02_2.png') no-repeat center;}
#visual .roll .bg3_3 {background:url('../images/main/slider03_3.png') no-repeat center;}

.txt_animation{position:absolute; z-index:100; top:207px; width:100%;}
.txt_animation_w{height:159px; width:1203px; margin:0 auto; position:relative;}
.card {
  perspective: 1000;
  transform-style: preserve-3d;
  text-align: center;
  float: left;
  animation: mymove 5s infinite;
}
.card.flip .card__back {
  transform: rotate3d(90, 80, 0, 0);
}
.card.flip .card__front {
  transform: rotate3d(-90, -80, 0, 150deg);
}
.card__container, .card__letter {
  width: 100px;
  height: 100px;
  color:#fff;
}
.card__container {
  transition: 1s;
  transform-style: preserve-3d;
  display: block;
  position: relative;
}
.card__front, .card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 1s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}
.card__front {
  z-index: 2;
}
.card__back {
  transform: rotate3d(0, -45, 0, -180deg);
}
.card__letter {
  line-height: 1;
  padding-top: 0.25em;
  position: relative;
  font-family: 'S-CoreDream-2ExtraLight';
  font-size:38.79px;
  text-shadow:3px 2px #00000036;
}
.card--f{position:absolute; left:45px; top:42px;}
.card--l{position:absolute; left:172px; top:42px;}
.card--i{position:absolute; top:42px; left:390px;}
.card--p{position:absolute; left:428px; top:42px;}
.card--a{position:absolute; top:99px; left:-11px;}
.card--b{position:absolute; top:99px; left:95px;}

@keyframes mymove{
  from {transform: rotateY(180deg);}
  to {transform: rotateY(-180deg);}
}

/*main content*/
.content{width:1200px; margin: 0 auto;}
.content_top{position: relative;}
.content_top > div{float: left;}
.content_top > .main_news{background: #fff; width: 61%; height: 314px; padding: 30px 25px; margin-right: 15px;}
.main_news h2{font-size: 23px; margin: 0 0 20px 5px; color: #000;}

.content_bottom{width: 100%; overflow: hidden; background-size: 100% 100%; float: left; clear: left; padding: 30px 0;}
.content_bottom > div{width: 1200px; margin: 0 auto;}


/*roll banner*/
.content_top > .main_news > .slick-list .main_news .slick-list{overflow: hidden;}
.content_top > .main_news > .slick-list > .slick-track{width: 100% !important;}
.content_top > .main_news > .slick-list > .slick-track > .rollWrap{width: 100% !important;}
.content_top > .main_news > .slick-list > .slick-track > .rollWrap .slick-slide.slide{background: url(../images/main/news_bg.png) no-repeat 145px 139px #139576; width: 220px !important; height: 211px; float: left; text-align: center; color: #fff; border-radius: 15px; margin: 0 4px;}
.content_top > .main_news > .slick-list > .slick-track > .rollWrap .slick-slide.slide a{display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 30px; position: relative;}
.content_top > .main_news > .slick-list > .slick-track > .rollWrap .slick-slide.slide a > p{text-align: center; height: 100px; display: flex; align-items: center; font-size: 17px; font-family: 'S-CoreDream-3Light';}
.content_top > .main_news > .slick-list > .slick-track > .rollWrap .slick-slide.slide a .date{font-size: 13px; font-family: 'S-CoreDream-2ExtraLight';}

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

#rollBanner button{cursor: pointer; border: 0; position: absolute; overflow: hidden; text-indent: 15em;}
#rollBanner .slick-prev{top: -46px; right: 37px; background: url(../images/main/arr_l.png) no-repeat; width: 30px; height: 30px;}
#rollBanner .slick-next{top: -46px; right: 0; background: url(../images/main/arr_r.png) no-repeat; width: 30px; height: 30px;}

.news_notice{position: absolute; right: 128px; top: 42%; color: #e7e7e7; font-size: 24px; font-weight: 600; width: 43%; text-align: left; line-height: 36px;}



/*다운로드*/
.content_bottom > div > div.main_download{} 
.main-bnr {width: 100%; display: inline-block;} 
.main-bnr a {position:relative; display:block; padding:0 18px; line-height:78px; overflow:hidden; float: left; width: 15.8%; margin-right: 1%; background:#fff;}
.main-bnr a:last-child{margin-right: 0;}
.main-bnr a .tit{font-size: 15px;}
.main-bnr a .ico{background: url(../images/main/goIcon.png) no-repeat center; width: 42px; height:20px; position: absolute; right: 10px; top: 50%; margin-top: -10px;}
.main-bnr a:hover .ico{right: 5px; transition:right .5s;}


/*date*/
.content_top > .main_date{width: 37.7%; background: linear-gradient(to right bottom, #22b788,#129274); height: 435px; position: absolute; right: 0; bottom: 0; z-index: 99999; border-radius: 23px 23px 23px 0; box-shadow: 3px 2px 6px 1px #a3a3a3; padding: 12px;}
.content_top > .main_date2{width: 37.7%; background: linear-gradient(to right bottom, #de3059,#ed5d44); height: 435px; position: absolute; right: 0; bottom: 0; z-index: 99999; border-radius: 23px 23px 23px 0; box-shadow: 3px 2px 6px 1px #a3a3a3;}
.content_top > .main_date::after{content: ''; width: 1px; height: 410px; background: #13835f; position: absolute; left: 50%; margin-left: -0.5px; top: 12px;}
.board_square_box {width: 100%;}
.board_square_box .item {width: 50%; display: flex; flex-direction: column; align-items: center; justify-content:center; height: 210.5px; padding: 0 0 10px;  border-bottom: 1px solid #13835f; flex-wrap: nowrap; float: left;}
.board_square_box .item:nth-child(3), .board_square_box .item:last-child{border-bottom: 0;}
.board_square_box .item > div:last-child{margin-top: 11px;}
.board_square_box .item > div:last-child .count span{color: #fff; font-weight: 600; font-size: 21px; letter-spacing: 1px;}

.board_square_box .date_box { position: relative; font-weight: 700; }

.board_square_box .date_box.__now .state { color: #e9002d; }

.board_square_box .state { display: inline-block; font-size: 1.125rem; line-height: 1; color: #999999; letter-spacing: -.05em; position: absolute; top: 50%; right: 0rem; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.board_square_box .progress_bar, .board_square_box .progress_bar2 { width: 100%; height: 17px; border-radius: 0.5rem; position: relative; overflow: hidden; background-color: #f0f0f0;}

.board_square_box .progress_bar .ing, .board_square_box .progress_bar2 .ing { transition: all .85s ease-in-out; border-radius: 0.5rem; position: absolute; top: 0; left: 0; width: 0%; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4b204+0,f58108+50,ec6000+100 */ background: #f4b204; /* Old browsers */ background: -moz-linear-gradient(left, #e9002d 0%, #ff7a01 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e9002d 0%, #ff7a01 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e9002d 0%, #ff7a01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9002d', endColorstr='#ff7a01',GradientType=1 ); /* IE6-9 */ }

.board_square_box .date_area { display: block; font-size: 1.125rem; color: #e9002d; line-height: 1; position: relative; font-weight: 700; }


.board_square_box .scheh_list {width: 100%; text-align: center;}

.board_square_box .scheh_list li {width: 100%;}
.board_square_box .scheh_list li span{color: #fff;}
.board_square_box .scheh_list .date{font-size: 22px; margin: 5px 0;}
.board_square_box .scheh_list .dateTitle{font-size: 16px; font-family: 'S-CoreDream-2ExtraLight'; margin-bottom: 8px;}






/* footer logo */
.footer_logo{width: 100%; padding: 30px 0 20px; clear: both; display: inline-block; background: #fff;}
.footer_logo .org_area{display:flex; align-items:center; width: 1200px; margin: 0 auto;}
.footer_logo .org_area span{width: 5%; font-size: 17.5px; font-weight: 600;}
.footer_logo .org_area ul{display:flex; flex-wrap: wrap; width: 81%;}
.footer_logo .org_area ul li{margin-right:20px;}
.footer_logo .org_area ul li a{display: block;}

.footer_logo .sp_area{}
.footer_logo .sp_area span{padding-bottom: 8px; margin-top: -46px; float: left;}



img.footer_insta {position:absolute;animation:floating 3s infinite;-ms-animation:floating 3s infinite;-webkit-animation:floating 3s infinite;}

@keyframes floating {

0% { }

50% {transform:translateY(-22px); -ms-transform:translateY(-22px); -webkit-transform:translateY(-22px);}

100% { }

}

@keyframes blink {
 0% {color: #f44d4d ;}
 50% {color: #000;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {color: #f44d4d ;}
 50% {color: #000;}
}
.blinkcss {
 animation: blink 2s step-end infinite;
 -webkit-animation: blink 2.5s step-end infinite;
}
.footer_slide div a{display:block; top:0px; left:0px; width:170px; height:49px; position:relative; z-index:1; margin-top:0px; margin-left:0px; transform:translate3d(0px, 0px, 0px);}
.footer_slide div a::after{content:""; display:inline-block; width:1px; height:10px; background:#c9c9c9; vertical-align:top; float:right; margin:18px 0;} 

.btn_box{width:54%; position:relative; margin-left:247px;}
.btn_box>div{position:absolute; top:-193px; z-index:100; left:79px;}