@charset "utf-8";
.realm{margin-left:5px;}
.d-flex{display:flex;align-items:center;}
/* form */
.form-row {display:flex;align-items:center;}
.form-row-group{flex-wrap:wrap;margin-left:-15px;margin-bottom:-5px;}
.form-row__item{margin-left:15px;margin-bottom:5px;}

/* s::20231206::자가진단 */
.no-padding{padding:0;}
.contents_wrap .layout-type2 .pages.no-padding{padding:0;}
.selfAnaly-intro{display:flex;flex-flow:column wrap;align-items:center;max-width:84rem;height:49rem;margin:0 auto;margin-bottom:4rem;padding:6rem 0 6.5rem;background:url(/_res/h2hub/hes/img/img-autoAnaly__intro.png) no-repeat center 0/cover;}
.selfAnaly-intro form{margin-top:auto;}
.selfAnaly-intro__tit{margin-bottom:2rem;font-size:3.6rem;text-align:center;}
.selfAnaly-intro__txt{font-size:1.8rem;text-align:center;}
.selfAnaly-intro__btn{display:flex;align-items:center;justify-content:center;width:39.3rem;height:7rem;font-size:2rem;font-weight:500;color:#fff;background-color:#006aba;border-radius:.7rem;box-shadow:4px 6px 16px rgb(0 0 0 / 25%);}
.selfAnaly-intro + .selfAnaly-introTxt{border-top:1px solid #dbdbdb;padding-top:3rem;}
.selfAnaly-tit{font-size:3rem;}
.selfAnaly-subtit{display:inline-block;height:2rem;padding-right:2.7rem;margin-bottom:1rem;font-size:1.8rem;font-weight:500;background:url(/_res/h2hub/hes/img/ico-autoAnaly__quest.png) no-repeat 99% 100%/2.2rem 2rem;}
.selfAnaly-txt{font-size:1.6rem;font-weight:400;line-height:1.5;}
.selfAnaly-intro__txt br{display:none;}
.selfAnaly-steps{overflow:hidden;display:flex;justify-content: space-between;padding-bottom:5rem;border-bottom:1px solid #dddddd;}
.selfAnaly-step__item{position:relative;width:25%;padding:.6rem;border-radius:100%;text-align:center;}
.selfAnaly-step__item::before{position:absolute;top:3.5rem;left:calc(-100% * 0.5);width:calc(100% * 1);height:.6rem;background:url(/_res/h2hub/hes/img/ico-selfAnaly__stepBar.png) repeat-x 0 0/auto;z-index:-1;content:""}
.selfAnaly-step__item:last-child::after{position:absolute;top:3.5rem;right:calc(-100% * .5);width:calc(100% * 1);height:.6rem;background:url(/_res/h2hub/hes/img/ico-selfAnaly__stepBar.png) repeat-x 0 0/auto;z-index:-1;content:""}
.selfAnaly-step__item.is-active::before{
	background:url(/_res/h2hub/hes/img/ico-selfAnaly__stepBar-on.png) repeat-x 0 0/auto;
}
.selfAnaly-step__img{position:relative;display:inline-block;width:6rem;height:6rem;margin:0 auto;padding:.7rem;}
.selfAnaly-step__img span{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#bdc7cf;border-radius:100%;z-index:2;}
.selfAnaly-step__img em{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border:1px solid #bdc7cf;border-radius:100%;z-index:1;}
.selfAnaly-step__img img{width:50%}
.selfAnaly-step__item.is-active .selfAnaly-step__img span{	background-color:#0066b3;}
.selfAnaly-step__item.is-active .selfAnaly-step__img em{	border:1px solid #0066b3;}
.selfAnaly-step__tit{margin-top:1rem;font-size:1.6rem;font-weight:400;color:#444;line-height:1.5;}
.selfAnaly-step__item.is-active .selfAnaly-step__tit{color:#000;}
.selfAnaly-userInfo{margin-top:3.5rem;}
.selfAnaly-userInfo__inner{height:17rem;padding:2rem;outline:none;}
.selfAnaly-userInfo__inner.scroll-y{overflow:auto;border:1px solid #dedede;}
.selfAnaly-userInfo__inner.scroll-y::-webkit-scrollbar{width:2rem;}
.selfAnaly-userInfo__inner.scroll-y::-webkit-scrollbar-track {width:2rem;background-color:#f1f1f1;}
.selfAnaly-userInfo__inner.scroll-y::-webkit-scrollbar-thumb {width:1.7rem;background-color:#c1c1c1;border:.3rem solid #f1f1f1;}
.selfAnaly-userInfo__txt{font-size:1.6rem;font-weight:500;color:#000;}
.selfAnaly-userInfo__txt + .table-wrap{margin-top:2rem;}
.selfAnaly-userInfo .table-wrap table th{font-size:1.6rem;}
.selfAnaly-userInfo .table-wrap table td{padding:1rem 0;font-size:1.6rem;text-align:center;}
.selfAnaly-check__label{position:relative;display:flex;align-items: center;font-size:1.6rem;color:#555555;}
.selfAnaly-check__input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
.selfAnaly-check__input + em{display:inline-block;width:1.8rem;height:1.8rem;margin-top:.2rem;margin-right:1rem;border:1px solid #666;border-radius:.3rem;background-color:#fff;}
.selfAnaly-check__input:checked + em{background:#0066b3 url('/_res/h2hub/hes/img/ico-selfAnaly__check.png') no-repeat center center/1.2rem 1rem;border:1px solid #0066b3}
.selfAnaly-write--company{text-align:center;}
.selfAnaly-write--company input{width:39.3rem;height:6rem;border:1px solid #dddddd;border-radius:.3rem;font-size:1.8rem;color:#000;text-indent:3rem}
.selfAnaly-write--company input::placeholder{font-size:1.8rem;font-weight:300;color:#777777;}
.selfAnaly-write--company label{margin-right:3rem;font-size:1.8rem;font-weight:500;color:#000}
.selfAnaly-wrap .essential{display:inline-block;margin-right:.2rem;font-size:1.8rem;color:#ff0004;}
.selfAnaly-btn{padding-top:3rem;margin-top:6rem;border-top:1px solid #dddddd;text-align:center;}
.selfAnaly-btn button{display:inline-block;width:auto;min-width:13rem;height:4.8rem;font-size:1.6rem;border-radius:.3rem;outline:none;}
.selfAnaly-btn.selfAnaly-btn--black button{background-color:#2e2e2e;color:#fff;}
.selfAnaly-btn.selfAnaly-btn--blue button{background-color:#0066b3;color:#fff;}
.selfAnaly-btn button.focused{outline:2px dashed #000;}
.selfAnaly-step__item.is-active.is-checked .selfAnaly-step__img span{background-color:#fff;}
.selfAnaly-step__item.is-active.is-checked .selfAnaly-step__img span img{width:60%;content:url('/_res/h2hub/hes/img/ico-selfAnaly__stepCheck.png')}
.selfAnaly-blueBox{display:flex;align-items:center;width:100%;height:7rem;padding:0 3rem;margin-top:3rem;background-color:#006aba;font-size:1.6rem;font-weight:500;color:#fff;border-radius:.6rem;}
.selfAnaly-blueBox span{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin-right:1rem;border-radius:100%;color:#006aba;font-size:1.6rem;font-weight:400;background-color:#fff;}
.selfAnaly-write--salesCount{display:flex;flex-wrap:wrap;align-items:center;max-width:49.5rem;margin:0 auto;margin-top:2rem;margin-bottom:-1rem;}
.selfAnaly-write--salesCount > p{width:100%;font-size:1.8rem;margin-bottom:1rem;text-align:right;}
.selfAnaly-write--salesCount label{width:7rem;margin-bottom:1rem;margin-right:3rem;font-size:1.8rem;font-weight:500;color:#000;}
.selfAnaly-write--salesCount input, .selfAnaly-write--salesCount .salesCount-sum{width:calc(100% - 10rem);height:6rem;margin-bottom:1rem;border:1px solid #dddddd;font-size:1.8rem;font-weight:400;text-indent:3rem;border-radius:.6rem;}
.selfAnaly-write--salesCount input.focused{font-size:1.8rem;background-color:#f2f9ff;color:#0066b3;}
.salesCount-sum{display:flex;align-items:center;background-color:#eeeeee;border:1px solid #dddddd;}
.salesCount-sum span{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:400;color:#777777;text-indent:0;}
.selfAnaly-write--salesCount .salesCount-sum input{width:calc(100% - 8rem);height:100%;margin:0;border:none;background-color:#eeeeee;}
.selfAnaly-checkCondi{display:flex;margin-left:-2rem;}
.selfAnaly-checkCondi > label{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;height:28rem;width:calc(50% - 2rem);margin-left:2rem;font-size:2.4rem;font-weight:500;line-height:1.5;border:1px solid #dddddd;border-radius:.6rem;text-align:center;}
.selfAnaly-checkCondi > label br{display:block;}
.selfAnaly-checkCondi label .img-wrap{display:block;width:100%;margin-bottom:2rem;text-align:center;}
.selfAnaly-checkCondi > input{width:0;height:0;opacity:0;}
.selfAnaly-checkCondi > input:checked + label{border: 1px solid #3195e1; background-color: #006dbb; color:#fff;}
.selfAnaly-checkCondi > input[id="amountType1"]:checked + label .img-wrap img{content:url('/_res/h2hub/hes/img/img-selfAnaly__condi01--on.png')}
.selfAnaly-checkCondi > input[id="amountType2"]:checked + label .img-wrap img{content:url('/_res/h2hub/hes/img/img-selfAnaly__condi02--on.png')}
.selfAnaly-checkCondi > input.focused + label::before{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px dashed #000;border-radius:.3rem;content:""}
.selfAnaly-write--susoSales{max-width:63rem;margin:0 auto;margin-top:2rem;text-align:right;}
.selfAnaly-write--susoSales > p{margin-bottom:1rem;}
.selfAnaly-write--susoSales input{width:39.3rem;height:6rem;border:1px solid #dddddd;border-radius:.3rem;font-size:1.8rem;color:#000;text-indent:3rem}
.selfAnaly-write--susoSales input::placeholder{font-size:1.8rem;font-weight:300;color:#777777;}
.selfAnaly-write--susoSales label{margin-right:3rem;font-size:1.8rem;font-weight:500;color:#000}
.selfAnaly-status{margin-top:3rem;padding:6rem;border:1px solid #dddddd;border-radius:.6rem;text-align:center;}
.selfAnaly-status h3{margin-top:3rem;font-size:3rem;}
.selfAnaly-status h3 + p{margin-top:4rem;}
.selfAnaly-status p{font-size:1.8rem;line-height:1.5;}
.selfAnaly-status p + p{margin-top:1.5rem;}
.selfAnaly-status__detail{display:flex;flex-wrap:wrap;margin-top:2rem;margin-left:-2rem;}
.selfAnaly-status__detail--range{width:calc(50% - 2rem);margin-left:2rem;border-top:1px solid #006aba;}
.selfAnaly-status__detail--result{width:calc(50% - 2rem);margin-left:2rem;border-top:1px solid #006aba;}
.selfAnaly-status__detail .table-basic{}
.selfAnaly-status__detail .table-basic th{height:5rem;padding:.7rem 0;font-size:1.6rem;font-weight:500;color:#003055;background-color:#f9fcff;border-left:1px solid #ebf0f4;border-bottom:1px solid #ebf0f4;text-align:center;}
.selfAnaly-status__detail .table-basic th:first-child{border-left:none;}
.selfAnaly-status__detail .table-basic td{height:4.1rem;padding:1rem 2rem; border-bottom:1px solid #ebf0f4;border-left:1px solid #ebf0f4;color:#333;text-align:center;}
.selfAnaly-status__detail .table-basic td:first-child{border-left:none;}
.selfAnaly-status__detail .table-basic thead th[scope='col']{height:5rem;}
.selfAnaly-status__detail .table-basic tbody th[scope='row']{height:8.5rem;}
.selfAnaly-status__detail--range .table-basic td{font-size:1.6rem;}
.selfAnaly-status__detail--result .table-basic td{font-size:1.6rem;}
.selfAnaly-status__detail .table-basic td.ta-l{text-align:left;}
.selfAnaly-status__detail .table-basic td.ta-r{text-align:right;}
.selfAnaly-status__detail .table-basic td.fw-b{font-weight:700;}
.selfAnaly-status__detail .table-basic td.fs-18{font-size:1.8rem;}
.selfAnaly-status__detail .table-basic tr.is-active td{background-color:#d4e9fd;}
.selfAnaly-status__detail .table-basic td.no-entri{height:20.5rem;}
.selfAnaly-status__detail--result .table-basic td strong{margin-right:.7rem;font-size:2.6rem;font-weight:700;}
.selfAnaly-status__sup{width:100%;font-size:1.6rem;color:#2d6086;}
.selfAnaly-status__btn button{width:39.3rem;height:7rem;font-size:2rem;border-radius:.6rem;}
.contents_wrap .essential-blue{font-size:1.6rem;color:#0066b3}
.contents_wrap input[type="text"].is-write,
.contents_wrap input[type="number"].is-write{background-color:#f2f9ff;color:#0066b3;border:1px solid #0066b3;}
.contents_wrap input[type="text"].is-write.focused,
.contents_wrap input[type="number"].is-write.focused{border:1px dashed #0066b3;}
/* e::20231206::자가진단 */

.selfAnaly-checkCondi > input + label em {
	display:none;
}
.selfAnaly-checkCondi > input:checked + label em {
	display:block;
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #000;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    line-height: 80px;
    font-size: 20px;
}

/* 2023 웹접근성 수정 */
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step1-joinOn.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step1-check.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step2-joinOn.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step2-check.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step3-joinOn.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step3-check.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step4-joinOn.png"],
.pages .join_step .unit img[src="/_res/h2hub/hes/img/icon_step4-check.png"]{border:2px dashed #000;border-radius:100%;;}
.pages .join_step3 .unit.on::after{border:2px dashed #000}
.replaceTable{position:relative;}
.replaceTable ul li{display:flex;align-items:center;border-bottom:1px solid #b8bdc5;}
.replaceTable span{display:flex;align-items:center;justify-content:center;width:140px;padding:10px;font-size:14px;font-weight:500;color:#666;line-height:1.5}
.replaceTable em{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 140px);padding:10px;border-left:1px solid #b8bdc5;font-size:14px;font-weight:300;color:#666;line-height:1.5}
.replaceTable dt + dd{border-left:none;}
.ui-datepicker-days-cell-over{border:1px dashed #000 !important;}

@media all and (max-width: 1200px){
	/* 팝업 공통사이즈 조절 */
	.popup{
		width:calc(100% - 5rem);
		box-shadow:1px 1px 12px rgb(0 0 0 / 53%);
		border-radius:14px;
	}
	.popup .pop_inner{width:100%;}
	.pop_container img{width:100%;}
	.pop_container{padding:4rem;}
	.pop_header .close{top:50%;right:3.9rem;transform:translateY(-50%);width:3rem;height:3rem;background-size:cover;}
	.POP_APPLIST .tb_1 {overflow-x:auto;overflow-y:hidden;}
	.POP_APPLIST .tb_1 > table{min-width:832px;}
	.POP_DOC_DOWNLOAD{width:calc(100% - 2rem;)}
	.POP_DOC_DOWNLOAD .pop_inner{width:100%;}
	.POP_DOC_DOWNLOAD .tb_2 {overflow-x:auto;overflow-y:hidden;}
	.POP_DOC_DOWNLOAD #tbl{min-width:832px;}
	.POP_DOC_DOWNLOAD #tbl a img[src="/hes/images/ico_file_blue.png"]{width:auto;}

	/* 수소전문기업 신청 */
	:is(.board_view2, .board_list2) {overflow-x:auto;overflow-y:hidden;}
	:is(.board_view2, .board_list2) > table{min-width:1200px;}
	.ui_001{min-width:1200px}
	.P_PROCESS_STAT .board_list {overflow-x:auto;overflow-y:hidden;}
	.P_PROCESS_STAT .board_list > table{min-width:1200px;}
	.P_PROCESS_STAT .board_list.mobile-noScroll {overflow:auto;}
	.P_PROCESS_STAT .board_list.mobile-noScroll > table{min-width:auto;}
	.P_PROCESS_STAT .board_list > table.progress {min-width:1200px;}
	/*:is(.board_list .process2, .process3){display:flex;flex-flow:column wrap;align-items:center;}
	:is(.board_list .process2, .process3) li + li{margin-top:57px;margin-left:0;}
	:is(.board_list .process2, .process3) li + li::before{top:-27px;left:50%;transform:translateX(-50%) rotate(90deg);}*/
	is(.board_list .process2, .process3){max-width:1200px;overflow:auto;}
}

@media all and (max-width: 1024px){
	.tb_1{overflow-x:auto;}
	table{table-layout:auto;}

	/* 수소전문기업 신청 */
	.join_step3{display:flex;justify-content:space-between;padding:38px 0 5rem 0;margin:5rem -2rem}
	.join_step3 .unit + .unit{margin-left:0;}
	.join_step3 .unit{flex:1;text-align:center;}
	.join_step3 .unit:first-child{margin-left:0;}
	.layout-type2 .join_step3 .unit:first-child{margin-left:0;}
	.join_step3 .unit::after{position:relative;z-index:1;}
	.join_step3 .unit.on::before{right:130px;}
	.join_step3 .unit span{width:100%;font-size:2rem;}
	.join_step3 .unit span:nth-child(1){top:-4.3rem}
	.join_step3 .unit span:nth-child(2){display:flex;align-items:center;justify-content:center;bottom:-5.1rem;height:36px;}
	#registerForm .board_write table, 
	#registerForm .board_write tbody, 
	#registerForm .board_write table tr, 
	#registerForm .board_write table th, 
	#registerForm .board_write table td{display:block;width:100%;}
	#registerForm .board_write table th{padding:2.5rem;}
	#registerForm .board_write table tr{display:flex;flex-wrap:wrap;}
	#registerForm .board_write table th{width:35%} 
	#registerForm .board_write table td{width:65%}
	#registerForm .board_write table .mobile-hide{display:none;}

	/* 팝업 공통사이즈 조절 */
	.POP_SUPPLEMENT #fileList{width:calc(100% - 13rem) !important}

}
@media all and (max-width: 768px){
	/* 팝업 공통사이즈 조절 */
	.pop_header{display:flex;align-items:center;height:9rem;}
	.pop_header h1{height:auto;padding:0 9rem 0 3.9rem;font-size:2.4rem;line-height:100%;}
	.popup .btn_group .btn{height:7rem;font-size:14px;line-height:7rem;}
	input.f_txt.w_500{width:100% !important}
	.pop_footer .btn_group {display:flex;}
	:is(.POP_APPROVE_COMPLETE, .POP_REASON) .tb_2 th, 
	:is(.POP_APPROVE_COMPLETE, .POP_REASON) .tb_2 td{padding:1rem;font-size:14px;}
	.POP_APPROVE_COMPLETE input.f_txt{width:calc(100% - 13rem) !important;}
	.POP_APPLIST .tb_2 th{padding:1rem;font-size:14px;}
	.POP_APPLIST .tb_2 td.al{padding:1rem;font-size:14px;}
	.POP_BUSINESS_APPLIST .tb_1 th{padding:1rem}
	.POP_BUSINESS_APPLIST .tb_1 td{padding:1rem}
	.POP_BUSINESS_APPLIST .tb_1 td .btn{font-size:14px;}
	.POP_SUPPLEMENT colgroup{display:none;}
	.POP_SUPPLEMENT .tb_2 th,
	.POP_SUPPLEMENT .tb_2 td{padding:1rem;font-size:14px;}
	.POP_BUSINESS_APPLIST .process3 li{left:0;transform:none;}
	.file_attach .file_add{width:auto;height:35px;margin-left:0;line-height:35px;font-size:13px;}


	/* 수소전문기업 신청 */
	.join_step3 .unit.on::before{right:14rem;}
	.click-popup{font-size:16px;}
	#registerForm table th{font-size:14px;}
	.btn_aply_cancel{width:110px;padding-left:40px;font-size:14px;background-position:15px center;}
	.btn_aply_modify{width:140px;padding-left:40px;font-size:14px;background-position:15px center;}
	
}
@media all and (max-width: 640px){
	.f_txt{height:35px; }
}
@media all and (max-width: 479px){
	/* 수소전문기업 신청 */
	.join_step3 .unit::after{width:65px;height:65px;}
	.join_step3::before{top:70px;}
	.join_step3 .unit.on::before{top:32px;}
	.agree .terms{padding:2.5rem;font-size:2.2rem;}
	.agree .terms + .guide_txt{font-size:2.2rem;}
	.f_chk{padding-left:4.8rem;font-size:2.2rem;}
	.btn_next_step{width:16rem;height:7rem;font-size:2.2rem;padding-left:5.6rem;line-height:7rem;background-position:2rem center;border-radius:1rem;}
	#registerForm .board_write table th{padding:2rem 1rem;font-size:13px;}
	input.f_txt, .f_search input[type=text]{height:35px;font-size:14px;}
	.board_write table td{padding:1rem;}
	.board_write .inner_txt{height:35px;line-height:35px;font-size:14px}
	.board_write .form-row.form-chk.form-row-group .form-row__item{flex-wrap:wrap;}
	#etcText{display:block;width:100%;}
	#zip{width:100% !important;}
	:is(.board_view2, .board_list2) th{padding:2rem 0;font-size:14px;}
	:is(.board_view2, .board_list2) td{padding:1rem;font-size:14px;}

	/* form */
	.form-row__item{width:100%;font-size:14px;}

	/* popup 공통 */
	.POP_APPROVE_COMPLETE colgroup{display:none;}

}
@media all and (max-width: 360px){
	/* 수소전문기업 신청 */
}