@charset "utf-8";

.main_wrap h2 {font-size:80px; text-transform: uppercase; margin-bottom:50px; font-weight:800;}
.main_wrap h2 em {font-size:0.4em; font-weight:400; display: block;}
.main_wrap h3 {font-size:53px; text-transform: uppercase; margin-bottom:50px; font-weight:800;}
.main_wrap h3 em {font-size:0.6em; font-weight:400; display: block;}
.main_wrap .main_btn {display: block; width:200px; font-size:20px; font-weight:600; overflow: hidden; padding:15px 30px; border-radius:30px;}
.main_wrap .main_btn i {float:right;}

/*패딩*/
.event_info .major_event,
.dark_wrap {padding:200px 0px;}
.main_layout,
.main_news {padding-top:200px;}
.main_program,
.main_location_wrap {margin:200px auto;}


/*main_visual*/
.main_visual {position:relative; padding-top:100vh; background-image:url('../images/index/main_bg.png'); background-size:cover; background-position:center bottom; margin-bottom: -2px;}
.main_visual:after {content:''; display: block; position:absolute; z-index:1; display: block; width:100%; height:150px; left:0; bottom:0; background: linear-gradient(rgba(0,0,0,0.0) 0%, #111111 75%);}

.main_visual .main_visual_txt {position:absolute; left:130px; bottom:150px;}
.main_visual .main_visual_txt p {font-size:26px; color:rgba(255,255,255,0.6);}
.main_visual .main_visual_txt p:before {content:''; display: block; width:40px; height:6px; background:#fff; display: block; margin:50px 0 10px 0;}
.main_visual .video_btn {display: block; text-align: center; position:absolute; right:140px; bottom:173px; color:#fff; font-size:15px; z-index: 2;}
.main_visual .video_btn a {display: block; color:#fff; font-size:20px; width:40px; height:40px; border:2px solid #fff; border-radius:50%; line-height:37px; text-align: center; cursor: pointer;}
.main_visual .scroll_down {display: block; text-align: center; position:absolute; right:70px; bottom:150px; color:#fff; font-size:15px;cursor:pointer;z-index: 2;}
.main_visual .scroll_down span {display: block; display: block; width:40px; height:40px; margin:0 0 5px 0; border-radius:50%; background:#fff; color:#333;}
.scroll_down span i {position:absolute; left:11px; top:10px; animation-name: downfade; animation-duration: 2.5s; animation-iteration-count: infinite; font-size:20px; color:#111; opacity:0;}
.scroll_down span i:nth-child(2) {animation-name: downfade2; animation-delay: 1s;  animation-duration: 2.5s; }
@keyframes downfade {
    0% {transform: translateY(-5px);opacity: 0;}
    50% {transform: translateY(0px);opacity: 1;}
    100% {transform: translateY(10px);opacity: 0;}
}

@keyframes downfade2 {
    0% {transform: translateY(0px);opacity: 0;}
    50% {transform: translateY(0px);opacity: 1;}
    100% {transform: translateY(10px);opacity: 0;}
}

.main_wrap .video_bg {position: absolute; z-index: 1; overflow: hidden; left: 0; top:0; min-width: 100vw; height: 100vh; background:#000; display: flex; flex-wrap: nowrap; align-items: center;}
.main_wrap .video_bg video {position:absolute; width: 100vw; height: 56.25vw; min-width: 177.77vh; min-height:100%; top:50%; left:50%; transform: translate(-50%,-50%); /*opacity:0.5;*/}



.event_info {position:relative; background-image:url('../images/index/main_event_bg.png'); background-size:100% auto; background-position:center top; background-color:#4200c8; background-repeat: no-repeat;}
.event_info h2 {color:#fff;}
.event_info .event_info_img {position:absolute; left:calc(50% - 1000px); top:30px; max-width:100%;}
.event_info .info_wrap {width:50%; margin-left:50%; padding:130px 0 80px; position:relative; z-index: 1;}
.event_info .info_wrap ul {margin:30px 0 50px;}
.event_info .info_wrap ul li {font-size:22px; color:#fff; margin:20px 0px; padding-left:120px; line-height:1.5em; font-weight:200;}
.event_info .info_wrap ul li em {display: inline-block; width:120px; margin-left:-120px; font-weight:600;}
.event_info .info_wrap ul li b {font-weight:800;}
.event_info .info_wrap .more_btn {background:#fff; color:#3d0dc4;}
.event_info .major_event {}
.event_info .major_event h2 {color:#fff; text-align: center;}
.event_info .major_event .content_slide_wrap {position:relative; padding:0 50px;}
.event_info .major_event .content_slide_wrap .swiper-button {width:60px; height:60px; line-height:60px; background:#fff; border-radius:50%; text-align: center; font-size:25px; position:absolute; top:50%; transform:translateY(-50%); cursor: pointer; color:#4200c8;}
.event_info .major_event .content_slide_wrap .content_slide_prev {left: -60px;}
.event_info .major_event .content_slide_wrap .content_slide_next {right: -60px;}
.event_info .major_event .content_slide_wrap .swiper-button-disabled {opacity:0.5;}
.event_info .major_event .content_slide {overflow: hidden;}
.event_info .major_event .content_slide .swiper-slide {position:relative; padding-top:40%; border-radius:50px; background-color:#fff; overflow: hidden; background-size:cover; background-position:center;}
.event_info .major_event .content_slide .swiper-slide a {display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.event_info .major_event .content_slide .title_box {position:absolute; left:0; bottom:0; width:100%; background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.8) 65%); padding:100px 50px 40px; color:#fff;}
.event_info .major_event .content_slide .title_box h5 {font-size:40px;font-weight: 200;}
.event_info .major_event .content_slide .title_box h5 b {display: block;font-weight: 700;}
.event_info .major_event .content_slide .title_box p {font-size:20px; color:#fff; opacity:0.6; font-weight:300; margin-top:10px;}
.event_info .event_info_host_eng {font-size: 22px; word-break: keep-all; display: block; margin-top: 6px;}


.main_program {}
.main_program h2 {text-align: center;}
.main_program ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.main_program ul li {/* width:calc(50% - 20px); margin:20px 0; padding:55px 55px 80px; //2ea*2행 */   width: calc(33% - 15px); margin: 15px 0; padding: 45px 45px 50px; border-radius:40px; color:#fff; background-size:cover;}
.main_program ul li h4 {font-size:44px; font-weight:300; line-height:1.05em;}
.main_program ul li h4 b {display: block; font-weight:900;}
.main_program ul li p {font-size:22px; margin-top:20px; font-weight:600;}
.main_program ul li:nth-child(1) {background-image:url('../images/index/main_program_1.png');}
.main_program ul li:nth-child(2) {background-image:url('../images/index/main_program_2.png');}
.main_program ul li:nth-child(3) {background-image:url('../images/index/main_program_3.png');/* color:#2e2c2f; */}
.main_program ul li:nth-child(4) {background-image:url('../images/index/main_program_4.png');}
.main_program ul li:nth-child(5) {background-image:url('../images/index/main_program_5.png');}
.main_program ul li:nth-child(6) {background-image:url('../images/index/main_program_6.png');}
.main_program ul li:nth-child(7) {background-image:url('../images/index/main_program_7.png');}
.main_program ul li:nth-child(8) {background-image:url('../images/index/main_program_8.png');}
.main_program ul li:nth-child(9) {background-image:url('../images/index/main_program_9.png');}



.main_location_wrap {display: flex; justify-content: space-between;}
.main_location_wrap h3 {position:relative; padding-right:90px; margin-bottom:45px;}
.main_location_wrap h3 a {position:absolute; right:0; bottom:12px; display: block; width:60px; height:60px; line-height:60px; font-size:25px; color:#fff; background:#db2c4a; border-radius:50%; text-align: center;}
.main_location_wrap > div {width:47%;}
.main_location_wrap .main_map {}
.main_location_wrap .main_map iframe {width:100%; height:700px; border-radius:30px;}
.main_location_wrap .main_traffic {}
.main_location_wrap .main_traffic img {max-width: 100%;}
.main_location_wrap .main_traffic h5 {width:100px; height:40px; line-height:40px; text-align: center; color:#fff; border-radius:50px; margin-bottom:15px;}
.main_location_wrap .main_traffic li:nth-child(1) h5 {background:#db2c4a;}
.main_location_wrap .main_traffic li:nth-child(2) h5 {background:#62ae41;}
.main_location_wrap .main_traffic li:nth-child(3) h5 {background:#1274e3;}
.main_location_wrap .main_traffic li:nth-child(2) {margin:30px 0;}



.dark_wrap {background:#1d1d1d; text-align: center; color:#fff;}
/*main & 프로그램 & 행사일정표 공통 */
.schedule .cont_table table {margin-top:60px}
.schedule .cont_table table thead {display: none;}
.schedule .cont_table table:nth-child(1) {margin-top:0}
.schedule .cont_table td:last-child {text-align: left;}


.main_layout {}
.main_layout img {display: block; width:100%; max-width:1200px; margin:0 auto;}
.main_layout .pc_img {}
.main_layout .mo_img {display: none;}



.main_news {}
.main_news h3 {font-weight:300;}
.main_news h3 b {font-weight:800;}
.main_news ul {display: flex; justify-content: space-between;}
.main_news ul li {width:30%; border-top:3px solid #000;}
.main_news ul li h5 {font-size:22px; height:50px; margin:35px 0; font-weight:500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main_news ul li p {margin-bottom:30px; font-size:14px; font-weight:500; opacity:0.5;}
.main_news ul li .thum {display: block; padding-top:66%; background-image:url('../images/index/defalut_img.png'); background-size:cover; background-position: center; box-shadow: 8px 8px 25px 5px rgba(0,0,0,0.1)}
.main_news .more_btn {background:#df415c; color:#fff; margin:80px auto 0;}



.main_contact {display: flex; justify-content: space-between; align-items: center; background:#2c2c2c; padding:55px 65px; margin:90px auto 40px;}
.main_contact ul {display: flex; color:#fff; }
.main_contact ul li {font-size:28px;}
.main_contact ul li p {font-weight:200; font-size:inherit; padding-right:50px;}
.main_contact ul li a {font-weight:600; font-size:inherit;}
.main_contact ul li a:after {content:''; display: inline-block; vertical-align: top; width:1px; height:20px; background:#fff; opacity:0.3; margin:8px 25px;}
.main_contact ul li:last-child a:after {display: none;}