@charset "utf-8";
/* header */

.hidden {position: absolute;left: -20000px;}
.header {border-bottom:1px solid #ddd;}
.header .btn_hamNav {display: none;}
.header.main {background: #ffffff;}
.header.main .util_mn a {color: #000;}
.header.main .gnb > li > a {color: #000;} 
.header.main .inner h1 a.h2hubLogo {background: url(../img/h2hubLogo_sub.png) no-repeat;}
.header.main .inner h1 a {background: url(../img/logo_sub.png) no-repeat;}
.header.active {position:relative;background: #f2f7fb;}
.header.active::before {position:absolute;top:12.9rem;left:0;width:100%;height:26.5rem;border-bottom:1px solid #dddddd;background-color:rgba(255,255,255,0.95);border-top:1px solid #dddddd;z-index: 3;content:'';}
.header.active {}
.header.active .inner h1 a.h2hubLogo {background: url(../img/h2hubLogo_sub.png) no-repeat;background-size: contain;}
.header.active .inner h1 a {background: url(../img/logo_sub.png) no-repeat;}
.header.active .util_mn a {color: #000;}
.header.active .gnb > li  {padding-bottom: 4rem;cursor:pointer;}
.header.active .gnb > li > a {color: #000;}
.header.active .gnb > li > ul {display: block;position:absolute;left: 50%;top: 5.9rem;height: 26.5rem;transform: translateX(-50%); padding: 4rem 2.5rem;border: 0;border-radius: unset;  background: transparent; z-index: 3;}
.header.active .gnb > li > ul > li + li {margin-top: 3rem;}
.header.active .gnb > li > ul > li > a {display: block;line-height: 100%;color:#747478;text-decoration:unset;}
.header.active .gnb > li:hover::after {display: none;}
.header.main.active .btn_tot_search {background: url(/_res/h2hub/hes/img/search_2024.svg) no-repeat;}
.header.main.active .main_sitemap {position: absolute;display:inline-block;right: 0;    width: 3.9rem;    height: 3rem;display: inline-block;     background: url(/_res/h2hub/hes/img/ham_2024.svg) no-repeat;}
.header.main.active::before {border-bottom:0;}
.util_mn a.bar {margin-right:0;padding-right: 20px;}
.util_mn a.bar::after {right: 0;}
.util_mn .btn {border: 2px solid #a4bbc1;}

.total_search_bar {background: #0078cd;}
.util_mn a.bar:last-child {margin-right:0;}
.util_mn a.bar:last-child::after {display:none;}
.headerIcon {position:absolute;display:flex;bottom:0;right:0;width:7.5rem;height:2.2rem;}
.btn_tot_search {display: block;position: absolute;right: 5.1rem;  top: 0; width: 2.4rem;height: 2.2rem;}
.header.main .btn_tot_search {background: url(../img/ico_total_search-new.png) no-repeat;}
.header.main .main_sitemap {position: absolute;display:inline-block;right: 0;width:2.2rem;height:2.2rem;display: inline-block; background: url(../img/icon_siteMap-color-new.png) no-repeat;}
.header.main .btn_tot_search {background: url(../img/ico_total_search-black-new.png) no-repeat;}
.header .btn_tot_search {display: block; position: absolute;right: 5.1rem;top: 0;width: 2.4rem;height: 2.2rem;background: url(../img/ico_total_search-black-new.png) no-repeat;}
.header .main_sitemap {position: absolute;display:inline-block;right: 0;width:2.2rem;height:2.2rem;display: inline-block; background: url(../img/icon_siteMap-color-new.png) no-repeat;}

.gnb > li {padding-bottom: 3.3rem;}
.gnb > li > ul {display:none;position:absolute;left: 50%;top: 6rem;height:26.5rem;transform:translateX(-50%);padding:4rem 2.5rem;border:0;background:transparent;border-radius:unset;z-index:2;}
.gnb > li > ul > li + li {margin-top: 3rem;}
.gnb > li > ul > li > a {line-height:100%;}
.gnb > li:nth-child(1) > ul {width: 100%;}
.gnb > li:nth-child(2) > ul {width: 100%;}
.gnb > li:nth-child(3) > ul {width: 100%;}
.popup .pop_header {height: 7rem;}
.popup .pop_header h1 {height: 7rem; line-height: 7rem;}
.popup .pop_header .close {top: 50%;transform: translateY(-50%);}


/* footer */
.gotop {cursor:pointer;}
.pop_header {background: #0066b3;border-radius: 0.8rem 0.8rem 0 0;height: 9rem;}
.pop_container { border-radius: 0 0 0.8rem 0.8rem;}
.pop_container.h_Auto {height: auto;}
.pop_container.noScroll {overflow:auto;}


/* sub */
.contents_wrap {padding: 4rem 0 12rem 0;}
.contents_wrap .layout-type2 .sub_title {display:flex;margin-left:5rem;border-bottom:1px solid #adadad; padding: 0; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #b1b1b1; justify-content: space-between; align-items: flex-end;}
.contents_wrap .layout-type2 .tit_1 {text-align:left;font-size: 3.4rem;line-height: 100%;}
.contents_wrap .layout-type2 .pages {padding: 0 0 0 5rem;}
.contents_wrap h3::before {display:none;}
.contents_wrap .sub_title .loc > p { padding-bottom: 0; padding-right: 0; align-items: flex-end;}
.contents_wrap .sub_title .loc > p i.xi-home { margin-bottom:1px; width: 13px;height: 13px;background: url(/_res/h2hub/main/img/icon/icon_home.png) no-repeat center center;}
.contents_wrap .sub_title .loc > p i.xi-home::before{display:none;}
.contents_wrap .sub_title .loc > p i.xi-angle-right { width: 13px; height: 13px;background: url(/_res/h2hub/main/img/icon/icon_arrowRight_g.png) no-repeat center center;}
.contents_wrap .sub_title .loc > p i.xi-angle-right::before{display:none;}
.contents_wrap .sub_title .loc > p span {font-size: 1.6rem; font-weight:300; letter-spacing: -0.5px;line-height:100%;color:#000;}
.contents_wrap .sub_title .loc > p span:last-of-type {color: #0066b3; font-weight:500;}

.layout-type2 {display: flex;justify-content: space-between;}
.layout-type2 .sub-navigation .mo_title {display:none}
.layout-type2 .sub-navigation h1 {padding: 0;padding-bottom: 3rem;color:#000;font-size: 3rem;font-weight:600;text-align:left;background:unset;letter-spacing: -1px;line-height:100%;border-bottom: 3px solid #0066b3;}
.layout-type2 .sub-navigation ul > li > a {font-size: 1.8rem; font-weight: 600;color: #333333;background: #fff;border-top: 1px solid #ccc;}
.layout-type2 .sub-navigation ul {margin-top: 2rem;border: 0;}
.layout-type2 .sub-navigation ul > li {border-bottom: 0;}
.layout-type2 .sub-navigation ul > li a {display: flex;padding: 1rem 1.5rem;height: 6rem;font-size:1.8rem;font-weight:500;color:#333333;background:#fff;border-top:1px solid #ccc;align-items: center;}
.layout-type2 .sub-navigation ul > li a.on {position:relative;overflow:hidden;display: block;padding: 1rem 1.5rem;width: 100%;line-height:4rem;background:#0066b3;color:#fff;border-radius:1rem 0 1rem 0;font-size:2rem;font-weight: 500;letter-spacing: -0.5px;box-sizing:border-box;}
.layout-type2 .sub-navigation ul > li a.on::before {position: absolute;width:120%;height:1px;left:0;bottom:-1px;background-color:#fff;content: ''; z-index: 1;}
.layout-type2 .sub-navigation ul > li a.on::after {position: absolute; top: 21px; right:20px;width:10px;height:17px;background:url(/_res/h2hub/main/img/icon/icon_arrowRight_w.png) no-repeat center center; z-index: 1; content: '';}
.layout-type2 .sub-navigation ul > li:last-child {border-bottom: 1px solid #ccc;}

/* .container */
.container.main {background: #eff7ff;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* .responsive */
@media (max-width: 1600px) {
	.container .P_MAIN .sec2 {background: none;}
}
@media (max-width: 1430px) and (min-width: 1199.98px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;margin: 0 auto;justify-content: space-between;}
}
@media (max-width: 1400px) {
	.sub-layout {width: calc(100% - 30rem);min-width: calc(100% - 30rem);min-width:calc(100% - 30rem);padding: 0;}
	.sub-navigation {display: block;}
	.contents_wrap .layout-type2 .sub_title {margin-left: 0;}
	.contents_wrap .layout-type2 .pages {padding: 0;}
	.P_INTRODUCE .cont_1 dd {padding: 0 5px 35px 40px;}
	.P_INTRODUCE .cont_1 dd ul {flex-flow: row wrap;}
	.P_INTRODUCE .cont_1 dd ul li {padding-bottom:1rem;}
	.P_INTRODUCE .cont_1 dd ul li img {display: block;width:130px;}

	.applyBox .pages.P_AGREE_STEP01 {}
	.applyBox .pages.P_AGREE_STEP01 .join_step3 {padding: 4rem 0 0 0; height: 11rem;display:flex;background-position: center 32% !important;background-size: 100% !important;}
	.applyBox .pages.P_AGREE_STEP01 .join_step3::before {top: 4rem;}
	.applyBox .pages.P_AGREE_STEP02 {}
	.applyBox .pages.P_AGREE_STEP02 .join_step3 {padding: 4rem 0 0 0; height: 11rem;display:flex;background-position: center 32% !important;background-size: 100% !important;}
	.applyBox .pages.P_AGREE_STEP02 .join_step3::before {top: 3rem;}
	.applyBox .pages.P_AGREE_STEP02 .join_step3 .unit {width:33%;}
	.layout-type2 .join_step3 .unit:first-child {margin-left: 0;}
	.join_step3 .unit + .unit {margin-left: 0;}
}
@media (max-width: 1200px) {
	.wrap .header.main .inner h1 a {background-size:contain;}
	.container .contents_wrap {padding:4rem 2rem 10rem 2rem !important;}
	.container .contents_wrap.applyBox {padding:2rem 2rem 10rem 2rem !important;}
	.inner .gnb {width: calc(100% - 55rem);}
	.gnb > li {top: -1rem;  width: 50%;}
	.P_INTRODUCE .colbox > * {display: contents;}

}
@media (max-width: 1024px) {
	.inner .gnb {width: calc(100% - 48rem);}
} 

@media (max-width: 960px) {
	.header {height: auto;}
	.headerIcon{display:block;top:3.9rem;}
	.header.main .btn_tot_search {top: 60%;width:20px;height:20px;margin-right: 10px;background-size: contain !important;}
	.header .btn_tot_search {top: 60%;width:20px;height:20px;margin-right: 10px;background-size: contain !important;}
	.header.main .main_sitemap {display:none;background-size: contain !important;}
	
	.header .main_sitemap {display:none;background-size: contain !important;}
	.main .btn_hamNav {width: 4rem; height: 4rem; background: url(../img/icon_siteMap-new.png) no-repeat;background-size: contain;}
	/* mMenu */
	.mMenu .topBlue .menuTop .mt {background-color: #0167b4;}
	.mMenu .topBlue .menuTop .row.first li a {font-size: 20px;}
	.mMenu .overlay .overlayBox {margin-top: 11.8rem;}
	.mMenu .overlay .overlayBox .overlay-menu ul li {background-color: #eff7ff;}
	.mMenu .overlay .overlayBox .overlay-menu ul li a {font-size: 20px;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on a{color:#0066b3;background: #eff7ff;font-size: 20px;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li a {padding: 2.5rem 0 2.5rem 6rem;color:#000;font-size: 20px;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.hidden {display:none;}
	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 {padding: 0;}

	.header.main .btn_hamNav {position: absolute; display: inline-block;right: 0;top: 49%;transform: translateY(-49%);width:20px; height:20px;background: url(../img/icon_siteMap-color-new.png) no-repeat;background-size: contain !important;}   
	.header .btn_hamNav {position: absolute; display: inline-block;right: 0;top: 49%;transform: translateY(-49%);width:20px; height:20px;background: url(../img/icon_siteMap-color-new.png) no-repeat;background-size: contain !important;}
	.layout-type2 .sub-navigation .mo_title {display: block; background: #fff;color: #000; font-size: 1.8rem; margin-bottom: 0; display: flex;  align-items: center; padding: 1rem 1.5rem; font-weight: 300; width: 100%;height: 100%;position: relative; border-bottom: 1px solid #ebebeb;}
	.layout-type2 .sub-navigation .mo_title::after {content: "";width:3rem;height:3rem;background: url(../img/icon_select_arrow.png) no-repeat center center/ contain;position: absolute; top: 1.6rem;right: 0;z-index: 1;}

	.sub-layout {width: 100%;}
	.layout-type2 { flex-wrap: wrap; overflow:hidden;margin-bottom: 5rem;}
	.layout-type2 .sub-navigation {display:flex;margin-bottom: 6rem;width:100%;}
	.layout-type2 .sub-navigation h1 {width:30%;height:7rem;margin-bottom:0;padding:0;}
	.layout-type2 .sub-navigation h1 > div {padding-bottom: 0; font-size: 2rem;}
	.layout-type2 .sub-navigation div {position:relative;width: 70%;height: 7rem;line-height: initial;align-items: center;}
	.layout-type2 .sub-navigation ul {position:absolute;margin-top: -2px;width:100%;border: 1px solid #ebebeb;z-index: 2;}
	.layout-type2 .sub-navigation ul > li a {border-top: 1px solid #ebebeb;}
	.layout-type2 .sub-navigation ul > li a.on {border-radius:0;}

	/* sub */
	.contents_wrap .layout-type2 .sub_title {display: block;}
	.contents_wrap .layout-type2 .sub_title .tit_1 {margin-bottom:20px;}

}
@media (max-width: 720px) {
    header .btn_hamNav {background-size: contain !important;}
}
@media (max-width: 640px) {
	.contents_wrap .sub_title .loc > p {align-items: center;display: flex;}
	.header .btn_hamNav {top: 50%;transform: translateY(-50%);}
	.headerIcon {width: 20rem;height: 20px;top: 50%;transform: translateY(-50%);}
	.wrap .header .inner h1 a.h2hubLogo {height: 6rem;}
	.wrap .header .btn_tot_search {top: 55%; transform: translateY(-50%);}
	.wrap .header .btn_hamNav {top: 50%; transform: translateY(-50%);}
	.wrap .header .inner h1 a {}
	.wrap .header .inner h1 a.h2hubLogo {top: 50%;transform: translateY(-40%);height:4rem;}
	.pop_header {height: 10rem;}
	/* mMenu */
	.footer .linkbox .r_col .combo ul::before {top: -3px;}
	.footer .linkbox .r_col .combo ul::after {top: -3px;}
	/* info */
	.conceptWrap2 .text {display: block;}
	.conceptWrap2:nth-child(2) .text {display: inline-block;padding-bottom: 0;}
	.conceptWrap2:nth-child(2) .text::before {background-size: contain; left: 50%;transform: translateX(-50%);margin: 0 auto; width: 100% !important; height: 22rem; background-position: center;}
	.conceptWrap2 .text ul {width: 100%;float: right;margin-top: 2rem;}
	.conceptWrap2 .text ul li {font-size: 1.8rem;line-height: 1.6;}
	.P_INTRODUCE .cont_1 dd ul li img { width: 100px;}
	.P_INTRODUCE .cont_1 dd ul li + li::before {background-size:contain;}

	/* aply entprs */
	.popup .pop_header {height: 8rem;}
	.popup .pop_header h1 {height: 8rem; line-height: 8rem;font-size:16px;}
}
@media (max-width: 480px) {
	.header .btn_tot_search {top: 2px;}
	.P_INTRODUCE .cont_1 dt {min-width: 100px;width: 15rem;}
	.P_INTRODUCE .cont_1 dd { padding: 0 5px 35px 20px;}
	.P_INTRODUCE .cont_1 dd ul li img {width: 85px;}
	.layout-type2 .sub-navigation h1 {height: 7rem;font-size: 2.2rem;line-height: 6rem;}
}


/* pub 231025 �߰� */
.btn_group .btn_join_apply, .btn_group .btn_cancel{width:130px;display:inline-flex;align-items:center;justify-content: center;}
.btn_join_apply {height:48px;border:1px solid #000;padding:0;border-radius:0;background:#2e2e2e;}
.board_write table th{background-color:#f9fcff;}
input::placeholder {font-size:16px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
inputinput::placeholder {outline:none !important;-webkit-text-fill-color: #0060b3;color:#0060b3 !important;background-color:#f2f9ff !important;border:2px solid #4b84b1 !important;font-size:16px;}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active,
inputinput::placeholder {outline:none !important;-webkit-text-fill-color: #0060b3;color:#0060b3 !important;background-color:#f2f9ff !important;border:2px solid #4b84b1 !important;font-size:16px;}
input:focus{border-color:#0982f0;outline: none;font-size:16px;}
.contents_wrap .join_step3{padding:0;}
.applyBox .pages.P_AGREE_STEP01 .join_step3::before{position: absolute;width: 100%;top:30%;height: 0.6rem;display: flex;padding: 0;background-size: 100%;justify-content: space-between;align-items: flex-start;content:'';}
.applyBox .join_step3 .unit::after{position:absolute;width:60px;height:60px;}
.applyBox .join_step3 .unit + .unit{margin-left:0;}
.applyBox .join_step3 .unit span{position:absolute;width:60%;font-size:1.6rem;left:50%;transform:translateX(-50%);font-family: 'Noto Sans KR', sans-serif;margin-top:2rem;height:25px;display:flex;align-items:center;justify-content:center;}
.applyBox .join_step3 .unit:nth-child(3)::after {right:0;}
.applyBox .join_step3 .unit span{width:100%;}
.applyBox .join_step3 .unit{width: max-content;height:auto;display:flex;flex-direction:column-reverse;align-items:center;flex:1;}
.applyBox .layout-type2 .join_step3 .unit:after{position:absolute;background-size:contain;}
.applyBox .layout-type2 .join_step3 .unit:first-child{margin-left:0;}
.contents_wrap .join_step3{display:flex;}

.layer-popup-outer{height:auto;}
.layer-popup-outer.on{display:flex;}

@media (max-width: 960px) {
	.contents_wrap .layout-type2 .sub-navigation h1 > div{width:100%;padding-top: 1.5rem;}
	.contents_wrap .join_step3{background-size: 100% !important;background-position: center 32% !important;padding:0;}
	.contents_wrap .join_step3{height:auto;	}
	.click-popup a::after{width:4.4rem;height:4.4rem;top:0.1rem;background: url(../img/icon_popup-new.png) no-repeat center;background-size:contain;}
	.agree .terms + .guide_txt{font-size:16px;}
	.agree .terms_chk {font-size:16px;}
	.board_write table{table-layout:fixed;white-space:initial;}
	.board_write label + input{margin-top:10px;}
	.board_write table td .f_txt.w_300{margin-top:0;}
	.board_write table input,.board_write table select{width:100% !important;}
	.board_write .inner_txt {font-size: 14px;}
	.board_write .inner_txt{height:auto;}
	.board_write table th{padding:10px;}
	.board_write table col:nth-child(1){width:33% !important;}
	.f_select { height: 35px;}
	.footer .linkbox .r_col {display: flex; width: 100%;}
	.footer .linkbox .r_col .combo {width: 100%;}
	.footer .linkbox .r_col .combo ul {padding: 10px 0;width: 100%; border-right: 0;}
	.footer .linkbox .r_col .combo ul::before {top: -2px;}
	.footer .linkbox .r_col .combo ul::after { position: absolute;top: -2px; right: -5%;  width: 5%; height: 102%;border-top: 1px solid #2c3136; border-bottom: 1px solid #565a5e; background-color: #2c3136;content: '';}
}

@media (max-width: 640px) {
	/* mMenu */
	.mMenu .overlay .overlayBox .overlay-menu ul li {overflow: hidden;height: auto;box-sizing: border-box;height: 100%;}
	.mMenu .overlay .overlayBox .overlay-menu ul li a {display: block; padding: 2rem 0 2rem 6rem;font-size:2.6rem;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on a {padding: 2rem 0 2rem 6rem;font-size: 2.6rem;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li a {padding: 2rem 0 2rem 6rem; font-size: 2.6rem;}
	.mMenu .topBlue .menuTop .row.first li a {font-size: 2.6rem;}

	.footer .linkbox .r_col .combo ul::before {top: -1px;}
	.footer .linkbox .r_col .combo ul::after {top: -1px;}
}

@media (max-width: 480px) {
	.board_write table td.line2 .d-flex {display:block;}
	.board_write table td.line2 input.second_mt_10 { margin-top: 5px;margin-left: 0;}
	.f_select.w_300 {width:100% !important;}
	.board_write .inner_txt {font-size: 12px;}
	.board_write table col:nth-child(1){width:34% !important;}

}