@charset "utf-8";
/* header */
.swiper-container {overflow:initial}
.hidden {position: absolute;left: -20000px;}
.header {border-bottom:1px solid #ddd; height:100px;}
.header .btn_hamNav {display: none;}
.header.main {background: #ffffff;}
.header.main .util_mn {
    right: 153px;
    top: 24px;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 50px;
    background-color: #F8FCFF;
}
.header.main .util_mn a {
    color: #777;
    padding: 5px 12px 7px;
    margin: 0;
	display:inline-block;
    line-height: initial;
    height: auto;
    width: auto;
    border: none;
    font-size: 16px;
    font-weight: 500;
}
.header.main.active .header-down-txt {
    display: block;
}
.header.main .header-down-txt {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 500;
    color: #000;
    top: 131px;
}
.header .gnb > li {width:auto; padding:0 40px}
.header.main .gnb > li > a {color: #000;} 
.header .inner {max-width:1600px; width:100%;}
.header.main .inner h1 a.h2hubLogo {background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/h2_hub_logo_n.svg) no-repeat; width:207px; height:41px; background-size:cover;}
.header.main .inner h1 a {background: url(../img/logo_sub.png) no-repeat;}
.header.main .inner h1 a + a {width:120px; height:60px; background-size:contain;}
.header.active {position:relative;}
.header.active::before {position:absolute;top:100px;left:0;width:100%;height:26.5rem;background-color:rgba(255,255,255,1);z-index: 3;content:'';border-radius: 0 0 50px 0;}
/*.header.active::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #E0EDF8;
    width: 28%;
    height: 26.5rem;
    top: 100px;
    left: 0;
    z-index: 4;
}*/
.header .gnb {top:39px; left:460px;}
.header .gnb > li > a {font-size:22px; font-weight:700; letter-spacing: -0.5px;}
.header.active {}
.header.active .inner h1 a.h2hubLogo {background: url(https://h2hub.or.kr/_res/h2hub/main/img/main/h2_hub_logo_n.svg) no-repeat;background-size: contain;}
.header.active .inner h1 a {background: url(../img/logo_sub.png) no-repeat;}
.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 > ul > li > a:hover {font-weight:700; color:#222;}
.header.active .gnb > li:hover::after {display: none;}

.header.main.active::before {border-bottom:0;}
.util_mn a.bar {margin-right:0;padding-right: 20px;}
.util_mn a.bar::after {right: 0; display:none;}
.util_mn .btn {border: 2px solid #a4bbc1;}

.total_search_bar {background: #0078cd;}
.util_mn a.bar.login,
a.bar.logoout_ {
    background-color: #004F94 !important;
    display: inline-block;
    border-radius: 25px;
    color: #fff !important;
}
.util_mn a.bar:last-child  {margin-right:0;}
.util_mn a.bar:last-child::after {display:none;}
.headerIcon {position:absolute;display:flex;bottom:15px;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(/_res/h2hub/hes/img/search_2024.svg) no-repeat;}
.header.main .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 .btn_tot_search {background: url(/_res/h2hub/hes/img/search_2024.svg) no-repeat;}
.header .btn_tot_search {display: block; position: absolute;right: 6.3rem;top:-3px;width: 3.6rem;height: 3.6rem;background: url(../img/ico_total_search-black-new.png) no-repeat; background-size:contain !important}
.header .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;}


input::placeholder {
  color: #555;      /* 원하는 색 */
  opacity: 1;       /* 필요하면 진하게 */
}

div#fullpage {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}


.non {display:none !important}
.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%);}
.total_search_bar {top:100px;}



/* footer */
.gotop {cursor:pointer; bottom:90px; text-indent:-9999px; border-radius:100px;}
.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;}
.footer {
	background-color:#f2f4f8;
	width:100%;
}
.footer .foot-inner {
	max-width:1600px;
	margin:0 auto;
	position:relative;
}
.footer .linkbox {border:none; position:relative;}
.footer .linkbox .l_col ul li + li::before {display:none}
.footer .linkbox .r_col .combo {border-left:none;}
.footer .linkbox .r_col .combo > a {
	border: 1px solid #16293a;
    border-radius: 50px;
	line-height:54px;
	height:58px;
    background-color: #fff;
    color: #555;
    font-size: 18px;
    font-weight: 500;
	background-image:url('/_res/h2hub/hes/img/select-arrow-down.svg');
	background-repeat:no-repeat;
	background-size: 20px 20px;
    background-position: right +21px center;
	z-index: 11;
}
.footer .linkbox .r_col .combo > a::after {
 	display:none;
}
.footer .linkbox .r_col .combo ul {
	z-index:10;
    top: 25px;
    padding: 42px 0 18px 16px;
    border-radius: 0 0 16px 16px;
	max-height: 137px;
    overflow-y: auto;
}
.footer .linkbox .l_col ul li {
	width:auto;
	text-align:left;
}
.footer .linkbox .l_col ul li a {
	font-size:18px;
	color:#000;
	font-weight:500;
	display:inline-block;
	margin-right:60px;
	text-align:left;
}
.footer .linkbox .l_col ul li:first-child a {
	font-weight:600;
	color:#004f94;
}
.footer .box {
	color:#333;
	font-size:18px;		
	padding-top:10px;
}
.footer .box address span {
	line-height:1.7;
}
.footer .box address span + span::before {
	vertical-align:middle;
}
.footer .box address span em {
    text-decoration: underline;
}
.footer .box p {
	margin-top:25px;
}
.footer .inner {
    height: auto;
    padding: 30px 0 40px 75px;
    border-left: 1px solid #DEDEDE;
    margin-left: 350px;
}

.footer .foot-logo-1 {
	position:absolute;
	left:0;
	top:40px;
    background-image: url('https://h2hub.or.kr/_res/h2hub/main/img/main/h2_hub_logo_n.svg');
	background-repeat:no-repeat;
	background-position:center center;
    background-size: contain;
    width: 237px;
    height: 48px;
}

.footer .foot-logo-2 {
	position:absolute;
	left:0;
	top:108px;
    background-image: url('../img/logo_sub.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
    width: 140px;
    height: 70px;
    background-size: cover;
}

.waWrap {
	margin-top:-8rem;
}
.footer .linkbox .r_col {
    padding-top: 20px;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.footer .box address span b {
    font-weight: 500;
}
.footer .box address span {
	color:#333;
}
.footer .box address span + span {
	margin-top:0;
}



/* 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 { display: inline-block; margin-bottom:1px; width: 13px;height: 13px;background: url(/_res/h2hub/main/img/icon/icon_home.png) no-repeat center center; text-indent:-9999px;}
.contents_wrap .sub_title .loc > p i.xi-home::before{display:none;}
.contents_wrap .sub_title .loc > p i.xi-angle-right { display: inline-block; 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;}

/* .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: 1280px) {
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		padding:25px;
	}
	.swiper_mainSub .swiper-wrapper:after {
        bottom: 20px;
    }
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
        width: 250px;
        height: 280px;
    }
	.swiper_mainSub .swiper-wrapper div.sub_slide {
        width: 250px !important;
    }
	.mTbox > h3 {
		font-size:47px;
	}
	.mTbox > p {
		font-size:20px;
	}
	.mTbox > span {
		font-size:18px;
	}
	.header .gnb {
		left:370px;
	}
	.header .gnb > li {
        width: auto;
        padding-right: 20px;
	}
	.gnb > li {
		top:0 !important;
	}
	.header .gnb > li > a {
		font-size:16px !important;
	}
	.header.main .util_mn {
		right:115px;
		top:28px;
	}
	.header.main .util_mn a {
		font-size:12px;
		padding: 2px 7px 3px;
	}
}
@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;}
	.mTbox > h3 {
		font-size:40px;
	}
	.swiper_mainSub {
		left:45%;
		margin-left: 25px;
	}
	.swiper_mainSub .swiper-wrapper:after {
		left:-25px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
		font-size:22px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide dl dd span {
		padding-bottom:8px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a:after {
        bottom: 23px;
        right: 19px;
        width: 40px;
        height: 37px;
    }
	.main-bottom-link .bottom-link-inner ul li a dl dt {
		font-size:24px;
	}
}
@media (max-width: 1100px) {
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		padding:15px;
		width:230px;
		height:250px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide {
		width:230px !important;
	}
	.swiper_mainSub {
		top:160px;
		left:38%;
	}
	
	
}

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

@media (max-width: 960px) {
	.header {height: 64px;}
	.header .inner h1 {
		padding:0;
		margin:0;
		top:10px;
		left:0;
	}
	.header .inner h1 .sub-logo {
		width:82px !important;
		height:44px !important;
		position: absolute;
	}
	.header.main .inner h1 a.h2hubLogo {
		width:170px;
		height:35px;
		top:0;
	}
	.header .btn_tot_search {top: 11px;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 {width:100%; background:#E0EDF8;}
	.mMenu .topBlue .menuTop .mt {background:none; padding:20px 10px;}
	.header .mMenu .topBlue .menuTop .mt {background:none; height:auto;}
	.mMenu .topBlue .menuTop .row.first li a {font-size: 20px; color:#000;}
	.mMenu .overlay {top:63px;overflow: visible;}
	.header .mMenu .topBlue:before {
		content: "";
		display: block;
		position: absolute;
		width: 130px;
		height: 63px;
		background-color: #fff;
		top: -63px;
		right: 0;
		z-index: 9;
	}
	.mMenu .topBlue .mt .mob-login {
		width:100%;
		padding: 6px;
		border: 1px solid #ddd;
		border-radius: 50px;
		background-color: #F8FCFF;
		display:flex;
	}
	.mMenu .topBlue .mt .mob-login li {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.mMenu .topBlue .mt .mob-login li a {
		color: #777;
		padding:10px 12px 11px;
		margin: 0;
		display: block;
		line-height: initial;
		height: auto;
		width: auto;
		text-align:center;
		border: none;
		font-size: 16px;
		font-weight: 500;
	}
	.mMenu .topBlue .mt .mob-login li a.login {
		background-color: #004F94 !important;
		border-radius: 25px;
		color: #fff !important;
	}
	.mMenu .overlay .overlayBox .overlay-menu ul.row > li > a:after {
		content: "";
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		background-image: url(/_res/h2hub/hes/img/ic_arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		right: 28px;
		top: 32px;
		opacity:0.3;
		transform: rotate(180deg);
	}
	.mMenu .overlay .overlayBox .overlay-menu ul.row > li > a {
		position:relative;
	}
	.mMenu .overlay .overlayBox .overlay-menu ul.row > li.on > a:after {
		content: "";
		display: block;
		opacity:1;
		transform: rotate(0deg);
	}
	.mMenu .topBlue .button_container {width:35px; height:35px; top:26px; right:20px;position:absolute;}
	.mMenu .topBlue .button_container span {width:2px; height:29px;}
	.mMenu .topBlue .button_container .top {background:#000; top:-83px;}
	
	.mMenu .topBlue .button_container .bottom {background:#000; top:-61px;}
	.mMenu .overlay.open li {
		 -webkit-animation: fadeInRight .2s ease forwards;
        animation: fadeInRight .2s ease forwards;
	}
	.header .mMenu .overlay .overlayBox {
		background: #e0edf8;
	}
	.mMenu .overlay .overlayBox {margin-top: 11.8rem; width:100%}
	.mMenu .overlay .overlayBox .overlay-menu ul li {background-color: #E0EDF8; border: none !important;}
	.mMenu .overlay .overlayBox .overlay-menu ul li a {color:#222;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on a{color:#222;background: #e0edf8;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.hidden {display:none;}
	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 {
		padding: 25px 28px;
		margin: 10px 22px 22px;
        width: calc(100% - 44px);
        border-radius: 10px;
        background-color: #fff;
        overflow: hidden;
	}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li a {
		font-size:16px;
		color:#222;
		font-weight:400;
		padding:11px 0;
	}

	.header.main .btn_hamNav {
	    position: absolute;
		display: inline-block;
		right: 0;
		width: 39px;
		height: 30px;
		display: inline-block;
		background: url(/_res/h2hub/hes/img/ham_2024.svg) no-repeat;
	}   
	.mMenu .topBlue .mt .mob-login ul {
		width: 100%;
		display:flex;
	}
	.header .btn_hamNav {position: absolute; display: inline-block;right: 0;top: 31px;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;}
	.total_search_bar {
		top:61px;
	}
	/* sub */
	.contents_wrap .layout-type2 .sub_title {display: block;}
	.contents_wrap .layout-type2 .sub_title .tit_1 {margin-bottom:20px;}
	.headerIcon {top:0;}
	.header .btn_tot_search {
		display: block;
		position: absolute;
        right: 54px;
        top: 12px;
		width: 36px;
		height: 36px;
	}
	section.main-visual {
		height:100%;
	}
	.main-visual .swiper_main {
		height:610px;
	}
	.swiper_mainSub {
		position:relative;
		top: auto !important;
        left: auto !important;
		right: auto !important;
		bottom: auto !important;
        margin: 0 !important;
        padding: 10px 10px 20px 10px !important;
	}
	
	.swiper_mainSub .swiper-wrapper div.sub_slide {
		transform: none !important;
		width:50% !important;
		margin:0 !important;
		padding:0 !important;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a {
		display: block;
		position: relative;
		height: 0;
		padding-bottom: 60%;
		margin:10px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
		border-radius:10px;
	}
	
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
		font-size:30px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a:after {
        bottom: 25px;
        right: 20px;
        width: 60px;
        height: 52px;
    }
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		padding:25px;
	}
	.swiper-slide .inner_1920 {
		top:50px;
	}
	.inner_1920 .mTbox {
		padding-left:40px
	}
	.mTbox > h3 {
		font-size:55px;
	}
	.mTbox > h3 > strong {
		display:inline-block;
	}
	.mTbox > h3 > em + strong {
		padding-left:20px;
	}
	.page-wrap {
		left:46px;
		top:280px;
		transform: none;
		padding-left: 0;
	}
	.pageWrap1 {
		right:auto;
		left: 17px;
		top:-3px;
	}
	.pageWrap2 {
		right:auto;
		left:40px;
	}
	.page_inner {
		width:auto;
		height:auto;
	}
	.page_inner .swiper-button-next {
		left:79px;
	}
	.page_inner .swiper-button-pause {
		top:4px;
	}
	.swiper_mainSub .swiper-wrapper {
		margin-top:-200px;
	}
	.main-bottom-link .bottom-link-inner {
		border-top: 1px solid #efefef;
	}
	.main-bottom-link .bottom-link-inner ul {
		padding-left:20px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dd span {
		font-size:16px;
		padding-top: 14px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dd span:after {
		top:13px;
	}
	.main-bottom-link {
		margin-bottom:60px;
	}
	.footer-logo {display:none;}
	.footer .inner {margin-left:0 !important; padding-left:0 !Important; border-left:none !important; padding-top:10px;}
	.footer .linkbox .l_col ul li a {
		font-size:13px !important;
		padding-left:0 !important;
		margin-right:5px !important;
	}
	.footer .box {
		padding-top:0 !important;
	}
	.footer {
		padding:0 15px;
	}
	
}
@media (max-width: 768px) {
	.main-bottom-link {
		height:100%;
	}
	.main-bottom-link .bottom-link-inner {
		padding:30px 10px;
	}
	.main-bottom-link .bottom-link-inner ul {
		padding:0 !important;
		width: 100%;
	}
	.main-bottom-link .bottom-link-inner ul li {
		min-width:auto;
		width:50%;
	}
	.main-bottom-link .bottom-link-inner ul li a {
		padding:0 10px;
	}
	.main-bottom-link .bottom-link-inner ul li a p {
		display:block;
		padding:0;
		background-color: #ececec;
        border-radius: 10px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl {
		display: block;
		padding: 18px 0 0 25px;
		width: 100%;
	}
	.main-bottom-link .bottom-link-inner ul li a p img {
		width: 100%;
	}
	.mTbox > h3 {
		font-size:45px;
	}
	.mTbox > p {
		font-size:16px;
	}
	.mTbox > span {
		font-size:15px;
	}
	.mMenu .overlay .overlayBox .overlay-menu ul.row > li > a:after {
		top: 3rem;
	}
}
@media (max-width: 719px) {
	.swiper_mainSub .swiper-wrapper {
		transform: none !important;
	}
}
@media (max-width: 720px) {
    header .btn_hamNav {background-size: contain !important;}
	.swiper_mainSub .swiper-wrapper div.sub_slide a {
		padding-bottom:70%;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dt {
		font-size:20px;
	}
}
@media (max-width: 640px) {
	.contents_wrap .sub_title .loc > p {align-items: center;display: flex;}
	
	.wrap .header .inner h1 a {}
	.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;}
	.footer .box address span {
		display:inline-block !important;
		width:auto !important;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		padding:18px;
	}
	
	.page_inner .swiper-button-next {
		left:59px;
	}
	.pageWrap1 {
		width:13rem;
	}
	.page_inner .swiper-button-prev {
		left:-41px;
	}
	
	.swiper_mainSub .swiper-wrapper div.sub_slide a {
		margin:5px;
	}
	.swiper_mainSub {
		padding:10px 5px 20px 5px !important;
	}
	.main-bottom-link .bottom-link-inner {
		padding:30px 5px;
	}
	.main-bottom-link .bottom-link-inner ul li a {
		padding:0 5px;
	}
	
}
@media (max-width: 550px) {
	.inner_1920 .mTbox {
		padding-left:20px;
	}
	.mTbox > h3 {
		font-size:32px;
		margin-bottom:20px;
	}	
	.mTbox > p {
		font-size:14px;
	}
	.mTbox > span {
		font-size:12px;
	}
	.page-wrap {
		top:235px;
		left:20px;
	}
	.page_inner .swiper-button-next {
        left: 44px;
    }
	.page_inner .swiper-button-pause.off {
		top:6px;
		left:73px;
		width: 2rem;
    	height: 2rem;
	}
	.page_inner .swiper-button-pause {
		top:1px;
		right:auto;
		left:68px;
		width:20px;
		height:20px;
	}
	.main-visual .swiper_main {
		height:420px;
	}
	.swiper_mainSub .swiper-wrapper {
		margin-top:-150px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dt {
		padding-bottom:15px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dt {
		font-size:13px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
		font-size:20px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl {
		padding:15px 0 0 10px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dd span {
		font-size:13px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dd span:after {
		top:11px;
	}
	.pageWrap1 {
		top:-5px;
		left:22px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a:before {
        left: 19px;
        bottom: 13px;
        width: 17px;
        height: 15px;
    }
}
@media (max-width: 480px) {
	.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;}
	.swiper_mainSub .swiper-wrapper div.sub_slide a:after {
		bottom: 15px;
        right: 15px;
		width:40px;
		height:38px;
	}
	.mMenu .overlay .overlayBox .overlay-menu ul.row > li > a:after {
		top: 15px;
	}
	.footer .box address span {
		font-size:14px;
		color:#333 !important;
	}
	
}

@media (max-width: 450px) {
	.header.main .btn_tot_search {
		width:30px;
		height:30px;
		top:17px;
		right: 41px;
	}
	.header.main .btn_hamNav {
		width:30px;
		height:30px;
		right:6px;
		top:36px;
	}
	
}

/* 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;} 240723 red 팝업 1주일간 보지않기 클릭후 사이트 재 진입시 dim이 남아있는경우가 종종 있어서 주석처리후 아래 다시작성 */
.layer-popup-outer{height:100vh;padding:0 50px;display: none;}
.layer-popup-outer.on{display:flex;}

@media (max-width: 1400px) {
	.footer .linkbox .l_col ul li a {
		font-size:15px;
		margin-right:35px;
	}
	.footer .linkbox .r_col .combo {
		width:200px;
	}
	.footer .linkbox .r_col .combo > a {
		font-size:15px;
		line-height: 47px;
    	height: 50px;
	}
	.footer .box {
		font-size: 14px;
	}
	.footer .inner {
		padding-left:30px;
	}
}

@media (max-width: 1200px) {
	.footer .inner {
		margin-left:260px;
	}
	.footer .linkbox .r_col::before{
		display:none;
	}
	.footer .linkbox .l_col ul{
		border:none;
	}
	.footer .linkbox .l_col ul::after {
		display:none;
	}
	.footer .linkbox .l_col ul li {
		width:auto;
	}
	.footer .linkbox .l_col {
		position:initial;
	}
	.footer .box {
		position:initial;
		bottom:auto;
	}
	
}
@media (max-width: 1100px) {
	.waWrap img,
	.footer .linkbox .r_col .combo {
		display:none;
	}
}
	
@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 .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;}
	.swiper_mainSub .swiper-wrapper {
		margin-top:-130px;
	}
}

@media (max-width: 400px) {
	.header.main .inner h1 a.h2hubLogo {
        width: 128px;
        height: 26px;
    }
	.header .inner h1 .sub-logo {
        width: 73px !important;
        height: 38px !important;
    }
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
		font-size:16px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide dl dd span {
		padding-bottom:5px;
	}
	.main-bottom-link .bottom-link-inner ul li a dl dt {
		font-size:16px;
	}
}

.file_attach .file_add.btn_green2_h46{ text-decoration: underline;}