@charset "UTF-8";

/*.inner_1800 {max-width: 1800px;height: 100%; margin: 0 auto;}*/
.inner_1920 {max-width: 1920px;margin:0 auto;box-sizing:border-box;}

.suso_main1 .box {position:initial;width:auto;padding-left:15rem;color: #fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);letter-spacing: -0.5px;font-size: 5rem; font-weight: 500;transform:none;}
.suso_main1 .swiper-slide{position:relative;}
/*.suso_main1 .swiper-slide .inner_1920{position:absolute;top:18.5rem;left:50%;transform:translate(-50%);width:100%;}*/
.suso_main1 .swiper-slide .inner_1920{position:absolute;top:18.5rem;left:0;width:100%;max-width:110rem;}
.suso_main1 .box span {font-weight: 300;}
.suso_main1 .swiper-slide__img{display:block;}
.suso_main1 .swiper-slide__img img{position:relative;left:50%;transform:translateX(-50%)}

.section.first .swiper{position:relative;}
.section.first .suso_main1 .swiper-slide .box_txt p  { font-size: 5rem;}

.section.first {position: relative;}
/*.section.first .swiper-slide.first_slide {background: url(/_res/h2hub/main/img/main/mainBg_01.jpg) no-repeat center center;background-size: cover;}
.section.first .swiper-slide.second_slide {background: url(/_res/h2hub/main/img/main/mainBg.jpg) no-repeat center center;background-size: cover;}
.section.first .swiper-slide.third_slide {background: url(/_res/h2hub/main/img/main/mainBg.jpg) no-repeat center center;background-size: cover;}*/

.page-wrap{position: absolute;top: 430px;left:50%;width:100%;max-width: 1920px;transform:translateX(-50%);z-index:1;}
.page_inner {position:relative;top:0;left:0;width: 22rem;height: 2rem;padding-left:15rem;transform:none;z-index: 1; }
.page_inner .swiper-button-next, .page_inner .swiper-button-prev {margin-top: unset;z-index: 2; cursor: pointer; background-size: 8px 14px; background-position: center;}
.page_inner .swiper-button-prev {position: absolute;width:.8rem;height:1.4rem;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_left_sw.png);top: 0; left: -2rem;right: 0;}
.page_inner .swiper-button-next {position: absolute;width:.8rem;height:14px;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_right_sw.png); top: 0; left: 25px;right: 0;}
.page_inner .swiper-button-pause {position: absolute;width:1.4rem;height:1.4rem;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_pause_sw.png);top: 0; left: -1rem;right: 0;cursor:pointer;}
.page_inner .swiper-button-pause.off {position: absolute;width:1.4rem;height:1.4rem;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_play_sw.png);top: 0; left: -1rem;right: 0;cursor:pointer;}

.page_inner .pagination_fraction {color: transparent;text-shadow: unset;}
.page_inner .pagination_fraction .swiper-pagination-current { position: relative;padding-left: 0;padding-right:0;font-size: 1.6rem;font-weight: 400;color: #fff; text-shadow: unset;opacity: 1;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.page_inner .pagination_fraction .swiper-pagination-current::before {display:none;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.page_inner .pagination_fraction .swiper-pagination-total { position: relative;padding-left: 0;font-size: 1.6rem;font-weight: 400;color: #fff; text-shadow: unset;opacity: 1;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.page_inner .pagination_fraction .swiper-pagination-total::before {position: absolute;width: 1px;height: 1.6rem;left: -.8rem;background-color: #fff;content: '';text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}

.pageWrap1 {position: absolute;width: 7rem; height: 2rem;}
.suso_main1 .swiper-pagination.pagination_bullet {width: 15rem;margin-left: 0;text-align: left;top: 20%;transform: translateY(-20%);}
.suso_main1 .swiper-pagination-bullet {width: 1.4rem;height: 1.4rem; background-color: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);opacity: 1;}
.suso_main1 .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: .8rem;}
.suso_main1 .swiper-pagination-bullet-active::before {display:none;} 
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#0095da;}
.page_inner .pagination_fraction {left: 12rem;}

.pageWrap2 {position: absolute; right: 0;width: 3rem;top: .3rem;display: inline-block;}

.renewStyle-wrap{position:absolute;bottom:0;left:0;width:100%;}
.renewStyle__inner{max-width:1920px;margin:0 auto;display:flex;align-items:flex-end;}

/* left_wrap */
.left_wrap {overflow: hidden;width:490px;margin-bottom:6rem;padding-left:6rem;padding-right:6rem;z-index: 1;box-sizing: border-box;}
/*.left_wrap::before {width:1px;height:100vh;background-color:rgba(255,255,255,0.1);content:'';}*/

