@charset "utf-8";


/************* 섹션1 ***************/
.sec1{padding:0; height:100vh; position: relative; padding-top:90px;}

.sec1 .index_vis {overflow:hidden;width:100%;height:940px;background:#000;}
.sec1 .index_video {width:100%;height:940px;position:absolute;top:50%;left:50%;transform:translate(-50%, -60%);overflow:hidden;}
.sec1 .index_vis iframe,
.sec1 .index_vis object,
.sec1 .index_vis embed {width:120%;height:130vh;margin-left:-10%;}


#main_visual_wrap {position:relative; width:100%; background:#000; color:#fff; margin-bottom:15%;}
#main_visual_wrap img { max-width:100%; height:auto; }
section.main_section {position:relative; width:100%; max-width:100%; background:#fff;  margin:0 auto;}
div.visual_img_wrap { position:relative; } 
div.visual_img_wrap img { width:100%; height:auto; }
	div.visual_type {position:absolute;  z-index:100; left:5%; top:18%; max-width:500px; text-align:left; }
	div.visual_type img { max-width:100%; }



/* 메인 비쥬얼 영상 영역 */
.main_visual {	position: relative;}
.main_visual .video_wrap {height: 900px;overflow: hidden;position: relative;}
.main_visual .video_wrap:after {	content: "";	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	/*background: rgba(0, 0, 0, .5);*/}

.main_visual .video_wrap iframe {	width: 100vw;	height: 56.25vw;	min-height: 100vh;	min-width: 177.77vh;	position: absolute;	top: 41%;	left: 50%;	transform: translate(-50%, -50%);}
.main_visual .video_wrap video.pc {	display: block}
.main_visual .video_wrap video.mo {	display: none}.main_visual .video_wrap video {	display: block;	max-width:}




.swiper_main_01{height:100%;}
.sec1 .swiper-slide__contWrap{width:100%;}
.sec1  .swiper-slide img{ width:100%;}

.sec1 .swiper-button-prev, .sec1 .swiper-container-rtl .swiper-button-next{left:50px;}
.sec1 .swiper-button-next, .sec1 .swiper-container-rtl .swiper-button-prev{right:140px;}
.sec1 .swiper-button-prev i, .sec1 .swiper-button-next i, 
.sec1 .swiper-button-prev i, .sec1 .swiper-button-next i{color:#fff; opacity:.6; }



.sec1 .posiY50_wrap{top:47%; left: 9%; right: auto;}
.sec1 .txt_wrap_absol{text-align:left; z-index:10;}
.sec1 .txt_wrap_absol__tit{font-size:50px; font-weight:300; font-family: 'GmarketSansLight'; position:relative;}
.sec1 .txt_wrap_absol__tit:after {height: 2px; width: 110px; background: #333333; position:absolute; left:0; bottom:0;}
.sec1 .txt_wrap_absol__tit span{padding: 10px 0; display: block; margin-bottom: 30px; font-size:80px; color:#fff; font-weight:500; font-family: 'GmarketSansMedium'; }


.sec1 .txt_wrap_absol__date{margin-bottom:10px; font-size:40px; font-family: 'GmarketSansMedium';}
.sec1 .txt_wrap_absol__time{font-size:40px; font-family: 'GmarketSansLight';}



@media screen and (max-width:1679px) {
    .sec1{height:auto;}
	
	.sec1 .index_vis {overflow:hidden;width:100%;background:#000;}
	.sec1 .index_vis iframe,
	.sec1 .index_vis object,
	.sec1 .index_vis embed {}
	
	.main_visual .video_wrap {height: 100vh}
	
}

@media screen and (max-width:1279px) {
    .sec1 .txt_wrap_absol__tit{font-size:40px;}
    .sec1 .txt_wrap_absol__tit span{font-size:60px;}
    .sec1 .txt_wrap_absol__date, .sec1 .txt_wrap_absol__time{font-size:30px;}
	
	#main_visual_wrap {  margin-bottom: 20%; }
		div.visual_type { left:50%;  transform: translate(-50%, 0);   top:10%; max-width:60%; text-align:center; }
	.main_visual .video_wrap {		height: 540px;	}
	.main_visual .video_wrap iframe {		height: 540px !important	}
	.main_visual .video_wrap {		/* height: 1080px;*/		overflow: hidden;	}
}

@media screen and (max-width:1023px) {
    .sec1 .swiper-button-prev, .sec1 .swiper-container-rtl .swiper-button-next,
    .sec1 .swiper-button-next, .sec1 .swiper-container-rtl .swiper-button-prev{display:none;}
    .sec1 .swiper-pagination{display:none;}
    

    .sec1 .posiY50_wrap{left:50px;}
    .sec1 .txt_wrap_absol__tit{font-size:36px;}
    .sec1 .txt_wrap_absol__date, .sec1 .txt_wrap_absol__time{font-size:26px;}
}

@media screen and (max-width:767px) {
	.sec1{height:inherit;}
	.sec1 .swiper-slide__contWrap{height:500px; /*100%;*/}
    .sec1 .txt_wrap_absol__tit span{font-size:50px;}
	
	.main_visual {	position: relative;	height: 540px;	overflow: hidden;	}
	.main_visual .video_wrap {	overflow: hidden	}
	.main_visual .video_wrap video.pc {	display: none	}
	.main_visual .video_wrap video.mo {	display: block;		width: 100%	}
	div.visual_type { left:50%;  transform: translate(-50%, 0);   top:15%; width:80%;  max-width:480px; }
	
}

@media screen and (max-width:479px) {
    .sec1{padding-top:70px;}
	/*.sec1 .swiper-slide__contWrap{height:400px;}*/
    .sec1 .posiY50_wrap{left:20px; top:50%;}
    .sec1 .txt_wrap_absol__tit{font-size:27px;}
    .sec1 .txt_wrap_absol__date, .sec1 .txt_wrap_absol__time{font-size:18px;}
	
	#main_visual_wrap {margin-bottom: 48%;}
	div.visual_type p { font-size: 18px;  margin-top: 15px;}
	
}



/* 우측바 */
.sec1_rightBar{
        display: flex; justify-content: center; flex-direction:column; align-items:center; justify-content:space-between; 
        position: absolute; right: 0; top: 0; width: 90px; height: 100%; z-index: 10; background: #fff; 
        /* border-left:1px solid #ddd; */
    }
.sec1_rightBar:after{content:inherit;}



/* 우측바_sns*/
.sec1_rightBar__sns{margin-bottom: 60px; justify-content: end; display: flex; }
    .sec1_rightBar__sns a{display:block; margin-bottom:16px;}
    .sec1_rightBar__sns img{width:24px;}

/* 우측바_bottom*/
.sec1_rightBar__bottom{position:relative; background:#e23c71; color:#fff; width:100%; height:317px;}
    .mouse_scroll_down_wrap{position: absolute; bottom: 30px; left: 50%; transform:translateX(-50%);}
    .mouse_scroll_down_wrap_w{color:#fff;}
        .scroll_txt{margin-bottom:20px; width:max-content; font-size: 12px; line-height:1.17; text-align: center; transform:rotate(90deg); bottom: 30px; position: relative; }
        .mouse_scroll_down {position:relative; bottom:0; left: 50%; transform:translateX(-50%); width :34px; height: 55px;}
        .mousey { width: 3px; padding: 10px 15px; height: 35px;  border: 2px solid #fff;  border-radius: 25px;  opacity: 0.75;  box-sizing: content-box;}
        .mouse_scroll_down_wrap_w .mousey{border:2px solid #fff;}
        .scroller { width: 3px;  height: 10px;  border-radius: 25%;  background-color: #fff;  animation-name: scroll;  animation-duration: 2.2s;  animation-timing-function: cubic-bezier(.15,.41,.69,.94);  animation-iteration-count: infinite;}
        .mouse_scroll_down_wrap_w .scroller{background-color:#fff;}
        @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
        }


@media screen and (max-width:1279px) {
    .sec1_rightBar__bottom{height:260px;}
    .sec1_rightBar__sns{margin-bottom:30px; height:calc(100% - 260px - 30px);}
}

@media screen and (max-width:1023px) {
/*    .sec1_rightBar__bottom{height:160px;}*/
    .sec1_rightBar__sns{height:calc(100% - 160px - 30px);}
}


@media screen and (max-width:767px) {
    .sec1_rightBar{display:none;}
}

/************* 섹션2 ***************/
.sec2{position:relative; padding-right:0; background:#f8f8f8;}

.sec2 .left_wrap{}

.sec2 .right_wrap{}

.sec2 .flx_box_wrap{gap:40px; }
.sec2 .flx_box_wrap_pr90{margin-top:100px;}

.sec2 .flx_box{transition:.5s; width:calc(100% / 5);  background: #fff; box-shadow: 0 10px 30px 0 rgb(0 0 0 / 8%); border-radius: 10px; padding: 40px 10px; backdrop-filter: blur(16px);}
.sec2 .flx_box:hover{transform: translateY(-20px); background:#be2667; color:#fff;}
.sec2 .flx_box_wrap__img_wrap{padding: 22px; margin: 0 auto; background: #f9dcdc; border-radius: 10px; width: 76px; height: 76px; }
.sec2 .flx_box:hover .flx_box_wrap__img_wrap{background:#fff;}
.sec2 .flx_box_wrap__title{ margin:20px 0 14px;}

/* rotate circle */
#rotate_circle { position: absolute; left:2%; top:29%; width: 100%; padding-bottom: 100%; overflow: hidden; }
#rotate_circle text {  font-size: 16px; font-weight: 300; opacity:.4; }
#rotate_circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 10s;
     -moz-animation-duration: 10s;
      -ms-animation-duration: 10s;
       -o-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}



@media screen and (max-width:1279px) {
    .sec2 .flx_box_wrap{gap:30px; }
    .sec2 .flx_box{/*width:100%;*/ min-width:150px; }

    /* .sec2 .flx_box_wrap{margin-top:100px;} */
}

@media screen and (max-width:1023px) {
    .sec2 .flx_box_wrap{gap:20px; }
    .sec2 .flx_box_wrap_pr90 {margin-top: 50px;}
}

@media screen and (max-width:767px) {
    .sec2 .left_wrap{padding-right:50px}
    .sec2 .right_wrap{display:none;}
    /* .sec2 .flx_box_wrap{margin-top:50px;} */
}

@media screen and (max-width:479px) {
    .sec2 .left_wrap{padding-right:20px}

    #rotate_circle {left:auto; right:-50%; top:0;}
}


/************* 섹션3 ***************/
.sec3 > .flx_box_wrap{flex-wrap: nowrap; gap:55px; height:532px;}

.sec3 .view_more{margin-bottom:60px;}


.sec3 .left_wrap{width:48%; vertical-align: top;}
    .main_notice_wrap > a{margin-bottom:15px; width:100%; border:1px solid #ddd; padding:22px 30px; font-weight:600; font-size:19px;}
    .main_notice_wrap > a:last-child{margin-bottom:0;}
    .main_notice_wrap > a:hover{border:2px solid #e23c71;}
    .main_notice_wrap .txt_wrap{max-width:calc(100% - 130px); width:100%; /*auto*/;}
    .main_notice_wrap .txt_wrap .txt_omit, .main_notice_wrap .txt_wrap .ddak{float:left;}
    .main_notice_wrap .txt_wrap .txt_omit{max-width:calc(100% - 32px); width:auto;}
    .main_notice_wrap__date{color: #999; font-size:16px;}

.sec3 .right_wrap{width:calc(48% - 55px); position: relative;}
    .sec3 .swiper-pagination{right:0; bottom: auto; top: 0; }
    .sec3 .swiper-pagination-bullet{border:1px solid #e23c71;}
    .sec3 .swiper-button-prev i, .sec3 .swiper-button-next i{color:#e23c71;}
    .sec3 .swiper-button-prev, .sec3 .swiper-container-rtl .swiper-button-next{left:30px;}
    .sec3 .swiper-button-next, .sec3 .swiper-container-rtl .swiper-button-prev{right:30px;}
	.sec3  .swiper-slide img{width:100%; max-height:400px; overflow: hidden;}

    .swiper_main_03 {/*top:60px;*/}

 


@media screen and (max-width:1439px) {
    .sec3 .view_more{margin-bottom:30px;}
}

@media screen and (max-width:1279px) {
    .main_notice_wrap > a{padding:20px 30px; font-size:18px;}
}

@media screen and (max-width:1023px) {
    .sec3 > .flx_box_wrap{flex-direction:column; height:auto;}
    .sec3 .right_wrap, .sec3 .left_wrap{width:100%;}
    .sec3 .swiper-pagination{display:none;}
    .swiper_main_03{top:0;}
	
	
}

@media screen and (max-width:479px) {
    .sec3 > .flx_box_wrap{gap:30px;}

    .sec3 .swiper-button-prev, .sec3 .swiper-container-rtl .swiper-button-next{left:10px;}
    .sec3 .swiper-button-next, .sec3 .swiper-container-rtl .swiper-button-prev{right:10px;}
	
	.sec3  .swiper-slide img{width:100%; max-height:160px; overflow: hidden;}
    
    .main_notice_wrap > a{padding:10px; margin-bottom:10px; font-size:14px;}
    .main_notice_wrap .txt_wrap {max-width: calc(100% - 90px);}
    .main_notice_wrap__date{font-size:14px;}

}



/************* 섹션4 ***************/
.sec4{/*background:#F4F5F9;*/ position: relative;   background:url('../../_images/main/sec4_box_bg.png') no-repeat right #F4F5F9;}
.counter_wrap{margin-top:112px;}
    
    .counter_wrap > li{width:380px; margin-right:60px; padding-right:60px}
    .counter_wrap .flx_box_wrap__title{margin-bottom:10px; color:#666;}
    .counter_wrap .counter{font-size:60px; font-weight:700;}


/* plane */
.sec4 svg{position:absolute; top:0; right:0;}
  
  .planePath {stroke: #e23c7136; stroke-width: 7px; stroke-dasharray: 1px 12px; stroke-linecap: round;  fill: none;}
  
  .fil1 {fill: #ffba42;}
  .fil2 {fill: #b98001;}  
  .fil4 {fill: #ffba42;}
  .fil3 {fill: #cc8c01;}

  #plane{transform:scale(.4);}

@media screen and (max-width:1679px) {
    .counter_wrap > li{width:300px;}
    .counter_wrap .counter{font-size:50px;}
}

@media screen and (max-width:1279px) {
    .counter_wrap > li{width:225px; margin-right: 40px; padding-right: 40px;}
    .counter_wrap .counter{font-size:40px;}
	.sec4 div > img{width:415px;}
}

@media screen and (max-width:1023px) {
	.sec4{ background:#F4F5F9;}
    .sec4 .flx_box_wrap{flex-wrap: nowrap; text-align: center;}
    .sec4 .counter_wrap{margin-top:50px;}
    .sec4 .counter_wrap > li{margin-right: 0; padding-right: 0; width: 100%;}
	
}

@media screen and (max-width:767px) {
    .counter_wrap .counter{font-size:27px;}
}

@media screen and (max-width:479px) {
    .counter_wrap .counter{font-size:20px;}
	.sec4 svg{display:none;}
}








/************* 섹션5 ***************/
.sec5{padding-bottom:0;}
.sec5 .flx_box_wrap{gap:83px;}
.sec5 .left_wrap{flex:2.6;}

.sec5 .thm_wrap > li{transition:.5s; overflow:hidden; margin-bottom:27px; border-radius:10px; position:relative; cursor: pointer; border:6px solid transparent;}
.sec5 .thm_wrap > li.active{border:6px solid #e23c71;}
.sec5 .thm_wrap > li:after{position:absolute; top:0; left:0; background:#000; opacity:0.5; width:100%; height:100%;}
.sec5 .thm_wrap > li.active:after{background:none;}
.sec5 .thm_wrap img{max-width:461px;}

.sec5 .thm_list_wrap > a{transition:.5s; background:#F9FAFC; border-radius:10px; padding:20px; width:100%; }
.sec5 .thm_list_wrap > a:hover{background:#e23c71; color:#fff;}
.sec5 .thm_list_wrap img{width:35px; margin-right:10px;}
.sec5 .thm_list_wrap i{transition:.5s; vertical-align: middle;}
.sec5 .thm_list_wrap > a:hover i{transform:translateX(10px);}


@media screen and (max-width:1335px) {
    .sec5 .flx_box_wrap{gap:50px;}
}

@media screen and (max-width:1279px) {
    .sec5 .flx_box_wrap{gap:30px;}
    .sec5 .right_wrap{flex:.8;}
    .sec5 .thm_wrap > li{margin-bottom:10px;}
    .sec5 .thm_list_wrap img{margin-bottom:10px; display:block;}
}

@media screen and (max-width:1023px) {
    .sec5 .right_wrap{flex:.5;}
}

@media screen and (max-width:900px) {
    .sec5{padding-bottom:100px;}
    .sec5 .right_wrap{display:none;}
}

@media screen and (max-width:479px) {
    .sec5{padding-bottom:60px;}
}

/************* 섹션6 ***************/
.sec6{padding-bottom:150px;}
.sec6 .h2 {font-size: 40px;}
/* .swiper_wrap{padding:0 50px; position:relative;}
.swiper_main_06 .swiper-slide{padding: 10px 0; display: flex; justify-content: center; align-items: center;  border:1px solid #eaeaea; }
.swiper_main_06 .swiper-slide:hover{border:1px solid #e23c71; box-sizing:border-box;}
.swiper_main_06 .swiper-slide img{width:calc(100% /1.5);}*/

.swiper_wrap{padding:0 30px; position:relative;}
.swiper_main_06 .swiper-slide{display: flex; justify-content: center; align-items: center; }
.swiper_main_06 .swiper-slide:hover{box-sizing:border-box;}
.swiper_main_06 .swiper-slide img{height: 100%; max-height: 80px;}

.org_logo {overflow:hidden;}
.org_logo ul {/*margin:-20px 0 0 -20px;*/}
.org_logo li {float:left;margin:0px 0 0 00px;}
.org_logo li a {display:block;text-align:center;}
.org_logo li img{height: 100%; max-height: 50px; margin-right: 50px;}
.org_logo li:last-child img{margin-right: 0px;}

.spon_logo {overflow:hidden;}
.spon_logo ul {/*margin:-20px 0 0 -20px;*/}
.spon_logo li {float:left;margin:0px 0 0 0px;}
.spon_logo li a {display:block;text-align:center;}
.spon_logo li img{height: 100%; max-height: 50px; /*margin-right: 90px;*/margin:0  30px 10px 0;}
.spon_logo li:last-child img{margin-right: 0px;}




@media screen and (max-width:767px) {
    .swiper_wrap{padding:0 30px; }
	
	.org_logo li img{height: 100%; max-height: 45px; margin-right: 10px;}
	.org_logo li:last-child img{margin-right: 0px;}
	
	.spon_logo li img{height: 100%; max-height: 40px; margin-right: 10px;}
	.spon_logo li:last-child img{margin-right: 0px;}
	
	
	
}
@media screen and (max-width:479px) {
    .sec6{display:none;}    
}