@charset "UTF-8";
html, body {-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none;  /* IE */ -moz-text-size-adjust : none;  /* 파이어폭스 */ -o-text-size-adjust : none;  /* 오페라 구버전 */}

/* header */
.header.re202407{ /* position: fixed; 접근성 본문바로가기 도착 위치 이슈로 absolute로 임시 변경 */
	position: absolute; top: 0; left: 0; width: 100%; height: 80px; background-color: #fff;}
.header.re202407.fixed{ background-color: #fff; box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);}
/* body:not(.fp-viewing-firstPage) .header.re202407.fixed .headerBottom h1{ background: url('https://h2hub.or.kr/_res/h2hub/main/img/common/logo_c.png') no-repeat center center;} */
body:not(.fp-viewing-firstPage) .header.re202407.active .headerBottom h1{ background-size: contain;}
body:not(.fp-viewing-firstPage) .header.re202407.fixed .tnb li.etc a.main_search{ filter: unset;}
body:not(.fp-viewing-firstPage) .header.re202407.active.fixed .tnb li.etc a.main_search{ filter: invert(0);}

/*haeder{ position: relatiev;}*/
.haeder{ position: relatiev;}
.header.re202407.active .headerBottom .gnb > li > a:hover{ border-bottom: 0; color: #000 !important;}
.header.re202407 .headerBottom__inner{ display: inline-flex; /*justify-content: flex-start;*/ justify-content: space-between; max-width: 1920px; width:100%; align-items: center;}
.header.re202407 .headerBottom .gnbWrap{ /*margin-left: 10.5rem;*/}
.header.re202407 .headerBottom .gnb{ position: relative;}
.header.re202407 .headerBottom .gnb li a{ padding: 30px 32px;}
.header.re202407 .header__inner{ padding: 0 16rem; box-sizing: border-box;}
.header.re202407 .headerBottom{ padding: 0;}
.header.re202407 .tnb{ margin-left: unset;}

body:not(.fp-viewing-firstPage) .header.re202407{ border-bottom: 1px solid #E8EDF2;}
body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom h1{ margin: 0; background: url(/_res/h2hub/main/img/main/h2_hub_logo_n.svg) no-repeat center center/contain;}
body:not(.fp-viewing-firstPage) .header.re202407 .tnb li.etc a.main_sitemap,
body:not(.fp-viewing-firstPage) .header.re202407 .tnb li.etc a.m_sitemap{ margin-left: 1rem; font-size: 0;width: 4rem; height: 4rem; background: url('/_res/h2hub/main/img/common/icon_siteMap_2024_new.png') no-repeat center center / cover;}
body:not(.fp-viewing-firstPage) .header.re202407 .tnb li.etc a.main_search{ font-size: 0; width: 4rem; height: 4rem; background: url('/_res/h2hub/main/img/common/icon_search_2024_new.png') no-repeat center center / cover;}
body:not(.fp-viewing-firstPage) .header.re202407.active .tnb li.etc a.main_search{ background: url('/_res/h2hub/main/img/common/icon_search_2024_new.png') no-repeat center center / cover;}
body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom .gnb li + li::before{ display: none;}
body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom .gnb li a{ color: #111; font-weight: 700; font-size: 2rem;}
body:not(.fp-viewing-firstPage) .header.re202407.fixed .headerBottom .gnb li a{ color: #000;}
body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom .gnb li ul li a { padding: 0.8rem 0; }
.header.re202407.active{ top: 0px;}
.header.re202407.active:before{ position: absolute; left: 0; top: 90px; display: block; border-bottom: 2px solid #f2f2f2; width: 100%; height: 251px; background-color: rgba(255,255,255,0.95); border-top: 1px solid #eeeeee; box-sizing: border-box; content: ''; }
.header.re202407.active:before{ display: none;}
.header.re202407.active .headerBottom .gnb > li.active > a{ color: #000 !important; font-weight: 700; border-bottom: 0;}
.header.re202407 .gnbDown.down{ display: block;}
.header.re202407 .gnbDown{ display: none; position: absolute; top: 80px; left: 0; width: 100%; background-color: rgba(255,255,255,1); box-sizing: border-box; border-top: 1px solid #ced6db;}
.header.re202407 .gnbDown > .row{ max-width: 1920px; margin: 0 auto;}
.header.re202407 .gnbDown ul{ text-align: center;}
.header.re202407 .gnbDown ul li{ padding: 4rem 0; flex: 1; text-align: center;}
.header.re202407 .gnbDown ul li + li{ border-left: 1px solid #ced6db;}
.header.re202407 .gnbDown ul li .tit{ padding-bottom: 1.5rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.5px;}
.header.re202407 .gnbDown ul li .depth2 a{ display: block; margin-top: 2.5rem; font-size: 1.8rem; font-weight: 400; color: #555555; letter-spacing: -0.5px;}

@media (max-width: 1600px){
	.header.re202407 .headerBottom .gnb li a{ padding: 30px 32px;}
}
@media (max-width: 1600px){
	.header.re202407 .headerBottom .gnb li a{ padding: 30px 28px;}
}
@media (max-width: 1400px){
	body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom .gnb li a{
		font-size: 18px;
	}
	.header.re202407 .headerBottom .gnb li a { padding: 0 27px;}
}
@media (min-width: 1200px) {
	.header.re202407 .gnbDown {
		height:29rem;
	}
}
/* footer */
.footer.re202407 .container{ position: relative;}
.footer.re202407 .footerBanner{ position: relative; bottom: 0; left: 0; width: 100%; max-width: 100%; padding: 0 16rem; margin-left: 0; box-sizing: border-box; background: #fff; border-top: 0; border-bottom: 1px solid #999;}
.footer.re202407 .footerBanner .f-inner{ display: flex; align-items: center; justify-content: flex-start; max-width: 160rem; margin: 0 auto;}
.footer.re202407 .footerBanner::before,
.footer.re202407 .footerBanner::after{ content: unset;}
.footer.re202407 .footerBanner .f_ban_tit{ font-size: 1.6rem; font-weight: 500; color: #006ecf; letter-spacing: -0.25px; margin-right: auto;}
.footer.re202407 .footerBanner .f_ban_tit::after{ content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: 1.7rem; background-image: url('/_res/h2hub/main/img/common/arrow_triangle_right_blue.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.footer.re202407 .footerBanner .f_ban_list__wrap{ overflow: hidden; width: calc(100% - 170px); padding: 0 10px;}
.footer.re202407 .footerBanner .swiper-slide{ width: auto; max-width: fit-content;}
.footer.re202407 .footerBanner .elem-familySite__item{ display: flex; align-items: center; justify-content: center; width: auto; max-width: fit-content; height: 6.8rem; margin-left: 0; border: 0;}
.footer.re202407 .footerBanner .elem-familySite__item a{ font-size: 1.6rem; font-weight: 500; color: #111; letter-spacing: -0.25px;}
.footer.re202407 .footerBanner .swiper-button-prev, footer .footerBanner .swiper-button-next{ display: none;}
.footer.re202407 .footerBanner .swiper-button-prev{ background: url('/_res/h2hub/main/img/common/arrow_triangle_left.png') no-repeat;}
.footer.re202407 .footerBanner .swiper-button-next{ background-color: unset;}

.footer.re202407{ position: relative !important; width: auto !important; background-color: #F9F9FB; border: 0; border-top: 2px solid #111;}
.footer.re202407 .f_nav::before{ position: none !important;}
.footer.re202407 .f_nav::after{ position: none !important;}
.footer.re202407 .f_info{ display: block; position: relative; padding: 3rem 16rem 3.5rem; margin: 0 auto;}
/* .footer.re202407 .f_info::before{ content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 1px; background-color: #999;} */
.footer.re202407 .f_info::before{ content: unset;}
.footer.re202407 .footerLogo{ display: flex; width: 237px; height: 47px; margin: 0; background:url(https://h2hub.or.kr/_res/h2hub/main/img/comm/footerlogo.png) no-repeat center center;}

.footer.re202407 .f_info .footerContent{ margin-left: 0rem;}
.footer.re202407 .f_info .footerContent .fnb ul li a{ font-size: 1.6rem; font-weight: 500; letter-spacing: -0.25px; line-height: 2.8rem;}
.footer.re202407 .f_info .footerContent .fnb ul li + li{ margin-left: 4rem;}
.footer.re202407 .f_info .footerContent .fnb ul li:nth-child(1) a{ font-weight: 700;}

.footer.re202407 .f_content__wrap{ display: flex; justify-content: space-between; padding-right: 7rem;}

.footer.re202407 .addr{ margin-left: 0.2rem; margin-top: 3rem;}
.footer.re202407 .addr address b{ color: #006ECF; font-weight:700;}
.footer.re202407 .addr address p{ font-size: 1.5rem; font-weight: 400; letter-spacing: -0.25px; color:#111;}
.footer.re202407 .addr address p.address{ display: inline-block; line-height:2.4rem;}
.footer.re202407 .addr address p.address strong{ font-weight: 700; color: #006ECF;}
.footer.re202407 .addr address ul{ display: block; padding: 0;}
.footer.re202407 .addr address ul li{ display: inline-block; font-size: 1.5rem; font-weight: 400; color: #111; letter-spacing: -0.25px; line-height: 2.4rem;}
.footer.re202407 .addr address ul li:last-child{ margin-right: 0;}
.footer.re202407 .addr address p.copyright{ margin-top: 3rem; color: #666; font-size: 1.4rem; font-weight: 400; line-height: 2rem;}
.footer.re202407 .addr address p.copyright span{ display: inline-block; vertical-align: top; transform: translateY(2px);}
.footer.re202407 .addr address ul li + li{ margin-left: 2rem;}
.footer.re202407 .addr address ul li + li::before{ display: none;}

.footer.re202407 .f_content__wrap .right{ display: flex; align-items: center; justify-content: flex-end; margin-bottom: 5.2rem;}

.footer.re202407 .footersite{ position: absolute; right: 6rem;}
.footer.re202407 .waWrap{ width: 11.4rem; height: auto; margin-top: 0; margin-left: auto;}
.footer.re202407 .waWrap img{ float: none !important; width: 100%;}
.footer.re202407 .sitemapWrap{ position: relative; width: 23rem; height: 6rem; margin-top: 0; margin-bottom: 0; margin-left: 3rem; padding: 2.2rem 4rem; background-color: #fff; box-sizing: border-box; border-radius: 6rem; box-shadow: 1px 2px 13px 0 rgba(0,0,0,0.03);}
.footer.re202407 .sitemapWrap::after{ position: absolute; border: none; width: 2.4rem; height: 2.4rem; right: 3rem; top: 50%; transform: translateY(-50%); background: url('/_res/h2hub/main/img/common/icon_chevron_down.png') no-repeat 0 0/contain; text-indent: 0; content: '';}
.footer.re202407 .sitemapWrap.active{ border-radius: 0; border: 1px solid #ebebeb}
.footer.re202407 .sitemapWrap.active::after{ transform: rotate(180deg) translateY(50%);}
.footer.re202407 .sitemapWrap .list-unstyled{ overflow: hidden; width: 22.8rem; position: absolute; right: -1px; bottom: 5.8rem; display: none; z-index: 2; border: 1px solid #ebebeb; border-top: 0; background-color: #fff;}
.footer.re202407 .sitemapWrap .list-unstyled > li > a{ width: 100%; font-size: 1.4rem; color: #222; padding: 2rem 4rem; background: #fff; display: block; box-sizing: border-box; background: #fff;}
.footer.re202407 .sitemapWrap .list-unstyled > li{ border-top: 1px solid #ebebeb;}
.footer.re202407 .sitemapWrap .list-unstyled.active{ display: block !important;}

.footer.re202407 .sitemapWrap  button{ background-color: #fff; color: #111; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.25px;}
.footer.re202407 .waWrap img{ float: right;}

.footer.re202407 .go-top div{ display: inline-block; position: fixed; right: 16rem; bottom: 9.7rem; width: 4.4rem; height: 4.4rem; border-radius: 4.4rem; background-color: #a7d5ff; background-image: url('/_res/h2hub/main/img/common/arrow_up_white.png'); background-position: center; background-size: 2.4rem; background-repeat: no-repeat; border: 8px solid #fff; cursor: pointer; z-index: 9;}
@media screen and (min-width:1921px){
	.footer.re202407 .go-top div{ right: unset; margin-left: 10px;}
}
@media screen and (min-width:1024px){
	.header.re202407 .gnbDown ul li{ position: relative;}
	.header.re202407 .gnbDown ul li:hover::before{ position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 1.6rem; height: 1.6rem; background-color: #0095da; border-radius: 50%; content: '';}
	.header.re202407 .gnbDown ul li .depth2 a:hover{ color: #0095da; font-weight: 500;}
}

@media (max-width:1700px){
	.footer.re202407 .addr address ul{ display: block; margin-left: 0; margin-top: 1rem;}
	.header.re202407 .header__inner,
	.footer.re202407 .footerBanner{ padding: 0 8rem;}
	.footer.re202407 .f_info{ padding: 3.9rem 8rem 6.6rem;}
	.footer.re202407 .f_content__wrap .right{ margin-bottom: 4.3rem;}
	.footer.re202407 .go-top div{ right: 8rem; bottom: 12.5rem;}
}

@media (max-width:1600px){
	.header.re202407 .header__inner,
	.footer.re202407 .footerBanner{ padding: 0 3rem;}
	.header.re202407 .headerBottom .gnbWrap{ width: calc(100% - 310px); margin-left: auto;}
	.header.re202407 .headerBottom .gnb{ justify-content: center;}
	.footer.re202407 .footersite{ right: 3rem;}
	.footer.re202407 .f_info{ padding: 3.9rem 3rem 6.6rem;}
	.footer.re202407 .go-top div{ right: 3rem;}
}

@media screen and (max-width:1400px){
	.footer.re202407 .f_info{ padding: 3.9rem 3rem 3.9rem;}
	.footer.re202407 .addr address ul{ display: block; margin-left: 0; margin-top: 1rem;}
	.footer.re202407 .footerBanner{ min-width: 100%; max-width: 100%;}
	.footer.re202407 .f_content__wrap{ display: flex; flex-direction: column; justify-content: space-between; padding-right: 0;}
	.footer.re202407 .f_content__wrap .right{ justify-content: flex-start; margin-top: 3rem; margin-bottom: 0;}
	.footer.re202407 .waWrap{ margin-left: 0;}
	.footer.re202407 .go-top div{ bottom: 5rem;}
}

@media screen and (max-width:1200px){
	.footer.re202407 .f_info .footerContent{ grid-column: 1/2 span2; grid-row: 2/3; margin-left: 0; margin-top: 2rem;}
	/* .footer.re202407 .waWrap{ margin-top: 2rem;}*/
}

@media screen and (max-width:1024px){
	.header.re202407 .mMenu{ position: fixed;}
	.header.re202407 .header .tnb li.etc a.main_search, body:not(.fp-viewing-firstPage) .header .tnb li.etc a.main_search{ display: none;}
	body:not(.fp-viewing-firstPage) .header.re202407 .tnb li.etc a.main_search{ display: none;}
	body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom h1{ width: 23.2rem; height: 4.6rem; background-size: contain !important;}
	.footer.re202407 .footerBanner .swiper-slide{ width: 13.6rem; margin-right: 0;}
	.footer.re202407 .elem-familySite__item img{ width: 80%;}
	.footer.re202407 .elem-familySite__item{ height: 5rem;}
	
	.footer.re202407 .f_info{ padding: 2rem 3rem 4rem;}
	.footer.re202407 .footerBanner .f_ban_tit{ margin-right: 1rem; font-size: 1.6rem;}
	.footer.re202407 .footerBanner .elem-familySite__item a,
	.footer.re202407 .addr address p,
	.footer.re202407 .f_info .footerContent .fnb ul li a,
	.footer.re202407 .sitemapWrap button{ font-size: 1.6rem; white-space: nowrap;}
	.footer.re202407 .footerBanner .f_ban_list__wrap{ width: calc(100% - 122px);}
	
	.footer.re202407 .addr{ margin-top: 2rem;}
	
	.footer.re202407 .f_content__wrap .right{ margin-right: 6.5rem; margin-bottom: 0;}
	.footer.re202407 .waWrap{ width: 9rem; height: auto; margin-top: 0.5rem;}
	.footer.re202407 .sitemapWrap{ width: 19rem; height: 5rem; padding: 1.5rem 2.5rem; margin-left: 1.5rem;}
	.footer.re202407 .sitemapWrap::after{ width: 2.354rem; height: 2.354rem; right: 2.9411rem;}
	.footer.re202407 .sitemapWrap .list-unstyled{ width: 18.8rem; bottom: 4.8rem;}
	.footer.re202407 .sitemapWrap .list-unstyled > li > a{ padding: 1.5rem 2.5rem;}
	
	.footer.re202407 .go-top div{ bottom: 4.8rem; width: 3.4rem; height: 3.4rem;}
}
@media screen and (max-width:750px){
	.footer.re202407 .addr address p{ text-align: left;}
}
@media screen and (max-width:720px){
	.header.re202407 .header__inner{ padding: 0 3.333%;}
	.footer.re202407 .footersite{ position: initial; display:flex;}
	.footer.re202407 .footerBanner{ padding: 0 3rem;}
	.footer.re202407 .footerBanner .swiper-button-prev{ width:9px; height: 100%; padding-left: 0px; background-size: contain; background-size: 0.9rem;} 
	.footer.re202407 .footerBanner .swiper-button-next{ width: 32px; height: 100%; padding-right: 0; background-color: unset; }
	.footer.re202407 .footerBanner .swiper-button-next::before {
		content: '';
		position: absolute;
		top:0;
		right:0;
        width: 49px;
        height: 100%;
        padding-right: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 1) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
		pointer-events: none;
    }
	.footer.re202407 .footerBanner .swiper-button-next::after{
		content: '';
		position: absolute;
		top: 0;
		right: 12px;
		width: 8px;
		height: 100%;
		background-image: url('/_res/h2hub/main/img/common/arrow_triangle_right.png');
        background-size: 0.9rem;
        background-repeat: no-repeat;
        background-position: center;
	}
	.footer.re202407 .footerBanner .f_ban_list__wrap{ width: 100%;}
	.footer.re202407 .footerBanner .f_ban_tit{ display: none;}
	.footer.re202407 .footerBanner .elem-familySite__item a{ font-size: 1.7647rem;}
	.footer.re202407 .f_info{ padding: 2.9rem 3rem 4.4117rem;}
	.footer.re202407 .f_info .footerContent{ margin-top: 0rem; margin-left: 0;}
	.footer.re202407 .footersite{ order:2; margin-top: 1rem;}
	.footer.re202407 .sitemapWrap{ grid-row: 2/3; grid-column:1/2; width: 35.6rem; margin-bottom: 0; margin: 0 auto; margin-top: 3rem;}
	.footer.re202407 .waWrap{ grid-row: 4/5; grid-column: 1/2; width: 10rem; padding-top: 0; margin: 0 auto; margin-top: 3rem;}
	.footer.re202407 .footerLogo{ width: 100%; height: 5rem; background-size: 30rem; background-position: center center; background-size: contain;}
	.footer.re202407 .footerBanner .swiper-slide{ width: 20rem; margin-right: 0;}
	.footer.re202407 .f_info .footerContent .fnb ul li + li{ margin-left: 0;}
	.footer.re202407 .f_info .footerContent .fnb ul li a{ font-size: 1.7647rem;}
	.footer.re202407 .addr{ margin-top: 2.547rem; margin-left: 0;}
	.footer.re202407 .addr address p.address{ font-size: 1.7647rem; line-height: 2.9rem; text-align: center;}
	.footer.re202407 .addr address p.address strong{ display: block; margin-bottom: 1.4706rem; font-size: 2.35294rem; line-height: 3rem;}
	.footer.re202407 .addr address ul{ margin-top: 0;}
	.footer.re202407 .addr address ul li{ font-size: 1.7647rem; line-height: 2.9rem; padding-left: 0;}
	.footer.re202407 .addr address ul li + li{ margin-left: 8px;}
	.footer.re202407 .addr address ul li:last-child{ margin-left: 0;}
	.footer.re202407 .f_info{ padding: 2.8411rem 3.333% 4.4117rem;}
	.footer.re202407 .footerBanner .elem-familySite__item{ height: 6.825rem;}
	.footer.re202407 .footerBanner .swiper.mySwiper{ padding: 0.754rem 1.4rem 0.854rem;}
	.footer.re202407 .footerBanner .swiper-button-prev,
	.footer.re202407 .footerBanner .swiper-button-next{ top: 50%; display: inline-block; width: 4rem; height: calc(100% - 2px); margin-top: 0; transform: translateY(-50%); background-position: center center; pointer-events: auto !important;}
	.footer.re202407 .footerBanner .swiper-button-prev{ left: 0; background-color: #fff;}
	.footer.re202407 .footerBanner .swiper-button-next{ right:0; background-color: unset;}
	.footer.re202407 .addr address{ text-align: center;}
	.footer.re202407 .f_info .footerContent .fnb .list-unstyled{ justify-content: center; flex-wrap: wrap; column-gap: 1.4706rem; margin: 0 auto;}
	.footer.re202407 .addr address p.copyright{ margin-top: 1.4706rem; font-size: 1.47059rem; text-align: center; line-height: 2.2rem;}
	.footer.re202407 .addr address p.copyright span{ vertical-align: middle;}
	
	.footer.re202407 .f_content__wrap .right{ margin-right: 0; flex-direction: column; margin-top: 2.0588rem;}
	.footer.re202407 .waWrap{ width: 10.884rem; margin-top: 0;}
	.footer.re202407 .sitemapWrap{ width: 33.824rem; height: auto; padding: 2.796rem 2.9411rem; margin-top: 2.8rem; margin-left: calc(5.147rem - 3.3%); box-shadow: unset;}
	.footer.re202407 .sitemapWrap .sitemap_div{ line-height: 1.1;}
	.footer.re202407 .sitemapWrap .list-unstyled{ width: 33.624rem; bottom: 7.4rem;}
	.footer.re202407 .sitemapWrap button{ font-size: 1.7647rem;}
	.footer.re202407 .go-top div{ bottom: 4.4117rem; right: 9.724%; width: 5.589rem; height: 5.589rem; border: 6px solid #fff; background-size: 3rem;}
}
@media screen and (max-width:475px){
	.header.re202407{ height: 8rem;}
	
	/* .footer.re202407 .f_info .footerContent .fnb ul li:last-child{ display: none;} */
	.footer.re202407 .footerBanner .swiper-button-prev, footer .footerBanner .swiper-button-next{ background-color: #fff;}
	.footer.re202407 .f_info .footerContent .fnb .list-unstyled{ width: 88%;}
	.footer.re202407 .addr address p.address .mo-item{ display: none;}
	
	.footer.re202407 .sitemapWrap .list-unstyled{ width: 33.524rem;}
}

@media screen and (min-width:320px) and (max-width:475px) {
	.header.re202407 .header__inner{ padding: 0 1.7647rem;}
	body:not(.fp-viewing-firstPage) .header.re202407 .headerBottom h1{ width: 22.796rem; height: 4.56rem;}
	body:not(.fp-viewing-firstPage) .header.re202407{ height: 10.296rem;}
	body:not(.fp-viewing-firstPage) .header.re202407 .tnb li.etc a.m_sitemap{ width: 5.884rem; height: 5.884rem; background-size: cover;}
	
	.footer.re202407 .elem-familySite__item img{ width: 60%;}
	.footer.re202407 .elem-familySite__item:nth-child(-n + 3) img{ width: 75% !important;}
}