.left_wrap .top {flex-flow: row wrap;margin-left:-1px;margin-top:-1px;}
.left_wrap .top a {position:relative;display: inline-block;width: calc(50% - 1px);height: 121px;margin-left:1px;margin-top:1px;padding:25px;background-color: #fff;box-sizing:border-box;}
.left_wrap .top a:nth-child(1) {border-radius: 2rem 0 0 0;}
.left_wrap .top a:nth-child(1)::after {position:absolute;width:4.2rem;height:4rem;bottom: 2rem;right: 20px;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.32 77.99'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %2357585b; %7D .cls-3 %7B fill: none; %7D .cls-4 %7B fill: %2325a9df; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-3' d='m46.72,3.37c0-.62-.5-1.12-1.12-1.12H3.37s-.01,0-.02,0l4.55,5.35h38.83V3.37Z'/%3E%3Cpath class='cls-2' d='m55.07,7.6h-6.11V3.37c0-1.86-1.51-3.37-3.37-3.37H3.37C1.51,0,0,1.51,0,3.37v66.77c0,1.24,5.49,7.86,6.73,7.86h48.34c1.24,0,2.25-1.01,2.25-2.24V9.85c0-1.24-1.01-2.24-2.25-2.24ZM3.35,2.25s.01,0,.02,0h42.23c.62,0,1.12.5,1.12,1.12v4.24H7.89L3.35,2.25Zm45.58,30.51H14.7v-16.27h34.23v16.27Z'/%3E%3Cpath class='cls-1' d='m17.06,18.85h29.51v11.55h-29.51v-11.55Z'/%3E%3Crect class='cls-4' x='17.06' y='18.85' width='29.51' height='11.55'/%3E%3C/svg%3E") no-repeat 0 0/contain;content:'';}
.left_wrap .top a:nth-child(2) {border-radius: 0 2rem 0 0;}
.left_wrap .top a:nth-child(2)::after {position:absolute;width:4.2rem;height:4rem;bottom: 2rem;right: 20px;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82.03 106.84'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2357585b; %7D .cls-2 %7B fill: none; %7D .cls-3 %7B fill: %2325a9df; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-2' d='m77.03,14.68h-5.32v52.26h5.32c.55,0,1-.45,1-1V15.68c0-.55-.45-1-1-1Z'/%3E%3Cpath class='cls-1' d='m77.03,10.68h-5.32v-.68c0-5.52-4.48-10-10-10H17.53C12,0,7.53,4.48,7.53,10v88.92H3c-1.66,0-3,1.34-3,3v4.92h79.24v-4.92c0-1.66-1.34-3-3-3h-4.53v-27.98h5.32c2.76,0,5-2.24,5-5V15.68c0-2.76-2.24-5-5-5Zm-12.85,32.11H15.05V9.51h49.13v33.28Zm13.85,23.15c0,.55-.45,1-1,1h-5.32V14.68h5.32c.55,0,1,.45,1,1v50.26Z'/%3E%3C/g%3E%3Cpath class='cls-3' d='m34.05,21.57c-3.77,3.78-3.77,9.9,0,13.67,3.77,3.77,9.89,3.77,13.67,0,3.77-3.78,3.77-9.9,0-13.67l-6.83-6.83-6.83,6.83Z'/%3E%3C/svg%3E") no-repeat 0 0/contain;content:'';}
.left_wrap .top a:nth-child(3) {border-radius: 0 0 0 2rem;}
.left_wrap .top a:nth-child(3)::after {position:absolute;width:4.2rem;height:4rem;bottom: 2rem;right: 20px;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.21 83.96'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2357585b; %7D .cls-2 %7B fill: %2325a9df; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,0v67.02h41.96v7.25l-28.33,9.69h76.05l-28.33-9.69v-7.25h38.86V0H0Zm93.83,60.64H6.38V6.38h87.45v54.25Z'/%3E%3Cg%3E%3Crect class='cls-2' x='24.36' y='33.75' width='9.14' height='17.44'/%3E%3Crect class='cls-2' x='38.48' y='27.93' width='9.13' height='23.25'/%3E%3Crect class='cls-2' x='52.6' y='24.61' width='9.14' height='26.57'/%3E%3Crect class='cls-2' x='66.71' y='20.46' width='9.13' height='30.73'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/contain;content:'';}
.left_wrap .top a:nth-child(4) {border-radius: 0 0 2rem 0;}
.left_wrap .top a:nth-child(4)::after {position:absolute;width:42px;height:40px; bottom: 20px;right: 20px;background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/icon_info4.png) no-repeat 0 0/contain;content:'';}
.left_wrap .top a .title {font-size:1.8rem;font-weight: 600;line-height: 1.2;color:#252c56;letter-spacing:-0.5px;}     

.left_wrap .bottom {position:relative;overflow:hidden;margin-top:20px;box-sizing:border-box;}
.bannerWrap a {display: block;overflow: hidden; height:415px;box-sizing: border-box; border-radius: 2rem; }
/* .bannerWrap a img {width:100%;} 240619 팝업 이미지 깨짐으로 주석처리 */
.section.first .bannerWrap .swiper{	height:auto;}
.banner_inner {display:flex;height: 1.7rem;margin-top:6rem;z-index: 2;justify-content:flex-end}
.banner_inner .swiper-pagination {position:initial;}
.banner_inner .swiper-pagination {top:0;width:68px;color: transparent;}
.banner_inner .swiper-button-next, .banner_inner .swiper-button-prev {z-index: 2; cursor: pointer; background-size: 8px 14px; background-position: center;}
.banner_inner .swiper-button-prev {position:initial;width:8px;height:14px;margin-top:0;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_left_sw.png);}
.banner_inner .swiper-button-next {position:initial;width:8px;height:14px;margin-top:0;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_right_sw.png);}
.banner_inner .swiper-button-pause {position:initial;width:14px;height:14px;margin-top:0;margin-left:10px;margin-right:10px;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_pause_sw.png);cursor:pointer;}
.banner_inner .swiper-button-pause.off {position:initial;width:14px;height:14px;margin-top:0;margin-left:10px;margin-right:10px;background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_play_sw.png);cursor:pointer;}

.pageBox {display:flex;align-items:center;margin-left:30px;}

.banner_inner .swiper-pagination span {font-size:1.6rem;color:#fff;}
.banner_inner .swiper-pagination span + span {position:relative;padding-left:5px;}
.banner_inner .swiper-pagination span + span::before {position:absolute;width:1px;height:16px;left: -4px;background-color:#fff;content:'';}


/* swiper-tabWrap */
.bottomTab {width: calc(100% - 49rem); z-index: 1;}
.main_tabWrap {position: relative; overflow: visible; height: 34rem; box-sizing: border-box;}
.main_tabWrap .tab {width:100%; height:auto;}
.main_tabWrap .tab ul {position: relative;display:flex;padding: 0;padding-left:60px;padding-left:28px;margin:0; margin-left: 1px; float: left; width: 100%;text-align:center;letter-spacing:-0.5px;cursor: pointer;z-index: 2;box-sizing: border-box;align-items: flex-end;}
.main_tabWrap .tab ul li {position:relative;display:inline-block;text-align:center;cursor:pointer;}
.main_tabWrap .tab ul li + li {margin-left:34px;}
.main_tabWrap .tab ul li .more {display:none;margin-top:0;}
.main_tabWrap .tab ul li.on .more {position:absolute;display:block;top:-3.5rem;}
.main_tabWrap .tab ul li p, .main_tabWrap .tab ul li button {font-weight:500;font-size: 2.4rem;color: #fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);background:transparent;cursor:pointer}

.main_tabWrap .conBox {position:absolute;display:none;padding:0;width:100%;bottom:0;left:0;border-top:1px solid rgba(255,255,255,0.4);border-right:1px solid rgba(255,255,255,0.4);box-sizing:border-box;backdrop-filter: blur(10px) contrast(100%);background-color: rgba(0,0,0,0.4); -webkit-backdrop-filter: blur(10px) contrast(100%);}
.main_tabWrap .conBox::before {position:absolute;width: 50%;top: -1px;left: -50%;height:1px;background-color:rgba(255,255,255,0.2);content:'';}
.main_tabWrap .conBox::after{position:absolute;right:-1px;bottom:0;width:1px;height:200vh;background-color:rgba(255,255,255,0.2);content:'';}
.main_tabWrap .conBox.on {display:block;}
.main_tabWrap .conBox .swiper-wrapper {display: flex;margin:0;padding:0;}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide {position: relative;padding: 40px; width: 100%; list-style: none;font-size:2.4rem;color:#fff; box-sizing: border-box;}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide + .swiper-slide {border-left:1px solid rgba(255,255,255,0.1);}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide a {display: block;line-height: 1.4;}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide strong {display:block;margin-bottom:45px;font-size:1.8rem;font-weight: 500;color:#58caff;letter-spacing:-0.5px;text-align:left;}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide p {overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight: 500;letter-spacing: -0.5px;line-height: 3.35rem;text-align:left;color:#fff;}
.main_tabWrap .conBox .swiper-wrapper .swiper-slide em {display: block;margin-top:50px;font-size:1.6rem;color: rgba(255,255,255,0.6);font-weight: 200;text-align:left;}



/* second */
.suso_main2 {height: auto;}
.suso_main2 .inner_1920 {display:flex;justify-content: center;}
.section.second {background: unset;background-position: unset; background-size: unset;height: auto;}
.section2 {padding:60px 0 85px;width:668px;}
.section2 .title {display:flex;position: relative;margin-bottom:35px;justify-content: space-between;}
.section2 .title .tit {font-size:2.8rem;font-weight: 600;letter-spacing: -0.5px;}
.section2 .title .plus img {margin-right:20px;}
.section2.left {}
.stateWrap {flex-flow: row wrap;margin-left:-10px;margin-top:-10px;}
.stateWrap > a {overflow:hidden;padding:25px 20px;width:calc(50% - 10px);margin-left:10px;margin-top:10px;border:1px solid #d3e0ee;box-sizing:border-box;}
.stateWrap > a:nth-child(1) {border-radius: 2rem 0 0 0;}
.stateWrap > a:nth-child(2) {border-radius: 0 2rem 0 0;}
.stateWrap > a:nth-child(3) {border-radius: 0 0 0 2rem;}
.stateWrap > a:nth-child(4) {border-radius: 0 0 2rem 0;}
.stateWrap > a:nth-child(1) .icon::before {position:absolute;width:27px;height: 36px;top:50%;left:50%;transform:translate(-50%,-50%);background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/main/icon_stat1.png);content:'';}
.stateWrap > a:nth-child(2) .icon::before {position:absolute;width:30px;height: 36px;top:50%;left:50%;transform:translate(-50%,-50%);background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/main/icon_stat2.png);content:'';}
.stateWrap > a:nth-child(3) .icon::before {position:absolute;width:35px;height: 30px;top:50%;left:50%;transform:translate(-50%,-50%);background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/main/icon_stat3.png);content:'';}
.stateWrap > a:nth-child(4) .icon::before {position:absolute;width:35px;height: 30px;top:50%;left:50%;transform:translate(-50%,-50%);background-image: url(https://h2hub.or.kr/_res/h2hub/main/img/main/icon_stat4.png);content:'';}
.stateWrap > a .icon {position:relative;display:inline-block;width:54px;height:54px;border-radius:50%;background-color: #e5f4fb;}
.stateWrap > a p {margin-bottom:10px;font-size:1.8rem;font-weight: 600;color:#0095da; letter-spacing: -1px;}
.stateWrap > a span {display:block;font-size:1.8rem;font-weight: 500;color:#747478; letter-spacing: -2px;} 
.stateBox {display:flex;justify-content: flex-end;align-items: center;}
.stateBox .number {color:#2f365e; font-size:3.4rem;font-weight:600;}
.stateBox .unit {margin-left: 12px;color:#2f365e; font-size:1.8rem;font-weight:500;}
.stateWrap .title {position:relative;display:flex;align-items:center;justify-content: flex-start;}
.stateWrap .title .tit {width:calc(100% - 69px);margin-left: 15px;}

.section2.right {margin-left:70px;}
.secondSwiper{top:auto;transform:none;}
/*.secondSwiper.swiper {overflow: hidden;padding-right:.1rem;}*/
.secondSwiper .swiper-wrapper {justify-content: flex-start;}
.section2 .swiper-slide.card {padding:0;height: auto;border:1px solid #d3e0ee; box-shadow: unset; border-radius: 2rem;box-sizing:border-box;}
.section2 .swiper-slide.card .cardWrap img {width: 100%;height:17.7rem;object-fit: contain;box-sizing: border-box;}
.cardWrap .cardBox .bottom {padding:30px;box-sizing:border-box;}
.cardWrap .cardBox .bottom strong {display: block;margin-bottom: 20px;height: 66px;font-size: 2.4rem;font-weight: 600;letter-spacing: -1.1px;color: #000;line-height: 3.5rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cardWrap .cardBox .bottom p {margin-bottom:20px;font-size:1.8rem;font-weight:500;letter-spacing:-0.5px;color:#747478;}
.cardWrap .cardBox .bottom em {font-size:1.6rem;font-weight:400;color:#747478;opacity:0.6;}
/* 240507 메인 행사정보 개편 */
.section2 .swiper-slide.card:has(.cardInfo){position:relative;background-image: url("/_res/h2hub/main/img/main/main-event-list-bg.png");background-repeat:no-repeat;background-position: 100% bottom;}
.section2 .swiper-slide.card:has(.cardInfo):hover{border-color:#d3e0ee;background-color: #f0faff;}
.cardWrap .cardBox .cardInfo {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;height:38rem;padding: 4.9rem 4.3rem 0;box-sizing:border-box;}
.cardWrap .cardBox .cardInfo strong {display: block;margin-bottom: 30px;font-size: 2.4rem;font-weight: 600;letter-spacing: -0.25px;color: #000;line-height: 3.4rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cardWrap .cardBox .cardInfo p {/*margin-bottom:30px;*/font-size:1.8rem;font-weight:500;letter-spacing:-0.25px;line-height:2.4rem;color:#838383;}
.cardWrap .cardBox .cardInfo p:last-of-type{ margin-bottom:30px;}
.cardWrap .cardBox .cardInfo em {font-size:1.6rem;font-weight:400;letter-spacing:-0.25px;color:#838383;}
.cardWrap .cardBox .cardInfo span {display:inline-block;position:absolute;bottom:4.1rem;height: 4rem;padding: 0 3rem;border-radius:2rem;background-color:#0095da;font-size:1.8rem;font-weight:500;line-height: 4rem;letter-spacing:-0.25px;color:#fff;}

.eventPagenation {position: absolute;display: flex; width: 65px;  height: auto;right: 82px;top: 4px;right: 70px;} 
.eventPagenation .swiper-button-next, .eventPagenation .swiper-button-prev {margin-top: 0;z-index: 1; cursor: pointer; background-size: 11px 19px; background-position: center;}
.eventPagenation .swiper-button-prev {position: absolute;width:11px;height:19px;background: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_left_sb.png) no-repeat;top: 1px; left: 0;right: 0;background-size: contain;}
.eventPagenation .swiper-button-next {position: absolute;width:11px;height:19px;background: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_right_sb.png) no-repeat;top: 1px; left: 50px;right: 0;background-size: contain;}
.eventPagenation .swiper-button-pause {position: absolute;width:20px;height:20px;background: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_pause_sb.png) no-repeat;top: 0; left: 20px;right: 0;background-size: contain;cursor:pointer;}
.eventPagenation .swiper-button-pause.off {position: absolute;width:20px;height:20px;background: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_play_sb.png) no-repeat;top: 0; left: 20px;right: 0;background-size: contain;cursor:pointer;}

@media screen and (min-width:1920px){
	.left_wrap {right: 19.5rem;}	
}

/* hover */
@media screen and (min-width:1024px){
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide {width: 25%;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover {position:relative;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover::before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: calc(100% - 2rem); height: calc(100% - 2rem);border-radius: 2rem; background-color: #0095da;z-index: -1;content: '';}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover::after {position:absolute;width:71px;height:17px;bottom: 4rem;right: 4rem;background: url(https://h2hub.or.kr/_res/h2hub/main/img/icon/icon_arrowright_w.png) no-repeat;content:'';}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover p {color: #fff;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover strong {color: #fff;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:hover em {color: #fff;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide:active {color: #fff;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide p {color:#fff;}
	
	.stateWrap > a:hover p {color:#fff;}
	.stateWrap > a:hover:active p {color:#fff;}
	.stateWrap > a:active p {color:#fff;}
	.stateWrap > a:hover span {color:#fff;}
	.stateBox  a:hover .number {color:#fff;}
	.stateBox  a:hover .unit {color:#fff;}
	.stateWrap > a {position:relative;}
	.stateWrap > a:nth-child(1):hover::before {position: absolute;width:327px;height:100%;background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/hoverBg1.png) no-repeat 0 0/cover;top: 0px; left: 0;right: 0;z-index: -1;content:'';}
	.stateWrap > a:nth-child(2):hover::before {position: absolute;width:327px;height:100%;background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/hoverBg2.png) no-repeat 0 0/cover;top: 0px; left: 0;right: 0;z-index: -1;content:'';}
	.stateWrap > a:nth-child(3):hover::before {position: absolute;width:327px;height:100%;background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/hoverBg3.png) no-repeat 0 0/cover;top: 0px; left: 0;right: 0;z-index: -1;content:'';}
	.stateWrap > a:nth-child(4):hover::before {position: absolute;width:327px;height:100%;background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/hoverBg4.png) no-repeat 0 0/cover;top: 0px; left: 0;right: 0;z-index: -1;content:'';}

	.swiper-slide.card:hover { background: transparent;border:1px solid #0095da;}
	.stateWrap a:hover .title .icon{background-color:#fff;}
	.secondSwiper.swiper{overflow:hidden;}
}
@media screen and (max-width:1500px){
	.suso_main2{padding:0;}
	.suso_main2 .inner_1920{width:100%;padding:0 3rem;}
	.section2{padding:6rem 0;}
	.section2.left{width:49.9%;flex:1;}
	.section2.right{width:50.1%;/*flex:1;*/margin-left:30px;}
	.stateWrap > a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (max-width:1400px){
	.main_tabWrap .tab_cont li:nth-child(4){display:none;}	
	.suso_main1 .box{padding-left:3rem;}
	.page_inner{padding-left:3rem;}
	.main_tabWrap h3:first-child{margin-left:3rem;}
	.secondSwiper.swiper{overflow: hidden;padding:0;padding-right:.1rem;width:100.1%;}
	.section2 .swiper-slide.card{width:329px;}
	.bottomTab{width:calc(100% - 400px);}
	.left_wrap{width:400px;padding-right:3rem;padding-left:3rem;}
	.bannerWrap a img{width:100%}
	.cardWrap .cardBox .bottom strong {font-size: 2rem;line-height: 3rem;}
	/* 230713 tabswiper */
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide {width: 33.33%;}
}

@media screen and (max-width:1200px){
	.main_tabWrap .tab_cont li:nth-child(3){display:none;}	
	.headerBottom .gnbWrap{display:none;}	
	.cardWrap .cardBox .bottom strong {font-size: 1.6rem; line-height: 3rem;}
	/* 230713 tabswiper */
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide {width: 50% !important;}
}
@media screen and (max-width:1024px){
	.suso_main1 .swiper-slide .inner_1920{top:12rem;}
	.page-wrap{top:25rem;}
	.renewStyle__inner{flex-wrap:wrap;}
	.bottomTab{width:100%;order:2}
	.left_wrap{display:grid;grid-template-columns:calc(100% - 33rem) 30rem;grid-template-rows:1.7rem 30rem;align-items:center;justify-content:center;width:100%;order:1}
	.banner_inner{grid-column:2/3;grid-row:1/2;margin-top:0;}
	.section.first .left_wrap .top{align-content:flex-start;width:100%;height:calc(100% - 2rem);margin-top:2rem;grid-row:2/3;grid-column:1/2;}
	.left_wrap .top a{height:calc(50% - 1px);}
	.left_wrap .top a::after{width:5rem;height:5rem}
	.left_wrap .bottom{grid-column:2/3;grid-row:2/3;margin-top:2rem;height:calc(100% - 2rem);margin-left:5rem;}
	.bannerWrap{height:100%;}
	.section.first .bannerWrap .swiper{height:100%;}
	.section.first .bannerWrap .swiper .swiper-slide{height:100%;}
	.section.first .bannerWrap .swiper .swiper-slide a{display:inline-block;width:100%;height:auto;}
	/*.section.first .swiper{height:118rem;}*/
	.suso_main2 .inner_1920{flex-wrap:wrap;}
	.section2.left{width:100%;padding-bottom:0;}
	.section2.right{width:100.1%;margin-left:0;}
	/*.section.first .bannerWrap .swiper{height:100%;}*/
	.suso_main1 .box{font-size:4rem;}
	.section.first .suso_main1 .swiper-slide .box_txt p{font-size:4rem;}
	.section.first .bannerWrap .swiper .swiper-slide a img{width:100%;}
	.main_tabWrap .more{top:-6rem;}
	.main_tabWrap .tab_cont li{padding:2rem;}
	.main_tabWrap .tab_cont li strong{margin-bottom:3rem;}
	.main_tabWrap .tab_cont li em{margin-top:3rem;}
	/* 230713 tabswiper */
	.main_tabWrap {height:30rem;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide {padding: 3rem 2rem;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide strong {margin-bottom: 3rem;}
	
	.mMenu.active {padding-top: 0;padding-left: 3rem;transform:translateX(0); transition:all .5s ease-in-out;}
}
@media screen and (max-width:900px){
	/*.left_wrap{grid-template-columns:calc(100% - 33rem) 30rem;grid-template-rows:1.7rem 36.7rem}
	.section.first .swiper{height:110rem;}*/
}
@media screen and (max-width:750px){
	.secondSwiper .swiper-slide + .swiper-slide{margin-left:0;}
}
@media screen and (max-width:720px){

	.section.first .swiper{height:100%;}
	.section.first .swiper-slide{height:100%; width: 100% !important;}
	.section.first .left_wrap{display:flex;flex-wrap:wrap;padding:0 2rem;}
	.section.first .left_wrap .top{order:1;margin-top:0;width:100%;}
	.section.first .left_wrap .top a{font-size:5rem;}
	.section.first .left_wrap .bottom{order:3;height:auto;}
	.section.first .bannerWrap .swiper{position:relative;padding-top:0;}

	.suso_main1{height:224rem;}
	.suso_main1 .swiper-slide__img{width: 100%;height:100%;}
	.suso_main1 .swiper-slide__img img{width: 100%;height:100%;}
	.suso_main1 .swiper-slide .inner_1920{top:14.4rem;}
	.suso_main1 .pageWrap1{width:32rem;}
	.suso_main1 .box{padding-left:3rem;}
	.suso_main1 .box_txt{margin-top:2rem;font-size:5rem;}
	.suso_main1 .pageWrap2{position:inherit;margin-left:0;top:auto;left:auto;right:auto;}
	.slide_wrap .suso_main1 .swiper-pagination-bullet{width:4vw;height:4vw;}
	.slide_wrap .suso_main1 .page_inner .pagination_fraction{margin-left:20px;}

	.renewStyle__inner{justify-content:center;}
	
	.banner_inner {order:2;padding-right:1.8rem;width:100%;height:2.6rem;margin-top:6rem}
	.banner_inner .swiper-pagination span {font-size:2.8rem;}
	.banner_inner .swiper-pagination .swiper-pagination-total {margin-left:.5rem;padding-left:1rem;}
	.banner_inner .swiper-pagination .swiper-pagination-total::before {height:3rem;}
	.banner_inner .swiper-button-prev, .banner_inner .swiper-button-next {width:1.5rem;height:2.6rem;background-size:cover;}
	.banner_inner .swiper-button-pause {width:2rem;height:2.6rem;margin:0 3.5rem;background-size:cover;}
	.banner_inner .swiper-button-pause.off {width:2.6rem;height:2.6rem;margin:0 3.5rem;background-size:contain;}
	.suso_main1 .page_inner .swiper-button-pause.off {position: initial;width: 2.6rem;height: 2.6rem; margin: 0 3.4rem; background-size: contain;}

	.banner_inner .pageBox {position:initial;display:flex;width:auto;margin-left:5rem;}
	.banner_inner .pageBox > * {position:initial;}

	.section.second .section2 > .title {align-items:center;padding:0 2rem;}
	.section.second .stateWrap > a .icon {width:5.5rem;height:5.5rem;}
	.section.second .stateWrap .title .tit span {height:auto;font-size:1.8rem;}
	
	.section2 .swiper-slide.card {width:32.5rem}
	.section2 .title .tit {font-size:3rem;}
	.stateWrap {margin-left:-.5rem;margin-top:-.5rem;}
	.stateWrap > a {margin-left:.5rem;margin-top:.5rem;}
	.stateWrap > a p {margin-bottom:.5rem;font-size:1.8rem;}
	
	.cardWrap .cardBox .bottom p{font-size:2.2rem;}
	.cardWrap .cardBox .bottom em{font-size:2rem;}
	.slide_wrap .page_inner{width:auto;padding-left:3rem;}

	.bottomTab .main_tabWrap .more{top:-5rem;}
	.bottomTab .main_tabWrap h3 a{font-size:2.5rem;}
	.bottomTab .main_tabWrap .tab_cont li{padding:4.5rem 4.2rem;}
	.bottomTab .main_tabWrap .tab_cont li strong{margin-bottom:4.2rem;font-size:2rem;}
	.bottomTab .main_tabWrap .tab_cont li p{font-size:2.4rem;line-height:1.6;}
	.bottomTab .main_tabWrap .tab_cont li em{margin-top:4.8rem;font-size:1.8rem;}

	.eventPagenation{position:initial;display:flex;width:10.2rem;height:2.5rem;margin-left:auto;margin-right:5rem;}
	.eventPagenation .swiper-button-prev{position:initial;width:1.5rem;height:2.6rem;}
	.eventPagenation .swiper-button-pause{position:initial;width:2.6rem;height:2.6rem;margin:0 2rem;background-size:cover;}
	.eventPagenation .swiper-button-pause.off{position:initial;width:2.6rem;height:2.6rem;margin:0 2rem;background-size:cover;}
	.eventPagenation .swiper-button-next{position:initial;width:1.5rem;height:2.6rem;}

	.main_tabWrap .tab_btn03{margin-left:3rem;}
	.main_tabWrap .tab_cont ul {height: 100%;}
	.main_tabWrap .tab_cont{height:31.1rem;background-color:rgba(0,0,0,.3)}

	.stateBox{align-items:flex-end;}
	.page-wrap{top:32rem;}
	.top a{padding:3rem;}
	.left_wrap {margin-bottom: 8rem;}
	
	/* 230713 tabswiper */
	.renewStyle-wrap .bottomTab .main_tabWrap {height: 30rem;}
	 .main_tabWrap {height: 34rem;}
	.bottomTab .main_tabWrap .more img { width: unset;}
	.main_tabWrap .tab ul li.on .more {left: 50%;transform: translateX(-50%);}
}

@media screen and (max-width:640px){ 
	.section.first .left_wrap{height:auto;}
	.suso_main1 {height: 174rem;}
}

@media screen and (max-width:540px){
}

@media screen and (max-width:475px){
	/* section1 */
	.suso_main1 {height: 143rem;}
	.suso_main1 .pageWrap1{width:200px;}
	.suso_main1 .page_inner .pagination_fraction .swiper-pagination-current{margin-right:5px;}
	.suso_main1 .page_inner .pagination_fraction .swiper-pagination-total::before{height:15px;}
	.suso_main1 .page_inner .swiper-button-prev, .suso_main1 .page_inner .swiper-button-next{width:8px;height:14px;}
	.suso_main1 .page_inner .swiper-button-pause{margin: 0 19px;width:14px;height:14px; background-size: contain;}
	.suso_main1 .page_inner .swiper-button-pause.off {margin: 0 19px;width: 14px;height: 14px;background-size:contain;}
	.suso_main1 .page_inner .pagination_fraction .swiper-pagination-current {font-size: 2.2rem;}
	.suso_main1 .page_inner .pagination_fraction .swiper-pagination-total {padding-left: 0.8rem; margin-left: 0.5rem;font-size: 2.2rem;}

	.suso_main1 .box_txt {margin-top: 1.5rem;}
	.suso_main1 .swiper-slide .inner_1920 { top: 7%;}
	
	.slide_wrap .suso_main1 .box{margin-top:18px;font-size:3.5rem;}
	.slide_wrap .suso_main1 .swiper-pagination-bullet {width: 3vw;height: 3vw;}
	.slide_wrap .suso_main1 .page_inner .pagination_fraction {margin-left: 35px;}
	
	.section.first .suso_main1 .swiper-slide .box_txt p {font-size: 3.5rem;}
	.section.first .suso_main1 .swiper-slide:nth-child(2) .box_txt p{font-size:3.5rem;}
	.section.first .suso_main1 .swiper-slide:nth-child(3) .box_txt p{font-size:3.5rem;}
	.section.first .left_wrap .top a{height:108px;padding:20px;}
	.section.first .left_wrap .top a:nth-child(1)::after, .section.first .left_wrap .top a:nth-child(2)::after{bottom: 15px; right: 20px; width: 15%; height: 100%; background-position: bottom;}
	.section.first .left_wrap .top a:nth-child(3)::after, .section.first .left_wrap .top a:nth-child(4)::after{bottom: 15px; right: 20px; width: 19%; height: 100%; background-position: bottom;}
	.section.first .left_wrap .top a .title {width: 80%;font-size: 2.2rem;}
	.section.first .left_wrap .bottom {margin-top: 15px;}
	.page-wrap{top:13.5%;}
	
	.banner_inner {align-items: flex-end; margin-top: 4.1rem;}
	.banner_inner .swiper-pagination span{margin-right:3px;; font-size: 2.2rem;}
	.banner_inner .swiper-pagination .swiper-pagination-total::before{height:15px;margin-top:-1px; font-size: 2.2rem;}
	.banner_inner .swiper-pagination{width:55px;}
	.banner_inner .swiper-button-pause {width: 14px;height: 14px;margin: 0 18px;background-size: cover;}
	.banner_inner .swiper-button-pause.off {width: 14px;height: 14px;margin: 0 18px;background-size: cover;}
	.banner_inner .swiper-button-prev, .banner_inner .swiper-button-next {width: 8px;height: 15px;background-size: cover;}
	.banner_inner .pageBox {margin-left: 2.5rem;}

	.bottomTab .main_tabWrap {height: 27.5rem;}
	.bottomTab .main_tabWrap h3 a{font-size:2.35rem;}
	.bottomTab .main_tabWrap .more{width:3.5rem;height:3.5rem;top: -26px;}
	.bottomTab .main_tabWrap .more img { width: 22px;height: 22px;}
	.bottomTab .main_tabWrap .tab_cont li{padding:20px;}
	.bottomTab .main_tabWrap .tab_cont li strong {margin-bottom: 2.8rem; font-size: 1.8rem;}
	.bottomTab .main_tabWrap .tab_cont li p {font-size: 2.05rem;line-height: 1.5;word-break: keep-all;}
	.bottomTab .main_tabWrap .tab_cont li em {margin-top: 2.5rem;}
	
	
	.section.first .left_wrap {height: auto; margin-bottom: 32px;}
	.page-wrap {top: 18.5%;}
	.main_tabWrap .tab ul {padding-left:2rem;}
	.main_tabWrap .tab_cont {height: 21.1rem;}
	.main_tabWrap .tab_btn03{margin-left:20px;}
	.renewStyle-wrap .bottomTab .main_tabWrap {height: 29rem;}
	.main_tabWrap .conBox { border-right: 0;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide p {height: 2.8em;}
	.main_tabWrap .conBox .swiper-wrapper .swiper-slide em { margin-top: 30px;}

	.suso_main2 .inner_1920{padding:0 2rem;}
	.secondSwiper .cardWrap .cardBox .bottom strong{overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	

	/* section2 */
	.section.second .section2 > .title { padding: 0 1.5rem;}
	.section.second .stateWrap > a .icon {width: 30px; height: 30px;}
	.section.second .stateWrap > a:nth-child(1) .icon::before, 
	.section.second .stateWrap > a:nth-child(2) .icon::before  {left: 55%;background-size: contain;}
	.section.second .stateWrap > a:nth-child(3) .icon::before, 
	.section.second .stateWrap > a:nth-child(4) .icon::before {width: 75%;height: 65%;}
	.section.second .stateWrap > a {width: calc(50% - 0.5rem);padding: 20px 10px;}
	.section.second .stateWrap .title .tit span {height: 5.5rem; line-height: 1.2;word-break:keep-all;}
	.section.second .section2 .title  {align-items: flex-start; margin-bottom: 2.2rem;}
	.section.second .section2.left .title {align-items: center;}
	.section.second .section2.right .title {align-items: center;}
	.section.second .section2 .stateWrap .title {align-items: flex-start;margin-bottom:0;}

	.section2.left {padding: 4.3rem 0;}
	.section2.right {overflow: hidden;flex:unset;padding: 0 0 30px 0;}
	.section2 .title .tit {font-size: 2.5rem;}
	.section2 .title .plus {display: block;width: 20px;height: 20px;margin-right: 0;}

	.stateBox .unit {margin-left: 6px;}
	.stateBox .number {font-size: 2.5rem;}
	.stateWrap > a span {overflow: unset;white-space: unset;letter-spacing: -0.5px;}

	
	.eventPagenation {align-items: center;justify-content: flex-end; margin-right: 25px; margin-top: 0;}
	.eventPagenation .swiper-button-prev { position: initial; width: 8px; height: 15px;}
	.eventPagenation .swiper-button-pause {position: initial;width: 15px; height: 15px; margin: 0 2rem; background-size: cover;}
	.eventPagenation .swiper-button-pause.off {position: initial;width: 15px; height: 15px; margin: 0 2rem; background-size: cover;}
	.eventPagenation .swiper-button-next { position: initial; width: 8px; height: 15px;}

	.secondSwiper .cardWrap .cardBox .bottom { padding: 15px 10px;}
	.secondSwiper .cardWrap .cardBox .bottom strong {margin-bottom: 2rem;font-size: 1.9rem;letter-spacing: -.15rem;}
	.cardWrap .cardBox .bottom p { margin-bottom: 15px;font-size: 1.7rem;}
	.cardWrap .cardBox .bottom em {font-size: 1.4rem;}
	.main_tabWrap .tab ul li + li {margin-left: 12px;}
}

@media screen and (max-width:690px){
	.suso_main1{height:220rem;}
}
@media screen and (max-width: 650px){
	.suso_main1 {height: 215rem;}
}
@media screen and (max-width: 620px){
	.suso_main1 {height: 220rem;}
}
@media screen and (max-width: 600px){
	.suso_main1 {height: 215rem;}
}
@media screen and (max-width: 570px){
	.suso_main1 {height: 211rem;}
}
@media screen and (max-width: 540px){
	.suso_main1 {height: 208rem;}
}
@media screen and (max-width: 520px){
	.suso_main1 {height: 213rem;}
}
@media screen and (max-width: 520px){
	.suso_main1 {height: 215rem;}
}
@media screen and (max-width: 475px){
	.suso_main1 {height: 190rem;}
	.page-wrap {top: 17.5%;}
}
@media screen and (max-width:450px){
	.suso_main1 {height: 180rem;}
}
@media screen and (max-width:420px){
}
@media screen and (max-width:410px){
	.suso_main1 {height: 174rem;}
}
@media screen and (max-width:380px){
	.page-wrap {top: 18.5%;}
}
@media screen and (max-width:360px){
	.suso_main1 {height: 180rem;}
}